@charset "UTF-8";
/*--------------------------------------------------

  @media max-width:1600px

  ------------------------------------------------*/
@media screen and (max-width:1600px){
/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/top/main_visual.webp) left bottom / cover no-repeat;
}
}

/*--------------------------------------------------

  @media max-width:1400px

  ------------------------------------------------*/
@media screen and (max-width:1400px){
/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related .slick-next{
  right: -50px;
}

#new #related .slick-prev{
  left: -50px;
}
}


/*--------------------------------------------------

  @media max-width:1350px

  ------------------------------------------------*/
@media screen and (max-width:1350px){
/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .slick-next{
  right: 30px;
}

#new #archive_work .main_visual .slick-prev{
  left: 30px;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 1050px;
  margin: 0 auto;
}

#new #related .slick-work-box a{
  margin: 0 10px !important;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .visual .content{
  padding: 35px 0 60px;
}

#new .denshichobo .visual .sub_ttl{
  display: none;
}
}


/*--------------------------------------------------

  @media max-width:1250px

  ------------------------------------------------*/
@media screen and (max-width:1250px){
/*--------------------------------------------------
  common
  ------------------------------------------------*/
#new .content,
.php_template .content{
  padding: 80px 30px;
}

.home #new .content{
  padding: 50px 30px;
}

/*--------------------------------------------------
  cv btn
  ------------------------------------------------*/
#new .cv_btn li:first-child{
  margin-right: 30px;
}

/*--------------------------------------------------
  cv box [php_template]
  ------------------------------------------------*/
#new .cv_box .btn_box .content{
  padding: 20px 20px;
}

#new .cv_box .btn_box div.illust{
  left: 10px;
}

#new .cv_box .btn_box ul{
  padding-left: 280px;
}

#new .cv_box .btn_box ul li{
  width: calc(50% - 15px / 2);
}

#new .cv_box .btn_box ul li:first-child{
  margin-right: 15px;
}

#new .cv_box .btn_box ul li.btn a{
  padding: 10px 15px 8px 20px;
}

#new .cv_box .btn_box ul li.btn a p,
#new .cv_box .btn_box ul li.btn a h3{
  letter-spacing: 1px;
}

#new .cv_box .btn_box ul li.btn a:after{
  right: 15px;
}

#new .cv_box .btn_box ul li.btn a .icon_box{
  padding-left: 50px;
}

#new .cv_box .txt_box .content{
  padding: 12px 20px 8px;
}

#new .cv_box .txt_box div.lead_box h3,
#new .cv_box .txt_box div.lead_box p{
  letter-spacing: 0;
}

#new .cv_box .txt_box div.tel_box p{
  margin-left: 0;
}

#new .cv_box .txt_box div.tel_box a:before{
  left: 5px;
}

/*--------------------------------------------------
  footer contact [php_template]
  ------------------------------------------------*/
#new .contact section,
.php_template #footer_contact section{
  padding: 0 30px;
}

#new .contact .cv_btn li,
#footer_contact .cv_btn li{
  width: calc(50% - 30px / 2);
}

#new .contact .cv_btn li:not(:last-child),
#footer_contact .cv_btn li:not(:last-child){
  margin-right: 30px;
}

/*--------------------------------------------------
  header
  ------------------------------------------------*/
header .logo_box{
  padding: 0 10px;
}

/*--------------------------------------------------
  bread crumb
  ------------------------------------------------*/
#bread_crumb ul{
  padding: 12px 10px 10px;
}

/*--------------------------------------------------
  top achievement
  ------------------------------------------------*/
#new .top_achievement{
  padding: 0 20px;
}

.home #new .top_achievement .content{
  padding: 17px 60px 14px;
}

/*--------------------------------------------------
  top bnr col1
  ------------------------------------------------*/
.home #new .bnr_col1 .content{
  padding: 20px 30px;
}

#new .bnr_col1 p{
  margin-top: -5px;
}

/*--------------------------------------------------
  top bnr agreement
  ------------------------------------------------*/
#new .bnr_col2 ul.content,
#new .top_bnr .agreement{
  padding: 25px 30px 30px;
}

#new .top_bnr .agreement ul{
  padding: 0;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .content{
  padding: 40px 30px 60px;
}

/*--------------------------------------------------
  top feature
  ------------------------------------------------*/
#new .top_feature .list_box h3{
  font-size: 1.9rem;
}

#new .top_feature .list_box li:not(:last-child){
  margin-right: 30px;
}

/*--------------------------------------------------
  top price
  ------------------------------------------------*/
#new .top_price .it_box:before,
#new .sub .price .it_box:before{
  right: 40px;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
.home #new .top_voice_logo .content{
  padding: 30px 30px 40px;
}

#new .top_voice_logo .content{
  padding: 70px 30px;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer > div.content{
  padding: 50px 30px;
}

footer .media_info h4 br{
  display: none;
}

/*--------------------------------------------------
  footer follow [php_template]
  ------------------------------------------------*/
footer #follow .ttl_box .content{
  padding: 7px 20px;
}

/*--------------------------------------------------
  footer follow btn [php_template]
  ------------------------------------------------*/
footer #follow .btn_box .content{
  padding: 5px 295px 8px 20px;
}

footer #follow .btn_box .illust,
footer #follow .btn_box .illust_link_box{
  right: 10px;
}

footer #follow .btn_box .logo{
  margin-right: 20px;
}

/*--------------------------------------------------
  top blog recommend
  ------------------------------------------------*/
#new .blog .recommend .content{
  padding: 45px 30px 50px;
}

/*--------------------------------------------------
  sub
  ------------------------------------------------*/
#new .sub .function .ttl_box,
#new .sub .function_other .ttl_box,
#new .sub .faq .ttl_box{
  margin-bottom: 50px;
}

/*--------------------------------------------------
  sub function group
  ------------------------------------------------*/
#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  width: 100px;
}

#new .sub .function_other .group .list_box h3 br{
  display: block;
}

/*--------------------------------------------------
  sub function device
  ------------------------------------------------*/
#new .sub .device .content{
  padding: 80px 30px 0;
}

#new .sub .device .img_box{
  margin-right: 0;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .function_other_list ul li{
  width: calc(25% - 90px / 4);
  margin-right: 30px;
}

/*--------------------------------------------------
  sub common
  ------------------------------------------------*/
#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area,
#new .top_selection .col2_box .img_box,
#new .sub .col2_box .img_box{
  width: calc(50% - 50px / 2);
}

#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area{
  margin-right: 50px;
}

/*--------------------------------------------------
  sub slide
  ------------------------------------------------*/
#new .top_selection section .img_box .slide02 img,
#new .sub .selection section .img_box .slide02 img{
  height: 26.2415vw;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type tbody tr:nth-child(1) td,
#new .sub .price .table_type tbody tr:nth-child(1) td{
  text-align: left;
}

#new .top_price .table_type tbody tr:nth-child(1) td br,
#new .sub .price .table_type tbody tr:nth-child(1) td br{
  display: none;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .content{
  padding: 50px 30px;
}

#new .sub .company .massage .sign{
  margin-top: 30px;
}

#new .sub .company .massage_area,
#new .sub .company table{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area .privacy_area{
  padding: 0 20px 50px;
}

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box{
  margin-right: 20px;
  margin-left: 20px;
}

#new .sub .form_area .it_col_box .left_box br.spon{
  display: block;
}

#new .sub .form_area .it_col_box .right_box{
  width: 570px;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .tel_box a{
  font-size: 3.6rem;
  margin-right: 0;
}

/*--------------------------------------------------
  news page
  ------------------------------------------------*/
.tax-news-cat #page_header{
  margin: 60px 0;
}

.tax-news-cat #main_col,
.post-type-archive-news #main_col{
  width: auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.tax-news-cat #main_col .page_navi,
.post-type-archive-news #main_col .page_navi{
  margin-top: 50px;
}

#archive_news_list .news_list{
  margin: 0;
}

/*--------------------------------------------------
  news article
  ------------------------------------------------*/
.single-news #main_col{
  width: auto;
  margin: 0 auto 30px;
  padding: 0 30px;
  box-sizing: border-box;
}

.single-news #single_news{
  margin: 95px 0 40px;
  padding: 40px 30px 30px;
}

#single_news #post_title{
  margin-bottom: 20px;
}

#single_news #post_meta_top{
  margin-bottom: 30px;
}

#single_news #article h3{
  margin-bottom: 25px;
}

#single_news #article .post_content ul,
#single_news #article .post_content ol,
#single_news #article .post_content dl,
#single_news #article .post_content blockquote,
#single_news #article iframe.wp-embedded-content,
#single_news #article .post_content .img_box,
#single_news #article .post_content .txt_box,
#single_news #article .post_content .link_box{
  margin-bottom: 25px;
}

#single_news #article li.list_reference{
  margin-top: 20px;
}

.single-news #single_news_list{
  margin: 40px 0 20px;
}

#single_news #article .content:not(:last-child){
  margin-bottom: 40px;
}

/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work .content{
  padding: 50px 30px;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .ttl_box:after{
  right: 0;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite .content{
  padding: 50px 30px 25px;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work #left_col{
  padding: 0 30px 50px;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead{
  padding: 30px 30px 0;
}

/*--------------------------------------------------
  agency
  ------------------------------------------------*/
#new .sub .agency .explanation ul li{
  margin-right: 30px;
  width: calc(25% - 90px / 4);
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce{
  padding: 80px 30px;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  padding: 55px 30px 60px;
}

#new .denshichobo .visual .content{
  padding: 35px 30px 60px;
}

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .save_list{
  padding: 35px 30px;
}

#new .denshichobo .save_list ul li{
  width: calc(33.3333333% - 60px / 3);
}

#new .denshichobo .save_list ul li:not(:last-child){
  margin-right: 30px;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .merits_list .txt_box br{
  display: none;
}

#new .denshichobo .merits_list li:last-child div.btn{
  margin-top: 0;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .content{
  padding: 50px 30px;
}

#new .denshichobo .form_get_around .present{
  display: block;
}

#new .denshichobo .form_get_around .present .lead{
  justify-content: center;
}

#new .denshichobo .form_get_around .present .txt_box{
  max-width: 100%;
  margin-right: 0;
  margin: 0 auto;
}

#new .denshichobo .form_get_around .txt_box .now{
  margin-right: 30px;
}

#new .denshichobo .form_get_around .img_present{
  max-width: 526px;
  margin: 0 auto;
  margin-bottom: 30px;
}

#new .denshichobo .form_get_around .img_document{
  max-width: 624px;
  margin: 0 auto;
}

#new .denshichobo .form_get_around .img_document img{
  margin-left: -20px;
}

#new .denshichobo .form_get_around .btn{
  text-align: center;
  margin-top: 30px;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt .txt_box{
  padding: 0 30px 50px;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice_list .txt_box p{
  text-align: left;
}

/*--------------------------------------------------
  lp mutual link
  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 80px 30px;
}

#new .mutual_link .content:before{
  width: 132px;
  height: 74px;
  top: -25px;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .illust img{
  max-width: 28.834%;
}

#new .mutual_link .about .txt_box br.spon{
  display: block;
}

#new .mutual_link .about .chart img{
  padding: 40px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul li{
  padding: 40px 20px;
}

#new .mutual_link .effect ul li{
  width: calc(33.3333333% - 60px / 3);
}

#new .mutual_link .effect ul li:before{
  width: 60px;
  height: 60px;
}

#new .mutual_link .effect ul li:not(:last-child){
  margin-right: 30px;
}

#new .mutual_link .effect ul li h3{
  font-size: 2.2rem;
}

#new .mutual_link .effect ul li img{
  max-width: 140px;
}

#new .mutual_link .effect .txt_box{
  margin-bottom: 30px;
}

#new .mutual_link .effect .comment{
  align-items: flex-start;
}

#new .mutual_link .effect .comment .txt_balloon{
  padding: 17px 15px;
  margin-right: 40px;
}

#new .mutual_link .effect .comment .txt_balloon:before{
  width: 40px;
  height: 40px;
  left: 20px;
}

#new .mutual_link .effect .comment .txt_balloon p{
  margin-left: 60px;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box p{
  text-align: left;
}

#new .mutual_link .careful .txt_box p br{
  display: none;
}

#new .mutual_link .careful .txt_box p:not(:first-child){
  padding-right: 16%;
}

#new .mutual_link .careful .img_box{
  width: 11.834%;
  height:auto;
  right: 6%;
  bottom: 12%;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish .lead_box,
#new .mutual_link .publish .txt_box{
  margin-bottom: 30px;
}

#new .mutual_link .publish .lead_box h3{
  font-size: 3.6rem;
  margin-bottom: 12px;
}

#new .mutual_link .publish .lead_box p{
  max-width: 230px;
}

#new .mutual_link ul.publish_list_box li{
  padding: 35px 30px 30px;
  margin-bottom: 40px;
}

#new .mutual_link ul.publish_list_box li:before{
  width: 88px;
  height: 102px;
  top: -7px;
  left: 30px;
}

#new .mutual_link .publish .img_box{
  padding: 6px;
  margin-bottom: 30px;
}

#new .mutual_link li.aippear_net .img_illust{
  width: 18.149%;
  height:auto;
  bottom: -50px;
}

/*--------------------------------------------------
  mutual link page
  ------------------------------------------------*/
#new .mutual_link_page .content,
#new .service_link_page .content{
  padding: 40px 30px 80px;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page .service_list > li{
  width: calc(50% - 30px / 2);
  margin-right: 30px;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .content{
  padding: 60px 20px;
}

/*--------------------------------------------------
  lp voice
  ------------------------------------------------*/
#new #lp.common .voice li.flex_box{
  display: block;
  border: none;
}

#new #lp.common .voice li.flex_box .img_box{
  margin-bottom: 30px;
}

#new #lp.common .voice li.flex_box .img_box img{
  width: auto;
  height: auto;
  margin: 0 auto;
}

#new #lp.common .voice li.flex_box .sentence{
  padding: 0;
}

/*--------------------------------------------------
  lp contact
  ------------------------------------------------*/
#new #lp.common .contact .it_txt .right_box{
  width: 500px;
}

#new #lp.common .contact .it_txt .left_box br.off{
  display: none;
}

/*--------------------------------------------------
  lp first main visual
  ------------------------------------------------*/
#lp_mv.excel .left_box,
#lp_mv.excel .right_box{
  padding: 30px;
}

#lp_mv.excel .left_box:after{
  border-width: 20px 0 20px 20px;
  right: -18px;
  margin-top: -20px;
}

#lp_mv.excel .btn a{
  width: auto;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result h4{
  text-align: left;
}

#new #lp .first .result h4 br{
  display: none;
}
}


/*--------------------------------------------------

  @media max-width:1200px

  ------------------------------------------------*/
@media screen and (max-width:1200px){
/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual .cv_btn li{
  flex: 0 0 40%;
}

/*--------------------------------------------------
  top achievement
  ------------------------------------------------*/
#new .top_achievement .content{
  padding: 17px 60px 14px;
}

#new .top_achievement p.ttl{
  font-size: 1.7rem;
  margin-bottom: 10px;
}

#new .top_achievement p.txt{
  font-size: 2.2rem;
}

#new .top_achievement p.txt span{
  font-size: 4.4rem;
  line-height: 0.8;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .ttl_box h2 span.aippear{
  margin: 0 -15px 0 0;
}

#new .top_graph .ttl_box h2 br.ipadon{
  display: block;
}

/*--------------------------------------------------
  top blog
  ------------------------------------------------*/
#new .blog .col2_box .txt_box p br{
  display: none;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer > div.content .col2_box{
  display: block;
}

footer #menu_box{
  width: 100%;
}

footer #footer_menu{
  justify-content: flex-start;
  margin-bottom: 35px;
}

footer #menu_box ul.bnr_box{
  margin: 0 0 40px;
}

footer .media_info{
  margin-right: 0;
}

footer .media_info h4{
  display: inline-block;
}

footer .media_info .txt_box br{
  display: none;
}

footer #sns_box{
  padding: 20px 0;
}

footer #footer_address{
  margin-top: 0;
}

/*--------------------------------------------------
  copyright
  ------------------------------------------------*/
.mobile footer #copyright{
  padding: 0 15px;
}

/*--------------------------------------------------
  footer follow btn [php_template]
  ------------------------------------------------*/
footer #follow_btn{
  bottom: 122px;
}

footer #follow_btn ul{
  display: flex;
  margin-right: 7px;
}

footer #follow_btn li:not(:last-child){
  margin-right: 7px;
  margin-bottom: 0;
}

footer #follow_btn a{
  font-size: 1.3rem;
  text-align: left;
  border: 2px #008cd7 solid;
  border-radius: 6px 6px 0 0;
/*  box-shadow: 3px 0 0 0 rgba(0, 140, 215, 1);*/
  padding: 5px 6px 3px 38px;
}

footer #follow_btn a:before{
  content: '';
  position: absolute;
  right: auto;
  top: 0;
  bottom: 0;
}

footer #follow_btn li.function a:before{
  left: 8px;
}

footer #follow_btn li.price a:before{
  left: 10px;
}

footer #follow_btn li#page_top a{
  padding: 5px 6px 3px 32px;
}

footer #follow_btn li#page_top a:before{
  top: -2px;
  left: 9px;
}

/*--------------------------------------------------
  footer it campaign follow btn
  ------------------------------------------------*/
footer #it_txt #follow_btn,
footer #it_campaign #follow_btn{
  bottom: 120px;
}

/*--------------------------------------------------
  footer follow btn box
  ------------------------------------------------*/
footer #follow .btn_box .content{
  padding: 5px 20px 8px;
}

footer #follow .btn_box .illust,
footer #follow .btn_box .illust_link_box{
  display: none;
}

/*--------------------------------------------------
  top siryou bnr
  ------------------------------------------------*/
.siryou_bnr{
  display: none !important;
}

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  width: 90px;
}

/*--------------------------------------------------
  function detail
  ------------------------------------------------*/
#new .sub .detail h3{
  line-height: 1.4;
}

#new .sub .detail .list_box li .img_box{
  width: auto;
  flex: 1 1 0%;
}

/*--------------------------------------------------
  sub function device
  ------------------------------------------------*/
#new .sub .device .txt_box br{
  display: none;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection h3 span,
#new .sub .selection h3 span{
  font-size: 3.2rem;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support li br,
#new .sub .selection .support li br{
  display: block;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function .ttl_box_select ul li{
  width: calc(33.3333333% - 60px / 3);
}

#new .sub .function .ttl_box_select ul li:not(:last-child){
  margin-right: 30px;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .introduction_case ul{
  display: block;
}

#footer_function .introduction_case ul li{
  width: 100%;
}

#footer_function .introduction_case ul li:not(:last-child){
  margin-right: 0;
  margin-bottom: 30px;
}

#footer_function .introduction_case ul li img{
  width: 150px;
}

#footer_function .introduction_case ul li .txt_box{
  flex: 1 1 0%;
}

#footer_function .introduction_case ul li h3{
  margin-bottom: 15px;
}

/*--------------------------------------------------
  top price
  ------------------------------------------------*/
#new .top_price .it_box,
#new .sub .price .it_box{
  margin-top: -20px;
  padding-bottom: 130px;
}

#new .top_price .it_box:before,
#new .sub .price .it_box:before{
  right: 0;
  left: 0;
  margin: auto;
}

#new .top_price .it_link a:after,
#new .sub .price .it_link a:after,
#new .top_price .it_price .txt_box:after,
#new .sub .price .it_price .txt_box:after{
  left: 50%;
  right: auto;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f4f6fa;
}

#new .top_price .it_link a:after,
#new .sub .price .it_link a:after{
  top: 96%;
}

#new .top_price .it_price .txt_box:after,
#new .sub .price .it_price .txt_box:after{
  top: 100%;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type tbody th br,
#new .sub .price .table_type tbody th br{
  display: block;
}

/*--------------------------------------------------
  price function table
  ------------------------------------------------*/
#new .sub .price_function .table_type tbody th{
  padding: 10px 5px;
}

/*--------------------------------------------------
  price option
  ------------------------------------------------*/
#new .sub .price_option h3 br{
  display: block;
}

#new .sub .price_option h4 span{
  font-size: 2.7rem;
}

#new .sub .price_option h4{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  flow
  ------------------------------------------------*/
#new .sub .flow .tel,
#function_flow .flow .tel{
  display: block;
}

#new .sub .flow .tel a,
#function_flow .flow .tel a{
  display: inline-block;
  margin-right: 0;
  margin-bottom: -5px;
}

#new .sub .flow .frame .img_box,
#function_flow .flow .frame .img_box{
  flex: 0 0 340px;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .ttl_box{
  margin-bottom: 25px;
}

#new .sub .company .massage h3{
  text-align: left;
  margin-bottom: 45px;
}

#new .sub .company .massage_box{
  display: block;
}

#new .sub .company .massage .txt_box{
  margin-right: 0;
}

#new .sub .company .massage .img_box{
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
}

#new .sub .company .massage .sign{
  width: 240px;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area .ttl_box h2{
  font-size: 2.6rem;
}

#new .sub .form_area .document_ttl{
  top: 4.5%;
  left: 14%;
}

#new .sub .form_area .demo_ttl{
  top: 4.5%;
  left: 13%;
}

#new .sub .form_area .txt_area{
  padding: 30px;
}

#new .sub .form_area .txt_box{
  margin-top: 55px;
  margin-bottom: 20px;
  min-height: 0%;
}

#new .sub .form_area .form_box{
  padding: 30px;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .txt_box .lead{
  letter-spacing: 0;
  margin-bottom: 25px;
  display: block;
}

#new .sub .form_area .tel_box{
  text-align: center;
  display: block;
}

#new .sub .form_area .tel_box .number p{
  text-align: center;
}

#new .sub .form_area .tel_box .time{
  margin-top: 3px;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document h3{
  margin-bottom: 10px;
}

#new .sub .form_area .document h3 br{
  display: none;
}

#new .sub .form_area .document p,
#new .sub .form_area .demo p{
  position: static;
  width: auto;
  height: auto;
}

#new .sub .form_area .document p img,
#new .sub .form_area .demo p img{
  margin: 0 auto;
}

#new .sub .form_area .document p img{
  width: 70% !important;
  margin-bottom: 10px;
}

#new .sub .form_area .document .list{
  display: flex;
}

#new .sub .form_area .document .list ul:first-child{
  margin-right: 50px;
}

/*--------------------------------------------------
  form demo
  ------------------------------------------------*/
#new .sub .form_area .demo p img{
  width: 60% !important;
  margin-bottom: 20px;
}

#new .sub .form_area .demo .list{
  width: 100%;
}

/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work .ttl_slash .txt:before{
  left: -10px;
}
       
#new .common_work .ttl_slash .txt:after{
  right: -10px;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .ttl_box:after{
  right: 90px;
}

#new #archive_work .main_visual section .content{
  max-width: 920px;
}

#new #archive_work .main_visual .slick-slide > div{
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 0 50px;
}

#new #archive_work .main_visual .slick-work-box a{
  padding: 30px 30px 40px;
}

#new #archive_work .main_visual .slick-work-box .img_box{
  max-width: 37%;
}

#new #archive_work .main_visual .txt_box img.logo{
  max-height: 48px;
  margin-bottom: 0;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

#new #archive_work .main_visual .slick-next{
  right: -20px;
}

#new #archive_work .main_visual .slick-prev{
  left: -20px;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 950px;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search .category{
  padding: 20px;
}

#new #archive_work .search .category ul li{
  width: calc(25% - 54px / 4);
  margin-right: 18px;
}

#new #archive_work .search .category ul li:nth-child(5n){
  margin-right: 18px;
}

#new #archive_work .search .category ul li:nth-child(4n){
  margin-right: 0;
}

#new #archive_work .search .category ul li:nth-child(5n+1):nth-last-child(-n+5),
#new #archive_work .search .category ul li:nth-child(5n+1):nth-last-child(-n+5) ~ li{
  margin-bottom: auto;
}

#new #archive_work .search .category ul li:nth-child(4n+1):nth-last-child(-n+4),
#new #archive_work .search .category ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li{
  margin-bottom: 0;
}

#new #archive_work .search .category a{
  padding: 12px 15px 10px;
}

#new #archive_work .search .category h4{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  archive work interview
  ------------------------------------------------*/
#new #archive_work .interview section:before{
  right: 18%;
}

#new #archive_work .interview ul.list_box > li{
  width: calc(33.3333333% - 60px / 3);
  margin-bottom: 30px;
}

#new #archive_work .interview ul.list_box > li{
  margin-right: 30px;
}

#new #archive_work .interview button{
  margin-top: 20px;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite .message{
  justify-content: center;
}

#new #archive_work .favorite .message h4 br{
  display: block;
}

/*--------------------------------------------------
  archive work cat
  ------------------------------------------------*/
#new #archive_work_cat.interview ul.list_box{
  margin-bottom: 20px;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work .flex_col2{
  display: block;
}

#new #single_work .flex_col2 .img_box,
#new #single_work .flex_col2.flex_reverse .txt_box{
  margin-right: 0;
}

#new #single_work .flex_col2 .img_box,
#new #single_work .flex_col2.flex_reverse .img_box{
  margin: 0 auto;
  margin-bottom: 40px;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead .tag{
  margin-bottom: 25px;
}

#new #single_work .introduction .img_box{
  margin-bottom: 40px;
}

#new #single_work .introduction .ttl_slash h3 br:not(.spon){
  display: inline-block;
}

/*--------------------------------------------------
  single work improvement
  ------------------------------------------------*/
#new #single_work .improvement h3{
  font-size: 1.7rem;
  width: 160px;
  height: 160px;
  padding: 63px 10px;
}

#new #single_work .improvement h3:before{
  top: 30px;
}

#new #single_work .improvement .ttl_box{
  max-width: 240px;
}

#new #single_work .improvement ul{
  padding: 20px;
}

#new #single_work .improvement ul:before{
  width: 88px;
  height: 110px;
  left: -86px;
}

#new #single_work .improvement ul li{
  width: calc(33.3333333% - 40px / 3);
}

#new #single_work .improvement ul li:not(:last-child){
  margin-right: 20px;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select .it_txt p{
  width: 100%;
}

#new #contact_select li{
  width: calc(33.3333333% - 60px / 3);
  padding: 25px 25px 30px;
}

#new #contact_select li:not(:last-child){
  margin-right: 30px;
}

#new #contact_select li h3{
  font-size: 2rem;
  letter-spacing: 0.4px;
  margin-bottom: 15px;
}

#new #contact_select li p{
  margin-bottom: 18px;
}

/*--------------------------------------------------
  agency
  ------------------------------------------------*/
#new .sub .agency .ttl_box{
  margin-bottom: 40px;
}

#new .sub .agency .explanation .txt_box h3{
  margin-bottom: 50px;
}

#new .sub .agency .explanation .txt_box h3 br{
  display: block;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce .content{
  padding: 35px;
}

#new .sub .agency .introduce .img_box{
  margin-right: 30px;
}

#new .sub .agency .introduce .txt_box h3{
  margin-bottom: 25px;
}

#new .sub .agency .introduce ul{
  margin-bottom: 35px;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link li.aippear_net .img_balloon{
  width: 12.963%;
  height: auto;
  right: 20px;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page section .service_list h3 br{
  display: none;
}

#new .service_link_page .service_list .img_box a{
  text-align: left;
}

#new .service_link_page section .txt_box p br{
  display: none;
}

#new .service_link_page section .btn_box .btn a{
  font-size: 1.6rem;
  letter-spacing: 0.6px;
}

#new .service_link_page section .btn_box .btn a:after{
  width: 16px;
  height: 16px;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .content{
  padding: 50px 20px;
}

#new #lp.common .ttl_box{
  margin-bottom: 40px;
}

#new #lp.common .flex_box.col3 > li,
#new #lp.common .flex_box.col4 > li{
  width: calc(50% - 20px/2);
  margin-right: 20px;
  margin-bottom: 20px;
}

#new #lp.common .flex_box.col3 > li:nth-child(3n){
  margin-right: 20px;
}

#new #lp.common .flex_box.col3 > li:nth-child(2n),
#new #lp.common .flex_box.col4 > li:nth-child(2n){
  margin-right: 0;
}


#new #lp.common .flex_box.col3 > li:nth-child(3n+1):nth-last-child(-n+3),
#new #lp.common .flex_box.col3 > li:nth-child(3n+1):nth-last-child(-n+3) ~ li,
#new #lp.common .flex_box.col4 > li:nth-child(4n+1):nth-last-child(-n+4),
#new #lp.common .flex_box.col4 > li:nth-child(4n+1):nth-last-child(-n+4) ~ li{
  margin-bottom: 20px;
}

#new #lp.common .flex_box.col3 > li:nth-child(2n+1):nth-last-child(-n+2),
#new #lp.common .flex_box.col3 > li:nth-child(2n+1):nth-last-child(-n+2) ~ li,
#new #lp.common .flex_box.col4 > li:nth-child(2n+1):nth-last-child(-n+2),
#new #lp.common .flex_box.col4 > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  lp voice
  ------------------------------------------------*/
#new #lp.common .voice .record{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media .other p{
  text-align: left;
  display: inline-block;
}

/*--------------------------------------------------
  lp first cv
  ------------------------------------------------*/
#new #lp .first .lp_cv_box .btn_box .content{
  padding: 0 0 0 15px;
}

#new #lp .first .lp_cv_box .txt_box.flex_box{
  padding: 5px 0;
  margin-right: 15px;
}

#new #lp .first .lp_cv_box .btn{
 display: flex;
 align-items: center;
 flex: 1 1 0%;
}

#new #lp .first .lp_cv_box .btn a{
  height: 100%;
  border-radius: 0;
  padding: 18px 40px 18px 20px;
  margin-right: 0;
}

/*--------------------------------------------------
  lp first trouble
  ------------------------------------------------*/
#new #lp .first .trouble ul.problems{
  margin-bottom: 30px;
}

#new #lp .first .trouble ul.solution{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result ul{
  padding-bottom: 40px;
  margin-bottom: 40px;
}

#new #lp .first .result ul li img{
  max-width: 70% !important;
}

#new #lp .first .result p br{
  display: none;
}
}

/*--------------------------------------------------

  @media max-width:1199px

  ------------------------------------------------*/
@media screen and (max-width:1199px){
/*--------------------------------------------------
  header
  ------------------------------------------------*/
.mobile header#header{
  border-bottom: 1px #ccc solid;
}

header #header_inner{
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header #header_inner:after{
  content: none;
}

header .logo_box{
  height: auto;
  display: block;
  flex: 1 1 0%;
  margin: 0 10px;
  padding: 0;
}

header .logo_box #logo_image{
  max-width: 354px;
  margin-top: 3px;
}

header #logo_image img{
  width: 100%;
}

header #logo_image img.pc_logo_image{
  display: none;
}

header .cv_box,
header .cv_box_bnr{
  display: none;
}

header .menu_box{
  border-top: none;
  border-bottom: none;
}

.mobile a.menu_button{
  width: 60px;
  height: 60px;
  background: #333;
  position: relative;
}

.mobile a.menu_button:before,
.mobile a.menu_button:link,
.mobile a.menu_button.active{
  background: #333;
}

header a.menu_button:before{
  font-size: 1.7rem;
  top: auto;
  bottom: 10px;
}

header a.menu_button span{
  font-size: 0.9rem;
  font-family: 'Arial', sans-serif;
  letter-spacing: 0.6px;
  line-height: normal;
  text-indent: 0;
  position: absolute;
  top: 16px;
  right: 0;
  left: 0;
  margin: auto;
}

header #global_menu{
  background: #fff;
  top: 60px;
  left: 0;
}

.mobile header a.menu_button:hover{
  background: #333 !important;
}

/*header #global_menu #menu-item-55,
header #global_menu #menu-item-56,*/
header #global_menu #menu-item-5281,
header #global_menu #menu-item-5282{
  width: 100%;
  background-color: #fff !important;
}

/*header #global_menu #menu-item-56 a,*/
header #global_menu #menu-item-5282 a{
  background-color: #eb434f !important;
}

/*header #global_menu #menu-item-55 a,*/
header #global_menu #menu-item-5281 a{
  background-color: #008cd7 !important;
}

/*header #global_menu #menu-item-55 a,
header #global_menu #menu-item-56 a,*/
header #global_menu #menu-item-5282 a,
header #global_menu #menu-item-5281 a{
  position: relative;
}

/*header #global_menu #menu-item-55 a:before,
header #global_menu #menu-item-56 a:before,*/
header #global_menu #menu-item-5282 a:before,
header #global_menu #menu-item-5281 a:before{
  content: '';
  position: absolute;
  bottom: 0;
}

/*header #global_menu #menu-item-56 a:before,*/
header #global_menu #menu-item-5282 a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/menu_demo.png) no-repeat 0 0;
  background-size: 100%;
  width: 54px;
  height: 40px;
  left: 87px;
}

/*header #global_menu #menu-item-55 a:before,*/
header #global_menu #menu-item-5281 a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/menu_document.png) no-repeat 0 0;
  background-size: 100%;
  width: 51px;
  height: 44px;
  left: 88px;
}

header #global_menu a{
  color: #fff !important;
  background: #333 !important;
}

.mobile header #global_menu li a:hover{
  background-color: transparent !important;
/*  background: #008cd7 !important;*/
  background: #333 !important;
  opacity: 0.9;
}

header #global_menu ul ul.sub-menu a{
  background: #222 !important;
}

header #global_menu .child_menu_button .icon:before{
  color: #fff;
  border: 1px solid #fff;
}

header #global_menu .child_menu_button:hover .icon:before{
  color: #333;
  background: #fff;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 98px;
  height: 100px;
  right: -25px;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
.mobile footer #footer_social_link{
  background: none !important;
}

/*--------------------------------------------------
  copyright
  ------------------------------------------------*/
.mobile footer #copyright{
  background-color: #fff;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area{
  margin-top: 0;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
.single-work #work_header{
  padding: 15px;
}
}


/*--------------------------------------------------

  @media max-width:1100px

  ------------------------------------------------*/
@media screen and (max-width:1100px){
/*--------------------------------------------------
  cv box [php_template]
  ------------------------------------------------*/
#new .cv_box .btn_box ul{
  display: block;
  padding-left: 285px;
}

#new .cv_box .btn_box ul li{
  width: 100%;
}

#new .cv_box .btn_box ul li:first-child{
  margin-right: 0;
  margin-bottom: 10px;
}

#new .cv_box .txt_box .content{
  display: block;
}

#new .cv_box .txt_box div.lead_box{
  text-align: center;
}

#new .cv_box .txt_box div.tel_box{
  justify-content: center;
  margin: 0 auto;
}

#new .cv_box .txt_box div.tel_box a{
  font-size: 3rem;
  flex: 0 1 auto;
  padding-left: 45px;
}

#new .cv_box .txt_box div.tel_box a:before{
  width: 30px;
  height: 30px;
  left: 3px;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .other p{
  text-align: left;
}

/*--------------------------------------------------
  sub function group
  ------------------------------------------------*/
#new .sub .function_other .group .list_box h3 br{
  display: none;
}

#new .sub .function_other .group .list_box li{
  width: calc(20% - 80px / 5);
  margin-right: 20px;
  margin-bottom: 30px;
}

#new .sub .function_other .group .list_box li:nth-child(5){
  margin-right: 0;
}

#new .sub .function_other .group .list_box li:nth-child(n+6){
  margin-bottom: 0;
}

/*--------------------------------------------------
  sub function detail
  ------------------------------------------------*/
#new .sub .top .list_box li:nth-of-type(odd) .txt_area,
#new .sub .site .list_box li:nth-of-type(odd) .txt_area,
#new .sub .manager .list_box li:nth-of-type(even) .txt_area{
  margin-right: 40px;
}

#new .sub .top .list_box li:nth-of-type(even) .txt_area,
#new .sub .site .list_box li:nth-of-type(even) .txt_area,
#new .sub .manager .list_box li:nth-of-type(odd) .txt_area{
  margin-left: 40px;
}

#new .sub .detail .list_box .tag_list li:not(:last-child){
  margin-right: 20px;
}

#new .sub .detail .list_box .tag_list li{
  padding: 8px 10px 6px;
}

/*--------------------------------------------------
  sub common
  ------------------------------------------------*/
#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area,
#new .top_selection .col2_box .img_box,
#new .sub .col2_box .img_box{
  width: calc(50% - 40px / 2);
}

#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area{
  margin-right: 40px;
}

#new .top_selection .col2_box .txt_box p br,
#new .sub .col2_box .txt_box p br{
  display: none;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection h3 br,
#new .sub .selection h3 br{
  display: block;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area .document_ttl{
  left: 13%;
}

#new .sub .form_area .demo_ttl{
  left: 12%;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 870px;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce .content{
  display: block;
  padding: 50px 30px;
}

#new .sub .agency .introduce .img_box{
  width: 514px;
  margin-right: 0;
  margin: 0 auto;
  margin-bottom: 40px;
}

#new .sub .agency .introduce .txt_box{
  width: 100%;
  margin: 0 auto;
}

#new .sub .agency .introduce .txt_box h3{
  letter-spacing: 1px;
  margin-bottom: 40px;
}

#new .sub .agency .introduce .txt_box h3 br{
  display: none;
}

#new .sub .agency .introduce ul{
  margin-bottom: 50px;
}

#new .sub .agency .introduce .agency_btn a{
  max-width: 500px;
  margin: 0 auto;
}
}


/*--------------------------------------------------

  @media max-width:1024px

  ------------------------------------------------*/
@media screen and (max-width:1024px){
/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 88px;
  height: 90px;
}

/*--------------------------------------------------
  top feature
  ------------------------------------------------*/
#new .top_feature .list_box{
  padding: 0 50px;
}

#new .top_feature .list_box li{
  flex: 1 1 33.333%;
  margin-bottom: 30px;
}

#new .top_feature .list_box li:nth-child(3),
#new .top_feature .list_box li:last-child{
  margin-bottom: 0;
}

#new .top_feature .list_box li:nth-child(odd){
  margin-right: 30px;
}

#new .top_feature .list_box li:nth-child(even){
  margin-right: 0;
}

#new .top_feature .list_box .spon{
  display: none;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .list_box li{
  width: calc(25% - 45px / 4);
  margin-right: 15px;
  margin-bottom: 15px;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection .txt_area dl,
#new .sub .selection .txt_area dl{
  display: block;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support,
#new .sub .selection .support{
  display: block;
}

#new .top_selection .support h4,
#new .sub .selection .support h4{
  padding: 10px 20px 8px;
}

#new .top_selection .support h4 br,
#new .sub .selection .support h4 br{
  display: none;
}

#new .top_selection .support li br,
#new .sub .selection .support li br{
  display: none;
}

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box .left_box{
  margin-right: 20px;
}

#new .sub .form_area .it_col_box .right_box{
  width: 520px;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document_ttl{
  left: 12%;
}

#new .sub .form_area .demo_ttl{
  left: 11%;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .content{
  padding: 40px 30px;
}

#new #archive_work .main_visual .ttl_box h2,
#new #archive_work .main_visual .ttl_box p{
  text-align: center;
}

#new #archive_work .main_visual .ttl_box:after{
  content: none;
}

#new #archive_work .main_visual section{
  padding-bottom: 40px;
  position: relative;
}

#new #archive_work .main_visual section:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/main_visual_bg01.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 200px;
  height: 106px;
  bottom: 0;
  right: -40px;
}

#new #archive_work .main_visual section:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/main_visual_bg02.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 200px;
  height: 106px;
  bottom: 0;
  left: -40px;
  z-index: 1;
}

#new #archive_work .main_visual section .content{
  max-width: 680px;
}

#new #archive_work .main_visual .slick-work-box a{
  display: block;
  padding: 30px 30px 20px;
}

#new #archive_work .main_visual .txt_box img.logo{
  max-height: 58px;
  margin: 0 auto;
  margin-bottom: 10px;
  position: static;
}

#new #archive_work .main_visual .slick-work-box .img_box{
  max-width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 800px;
}

#new #related .slick-next{
  right: -45px;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box p:nth-child(2){
  padding-right: 0;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link li.aippear_net .img_balloon{
  right: -40px;
}

#new .mutual_link li.aippear_net .img_illust{
  right: -10px;
  bottom: -30px;
}

/*--------------------------------------------------
  lp header
  ------------------------------------------------*/
#lp_header nav{
  display: none;
}
}


/*--------------------------------------------------

  @media max-width:991px

  ------------------------------------------------*/
@media screen and (max-width:991px){
/*--------------------------------------------------
  footer menu
  ------------------------------------------------*/
footer #footer_menu{
  margin: 0;
  margin-bottom: 35px;
}

footer #footer_menu ul,
footer #footer_menu ul:last-child{
  width: 100%;
  float: none;
  margin: 0;
}
}


/*--------------------------------------------------

  @media max-width:960px

  ------------------------------------------------*/
@media screen and (max-width:960px){
/*--------------------------------------------------
  base
  ------------------------------------------------*/
#new h3,
.php_template h3{
  font-size: 2.2rem;
}

/*--------------------------------------------------
  +TOC plugin
  ------------------------------------------------*/
div#toc_container{
  margin-bottom: 50px;
}

/*--------------------------------------------------
  common
  ------------------------------------------------*/
#new .content,
.php_template .content{
  padding: 70px 30px;
}

.home #new .content{
  padding: 40px 30px;
}

#new .bnr_col2 ul.content,
#new .top_bnr .agreement{
  padding: 20px 30px 25px;
}

#new .sub .privacy_policy{
  padding: 70px 0;
}

#new .ttl_box,
.php_template .ttl_box{
  margin-bottom: 70px;
}

.home #new .ttl_box{
  margin-bottom: 35px;
}

#new .ttl_box h2,
.php_template .ttl_box h2{
  margin-bottom: 40px;
}

#new .sub h2,
.php_template h2{
  font-size: 2.8rem;
}

#new .sub .form_area .col2:before{
  top: -10px;
  right: 10px;
}

/*--------------------------------------------------
  cv btn
  ------------------------------------------------*/
#new .cv_btn h3,
.php_template .cv_btn h3{
  font-size: 2.2rem;
}

#new .cv_btn p,
.php_template .cv_btn p{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  height: 535px;
}

.home #new .main_visual .img_box{
  margin-top: -10px;
}

.home #new .main_visual .img_box img{
  width: 680px;
}

.home #new .main_visual .cv_btn li{
  flex: 0 0 45%;
}

/*--------------------------------------------------
  top achievement
  ------------------------------------------------*/
#new .top_achievement{
  background: #fff;
  padding: 0;
}

.home #new .top_achievement .content{
  background: none;
  padding: 20px 30px;
}

#new .top_achievement p.txt{
  font-size: 2.2rem;
}

#new .top_achievement p.txt span{
  font-size: 4.4rem;
}

#new .top_achievement ul{
  display: flex;
  flex-wrap: wrap;
}

#new .top_achievement ul li{
  background: #e6eff8;
  border-radius: 10px;
  width: calc(50% - 20px / 2);
  padding: 15px 10px 10px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#new .top_achievement ul li:nth-child(2n){
  margin-right: 0;
}

#new .top_achievement ul li:nth-child(n+3){
  margin-bottom: 0;
}

/*--------------------------------------------------
  top bnr col2
  ------------------------------------------------*/
#new .bnr_col2 ul li a.txt_link{
  margin-top: 17px;
  margin-left: 10px;
}

/*--------------------------------------------------
  top bnr agreement
  ------------------------------------------------*/
#new .top_bnr .agreement .txt_box:after{
  border: 12px solid transparent;
  border-top: 12px solid #fff;
}

#new .top_bnr .agreement .txt_box a{
  font-size: 1.6rem;
}

#new .top_bnr .agreement .txt_box p{
  font-size: 1.6rem;
  text-align: left;
}

#new .top_bnr .agreement .txt_box p br{
  display: none;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .content{
  padding: 35px 30px 50px;
}

#new .top_graph .ttl_box{
  margin-bottom: 35px;
}

#new .top_graph .ttl_box h2 span{
  line-height: 1.2;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 78px;
  height: 80px;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_function .img_box{
  margin-bottom: 70px;
}

.home #new .top_function .img_box{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  footer contact [php_template]
  ------------------------------------------------*/
#new .contact,
.php_template #footer_contact{
  height: 360px;
}

#new .contact section,
.php_template #footer_contact section{
  top: 70px;
}

#new .contact .ttl_box p,
.php_template #footer_contact .ttl_box p,
#new .news .ttl_box p,
#new .blog .ttl_box p{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
.home #new .top_voice_logo .content{
  padding: 25px 30px 35px;
}

#new .top_voice_logo .content{
  padding: 60px 30px;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .list_box li{
  width: calc(33.3333333% - 40px / 3);
  margin-right: 20px;
  margin-bottom: 20px;
}

#new .top_media .list_box li:nth-child(4n){
  margin-right: 20px;
}

#new .top_media .list_box li:nth-child(4n+1):nth-last-child(-n+4),
#new .top_media .list_box li:nth-child(4n+1):nth-last-child(-n+4) ~ li{
  margin-bottom: 20px;
}

#new .top_media .list_box li:nth-child(3n){
  margin-right: 0;
}

#new .top_media .list_box li:nth-child(3n+1):nth-last-child(-n+3),
#new .top_media .list_box li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  top news
  ------------------------------------------------*/
#new .news .tab_ttl{
  line-height: 50px;
  height: 50px;
}

/*--------------------------------------------------
  top blog
  ------------------------------------------------*/
#new .blog .col2_box h2{
  font-size: 2.8rem;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  copyright
  ------------------------------------------------*/
footer #copyright{
  text-align: left;
  justify-content: flex-start;
}

/*--------------------------------------------------
  footer follow [php_template]
  ------------------------------------------------*/
footer #follow .ttl_box .content{
  padding: 7px 10px;
}

footer #follow .ttl_box h2{
  font-size: 1.8rem;
}

footer #follow .ttl_box ul li{
  font-size: 1.4rem;
  padding: 4px 8px 3px 10px;
}

/*--------------------------------------------------
  footer follow it campaign box
  ------------------------------------------------*/
footer #follow .it_campaign_box ul{
  padding-right: 10px;
}

footer #follow .it_campaign_box ul li{
  padding: 4px 8px 3px 13px;
}

/*--------------------------------------------------
  footer follow btn
  ------------------------------------------------*/
footer #follow .btn_box .content{
  padding: 5px 10px 8px;
}

footer #follow .btn_box .logo{
  margin-right: 10px;
}

footer #follow .btn_box ul li:first-child{
  margin-right: 10px;
}

footer #follow .btn_box ul li.btn h3{
  font-size: 1.6rem;
}

footer #follow .btn_box ul li.btn h3 em{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  footer follow btn [php_template]
  ------------------------------------------------*/
footer #follow_btn{
  bottom: 118px;
}

/*--------------------------------------------------
  footer it campaign follow btn
  ------------------------------------------------*/
footer #it_txt #follow_btn,
footer #it_campaign #follow_btn{
  bottom: 116px;
}

/*--------------------------------------------------
  footer follow it txt
  ------------------------------------------------*/
footer #follow .ttl_box .it_txt h2{
  letter-spacing: 1.6px;
}

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function .ttl_box,
#new .sub .function_other .ttl_box,
#new .sub .faq .ttl_box{
  margin-bottom: 40px;
}

#new .sub .detail .list_box li h3 br{
  display: none;
}

/*--------------------------------------------------
  function detail
  ------------------------------------------------*/
#new .sub .detail h3{
  font-size: 2.5rem;
}
/*--------------------------------------------------
  sub function group
  ------------------------------------------------*/
#new .sub .function .group .list_box h3 br,
#new .sub .function_other .group .list_box h3 br{
  display: block;
}

#new .sub .function .group .list_box li.screening span{
  letter-spacing: -3px;
}

/*--------------------------------------------------
  sub function device
  ------------------------------------------------*/
#new .sub .device .content{
  padding: 50px 30px 0;
}

#new .sub .device h2{
  font-size: 2.2rem;
}

#main_col2 #new .sub .device .txt_box{
margin-right: 40px;
}

#new .sub .device .img_box{
  max-width: 300px;
  padding-top: 30px;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function #site{
  margin-top: 0;
}

#new .sub .function .ttl_box_select h1{
  font-size: 2.8rem;
  margin-bottom: 65px;
}

#new .sub .function .ttl_box_select ul{
  display: block;
}

#new .sub .function .ttl_box_select ul li{
  width: 100%;
}

#new .sub .function .ttl_box_select ul li:not(:last-child){
  margin-right: 0;
  margin-bottom: 15px;
}

#new .sub .function .function_ttl h2{
  font-size: 2.7rem;
}

#new .sub .function .site .txt_box p,
#new .sub .function .manager .txt_box p{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function h2{
  font-size: 2.8rem;
}

#footer_function .content .ttl_box{
  margin-bottom: 65px;
}

#footer_function .function_other_list ul li{
  width: calc(33.3333333% - 40px / 3);
  margin-right: 20px;
}

#footer_function .function_other_list ul li:nth-child(4n){
  margin-right: 20px;
}

#footer_function .function_other_list ul li:nth-child(3n){
  margin-right: 0;
}

#footer_function .function_other_list ul li:nth-child(3n+1):nth-last-child(-n+3),
#footer_function .function_other_list ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 0;
}

#footer_function .function_other_list .page_link a{
  font-size: 1.7rem;
  padding: 5px 30px 5px 10px;
}

#footer_function .function_other_list .page_link a:after{
  right: 10px;
}

#footer_function .introduction_case ul li h3{
  font-size: 2.2rem;
  margin-bottom: 10px;
}

/*--------------------------------------------------
  sub point
  ------------------------------------------------*/
#new .balloon,
#new .point{
  margin-bottom: 40px;
}

#new .point{
  font-size: 2.2rem;
  padding: 10px 13px 8px 15px;
}

/*--------------------------------------------------
  aippear
  ------------------------------------------------*/
#new .sub .aippear h2{
  margin-bottom: 30px;
}

#new .sub .aippear .col2_box{
  margin-bottom: 50px;
}

/*--------------------------------------------------
  function img
  ------------------------------------------------*/
#new .sub .function_img .ttl_box,
#function_flow .function_img .ttl_box{
  margin-bottom: 60px;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection .ttl_box,
#new .sub .selection .ttl_box{
  padding: 35px 30px 37px;
}

.home #new .top_selection .ttl_box{
  padding: 17px 0 20px;
}

#new .top_selection .ttl_box:after,
#new .sub .selection .ttl_box:after{
  width: 40px;
  height: 22px;
  bottom: -20px;
}

.home #new .top_selection .ttl_box:after{
  bottom: -20px;
}

.home #new .top_selection .ttl_box h2,
#new .top_selection .ttl_box h2,
#new .sub .selection .ttl_box h2{
  font-size: 2.8rem;
}

#new .top_selection .ttl_box h2 span,
#new .sub .selection .ttl_box h2 span{
  font-size: 3.4rem;
}

.home #new .top_selection .ttl_box h2 .num,
#new .top_selection .ttl_box h2 .num,
#new .sub .selection .ttl_box h2 .num{
  font-size: 4rem;
}

#new .top_selection .ttl_box h2 .dot:before,
#new .sub .selection .ttl_box h2 .dot:before{
  width: 40px;
  left: 12px;
  top: -10px;
}

.home #new .top_selection .ttl_box h2 .dot:before{
  left: 16px;
  top: -8px;
}

#new .top_selection h3 span,
#new .sub .selection h3 span{
  font-size: 3rem;
}

#new .top_selection section > ul >li:first-child .col2_box,
#new .top_selection section > ul >li:last-child .col2_box,
#new .sub .selection section > ul >li:first-child .col2_box,
#new .sub .selection section > ul >li:last-child .col2_box{
  margin-bottom: 50px;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support li br,
#new .sub .selection .support li br{
  display: block;
}

/*--------------------------------------------------
  price
  ------------------------------------------------*/
/*#new .top_price .ttl_box,*/
#new .sub .price_box .ttl_box,
#new .sub .price_option .ttl_box{
  margin-bottom: 60px;
}

#new .sub .price_box .price_news{
  margin-top: 35px;
}

/*--------------------------------------------------
  price table common
  ------------------------------------------------*/
#new .top_price .table_type thead th,
#new .sub .price_box .table_type thead th{
  font-size: 1.5rem;
}

#new .top_price .table_type th,
#new .sub .price_box .table_type th{
  padding: 10px 15px;
}

#new .top_price .table_type thead .pro br,
#new .sub .price_box .table_type thead .pro br{
  display: block;
}

#new .top_price .table_type th,
#new .top_price .table_type td,
#new .sub .price_box .table_type th,
#new .sub .price_box .table_type td,
#new .top_price .table_type tbody .user,
#new .sub .price_box .table_type tbody .user{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type thead .basic:before,
#new .sub .price .table_type thead .basic:before{
  width: 70px;
  height: 72px;
}

/*--------------------------------------------------
  price function table
  ------------------------------------------------*/
#new .sub .price_function .table_type tbody th br{
  display: block;
}

/*--------------------------------------------------
  price option
  ------------------------------------------------*/
#new .sub .price_option li{
  width: calc(50% - 30px / 2);
  margin-bottom: 30px;
}

#new .sub .price_option li:nth-child(even){
  margin-right: 0;
}

#new .sub .price_option li:nth-child(n+3){
  margin-bottom: 0;
}

#new .sub .price_option h3 br{
  display: none;
}

#new .sub .price_option .img_box img{
  max-width: 50%;
  margin: 0 auto;
}

/*--------------------------------------------------
  sub faq
  ------------------------------------------------*/
#new .sub .faq .list_box li{
  width: calc(20% - 120px / 5);
  margin-right: 30px;
}

#new .sub .faq_list h3{
  font-size: 2.4rem;
  margin-bottom: 40px;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .massage h3{
  font-size: 2.4rem;
  margin-bottom: 35px;
}

#new .sub .company .massage .img_box{
  margin-bottom: 30px;
}

#new .sub .company ul.gallery_box li{
  width: calc(50% - 20px / 2);
  margin-right: 20px;
}

#new .sub .company ul.gallery_box li:not(:last-child, :nth-child(3)){
  margin-right: auto;
  margin-bottom: 20px;
}

#new .sub .company ul.gallery_box li:nth-child(2n){
  margin-right: 0;
}

#new .sub .company ul.gallery_box li:last-child{
  display: block;
}

#new .sub .company .team h3{
  font-size: 2rem;
}

#new .sub .company .map{
  padding-bottom: 45%;
}

/*--------------------------------------------------
  flow
  ------------------------------------------------*/
#new .sub .flow h3,
#function_flow .flow h3{
  padding: 16px 20px 16px 35px;
}

#new .sub .flow h3 span,
#function_flow .flow h3 span{
  font-size: 1.6rem;
}

#new .sub .flow li .ttl_box p,
#function_flow .flow li .ttl_box p{
  font-size: 2rem;
  flex: 0 0 100px;
  padding: 21px 5px 21px 15px;
}

@-moz-document url-prefix(){
  #new .sub .flow li .ttl_box p,
  #function_flow .flow li .ttl_box p{
    padding: 22px 5px 21px 15px;
  }
}

#new .sub .flow li .ttl_box p:after,
#function_flow .flow li .ttl_box p:after{
  right: -20px;
  border-width: 31px 0 31px 1em;
}

#new .sub .flow .txt_box,
#function_flow .flow .txt_box{
  padding: 30px;
}

#new .sub .flow .frame .flow_box,
#function_flow .flow .frame .flow_box{
  display: block;
}

#new .sub .flow .frame .img_box,
#function_flow .flow .frame .img_box{
  margin-bottom: 30px;
}

#new .sub .flow .frame .txt_box,
#function_flow .flow .frame .txt_box{
  padding: 0;
}

/*
#new .sub .flow .frame .txt_box{
  text-align: center;
}
*/

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area .txt_area{
  border: none;
}

#new .sub .form_area .ttl_box{
  position: static;
  background: #008cd7;
  padding: 16px 20px;
}

#new .sub .form_area .content{
  padding: 20px 0 0;
}

#new .sub .form_area .col2{
  display: block;
}

#new .sub .form_area .privacy_area{
  padding: 0;
}

#new .sub .form_area .form_box{
  padding: 30px;
  border: none;
}

/*--------------------------------------------------
  form it
  ------------------------------------------------*/
#new .sub .form_area .it_txt{
  border: 1px #fff solid;
  padding: 12px 20px 7px;
  margin: 0 30px;
}

#new .sub .form_area .it_txt em{
  margin-bottom: 8px;
}

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box{
  border: none;
  border-bottom: 1px #fff solid;
  padding: 0 20px 22px;
  margin: 0;
}

#new .sub .form_area .it_col_box .left_box em{
  margin-bottom: 15px;
}

#new .sub .form_area .it_col_box .left_box span.start br{
  display: block;
}

#new .sub .form_area .it_col_box .right_box{
  width: 50%;
}

#new .sub .form_area .it_col_box .right_box p:not(:last-child){
  margin-bottom: 0;
}

#new .sub .form_area .it_col_box .right_box li:not(:last-child){
  margin-bottom: 5px;
}

#new .sub .form_area .it_col_box .right_box strong{
  display: block;
  margin-top: -3px;
  margin-left: 35px;
}

#new .sub .form_area .it_col_box .right_box strong:before{
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .form_area .it_col_box .right_box br.spon{
  display: block;
}

/*--------------------------------------------------
  form it campaign
  ------------------------------------------------*/
#new .sub .form_area .it_campaign .conduct br,
#new .sub .form_area .it_campaign .deadline br{
  display: block !important;
}

#new .sub .form_area .it_campaign .deadline strong{
  margin: 0 -5px 0 5px;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .txt_area{
  display: block;
  padding: 0;
}

#new .sub .form_area .document h3 br{
  display: block;
}

#new .sub .form_area .tel_box{
  padding: 20px 30px;
}

#new .sub .form_area .tel_box .number p span{
  display: inline-block;
}

#new .sub .form_area .tel_box .time{
  display: inline-block;
}

#new .sub .form_area .txt_box{
  background: #015db2;
  padding: 30px;
  margin-top: 0;
  margin-bottom: 0;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document h3,
#new .sub .form_area .demo h3{
  color: #015db2;
  letter-spacing: 0.4px;
  text-align: left;
}

#new .sub .form_area .document p{
  position: absolute;
  width: 320px;
  height: 222px;
  right: 10px;
  bottom: 5px;
  margin-bottom: 0;
}

#new .sub .form_area .document p img,
#new .sub .form_area .demo p img{
  width: auto !important;
}

/*--------------------------------------------------
  form demo
  ------------------------------------------------*/
#new .sub .form_area .demo p{
  position: absolute;
  width: 202px;
  height: 134px;
  right: 40px;
  bottom: 20px;
}

#new .sub .form_area .demo .list{
  width: 60%;
}

/*--------------------------------------------------
  form privacy
  ------------------------------------------------*/
#new .sub .form_area .privacy{
  background: #015db2;
  padding: 0 30px 30px;
}

#new .sub .form_area .form_logo{
  background: #fff;
  display: block;
}

#new .sub .form_area .form_logo img{
  width: 250px !important;
  margin: 0 auto;
  padding: 15px;
}


/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work h2{
  font-size: 2.4rem;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work h2.ttl_gradation{
  font-size: 2.1rem;
  letter-spacing: 0.6px;
  padding: 15px 20px;
}

#new #single_work .ttl_point{
  margin-bottom: 30px;
}

#new #single_work .ttl_point h3{
  font-size: 2rem;
  padding: 18px;
}

#new #single_work section > *:not(:last-child, .ttl_point){
  margin-bottom: 30px;
}

#new #single_work .flex_col2 .img_box,
#new #single_work .flex_col2.flex_reverse .img_box{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .ttl_box p{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search section:before{
  right: 4%;
}

#new #archive_work .search .tab li h3{
  font-size: 1.7rem;
}

#new #archive_work .search .category ul li{
  width: calc(33.3333333% - 36px / 3);
}

#new #archive_work .search .category ul li:nth-child(4n){
  margin-right: 18px;
}

#new #archive_work .search .category ul li:nth-child(3n){
  margin-right: 0;
}

#new #archive_work .search .category ul li:nth-child(4n+1):nth-last-child(-n+4),
#new #archive_work .search .category ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li{
  margin-bottom: auto;
}

#new #archive_work .search .category ul li:nth-child(3n+1):nth-last-child(-n+3),
#new #archive_work .search .category ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 0;
}

/*--------------------------------------------------
  archive work interview
  ------------------------------------------------*/
#new #archive_work .interview ul.list_box > li{
  width: calc(50% - 30px / 2);
}

#new #archive_work .interview ul.list_box > li:nth-child(3n){
  margin-right: 30px;
}

#new #archive_work .interview ul.list_box > li:nth-child(2n){
  margin-right: 0;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work ul.flex_table{
  display: block;
}

#new #single_work ul.flex_table li{
  width: 100%;
}

#new #single_work ul.flex_table li h4{
  text-align: left;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead .ttl_box h2{
  font-size: 2.4rem;
}

/*--------------------------------------------------
  single work prologue
  ------------------------------------------------*/
#new #single_work .prologue ul.list_box{
  display: block;
}

#new #single_work .prologue ul.list_box li{
  width: 100%;
}

#new #single_work .prologue ul.list_box li:not(:last-child):after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/bottom_glay.png) no-repeat 0 0;
  background-size: 100%;
  width: 15px;
  height: 10px;
  top: auto;
  bottom: -20px;
  right: 0;
  left: 0;
  margin: auto;
}

#new #single_work .prologue ul.list_box li:not(:last-child){
  margin-right: 0;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  single work company introduction
  ------------------------------------------------*/
#new #single_work .company_introduction .left_box{
  max-width: 284px;
}

/*--------------------------------------------------
  single work improvement
  ------------------------------------------------*/
#new #single_work .improvement{
  display: block;
}

#new #single_work .improvement .ttl_box{
  max-width: 100%;
  margin-bottom: 100px;
}

#new #single_work .improvement h3{
  font-size: 1.8rem;
  width: 100%;
  height: auto;
  padding: 10px 15px 10px 42px;
}

#new #single_work .improvement h3:after{
  border-width: 15px 12px 0 12px;
  right: 0;
  left: 0;
  bottom: -14px;
  margin: auto;
  transform: none;
}

#new #single_work .improvement h3 span:before{
  width: 24px;
  height: 18px;
  top: 0;
  bottom: 0;
  right: auto;
  left: -35px;
}

#new #single_work .improvement h3 br{
  display: none;
}

#new #single_work .improvement ul:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/robo_improvement_sp.png) no-repeat 0 0;
  background-size: 100%;
  width: 90px;
  height: 70px;
  top: -70px;
  right: 0;
  left: 0;
  bottom: auto;
  margin: auto;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 620px;
}

#new #related .slick-next{
  right: -50px;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select li{
  width: calc(50% - 30px / 2);
  margin-right: 30px;
}

#new #contact_select li:nth-child(2n){
  margin-right: 0;
}

#new #contact_select li:not(:last-child){
  margin-bottom: 30px;
}

/*--------------------------------------------------
  agency
  ------------------------------------------------*/
#new .sub .agency .ttl_box{
  margin-bottom: 20px;
}

#new .sub .agency .explanation .txt_box h3{
  font-size: 2.4rem;
  margin-bottom: 30px;
}

#new .sub .agency .explanation .txt_box{
  margin-bottom: 40px;
}

#new .sub .agency .explanation .txt_box p{
  text-align: left;
  display: block;
}

#new .sub .agency .explanation .txt_box p br{
  display: none;
}

#new .sub .agency .explanation ul li{
  width: calc(50% - 35px / 2);
  margin-right: 35px;
  margin-bottom: 30px;
}

#new .sub .agency .explanation ul li:nth-child(2n){
  margin-right: 0;
}

#new .sub .agency .explanation ul li:nth-child(3),
#new .sub .agency .explanation ul li:last-child{
  margin-bottom: 0;
}

#new .sub .agency .explanation ul li img{
  margin-bottom: 25px;
}

#new .sub .agency .explanation ul li h4{
  font-size: 2.2rem;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce{
  padding: 70px 30px;
}

#new .sub .agency .introduce .content{
  padding: 40px 30px;
}

#new .sub .agency .introduce .txt_box h3{
  font-size: 2.4rem;
}

#new .sub .agency .introduce ul{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .visual .content{
  padding: 25px 30px 50px;
}

#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  padding: 45px 30px 50px;
}

#new .denshichobo .ttl_box,
#new .mutual_link .ttl_box{
  margin-bottom: 20px;
}

#new .denshichobo .ttl_box h2,
#new .mutual_link .ttl_box h2{
  font-size: 2.8rem;
}

#new .denshichobo .ttl_box h2:before,
#new .denshichobo .ttl_box h2:after{
  width: 50px;
  height: 3px;
  top: auto;
  bottom: 28%;
}

#new .denshichobo .ttl_box h2:before{
  left: -10px;
}

#new .denshichobo .ttl_box h2:after{
  right: -10px;
}

#new .denshichobo .ttl_box h2 br,
#new .denshichobo .txt_box .spon{
  display: block !important;
}

#new .denshichobo .about{
  margin-bottom: 40px;
}

#new .denshichobo .about .img_box{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .standby h2.ttl_ribbon{
  font-size: 2.6rem;
  margin-bottom: 35px;
}

#new .denshichobo .save_list{
  padding: 35px 40px;
}

#new .denshichobo .save_list .save_box > p:first-child{
  text-align: left;
  margin-bottom: 30px;
}

#new .denshichobo .save_list ul{
  display: block;
  margin-bottom: 30px;
}

#new .denshichobo .save_list ul li{
  width: 100%;
  display: flex;
  align-items: center;
}

#new .denshichobo .save_list ul li:not(:last-child){
  margin-right: 20px;
  margin-bottom: 20px;
}

#new .denshichobo .save_list .txt_box{
  text-align: left;
  flex: 1 1 0%;
}

#new .denshichobo .save_list .txt_box p br{
  display: none;
}

#new .denshichobo .save_list img{
  max-width: 130px !important;
  margin-right: 40px;
  margin-bottom: 0;
}

#new .denshichobo .save_list p.caution{
  text-align: left;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive .ttl_box h2{
  line-height: 1.7;
}

#new .denshichobo .googledrive .ttl_box h2 em{
  margin-left: 0;
}

#new .denshichobo .googledrive h2.ttl_ribbon{
  margin-bottom: 30px;
}

#new .denshichobo .googledrive .merits{
  padding: 30px;
}

#new .denshichobo .merits .comment{
  margin: 20px 0 30px;
}

#new .denshichobo .merits_list li{
  padding: 30px 30px 30px 35px;
}

#new .denshichobo .merits_list li:before{
  left: -20px;
}

#new .denshichobo .merits_list li h3{
  margin-left: 35px;
}

#new .denshichobo .merits_list li .img_box{
  margin-top: 0;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice .ttl_box h2:before,
#new .denshichobo .invoice .ttl_box h2:after{
  width: 40px;
  bottom: 40%;
}

#new .denshichobo .invoice .ttl_box h2:before{
  left: 0;
}

#new .denshichobo .invoice .ttl_box h2:after{
  right: 0;
}

#new .denshichobo .invoice .about .txt_box strong br,
#new .denshichobo .invoice_list li .txt_box br{
  display: none;
}

#new .denshichobo .invoice_list li{
  padding: 40px 40px 40px 30px;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .content{
  padding: 40px 30px;
}

#new .denshichobo .form_get_around .txt_box .now{
  font-size: 2.6rem;
}

#new .denshichobo .form_get_around .txt_box .demo{
  font-size: 2.8rem;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{
  font-size: 2.6rem;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt .txt_box{
  padding: 0 30px 40px;
}

#new .denshichobo_form_txt h3{
  font-size: 2.8rem;
}

#new .denshichobo_form_txt .ttl_box h3:before,
#new .denshichobo_form_txt .ttl_box h3:after{
  height: 3px;
}

#new .denshichobo_form_txt .ttl_box h3:before{
  left: 0;
}

#new .denshichobo_form_txt .ttl_box h3:after{
  right: 0;
}

/*--------------------------------------------------
  denshichobo_form
  ------------------------------------------------*/
#new .denshichobo_form .btn_box{
  margin-top: 24px;
}

/*#new .denshichobo_form #mw_wp_form_mw-wp-form-180,*/
#new .denshichobo_form #mw_wp_form_mw-wp-form-8037{
  padding: 30px;
}

/*--------------------------------------------------
  lp mutual link
  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 60px 30px;
}

#new .mutual_link .content:before{
  width: 110px;
  height: 62px;
  top: -20px;
}

#new .mutual_link .ttl_box h2:before,
#new .mutual_link .ttl_box h2:after{
  width: 30px;
  height: 3px;
}

#new .mutual_link .about .ttl_box h2{
  padding: 0 35px 0 40px;
}

#new .mutual_link .ttl_box h2{
  padding: 0 40px;
}

#new .mutual_link p.hiragino,
#new .mutual_link .publish h4{
  font-size: 1.9rem;
  line-height: 1.6;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .illust img,
#new .mutual_link .about .txt_box{
  margin-bottom: 40px;
}

#new .mutual_link .about .txt_box p:not(:last-child){
  margin-bottom: 20px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul{
  margin-bottom: 30px;
}

#new .mutual_link .effect ul li{
  width: calc(33.3333333% - 40px / 3);
  padding: 30px 10px;
}

#new .mutual_link .effect ul li:before{
  width: 50px;
  height: 50px;
}

#new .mutual_link .effect ul li:not(:last-child){
  margin-right: 20px;
}

#new .mutual_link .effect ul li img{
  max-width: 120px !important;
  margin-bottom: 20px;
}

#new .mutual_link .effect ul li h3{
  font-size: 1.9rem;
  letter-spacing: 0;
}

#new .mutual_link .effect .txt_box{
  margin-bottom: 30px;
}

#new .mutual_link .effect .comment{
  margin-bottom: 0;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box{
  padding: 25px 30px;
}

#new .mutual_link .careful .txt_box p:not(:last-child){
  margin-bottom: 15px;
}

#new .mutual_link .careful .img_box{
  right: 7%;
  bottom: 10%;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish h4{
  margin-bottom: 35px;
}

#new .mutual_link .publish h4 br.spon,
#new .mutual_link .publish .txt_box br.spon{
  display: block;
}

#new .mutual_link .publish .lead_box,
#new .mutual_link .publish .txt_box{
  margin-bottom: 25px;
}

#new .mutual_link .publish .lead_box h3{
  font-size: 3.4rem;
  margin-bottom: 10px;
}

#new .mutual_link .publish .lead_box p{
  font-size: 1.6rem;
  max-width: 220px;
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form_box #mw_wp_form_mw-wp-form-8385{
  padding: 30px 30px 35px;
}

#new .mutual_link_form div.file_select{
  max-width: 100%;
}

#new .mutual_link_form .mw-wp-form_image{
  margin: 5px 0 35px;
}

#new .mutual_link_form .mw-wp-form_image img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  mutual link page
  ------------------------------------------------*/
#new .mutual_link_page .content,
#new .service_link_page .content{
  padding: 30px 30px 60px;
}

#new .mutual_link_page .content section:not(:last-child),
#new .service_link_page .content section:not(:last-child){
  margin-bottom: 50px;
}

#new .mutual_link_page .lead,
#new .service_link_page .lead_box{
  margin-bottom: 25px;
}

#new .mutual_link_page section h2{
  margin-bottom: 30px;
}

#new .mutual_link_page section .img_box,
#new .mutual_link_page section .txt_box{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page section h2,
#new .service_link_page section h3{
  margin-bottom: 30px;
}

#new .service_link_page section h4{
  margin-bottom: 10px;
}

#new .service_link_page section .service_list h3{
  min-height: auto;
}

#new .service_link_page .service_list{
  display: block;
}

#new .service_link_page .service_list > li{
  width: 100%;
  margin-right: 0;
}

#new .service_link_page .service_list > li:nth-last-child(2):nth-child(odd){
  margin-bottom: 50px;
}

#new .service_link_page .lead_box .img_box,
#new .service_link_page .message .img_box,
#new .service_link_page .summary .img_box{
  margin-bottom: 25px;
}

#new .service_link_page .lead_box .img_box:not(:last-child),
#new .service_link_page .message .img_box:not(:last-child),
#new .service_link_page .summary .img_box:not(:last-child){
  margin-bottom: 25px;
}

#new .service_link_page section .img_box + .txt_box,
#new .service_link_page section .txt_box + .img_box{
  margin-top: 20px;
}

#new .service_link_page section .link_box + h4{
  margin-top: 20px;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .content{
  padding: 40px 20px;
}

#new #lp.common .ttl_box{
  margin-bottom: 30px;
}

#new #lp.common .ttl_box h2,
#new #lp.common .ttl_box_sub h2{
  font-size: 2.6rem;
  letter-spacing: 0.4px;
}

#new #lp.common .ttl_box p{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  lp voice
  ------------------------------------------------*/
#new #lp.common .voice li.flex_box .img_box img{
  width: 80%;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media ul{
  margin-bottom: 40px;
}

#new #lp.common .media .other h3{
  font-size: 2.2rem;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  lp faq
  ------------------------------------------------*/
#new #lp.common .accordion h3{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  lp contact
  ------------------------------------------------*/
#new #lp.common .contact .txt_box{
  margin-bottom: 25px;
}

#new #lp.common .contact .it_txt{
  display: block;
}

#new #lp.common .contact .it_txt .left_box{
  text-align: center;
  margin-right: 0;
  margin-bottom: 20px;
}

#new #lp.common .contact .it_txt .left_box br.off{
  display: block;
}

#new #lp.common .contact .it_txt .right_box{
  width: auto;
  max-width: 500px;
  margin: 0 auto;
}

#new #lp.common .contact .it_txt .right_box:before,
#new #lp.common .contact .it_txt .right_box:after{
  left: 50%;
}

/*--------------------------------------------------
  lp form
  ------------------------------------------------*/
#new #lp.common .contact .form_box{
  padding: 30px;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  lp first main visual
  ------------------------------------------------*/
#lp_mv.excel .btn a{
  font-size: 1.8rem;
  padding: 10px 20px;
}

/*--------------------------------------------------
  lp first cv
  ------------------------------------------------*/
#new #lp .first .lp_cv_box .content{
  padding: 15px 15px 0;
}

#new #lp .first .lp_cv_box .txt_box p.limited{
  font-size: 1.6rem;
  padding: 6px 8px 6px 10px;
  margin-right: 10px;
}

#new #lp .first .lp_cv_box .txt_box p.date{
  font-size: 2.4rem;
}

#new #lp .first .lp_cv_box .txt_box p.date span,
#new #lp .first .lp_cv_box .txt_box p.date mark{
  font-size: 1.6rem;
}

#new #lp .first .lp_cv_box .txt_box p.date mark{
  margin-left: 10px;
}

#new #lp .first .lp_cv_box .txt_box p.date mark em{
  font-size: 1.7rem;
}

#new #lp .first .lp_cv_box .btn a{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  lp first trouble
  ------------------------------------------------*/
#new #lp .first .trouble ul.problems{
  margin-bottom: 25px;
}

#new #lp .first .trouble ul.solution{
  margin-bottom: 30px;
}

#new #lp .first .trouble .ttl_box_sub h2 br.spon{
  display: block;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result h3,
#new #lp .first .result h4{
  font-size: 1.8rem;
}

#new #lp .first .result h3 span{
  font-size: 1.4rem;
}

#new #lp .first .result h4{
  margin-bottom: 20px;
}

/*--------------------------------------------------
  lp first reason
  ------------------------------------------------*/
#new #lp .first .reason ul li h3{
  font-size: 1.8rem;
  letter-spacing: 0;
}

#new #lp .first .reason ul li h3:before,
#new #lp .first .reason ul li h3:after{
  width: 30px;
  height: 2px;
}

#new #lp .first .reason ul li h4{
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0;
}
}


/*--------------------------------------------------

  @media max-width:850px

  ------------------------------------------------*/
@media screen and (max-width:850px){
/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 68px;
  height: 70px;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer #footer_menu{
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

footer #footer_menu .col_box{
  width: auto;
}
}


/*--------------------------------------------------

  @media max-width:768px

  ------------------------------------------------*/
@media screen and (max-width:768px){
/*--------------------------------------------------
  base
  ------------------------------------------------*/
#new h2{
  font-size: 3.2rem;
}

.home #new h2,
.home #new .common_work h2{
  font-size: 3rem;
}

#new h3,
.php_template h3{
  font-size: 2rem;
}

/*--------------------------------------------------
  common
  ------------------------------------------------*/
#new .content,
.php_template .content{
  padding: 60px 30px;
}

#new .sub .privacy_policy{
  padding: 60px 0;
}

#new .ttl_box,
.php_template .ttl_box{
  margin-bottom: 60px;
}

/*--------------------------------------------------
  cv btn
  ------------------------------------------------*/
#new .cv_btn h3,
.php_template .cv_btn h3{
  font-size: 1.8rem;
}

#new .cv_btn p,
.php_template .cv_btn p{
  font-size: 1.3rem;
}

#new .cv_btn a,
.php_template .cv_btn a{
  padding: 10px 20px 9px 10px;
}

#new .cv_btn a:after,
.php_template .cv_btn a:after{
  right: 15px;
}

/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/top/main_visual_sp.webp) right bottom / cover no-repeat;
  height: 640px;
}

.home #new .main_visual .ttl_box{
  margin-left: 0;
}

.home #new .main_visual .img_box{
  margin-top: 10px;
  margin-bottom: 20px;
}

.home #new .main_visual .img_box img{
  width: 500px;
}

.home #new .main_visual .img_box .logo_sp{
  display: block;
}

.home #new .main_visual .img_box .logo_pc{
  display: none;
}

.home #new .main_visual .cv_btn{
  padding: 0 20px;
  margin-bottom: 20px;
}

.home #new .main_visual .cv_btn li{
  flex: auto;
  width: calc(50% - 20px / 2);
}

.home #new .main_visual .cv_btn li:first-child{
  margin-right: 20px;
}

.home #new .main_visual .cv_btn a{
  text-align: left;
  padding: 8px 20px 6px 15px;
}

.home #new .main_visual .cv_btn p{
  font-size: 1.8rem;
  letter-spacing: 1px;
}

.home #new .main_visual .tel_box{
  text-align: center;
  display: block;
}

.home #new .main_visual .tel_box a{
  letter-spacing: 2px;
  padding-left: 35px;
  margin-left: -7px;
}

/*--------------------------------------------------
  top bnr col2
  ------------------------------------------------*/
#new .bnr_col2 ul{
  display: block;
}

#new .bnr_col2 ul li{
  width: 75%;
  margin: 0 auto;
}

#new .bnr_col2 ul li:first-child{
  margin-top: -10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}

#new .bnr_col2 ul li:first-child p{
  margin-bottom: -10px;
}

#new .bnr_col2 ul li a.txt_link{
  margin-left: 10px;
}

/*--------------------------------------------------
  top bnr agreement
  ------------------------------------------------*/
#new .bnr_col2 ul.content,
#new .top_bnr .agreement{
  padding: 20px 30px 20px;
}

#new .top_bnr .agreement .txt_box{
  margin-bottom: 25px;
}

#new .top_bnr .agreement .txt_box:after{
  left: 50%;
}

#new .top_bnr .agreement ul{
  padding: 0;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .ttl_box h2 br.spon{
  display: block;
}

#new .top_graph ul > li img,
#lp.common .graph ul > li img{
  max-width: 280px !important;
}

#new .top_graph ul,
#lp.common .graph ul{
  justify-content: center;
  flex-wrap: wrap;
}

#new .top_graph ul > li,
#lp.common .graph ul > li{
  width: calc(50% - 40px / 2);
  margin-right: 40px;
}

#new .top_graph ul > li:nth-child(2),
#new .top_graph ul > li:last-child,
#lp.common .graph ul > li:nth-child(2),
#lp.common .graph ul > li:last-child{
  margin-right: 0;
}

#new .top_graph ul > li:not(:last-child),
#lp.common .graph ul > li:not(:last-child){
  margin-bottom: 40px;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 118px;
  height: 120px;
  right:  -20px;
  bottom: -40px;
}

/*--------------------------------------------------
  top feature
  ------------------------------------------------*/
#new .top_feature .ttl_box p br{
  display: none;
}

#new .top_feature .list_box{
/*  margin-bottom: 60px;*/
  padding: 0;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_function .img_box{
  margin-bottom: 60px;
}

#new .top_function .img_pc,
#new .sub .function_img .img_pc,
#function_flow .function_img .img_pc{
  display: none;
}

#new .top_function .img_sp,
#new .sub .function_img .img_sp,
#function_flow .function_img .img_sp{
  display: block;
}

/*--------------------------------------------------
  footer contact [php_template]
  ------------------------------------------------*/
#new .contact,
.php_template #footer_contact{
  height: 330px;
}

#new .contact section,
.php_template #footer_contact section{
  top: 60px;
}

#new .contact .ttl_box h2,
.php_template #footer_contact .ttl_box h2,
#new .news .ttl_box h2,
#new .blog .ttl_box h2{
  font-size: 4rem;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
#new .top_voice_logo .content{
  padding: 50px 30px;
}

#new  ul.voice_logo li{
  width: calc(33.3333333% - 30px / 3);
  margin-right: 15px;
  margin-right: 15px;
}

#new  ul.voice_logo li:nth-child(5n){
  margin-right: 15px;
}

#new  ul.voice_logo li:nth-child(3n){
  margin-right: 0;
}

#new  ul.voice_logo li:nth-child(5n+1):nth-last-child(-n+5),
#new  ul.voice_logo li:nth-child(5n+1):nth-last-child(-n+5) ~ li{
  margin-bottom: auto;
}

#new  ul.voice_logo li:nth-child(3n+1):nth-last-child(-n+3),
#new  ul.voice_logo li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .list_box li{
  background: none;
  padding: 0;
}

#new .top_media .list_box .img_box{
  height: auto;
  border: none;
  margin-bottom: 0;
}

#new .top_media .list_box .txt_box{
  display: none;
}

#new .top_media .list_box li p,
#new .top_media .list_box li a.link span{
  display: none;
}

/*--------------------------------------------------
  top news
  ------------------------------------------------*/
#archive_news_list .news_list li,
#single_news_list .news_list li,
#new .news .tab_content li{
  display: block;
  padding: 18px 0 12px;
}

#archive_news_list .number,
#single_news_list .number,
#new .news .tab_content .number{
  margin-right: 0;
}

#archive_news_list .data_box,
#single_news_list .data,
#new .news .tab_content .data{
  margin-bottom: 12px;
}

#archive_news_list .news_list li .title,
#single_news_list .news_list li .title{
  max-width: 100%;
}

#new .news .tab_ttl{
  width: calc(100%/3);
  border-bottom: 4px solid #fff;
}

#new .news #tab3 + .tab_ttl{
  border-right: none;
}

#new .news #tab5 + .tab_ttl{
  border-right: 4px solid #fff;
}
	
/*--------------------------------------------------
  top blog
  ------------------------------------------------*/
#new .blog .col2_box{
  display: block;
}

#new .blog .col2_box .txt_area,
#new .blog .col2_box .img_box{
  width: 100%;
}

#new .blog .col2_box .txt_area{
  max-width: 100%;
  margin-right: 0;
  margin-bottom: 40px;
}

#new .blog .col2_box .txt_box p:not(:last-child){
  margin-bottom: 20px;
}

/*--------------------------------------------------
  top blog recommend
  ------------------------------------------------*/
#new .blog .recommend ul{
  display: block;
}

#new .blog .recommend ul li{
  width: 100%;
}

#new .blog .recommend ul li:not(:last-child){
  margin-right: 0;
  margin-bottom: 20px;
}

#new .blog .recommend ul li a{
  width: 60%;
  margin: 0 auto;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer > div.content{
  padding: 40px 20px;
}

footer #footer_menu{
  margin-bottom: 20px;
}

footer #footer_menu .col_box h4{
  margin-bottom: 15px;
}


footer #footer_menu .col_box{
  width: calc(50% - 30px / 2);
}

footer #footer_menu .col_box:last-child{
  width: 100%;
  max-width: 100%;
  margin-top: 34px;
}

footer #footer_menu ul.cv_btn_box{
  max-width: 100%;
  display: flex;
  align-items: center;
}

footer #footer_menu ul.cv_btn_box li{
  width: 270px;
  margin: 0;
}

footer #footer_menu ul.cv_btn_box li:not(:last-child){
  margin-right: 20px;
  margin-bottom: 0;
}

footer #menu_box ul.bnr_box p.txt{
  max-width: 100%;
}

footer #sns_box h5{
  min-width: 224px;
}

footer #footer_social_link{
  background: none;
  padding: 0;
  margin: 0;
}

footer #footer_social_link li{
  margin: 0;
}

footer #footer_address{
  border-top: none;
  padding-top: 0;
  margin: 0;
}

/*--------------------------------------------------
  copyright
  ------------------------------------------------*/
footer #copyright{
  margin-bottom: 0;
  padding: 0 15px 75px !important;
}

footer #footer_bottom{
  margin-bottom: 50px;
}

/*--------------------------------------------------
  footer follow btn [php_template]
  ------------------------------------------------*/
footer #follow_btn{
  bottom: 117px;
}

footer #follow_btn li:not(:last-child){
  margin-right: 5px;
}

footer #follow_btn a{
  font-size: 1.2rem;
  padding: 6px 5px 3px 32px;
}

footer #follow_btn li#page_top a{
  padding: 6px 5px 3px 26px;
}

footer #follow_btn li.function a:before{
  width: 20px;
  height: 17px;
  left: 6px;
}

footer #follow_btn li.price a:before{
  width: 16px;
  height: 20px;
  left: 8px;
}

footer #follow_btn li#page_top a:before{
  width: 12px;
  height: 12px;
  left: 7px;
}

/*--------------------------------------------------
  footer it txt follow btn
  ------------------------------------------------*/
footer #it_txt #follow_btn{
  bottom: 115px;
}

/*--------------------------------------------------
  footer it campaign follow btn
  ------------------------------------------------*/
footer #it_campaign #follow_btn{
  bottom: 94px;
}

/*--------------------------------------------------
  footer follow [php_template]
  ------------------------------------------------*/
footer #follow .ttl_box .content,
footer #follow .ttl_box ul{
  display: inline-block;
}

footer #follow .ttl_box .content{
  padding: 8px 10px 5px;
}

footer #follow .ttl_box h2{
  font-size: 1.6rem;
  display: inline;
  margin-right: 7px;
}

footer #follow .ttl_box h2 br{
  display: block;
}

footer #follow .ttl_box h2 span:before{
  font-size: 1.4rem;
  top: -13px;
  left: 5px;
}

footer #follow .ttl_box ul{
  margin-right: 4px;
}

footer #follow .ttl_box ul li{
  font-size: 1.3rem;
  letter-spacing: 0;
  display: inline-block;
  padding: 4px 5px 2px 7px;
}

footer #follow .ttl_box ul li:not(:last-child){
  margin-right: 5px;
}

footer #follow .ttl_box p.aippear{
  color: #fff;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
  background: none;
  display: inline-block;
  transform: none;
  padding: 0;
}

/*--------------------------------------------------
  footer it txt follow
  ------------------------------------------------*/
footer #follow .ttl_box .it_txt ul{
  display: block;
}

footer #follow .ttl_box .it_txt h2 span:before{
  top: -13px;
  left: 0;
}

/*--------------------------------------------------
  footer follow it campaign box
  ------------------------------------------------*/
footer #follow .it_campaign_box ul{
  padding-right: 5px;
  margin-right: 0;
}

footer #follow .it_campaign_box ul li{
  padding: 4px 5px 2px 9px;
}

footer #follow .it_campaign_box h2{
  letter-spacing: 1px;
}

/*--------------------------------------------------
  footer follow btn
  ------------------------------------------------*/
footer #follow .btn_box .content{
  padding: 10px 10px 13px;
}

footer #follow .btn_box .logo{
  display: none;
}

footer #follow .btn_box ul li.btn h3{
  font-size: 1.5rem;
  letter-spacing: 0.6px;
  padding: 8px 20px 6px 12px;
}

footer #follow .btn_box ul li.btn a.document h3{
  padding: 8px 20px 6px 8px;
}

footer #follow .btn_box ul li.btn a .icon_box:before{
  top: 4px;
  left: 10px;
}

footer #follow .btn_box ul li.btn a.demo .icon_box:before{
  width: 22px;
  height: 20px;
}

footer #follow .btn_box ul li.btn a.document .icon_box:before{
  width: 18px;
  height: 22px;
}

footer #follow .btn_box ul li.btn a .icon_box:after{
  width: 16px;
  height: 16px;
  right: 10px;
}

/*--------------------------------------------------
  sub main visual 
  ------------------------------------------------*/
.sub_mv{
  background-position: left 4.8% top 0;
}

.sub_mv p img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function .ttl_box,
#new .sub .function_other .ttl_box{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  width: 75px;
  margin-bottom: 15px;
}

#new .sub .function .group .list_box{
  justify-content: flex-start;
}

#new .sub .function .group .list_box:after{
  content: '';
  display: block;
  flex: 0 0 25%;
}

#new .sub .function .group .list_box li{
  width: calc(25% - 30px / 4);
  margin-bottom: 15px;
}

#new .sub .function .group .list_box li:nth-child(6n){
  margin-right: 10px;
}

#new .sub .function .group .list_box li:nth-child(4n){
  margin-right: 0;
}

#new .sub .function_other .group .list_box li{
  margin-right: 20px;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  sub function detail
  ------------------------------------------------*/
#new .sub .detail li .col2_box{
  display: block;
}

#new .sub .detail .col2_box .txt_area{
  margin-bottom: 0;
}

#new .sub .top .list_box li:nth-of-type(odd) .txt_area,
#new .sub .site .list_box li:nth-of-type(odd) .txt_area,
#new .sub .manager .list_box li:nth-of-type(even) .txt_area{
  margin-right: 0;
}

#new .sub .top .list_box li:nth-of-type(even) .txt_area,
#new .sub .site .list_box li:nth-of-type(even) .txt_area,
#new .sub .manager .list_box li:nth-of-type(odd) .txt_area{
  margin-left: 0;
}

#new .sub .detail .list_box li .img_box{
  display: block;
  margin-bottom: 40px;
}

#new .sub .detail .col2_box .txt_area{
  max-width: 100%;
}

#new .sub .detail .txt_box,
#new .sub .detail h3{
  margin-bottom: 30px;
}

#new .sub .detail .txt_box p:not(:last-child){
  margin-bottom: 20px;
}

#new .sub .detail .beta{
  margin-top: -10px;
}

/*--------------------------------------------------
  sub function device
  ------------------------------------------------*/
#new .sub .device .content{
  display: block;
}

#main_col2 #new .sub .device .txt_box{
  margin-right: 0;
}

#new .sub .device .img_box{
  margin: 0 auto;
}

#new .sub .device .img_box img{
  max-width: 100% !important;
  margin: 0 auto;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function .ttl_box_select h1{
  margin-bottom: 55px;
}

#new .sub .function .function_ttl .content,
#function_flow .function_img .function_ttl .content{
  padding: 30px 0;
}

#new .sub .function #site h2:after,
#new .sub .function #manager h2:before{
  width: 120px;
  height: 114px;
  bottom: -30px;
}

#new .sub .function #site h2:after{
  right: -160px;
}

#new .sub .function #manager h2:before{
  left: -150px;
}

/*--------------------------------------------------
  function img
  ------------------------------------------------*/
#new .sub .function_img .ttl_box
#function_flow .function_img .ttl_box{
  margin-bottom: 50px;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .content .ttl_box{
  margin-bottom: 55px;
}

#footer_function .function_other_list .page_link a{
  height: 55px;
}

/*--------------------------------------------------
  sub common
  ------------------------------------------------*/
#new .top_selection .col2_box,
#new .sub .col2_box{
  display: block;
}

#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area,
#new .top_selection .col2_box .img_box,
#new .sub .col2_box .img_box{
  width: 100%;
}

#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area{
  margin-right: 0;
  margin-bottom: 30px;
}

#new .top_selection .col2_box .txt_box p:not(:last-child),
#new .sub .col2_box .txt_box p:not(:last-child){
  margin-bottom: 20px;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection h3,
#new .sub .selection h3{
  margin-bottom: 25px;
}

#new .top_selection h3 br,
#new .sub .selection h3 br{
  display: none;
}

#new .top_selection section > ul >li:first-child .col2_box,
#new .top_selection section > ul >li:last-child .col2_box,
#new .sub .selection section > ul >li:first-child .col2_box,
#new .sub .selection section > ul >li:last-child .col2_box{
  margin-bottom: 40px;
}

#new .top_selection section > ul >li:first-child .txt_box,
#new .sub .selection section > ul >li:first-child .txt_box{
  margin-bottom: 25px;
}

#new .top_selection .txt_area dl,
#new .sub .selection .txt_area dl{
  display: flex;
}

#new .top_selection section > ul >li:first-child .img_box,
#new .sub .selection section > ul >li:first-child .img_box{
  margin-bottom: 50px;
}

#new .top_selection .point05 .txt_area h4{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  sub slide
  ------------------------------------------------*/
#new .top_selection section .img_box .slide02 img,
#new .sub .selection section .img_box .slide02 img{
  height: 60.764vw;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support li,
#new .sub .selection .support li{
  line-height: 1.2;
  padding: 20px 5px 18px;
  letter-spacing: -0.4px;
}

#new .top_selection .support li img,
#new .sub .selection .support li img{
  width: 40px;
}

#new .top_selection .support li span,
#new .sub .selection .support li span{
  font-size: 1.4rem;
}

#new .top_selection .support li br,
#new .sub .selection .support li br{
  display: block;
}

/*--------------------------------------------------
  top price
  ------------------------------------------------*/
#new .top_price .ttl_box p{
  text-align: left;
}

#new .top_price .it_box,
#new .sub .price .it_box{
  margin-top: 0;
}

#new .top_price .it_link a,
#new .sub .price .it_link a{
  font-size: 1.8rem;
  text-align: left;
}

#new .top_price .it_link a:before,
#new .sub .price .it_link a:before{
  top: 18px;
  bottom: auto;
}

/*--------------------------------------------------
  price table common
  ------------------------------------------------*/
#new .top_price .table_type .num,
#new .sub .table_type .num{
  font-size: 2.4rem;
  margin-right: 2px;
}


/*#new .top_price .ttl_box,*/
#new .sub .price_box .ttl_box,
#new .sub .price_option .ttl_box{
  margin-bottom: 50px;
}

/*#new .top_price .ttl_box p,*/
#new .sub .price_box .ttl_box p,
#new .sub .price_option .ttl_box p{
  text-align: left;
}

#new .top_price .table_type th,
#new .top_price .table_type td,
#new .sub .price_box .table_type th,
#new .sub .price_box .table_type td{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type tbody th,
#new .sub .price .table_type tbody th{
  padding: 10px 5px;
}

/*--------------------------------------------------
  price function
  ------------------------------------------------*/
#new .sub .price_function .ttl_box br,
#new .sub .price_option .ttl_box br{
  display: none;
}

#new .sub .price_function .btn{
  margin-top: 40px;
}

/*--------------------------------------------------
  price option
  ------------------------------------------------*/
#new .sub .price_option .img_box img{
  max-width: 70%;
}

#new .sub .price_option h4 span{
  font-size: 2.4rem;
}

/*--------------------------------------------------
  sub faq
  ------------------------------------------------*/
#new .sub .faq .list_box li{
  width: calc(20% - 40px / 5);
  margin-right: 10px;
}

#new .sub .faq .list_box li:last-child h3{
  letter-spacing: -1px;
}

#new .sub .faq .list_box .img_box{
  width: 90px;
}

#new .sub .faq .list_box .img_box img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  flow
  ------------------------------------------------*/
#new .sub .flow,
#function_flow .flow{
 width: 100% !important;
}

#new .sub .flow li .ttl_box p,
#function_flow .flow li .ttl_box p{
/*  flex: 0 0 90px;*/
  padding: 20px 5px 20px 10px;
}

#new .sub .flow li .ttl_box p:after,
#function_flow .flow li .ttl_box p:after{
  border-width: 30px 0 30px 1em;
}

#new .sub .flow h4,
#function_flow .flow h4{
  margin-bottom: 13px;
}

#new .sub .flow_box,
#function_flow .flow_box{
  display: block;
  padding: 30px;
}

#new .sub .flow .img_box,
#function_flow .flow .img_box{
  margin-bottom: 20px;
}

#new .sub .flow .txt_box,
#function_flow .flow .txt_box{
  padding: 0;
}

#new .sub .flow .tel,
#function_flow .flow .tel{
  margin-bottom: 20px;
}

#new .sub .flow .frame .flow_box,
#function_flow .flow .frame .flow_box{
  padding: 30px;
}

#new .sub .flow .frame .img_box,
#function_flow .flow .frame .img_box{
  margin-bottom: 20px;
}

#new .sub .flow li:first-child .txt_box p,
#function_flow .flow li:first-child .txt_box p{
  margin-bottom: 5px;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .massage .img_box img{
  max-width: 100% !important;
}

#new .sub .company .team h3{
  text-align: center;
}

#new .sub .company .team_box{
  display: block;
}

#new .sub .company .team .img_box{
  margin: 0 auto;
  margin-bottom: 35px;
}

#new .sub .company .team .img_box img{
  max-width: 100% !important;
}

#new .sub .company .map{
  padding-bottom: 60%;
}

/*--------------------------------------------------
  privacy security
  ------------------------------------------------*/
#new .sub .privacy_security  h2{
  padding-bottom: 30px;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  form it
  ------------------------------------------------*/
#new .sub .form_area .it_txt{
/*  text-align: left;*/
  padding: 12px 15px 7px;
}

#new .sub .form_area .it_txt br.spon{
  display: block;
}

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box{
  padding: 0 20px 20px;
}

#new .sub .form_area .it_col_box p,
#new .sub .form_area .it_col_box li{
  font-size: 1.5rem;
}

#new .sub .form_area .it_col_box .left_box span.start{
  font-size: 1.8rem;
}

#new .sub .form_area .it_col_box .left_box strong{
  font-size: 2rem;
}

#new .sub .form_area .it_col_box .right_box .caution{
  font-size: 1.3rem;
}

#new .sub .form_area .it_col_box .left_box br,
#new .sub .form_area .it_col_box .left_box br.spon{
  display: none;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document h3,
#new .sub .form_area .demo h3{
  letter-spacing: 1px;
}

#new .sub .form_area .document p,
#new .sub .form_area .demo p{
  position: static;
  width: auto;
  height: auto;
}

#new .sub .form_area .document p img,
#new .sub .form_area .demo p img{
  width: 60% !important;
  margin: 0 auto;
}

#new .sub .form_area .document h3{
  text-align: center;
}

#new .sub .form_area .document h3 br{
  display: block;
}

#new .sub .form_area .document p img{
  margin-bottom: 15px;
}

#new .sub .form_area .document .list{
  justify-content: center;
}

/*--------------------------------------------------
  form demo
  ------------------------------------------------*/
#new .sub .form_area .demo p img{
  margin-bottom: 25px;
}

#new .sub .form_area .demo .list{
  width: 100%;
}

/*--------------------------------------------------
  news page
  ------------------------------------------------*/
.post-type-archive-news #page_header{
  margin: 50px 0 45px;
}

.tax-news-cat #page_header{
  margin: 50px 0;
}

.post-type-archive-news #page_header .headline{
  font-size: 4rem !important;
}

.tax-news-cat #page_header .headline{
  font-size: 3.6rem !important;
}

.tax-news-cat #page_header p,
.post-type-archive-news #page_header p{
  max-width: 100%;
}

.tax-news-cat #main_col,
.post-type-archive-news #main_col{
  margin: 0;
}

#archive_news_list{
  margin: 0 0 50px 0;
}

#archive_news_list .news_list{
  margin: 0 !important;
}

/*--------------------------------------------------
  news article
  ------------------------------------------------*/
#single_news #post_title{
  font-size: 2.4rem !important;
}

#single_news #article h2{
  font-size: 2rem;
}

#single_news #article .post_content img{
  max-width: 100% !important;
}

#single_news #article .img_box{
  padding: 6px;
}

.single-news #single_news_list{
  margin: 35px 0 20px;
}

/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work .content{
  padding: 40px 20px;
}

#new .common_work h2{
  margin-bottom: 35px;
}

#new .common_work .ttl_slash{
  margin-bottom: 30px;
}

#new .common_work h2.ttl_balloon{
  padding: 12px 30px 10px;
  margin-bottom: 40px;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .content{
  padding: 30px 20px;
}

#new #archive_work .main_visual .ttl_box h2{
  margin-bottom: 20px;
}

#new #archive_work .main_visual section .content{
  max-width: 530px;
}

#new #archive_work .main_visual .slick-work-box a{
  padding: 25px 25px 15px;
}

#new #archive_work .main_visual .slick-work-box .img_box p{
  top: -10px;
  left: -10px;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search .tab li{
  width: calc(25% - 30px / 4);
}

#new #archive_work .search .tab li:not(:last-child){
  margin-right: 10px;
}

#new #archive_work .search .tab li a{
  padding: 12px 15px 11px;
}

#new #archive_work .search .tab li h3{
  letter-spacing: 0;
}

#new #archive_work .search .tab li h3 span{
  margin: 0 -3px;
}

#new #archive_work .search .category ul li{
  width: calc(50% - 10px / 2);
  margin-right: 10px;
  margin-bottom: 10px;
}

#new #archive_work .search .category ul li:nth-child(3n),
#new #archive_work .search .category ul li:nth-child(5n){
  margin-right: auto;
}

#new #archive_work .search .category ul li:nth-child(2n){
  margin-right: 0;
}

#new #archive_work .search .category ul li:nth-child(3n+1):nth-last-child(-n+3),
#new #archive_work .search .category ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li,
#new #archive_work .search .category ul li:nth-child(4n+1):nth-last-child(-n+4),
#new #archive_work .search .category ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li,
#new #archive_work .search .category ul li:nth-child(5n+1):nth-last-child(-n+5),
#new #archive_work .search .category ul li:nth-child(5n+1):nth-last-child(-n+5) ~ li{
  margin-bottom: 10px;
}

#new #archive_work .search .category ul.tab_box li:nth-child(2n+1):nth-last-child(-n+2),
#new #archive_work .search .category ul.tab_box li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 0;
}

/*--------------------------------------------------
  archive work interview
  ------------------------------------------------*/
#new #archive_work .interview section:before{
  right: 2%;
}

#new #archive_work .interview ul.list_box > li{
  width: calc(50% - 20px / 2);
  margin-right: 20px;
  margin-bottom: 20px;
}

#new #archive_work .interview ul.list_box > li:nth-child(3n){
  margin-right: 20px;
}

#new #archive_work .interview ul.list_box > li:nth-child(2n){
  margin-right: 0;
}

/*--------------------------------------------------
  archive work achievement
  ------------------------------------------------*/
#new #archive_work .achievement .ttl_slash h3 br{
  display: inline-block;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite .content{
  padding: 40px 20px 25px;
}

#new #archive_work .favorite ul li{
  padding: 30px;
}

#new #archive_work .favorite ul li:not(:last-child){
  margin-bottom: 20px;
}

#new #archive_work .favorite h3{
  font-size: 2.1rem;
}

#new #archive_work .favorite .message h4{
  font-size: 2.2rem;
}

#new #archive_work .favorite .message .img_box{
  max-width: 148px;
  height: 145px;
}

#new #archive_work .favorite .message span:before{
  width: 48px;
  height: 14px;
}

/*--------------------------------------------------
  archive work cat
  ------------------------------------------------*/
#new #archive_work_cat.interview h2{
  text-align: left;
}

#new #archive_work_cat.interview .no_post_txt{
  text-align: left;
  padding: 30px 20px 25px;
  margin-bottom: 40px;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work #left_col{
  padding: 0 20px 40px;
}

#new #single_work .post_content > div:not(:last-child){
  margin-bottom: 40px;
}

#new #single_work .glossary_box .img_box{
  width: 100px;
  margin-right: 30px;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead{
  padding: 30px 20px 0;
}

#new #single_work .introduction .ttl_slash h3 br.spon{
  display: inline-block;
}

#new #single_work .introduction section.flex_col2{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  single work company introduction
  ------------------------------------------------*/
#new #single_work .company_introduction{
  display: block;
  padding: 25px;
}

#new #single_work .company_introduction h3{
  margin-bottom: 20px;
}

#new #single_work .company_introduction .left_box{
  max-width: 100%;
  margin-right: 0;
}

#new #single_work .company_introduction .img_box{
  height: 150px;
  max-height: 100%;
  margin-bottom: 20px;
}

#new #single_work .company_introduction .txt_box{
  margin-bottom: 15px;
}

#new #single_work .company_introduction ul{
  margin-bottom: 20px;
}

#new #single_work .company_introduction .btn{
  text-align: center;
}

/*--------------------------------------------------
  single work improvement
  ------------------------------------------------*/
#new #single_work .improvement ul{
  display: block;
}

#new #single_work .improvement ul li{
  width: 100%;
}

#new #single_work .improvement ul li:not(:last-child){
  margin-right: 0;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 460px;
}

#new #related .slick-slider-related{
  margin-bottom: 60px !important;
}

#new #related .slick-next{
  right: -60px;
}

#new #related .slick-prev{
  left: -60px;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select .ttl_slash h2{
  font-size: 2rem;
  letter-spacing: 0.6px;
  padding: 0 10px;
}

#new #contact_select .it_txt{
  margin-bottom: 35px;
}

#new #contact_select .it_txt p br{
  display: inline-block;
}

#new #contact_select ul.list_box{
  display: block;
}

#new #contact_select li{
  width: 100%;
  margin-right: 0;
}

#new #contact_select li:not(:last-child){
  margin-right: 0;
  margin-bottom: 20px;
}

#new #contact_select li p{
  text-align: center;
}

#new #contact_select li p br{
  display: block;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce{
  padding: 60px 30px;
}

#new .sub .agency .introduce .content{
  padding: 40px 30px 30px;
}

#new .sub .agency .introduce .img_box{
  margin-bottom: 30px;
}

#new .sub .agency .introduce .img_box img{
  max-width: 100% !important;
}

#new .sub .agency .introduce .txt_box h3{
  margin-bottom: 30px;
}

#new .sub .agency .introduce ul{
  margin-bottom: 30px;
}

#new .sub .agency .introduce .agency_btn a{
  max-width: 100%;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .visual .content{
  padding: 25px 20px 50px;
}

#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  padding: 45px 20px 50px;
}

#new .denshichobo p, #new .denshichobo ul, #new .denshichobo ol{
  font-size: 1.6rem;
}

#new .denshichobo .visual .img_box img,
#new .denshichobo .search_list .img_box img,
#new .denshichobo .merits .comment .img_box img,
#new .denshichobo .merits_list li .img_box img,
#new .denshichobo .form_get_around .img_present img,
#new .denshichobo .form_get_around .img_document img{
  max-width: 100% !important;
}

#new .denshichobo p.hiragino{
  font-size: 1.9rem;
  line-height: 1.6;
}

#new .denshichobo .txt_box .marker_half{
  background: linear-gradient(rgba(255,240,0,0) 60%,#fff000 50%);
}

#new .denshichobo .txt_box p:not(:last-child){
  margin-bottom: 15px;
}

#new .denshichobo div.btn a{
  padding: 15px 45px 13px 25px;
}

#new .denshichobo div.btn a:after{
  right: 15px;
}

#new .denshichobo .about{
  margin-bottom: 35px;
}

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .search{
  margin-bottom: 40px;
}

#new .denshichobo .search_list{
  display: block;
}

#new .denshichobo .search_list ol{
  margin-bottom: 30px;
}

#new .denshichobo .search_list .txt_box{
  margin-right: 0;
}

#new .denshichobo .search_list .img_box{
  margin: 0 auto;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive h2.ttl_ribbon{
  font-size: 2.2rem;
  letter-spacing: 0;
}

#new .denshichobo .merits .comment{
  margin: 20px 0 30px;
}

#new .denshichobo .merits .txt_balloon{
  padding: 12px 10px 15px 25px;
}

#new .denshichobo .merits .txt_balloon p{
  font-size: 2rem;
  letter-spacing: 0;
}

#new .denshichobo .googledrive .merits{
  padding: 30px 20px;
}

#new .denshichobo .googledrive h2.ttl_ribbon + .txt_box{
  padding: 0 5px;
}

#new .denshichobo .merits_list li{
  padding: 25px 30px 30px 30px;
}

#new .denshichobo .merits_list li:not(:last-child){
  margin-bottom: 40px;
}

#new .denshichobo .merits_list li:before{
  width: 66px;
  height: 66px;
  top: -35px;
  left: -30px;
}

#new .denshichobo .merits_list li h3{
  font-size: 2.2rem;
  margin-left: 0;
}

#new .denshichobo .merits_list li:last-child .col2{
  display: block;
  margin-bottom: 30px;
}

#new .denshichobo .merits_list li:last-child .txt_box{
  margin-right: 0;
  margin-bottom: 30px;
}

#new .denshichobo .merits_list li:last-child .img_box{
  max-width: 282px;
  display: block;
  margin: 0 auto;
}

#new .denshichobo .merits_list li div.btn{
  text-align: center;
}

#new .denshichobo .merits_list li div.btn a{
  min-width: 100%;
  padding: 15px 50px 13px 10px;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice .about p.start{
  font-size: 1.8rem;
  letter-spacing: 0;
  padding: 6px 10px 4px 16px;
}

#new .denshichobo .invoice_list li{
  padding: 25px 30px 30px 20px;
}

#new .denshichobo .invoice_list li:before{
  font-size: 1.8rem;
  line-height: 30px;
  width: 100px;
  height: 30px;
  top: -20px;
}

#new .denshichobo .invoice_list li:not(:last-child){
  margin-bottom: 45px;
}

#new .denshichobo .invoice_list li h3{
  letter-spacing: 0;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .content{
  padding: 40px 20px;
}

#new .denshichobo .form_get_around .txt_box .now{
  font-size: 2.4rem;
  line-height: 40px;
  padding: 2px 18px 2px 25px;
}

#new .denshichobo .form_get_around .txt_box .demo{
  font-size: 2.6rem;
}

#new .denshichobo .form_get_around .txt_box .demo span:before{
  top: -24px;
  left: 0;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{
  font-size: 2.4rem;
  padding-left: 20px;
  padding-right: 30px;
}

#new .denshichobo .form_get_around .img_present img{
  margin: 0 auto;
}

#new .denshichobo .form_get_around .img_document img{
  margin-left: 0;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt .txt_box{
  padding: 0 20px 40px;
}

/*--------------------------------------------------
  denshichobo_form
  ------------------------------------------------*/
#new .denshichobo_form{
  padding: 0 20px 40px;
}

#new .denshichobo_form h2{
  font-size: 2.4rem !important;
}

#new .denshichobo_form .btn_box{
  min-width: 100%;
}

/*--------------------------------------------------
  lp mutual link
  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 60px 20px;
}

#new .mutual_link ul, #new .mutual_link ol,
#new .mutual_link li, #new .mutual_link p{
  font-size: 1.6rem;
}

#new .mutual_link .visual img,
#new .mutual_link .about .chart img,
#new .mutual_link .publish img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .illust img{
  max-width: 48.665% !important;
}

#new .mutual_link .about .txt_box p:last-child{
  text-align: left;
}

#new .mutual_link .about .txt_box p:last-child br{
  display: none;
}

#new .mutual_link .about .chart img{
  padding: 30px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul{
  flex-wrap: wrap;
}

#new .mutual_link .effect ul li{
  width: calc(50% - 20px / 2);
  margin-bottom: 20px;
}

#new .mutual_link .effect ul li:nth-child(2n){
 margin-right: 0;
}

#new .mutual_link .effect ul li:last-child{
 margin-bottom: 0;
}

#new .mutual_link .effect .comment{
  display: block;
}

#new .mutual_link .effect .comment .txt_balloon{
  margin-right: 0;
  margin-bottom: 50px;
}

#new .mutual_link .effect .comment .txt_balloon:after{
  top: 100%;
  right: auto;
  left: 50%;
  border: 12px solid transparent;
  border-top: 25px #e0efff solid;
  transform: translateX(-50%);
}

#new .mutual_link .effect .comment .txt_balloon:before{
  top: 20px;
  bottom: auto;
}

#new .mutual_link .effect .comment img{
  max-width: 48.17% !important;
  margin: 0 auto;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box p:last-child{
  padding-right: 18%;
}

#new .mutual_link .careful .img_box{
  width: 19.062%;
  right: 10px;
  bottom: 3%;
}

#new .mutual_link .careful .img_box img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish .txt_box{
  text-align: left;
}

#new .mutual_link .publish .txt_box p br,
#new .mutual_link .publish .txt_box p br.spon{
  display: none;
}

#new .mutual_link ul.publish_list_box li{
  padding: 35px 20px 30px;
  margin-bottom: 30px;
}

#new .mutual_link ul.publish_list_box li:before{
  width: 74px;
  height: 86px;
  top: -7px;
  left: 20px;
}

#new .mutual_link .publish .aippear_net_img{
  background: #fff;
  border-radius: 10px;
  padding: 6px 6px 20px;
  margin-bottom: 30px;
}

#new .mutual_link .publish .aippear_net_img .img_box{
  padding: 0;
  margin-bottom: 10px;
}

#new .mutual_link li.aippear_net .img_balloon{
  width: 18.727%;
  right: -30px;
  bottom: 28%;
}

#new .mutual_link li.aippear_net .img_illust{
  position: static;
  width: 52.201%;
  display: block;
  margin: 0 auto;
}

#new .mutual_link .publish_notes ol{
  padding: 15px;
}

#new .mutual_link .publish_notes ol li{
  line-height: 1.6;
}

#new .mutual_link .publish_notes ol li,
#new .mutual_link .publish_notes ol li:first-child{
  padding-left: 35px;
}

#new .mutual_link .publish_notes ol li:before{
  font-size: 1.7rem;
  line-height: 1.5;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

#new .mutual_link .publish_notes h3{
  font-size: 2rem;
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form_box h4{
  font-size: 2.4rem;
}

/*--------------------------------------------------
  mutual link page
  ------------------------------------------------*/
#new .mutual_link_page .content,
#new .service_link_page .content{
  padding: 25px 20px 50px;
}

#new .mutual_link_page .date{
  margin-bottom: 5px;
}

#new .mutual_link_page section h2{
  font-size: 2rem;
}

#new .mutual_link_page section .img_box img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page section h2{
  font-size: 2rem;
  padding: 12px 18px 11px;
}

#new .service_link_page section h3{
  font-size: 1.8rem;
  padding: 12px 18px 11px;
}

#new .service_link_page section h3:after{
  border: 10px solid transparent;
  border-top: 15px #ebeff6 solid;
}

#new .service_link_page section h4{
  font-size: 1.7rem;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .ttl_box h2,
#new #lp.common .ttl_box_sub h2{
  font-size: 2.4rem;
}

/*--------------------------------------------------
  lp header
  ------------------------------------------------*/
#lp_header .content{
  height: 60px;
}

#lp_header h1.logo{
  margin-right: 15px;
}

#lp_header h1.logo a img{
  max-width: 140px;
  height: auto;
}

#lp_header #menu_box .cv_btn a{
  color: #fff;
  font-size: 1.4rem;
  height: 60px;
  background: #00a0ef;
  padding: 0 15px 0 55px;
}

#lp_header #menu_box .cv_btn a span{
  line-height: 1.2;
  display: block;
  position: relative;
}

#lp_header #menu_box .cv_btn a span:before{
  content: '';
  position: absolute;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/icon_mail.png) no-repeat 0 0;
  background-size: 100%;
  width: 30px;
  height: 30px;
  left: -40px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#lp_header #menu_box .cv_btn a:hover span:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/icon_mail_hover.png) no-repeat 0 0;
  background-size: 100%;
}

#lp_header #menu_box .cv_btn a br{
  display: block;
}

/*--------------------------------------------------
  lp voice
  ------------------------------------------------*/
#new #lp.common .voice ul li:not(:last-child){
  margin-bottom: 20px;
}

#new #lp.common .voice li.flex_box{
  border: 2px solid #ddd;
}

#new #lp.common .voice li.flex_box .img_box{
  margin-bottom: 0;
}

#new #lp.common .voice li.flex_box .img_box img{
  width: auto;
}

#new #lp.common .voice li.flex_box .sentence{
  padding: 25px;
}

#new #lp.common .voice li.flex_box h3{
  font-size: 1.8rem;
  margin-bottom: 15px;
}

#new #lp.common .voice li.flex_box h4{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media ul > li{
  width: calc(33.3333333% - 34px/3);
  margin-bottom: 17px;
}

#new #lp.common .media ul > li:nth-child(4n){
  margin-right: 17px;
}

#new #lp.common .media ul > li:nth-child(3n){
  margin-right: 0;
}

#new #lp.common .media ul > li:nth-child(4n+1):nth-last-child(-n+4),
#new #lp.common .media ul > li:nth-child(4n+1):nth-last-child(-n+4) ~ li{
  margin-bottom: 17px;
}

#new #lp.common .media ul > li:nth-child(3n+1):nth-last-child(-n+3),
#new #lp.common .media ul > li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 0 !important;
}

#new #lp.common .media .other h3{
  font-size: 2rem;
}

/*--------------------------------------------------
  lp form
  ------------------------------------------------*/
#new #lp.common .contact .form_box{
  padding: 25px;
}

#new #lp.common .contact li{
  display: block;
}

#new #lp.common .contact li:not(:last-child){
  margin-bottom: 17px;
}

#new #lp.common .contact .mw_wp_form_input li.type{
  margin-bottom: 20px;
}

#new #lp.common .contact li h3{
  max-width: 100%;
  margin-bottom: 7px;
}

#new #lp.common .contact li.type h3{
  margin-bottom: 8px;
}

#new #lp.common .contact li.privacy_check .ttl_box{
  margin-bottom: 18px;
}

#new #lp.common .contact li.privacy_check .txt_box br{
  display: none;
}

#new #lp.common .contact.complete h2{
  font-size: 2.2rem;
}

/*--------------------------------------------------
  lp first main visual
  ------------------------------------------------*/
#lp_mv.excel{
  background: none;
  padding-top: 60px;
}

#lp_mv.excel .content{
  display: block;
}

#lp_mv.excel .left_box,
#lp_mv.excel .right_box{
  width: 100%;
  display: block;
}

#lp_mv.excel .left_box{
  background: #002f59;
  padding: 30px 20px;
}

#lp_mv.excel .left_box:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #002f59 transparent transparent;
  top: auto;
  right: auto;
  left: 50%;
  bottom: -18px;
  margin-top: 0;
  margin-left: -20px;
}

#lp_mv.excel .left_box img{
  max-width: 600px;
}

#lp_mv.excel .right_box{
  background: #00a0ef;
  padding: 35px 20px 30px;
}

#lp_mv.excel .right_box img{
  width: 80%;
}

#lp_mv.excel .btn a{
  font-size: 2rem;
  padding: 15px 20px;
}

/*--------------------------------------------------
  lp first cv
  ------------------------------------------------*/
#new #lp .first .lp_cv_box .content{
  padding: 25px 15px 0 25px;
}

#new #lp .first .lp_cv_box .btn_box .content{
  padding: 10px 10px 20px;
}

#new #lp .first .lp_cv_box .content.flex_box{
  display: block;
}

#new #lp .first .lp_cv_box .txt_box.flex_box{
  justify-content: center;
  padding: 0;
  margin-right: 0;
  margin-bottom: 8px;
}

#new #lp .first .lp_cv_box .btn{
  display: block;
}

#new #lp .first .lp_cv_box .btn a{
  width: 100%;
  max-width: 480px;
  border-radius: 50vh;
  padding: 12px 20px;
  vertical-align: middle;
}

/*--------------------------------------------------
  lp first function
  ------------------------------------------------*/
#new #lp .first .function .ttl_box h2 br.spon:not(span br){
  display: inline-block;
}

/*--------------------------------------------------
  lp first trouble
  ------------------------------------------------*/
#new #lp .first .trouble ul li h3,
#new #lp .first .trouble p{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result h4{
  font-size: 1.7rem;
}

/*--------------------------------------------------
  lp first reason
  ------------------------------------------------*/
#new #lp .first .reason ul li{
  padding: 25px 20px;
}

#new #lp .first .reason ul li h3{
  font-size: 1.6rem;
  padding: 0 33px 0 30px;
}

#new #lp .first .reason ul li h4{
  text-align: left;
}

#new #lp .first .reason ul li h4 br{
  display: none;
}
}

/*--------------------------------------------------

  @media max-width:767px

  ------------------------------------------------*/
@media screen and (max-width:767px){
/*--------------------------------------------------
  bread crumb
  ------------------------------------------------*/
#main_contents #bread_crumb{
  padding: 0 !important;
  margin: 0 !important;
}

#bread_crumb ul{
  padding: 8px 10px 6px;
}

#bread_crumb li.home a{
  padding-left: 5px;
}

#bread_crumb li.home a:before{
  top: 2px !important;
}

.single-news #single_news{
  background: #ebeff6;
}

.single-work #work_header_inner{
  display: block;
}

.single-work #work_header .category{
  margin-bottom: 10px;
}

.single-work #work_header .title{
  line-height: 1.6;
/*  margin-bottom: 10px;*/
}

/*--------------------------------------------------
  cv box [php_template]
  ------------------------------------------------*/
#new .cv_box .btn_box,
#new .cv_box .txt_box{
  display: none;
}

/*--------------------------------------------------
  page top
  ------------------------------------------------*/
#footer_bottom .cv_btn_sp{
  width: 100%;
  display: flex;
  background: #fff;
}

#footer_bottom .cv_btn_sp ul{
  flex: 1 1 0%;
  display: flex;
}

#footer_bottom .cv_btn_sp ul li{
  height: 60px;
  display: flex;
  flex: 1 1 0%;
}

#footer_bottom .cv_btn_sp ul li a{
  text-align: left;
  width: 100%;
  max-width: 100%;
  display: block;
  padding-left: 57px;
}

#footer_bottom .cv_btn_sp ul li a:before{
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#footer_bottom .cv_btn_sp ul li.demo a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/cv_btn_monitor.png) no-repeat 0 0;
  background-size: 100%;
  width: 34px;
  height: 30px;
}

#footer_bottom .cv_btn_sp ul li.document a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/cv_btn_memo.png) no-repeat 0 0;
  background-size: 100%;
  width: 32px;
  height: 36px;
}

#footer_bottom .cv_btn_sp ul li a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#footer_bottom .cv_btn_sp ul li.demo a{
  background: #eb434f !important;
}

#footer_bottom .cv_btn_sp ul li.document a{
  background: #008dd7 !important;
}

#footer_bottom .cv_btn_sp ul li h4{
  font-size: 1.8rem;
  letter-spacing: 2px;
}

#footer_bottom .cv_btn_sp ul li h4 br{
  display: none;
}

#footer_bottom .cv_btn_sp ul li h4 span{
  font-size: 1.6rem;
  display: inline;
  text-indent: 0;
  margin-left: -5px;
}

#footer_bottom .cv_btn_sp ul li p{
  font-size: 1.2rem;
  letter-spacing: 1px;
  max-width: 100%;
  margin-top: 5px;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page .lead_box .img_box,
#new .service_link_page .message .img_box,
#new .service_link_page .summary .img_box{
  width: 100%;
}

#new .service_link_page section .img_box img{
  max-width: 100% !important;
}
}


/*--------------------------------------------------

  @media max-width:700px

  ------------------------------------------------*/
@media screen and (max-width:700px){
/*--------------------------------------------------
  page top
  ------------------------------------------------*/
#footer_bottom .cv_btn_sp ul li a{
  padding-left: 50px;
}

#footer_bottom .cv_btn_sp ul li a:before{
  left: 10px;
}

#footer_bottom .cv_btn_sp ul li.demo a:before{
  width: 30px;
  height: 26px;
}

#footer_bottom .cv_btn_sp ul li.document a:before{
  width: 30px;
  height: 34px;
}

#footer_bottom .cv_btn_sp ul li a:after{
  right: 10px;
}

#footer_bottom .cv_btn_sp ul li p{
  letter-spacing: 0;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive h2.ttl_ribbon{
  line-height: 1.4;
  width: 80%;
  height: 70px;
  padding-top: 5px;
}

#new .denshichobo .googledrive h2.ttl_ribbon br,
#new .denshichobo .merits .txt_balloon p.hiragino br{
  display: inline-block !important;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before,
#new .denshichobo .googledrive h2.ttl_ribbon:after{
  border: 35px solid #008cd7;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before{
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

#new .denshichobo .googledrive h2.ttl_ribbon:after{
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

#new .denshichobo .googledrive .about p.jima,
#new .denshichobo .googledrive h2.ttl_ribbon + .txt_box p:first-child{
  text-align: left;
}

#new .denshichobo .googledrive h2.ttl_ribbon + .txt_box{
  padding: 0 10px;
}

#new .denshichobo .merits .comment{
  display: block;
  margin: 30px 0;
}

#new .denshichobo .merits .txt_balloon{
  margin-right: 0;
  margin-bottom: 40px;
}

#new .denshichobo .merits .txt_balloon:before,
#new .denshichobo .merits .txt_balloon:after{
  border-left: none;
  top: auto;
  right: auto;
  margin-top: auto;
}

#new .denshichobo .merits .txt_balloon:before{
  content: '';
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

#new .denshichobo .merits .txt_balloon:after{
  content: '';
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #333;
  z-index: 1;
}

#new .denshichobo .merits .comment .img_box{
  margin: 0 auto;
}
}


/*--------------------------------------------------

  @media max-width:640px

  ------------------------------------------------*/
@media screen and (max-width:640px){
/*--------------------------------------------------
  +TOC plugin
  ------------------------------------------------*/
div#toc_container{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  common
  ------------------------------------------------*/
#new .content,
.php_template .content{
  padding: 50px 30px;
}

.home #new .top_achievement .content{
  padding: 20px 30px;
}

#new .sub .function > .content,
#new .sub .faq > .content{
  padding-bottom: 80px;
}

#new .sub .price > .content{
  padding-bottom: 70px;
}

#new .sub .privacy_policy{
  padding: 50px 0;
}

#new .ttl_box h2,
.php_template .ttl_box h2{
  margin-bottom: 30px;
}

.home #new .ttl_box h2,
.home #new .common_work h2{
  margin-bottom: 25px;
}

#new .ttl_box,
.php_template .ttl_box{
  margin-bottom: 50px;
}

.home #new .ttl_box{
  margin-bottom: 30px;
}

#new .sub .detail:before,
#new .sub .price_function:before,
#new .sub .form_area .col2:before{
  width: 92px;
  height: 62px;
}

#new .sub .detail:before,
#new .sub .price_function:before{
  top: -56px;
}

#new .sub .form_area .col2:before{
  top: 13px;
}

#new .sub .faq_list:before{
  width: 72px;
  height: 48px;
  top: -48px;
}

/*--------------------------------------------------
  contact
  ------------------------------------------------*/
#new .cv_btn,
.php_template .cv_btn{
  display: block;
}

#new .cv_btn li,
.php_template .cv_btn li{
  max-width: 100%;
}

#new .cv_btn li:first-child{
  margin-right: 0;
  margin-bottom: 30px;
}

#new .cv_btn h3,
.php_template .cv_btn h3{
  font-size: 2rem;
}

#new .cv_btn p,
.php_template .cv_btn p{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  footer contact [php_template]
  ------------------------------------------------*/
#new .contact .cv_btn li,
#footer_contact .cv_btn li{
  width: 100%;
}

#new .contact .cv_btn li:not(:last-child),
#footer_contact .cv_btn li:not(:last-child){
  margin-right: 0;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  height: 700px;
}

.home #new .main_visual .img_box img{
  width: 470px;
}

.home #new .main_visual .cv_btn{
  padding: 0 70px;
}

.home #new .main_visual .cv_btn a{
  text-align: center;
  padding: 8px 20px 5px;
}

.home #new .main_visual .cv_btn li{
  width: 100%;
}

.home #new .main_visual .cv_btn li:first-child{
  margin-right: 0;
  margin-bottom: 15px;
}

/*--------------------------------------------------
  top achievement
  ------------------------------------------------*/
#new .top_achievement p.txt span{
  font-size: 4rem;
}

#new .top_achievement p.txt{
  font-size: 2rem;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .ttl_box{
  margin-bottom: 30px;
}

#new .top_graph .ttl_box h2{
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 1.8;
}

#new .top_graph .ttl_box h2 span{
  font-size: 2.8rem;
}

#new .top_graph .ttl_box h2 span.number{
  font-size: 3.6rem;
}

#new .top_graph .ttl_box h2 span.aippear{
  margin: 0 -12px 0 0;
}

#new .top_graph ul,
#lp.common .graph ul{
  display: block;
}

#new .top_graph ul > li,
#lp.common .graph ul > li{
  width: 100%;
  margin-right: 0;
}

#new .top_graph ul > li:not(:last-child),
#lp.common .graph ul > li:not(:last-child){
  margin-right: 0;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 98px;
  height: 100px;
}

/*--------------------------------------------------
  top feature
  ------------------------------------------------*/
#new .top_feature .list_box img{
  max-width: 100px;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_function .img_box h3,
#new .sub .function_img .img_box h3,
#function_flow .function_img .img_box h3{
  padding: 15px 15px 12px;
}

#new .top_function .img_box h3 .spon,
#new .sub .function_img .img_box h3 .spon,
#function_flow .function_img .img_box h3 .spon{
  display: block;
}

#new .top_function .img_box{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  footer contact [php_template]
  ------------------------------------------------*/
#new .contact,
.php_template #footer_contact{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/contact_bg_sp.webp) left center / cover no-repeat;
  height: 410px;
}

#new .contact section,
.php_template #footer_contact section{
  top: 50px;
}

#new .contact .ttl_box,
.php_template #footer_contact .ttl_box{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
#new .top_voice_logo .content{
  padding: 40px 30px;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .list_box{
  margin-bottom: 30px;
}

#new .top_media .other h3 br{
  display: block;
}

/*--------------------------------------------------
  top news + top blog
  ------------------------------------------------*/
#new .blog .recommend{
  padding-top: 40px;
}

#new .blog .recommend .content{
  padding: 35px 30px 50px;
}

#new .news .ttl_box,
#new .blog .ttl_box{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  top news + news page
  ------------------------------------------------*/
#new .news .ttl_box h2:after,
.post-type-archive-news #page_header .headline:after{
  width: 72px;
  height: 75px;
  right: -100px;
}

#new .news .ttl_box h2:after{
  top: 0;
  bottom: auto;
  margin: 0;
}

.post-type-archive-news #page_header .headline:after{
  top: -5px;
}

#new .news .tab_ttl{
  width: calc(100%/2);
}

#new .news #tab1 + .tab_ttl{
  border-bottom: 4px solid #fff;
}

#new .news #tab2 + .tab_ttl{
  border-bottom: 4px solid #fff;
  border-right: none;
}

#new .news #tab3 + .tab_ttl{
  border-bottom: 4px solid #fff;
}

#new .news #tab4 + .tab_ttl{
  border-bottom: 4px solid #fff;
  border-right: none;
}
	
#new .news .tab_ttl{
  width: calc(100%/2);
}

#new .news #tab2 + .tab_ttl,
#new .news #tab4 + .tab_ttl{
  border-right: none;
}

#new .news #tab3 + .tab_ttl{
  border-right: 4px solid #fff;
}
	
/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer > div.content{
  padding: 30px 20px;
}

footer #footer_menu{
  display: block;
}

footer #footer_menu .col_box{
  max-width: 100%;
  width: 100%;
}

footer #footer_menu .col_box:first-child{
  margin-bottom: 20px;
}

footer #footer_menu .col_box:not(:last-child){
  margin-right: 0;
}

footer #footer_menu .col_box h4{
  margin-bottom: 10px;
}

footer #footer_menu ul.cv_btn_box li,
footer #menu_box ul.bnr_box img{
  width: 100%;
}

footer .media_info h4{
  display: block;
  margin-bottom: 25px;
}

footer .media_info .txt_box{
  margin-bottom: 20px;
}

footer .media_info .btn{
  margin-bottom: 30px;
}

footer #sns_box{
  padding: 15px 0;
}

footer #footer_social_link li:not(:last-child){
  margin-right: 10px;
}

footer #sns_box a{
  color: #099ab7;
}

/*--------------------------------------------------
  copyright
  ------------------------------------------------*/
footer #copyright{
  padding: 0 15px 90px !important;
}

/*--------------------------------------------------
  page top
  ------------------------------------------------*/
#footer_bottom .cv_btn_sp ul li a{
  padding-left: 42px;
}

#footer_bottom .cv_btn_sp ul li a:before{
  left: 8px;
}

#footer_bottom .cv_btn_sp ul li a:after{
  width: 16px;
  height: 16px;
  right: 8px;
}

#footer_bottom .cv_btn_sp ul li.demo a:before{
  width: 26px;
  height: 22px;
}

#footer_bottom .cv_btn_sp ul li.document a:before{
  width: 26px;
  height: 30px;
}

#footer_bottom .cv_btn_sp ul li h4{
  font-size: 1.6rem;
  letter-spacing: 1px;
}

#footer_bottom .cv_btn_sp ul li h4 span{
  font-size: 1.4rem;
}

#footer_bottom .cv_btn_sp ul li p{
  font-size: 1rem;
  margin-top: 8px;
}

/*--------------------------------------------------
  footer it txt follow btn
  ------------------------------------------------*/
footer #it_txt #follow_btn{
  bottom: 118px;
}

footer #follow .ttl_box .it_txt ul{
  display: inline-block;
}

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function h2 br{
  display: block;
}

#new .sub .function .ttl_box p br{
  display: none;
}

#new .sub .function .ttl_box,
#new .sub .function_other .ttl_box{
  margin-bottom: 30px;
}

#new .sub .function .ttl_box p,
#new .sub .function_other .ttl_box p{
  text-align: left;
}

#new .sub .detail h3{
  font-size: 2.3rem;
}

/*--------------------------------------------------
  function detail
  ------------------------------------------------*/
#new .sub .detail .list_box .btn{
  margin-top: 50px;
}

/*--------------------------------------------------
  sub function group
  ------------------------------------------------*/
#new .sub .function .group .list_box h3,
#new .sub .function_other .group .list_box h3{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  sub function device
  ------------------------------------------------*/
#main_col2 #new .sub .device .txt_box{
  margin-bottom: 40px;
}

#new .sub .device .img_box{
  padding-top: 0;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function .ttl_box_select h1{
  margin-bottom: 45px;
}

#new .sub .function .function_ttl .content,
#function_flow .function_img .function_ttl .content{
  padding: 25px 0;
}

#new .sub .function #site h2:after,
#new .sub .function #manager h2:before{
  bottom: -25px;
}

#new .sub .function #site h2:after{
  right: -150px;
}

#new .sub .function #manager h2:before{
  left: -140px;
}

/*--------------------------------------------------
  function img
  ------------------------------------------------*/
#new .sub .function_img .ttl_box,
#function_flow .function_img .ttl_box{
  margin-bottom: 40px;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .content .ttl_box{
  margin-bottom: 45px;
}

#footer_function .function_other_list ul li{
  width: calc(50% - 20px / 2);
}

#footer_function .function_other_list ul li:nth-child(3n){
  margin-right: 20px;
}

#footer_function .function_other_list ul li:nth-child(2n){
  margin-right: 0;
}

#footer_function .function_other_list ul li:nth-child(3n+1):nth-last-child(-n+3),
#footer_function .function_other_list ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 20px;
}

#footer_function .function_other_list ul li:nth-child(2n+1):nth-last-child(-n+2),
#footer_function .function_other_list ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 0;
}

#footer_function .introduction_case ul li a{
  display: block;
}

#footer_function .introduction_case ul li .img_box{
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

#footer_function .introduction_case ul li img{
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection h3,
#new .sub .selection h3{
  font-size: 2.3rem;
}

#new .top_selection h3 span,
#new .sub .selection h3 span{
  font-size: 2.8rem;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support li span,
#new .sub .selection .support li span{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  sub price
  ------------------------------------------------*/
/*#new .top_price .ttl_box,*/
#new .sub .price_box .ttl_box,
#new .sub .price_option .ttl_box{
  margin-bottom: 40px;
}

#new .sub .price_box .price_news{
  margin-top: 25px;
}

#new .top_price .it_box,
#new .sub .price .it_box{
  margin-top: -20px;
  padding-bottom: 100px;
}

#new .top_price .it_box:before,
#new .sub .price .it_box:before{
  width: 94px;
  height: 64px;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type,
#new .sub .price .table_type{
  display: flex;
  overflow-x: scroll;
  margin-bottom: 10px;
}

#new .top_price .table_type .scroll,
#new .sub .price .table_type .scroll{
  flex: 0 0 580px;
}

#new .top_price .spon,
#new .sub .price .spon,
#new .top_price .table_note p.spon,
#new .sub .table_note p.spon{
  display: block;
}

#new .top_price .table_type td,
#new .sub .price .table_type td{
  padding: 10px 15px;
}

#new .top_price .table_type thead .basic:before,
#new .sub .price .table_type thead .basic:before{
  width: 60px;
  height: 62px;
}

/*--------------------------------------------------
  price table common
  ------------------------------------------------*/
#new .top_price .table_type thead th,
#new .sub .price_box .table_type thead th{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type tbody tr:last-child td,
#new .sub .price .table_type tbody tr:last-child td{
  text-align: left;
}

#new .top_price .table_type th,
#new .sub .price .table_type th,
#new .sub .price_function .table_type th,
#new .sub .price_function .table_type td{
  padding: 6px 5px;
}

/*--------------------------------------------------
  price function table
  ------------------------------------------------*/
#new .sub .price_function .table_type thead th:not(:first-child),
#new .sub .price_function .table_type tbody td{
  width: 19% !important;
}

/*--------------------------------------------------
  price option
  ------------------------------------------------*/
#new .sub .price_option h3 br{
  display: block;
}

/*--------------------------------------------------
  sub faq
  ------------------------------------------------*/
#new .sub .faq .list_box{
  flex-wrap: wrap;
  justify-content: center;
}

#new .sub .faq .list_box li{
  width: calc(33.333% - 80px / 3);
  margin-right: 10px;
  margin-bottom: 15px;
}

#new .sub .faq .list_box li:nth-child(3){
  margin-right: 0;
}

#new .sub .faq .list_box li:nth-child(n+4){
  margin-bottom: 0;
}

#new .sub .faq .list_box h3{
  font-size: 1.6rem;
}

#new .sub .faq .list_box li:last-child h3{
  letter-spacing: 0;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .content{
  padding: 45px 30px;
}

#new .sub .company h3{
  margin-bottom: 20px;
}

#new .sub .company .massage .sign{
  margin-top: 20px;
}

#new .sub .company .massage_area,
#new .sub .company table{
  margin-bottom: 30px;
}

#new .sub .company .massage h3{
  margin-top: -5px;
}

#new .sub .company .massage .img_box{
  width: 100%;
}

#new .sub .company .team_box{
  padding: 30px;
}

#new .sub .company .team .img_box{
  margin-bottom: 25px;
}

#new .sub .company table th{
  text-align: left;
}

#new .sub .company table th,
#new .sub .company table td{
  width: 100%;
  display: block;
  border-bottom: none;
  padding: 14px 15px 12px;
}

#new .sub .company tbody{
  border-bottom: solid 1px #ddd;
}

/*--------------------------------------------------
  form it
  ------------------------------------------------*/
#new .sub .form_area .it_txt em{
  text-align: center;
  display: block;
}

/*
#new .sub .form_area .it_txt br,
#new .sub .form_area .it_txt br.spon{
  display: none;
}
*/

/*
#new .sub .form_area .it_txt{
  text-align: center;
}

#new .sub .form_area .it_txt br.spon{
  display: block;
}
*/

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box{
  text-align: center;
  padding: 0 20px 15px;
}

#new .sub .form_area .it_col_box p,
#new .sub .form_area .it_col_box li{
  font-size: 1.6rem;
}

#new .sub .form_area .it_col_box .left_box{
  margin-right: 0;
}

#new .sub .form_area .it_col_box .left_box span.start{
  font-size: 2rem;
  margin: 0;
}

#new .sub .form_area .it_col_box .left_box span.start br{
  display: none;
}

#new .sub .form_area .it_col_box .left_box strong{
  font-size: 2.2rem;
}

#new .sub .form_area .it_col_box .left_box br,
#new .sub .form_area .it_col_box .left_box br.spon{
  display: block;
}

#new .sub .form_area .it_col_box .right_box{
  display: none;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .txt_box .lead{
  letter-spacing: 0;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document h3{
  margin-bottom: 10px;
}

#new .sub .form_area .document p img{
  width: 100% !important;
}

#new .sub .form_area .document .list{
  display: flex;
  justify-content: flex-start;
}

#new .sub .form_area .document .list ul:first-child{
  margin-right: 20px;
}

/*--------------------------------------------------
  form demo
  ------------------------------------------------*/
#new .sub .form_area .demo h3{
  margin-bottom: 25px;
}

#new .sub .form_area .demo p img{
  width: 80% !important;
}

/*--------------------------------------------------
  form privacy
  ------------------------------------------------*/
#new .sub .form_area .privacy .presented{
  padding-top: 20px;
}

/*--------------------------------------------------
  news article
  ------------------------------------------------*/
.single-news #single_news{
  padding: 30px;
  margin: 55px 0 40px;
}

#single_news:before{
  width: 72px;
  height: 64px;
  top: -45px;
  left: 20px;
}

#single_news #post_title{
  font-size: 2.2rem !important;
}

#single_news #article h2{
  font-size: 1.8rem;
}

#single_news #article h3{
  font-size: 1.8rem;
  padding: 15px 0 13px;
}

#single_news #article blockquote p br{
  display: none;
}

#single_news #article .link_box{
  text-align: left;
}

#single_news #article iframe.wp-embedded-content{
  width: 100% !important;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual section .content{
  max-width: 480px;
}

#new #archive_work .main_visual .slick-next{
  right: -5px;
}

#new #archive_work .main_visual .slick-prev{
  left: -5px;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite .content{
  padding: 40px 20px 45px;
}

#new #archive_work .favorite .message{
  display: block;
}

#new #archive_work .favorite .message .img_box{
  height: auto;
  margin: 0 auto;
  margin-bottom: 20px;
}

#new #archive_work .favorite .message h4{
  text-align: center;
  margin-top: 0;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction .ttl_slash h3{
  font-size: 1.8rem;
  letter-spacing: 0.4px;
  padding: 0 10px;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related section{
  max-width: 360px;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select .ttl_slash h2{
  font-size: 1.8rem;
  padding: 0 30px;
}

#new #contact_select .ttl_slash h2 br.spon{
  display: inline-block;
}

#new #contact_select .ttl_slash .txt:before,
#new #contact_select .ttl_slash .txt:after{
  height: 60px;
  top: auto;
  bottom: 0;
}

/*--------------------------------------------------
  agency
  ------------------------------------------------*/
#new .sub .agency .ttl_box{
  margin-bottom: 25px;
}

#new .sub .agency .explanation .txt_box h3{
  text-align: left;
}

#new .sub .agency .explanation .txt_box h3 br{
  display: none;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce{
  padding: 50px 30px;
}

#new .sub .agency .introduce ul li{
  padding: 12px 10px 12px 45px;
}

#new .sub .agency .introduce ul li:before{
  left: 10px;
  top: 11px;
  bottom: auto;
}

#new .sub .agency .introduce .agency_btn a{
  letter-spacing: 1px;
  padding: 15px 35px 15px 15px;
}

#new .sub .agency .introduce .agency_btn a:after{
  right: 15px;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  padding: 35px 20px 40px;
}

#new .denshichobo .ttl_box h2,
#new .mutual_link .ttl_box h2{
  font-size: 2.6rem;
}

#new .denshichobo p,
#new .denshichobo ul, #new .denshichobo ol{
  text-align: left;
}

#new .denshichobo p.hiragino,
#new .mutual_link p.hiragino,
#new .mutual_link .effect .comment .txt_balloon p,
#new .mutual_link .publish h4{
  font-size: 1.8rem;
}

#new .denshichobo p br,
#new .denshichobo p.hiragino br,
#new .denshichobo .txt_box .spon{
  display: none !important;
}

#new .denshichobo div.btn a{
  font-size: 1.7rem;
}

#new .denshichobo .merits_list li div.btn a{
  text-align: left;
  padding: 10px 45px 10px 25px;
}

#new .denshichobo .form_get_around .btn a{
  min-width: 100%;
  text-align: left;
}

#new .denshichobo div.btn a span{
  margin-left: -10px;
}

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .standby h2.ttl_ribbon{
  font-size: 2.2rem;
  margin-bottom: 30px;
}

#new .denshichobo .search{
  margin-bottom: 30px;
}

#new .denshichobo .search_list,
#new .denshichobo .save_list{
  padding: 30px;
}

#new .denshichobo .search h3,
#new .denshichobo .save h3{
  font-size: 2.2rem;
}

#new .denshichobo .search_list ol{
  margin-bottom: 25px;
}

#new .denshichobo .search_list ol li{
  font-size: 1.7rem;
}

#new .denshichobo .save_list .save_box > p:first-child{
  margin-bottom: 25px;
}

#new .denshichobo .save_list img{
  max-width: 100px !important;
  margin-right: 30px;
}

#new .denshichobo .save_list h4{
  font-size: 1.9rem;
  margin-bottom: 10px;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive h2.ttl_ribbon{
  font-size: 2rem;
  line-height: 1.3;
  height: 64px;
  padding-top: 6px;
  margin-bottom: 25px;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before,
#new .denshichobo .googledrive h2.ttl_ribbon:after{
  border: 32px solid #008cd7;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before{
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

#new .denshichobo .googledrive h2.ttl_ribbon:after{
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

#new .denshichobo .merits_list li .col2{
  display: block;
}

#new .denshichobo .merits_list li .txt_box{
  margin-right: 0;
  margin-bottom: 30px;
}

#new .denshichobo .merits_list li:nth-child(3) .txt_box{
  margin-bottom: 0;
}

#new .denshichobo .merits_list li .img_box{
  margin: 0 auto;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice_list li:before{
  left: -10px;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .content{
  padding: 30px 20px 25px;
}

#new .denshichobo .form_get_around .txt_box .now{
  font-size: 2.2rem;
}

#new .denshichobo .form_get_around .txt_box .demo{
  font-size: 2.4rem;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{
  padding-left: 0;
  padding-right: 10px;
}

#new .denshichobo .form_get_around .img_present img{
  max-width: 90% !important;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt .txt_box{
  padding: 0 20px 25px;
}

#new .denshichobo .ttl_box{
  margin-bottom: 15px;
}

/*--------------------------------------------------
  lp mutual link
  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 60px 20px 50px;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .illust img,
#new .mutual_link .about .txt_box{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box{
  padding: 20px 25px;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish .lead_box h3{
  font-size: 3rem;
  margin-bottom: 8px;
}

#new .mutual_link .publish .lead_box p{
  max-width: 200px;
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form ul li.publish_txt h3,
#new .mutual_link_form ul li.publish_txt em{
  display: block;
}

#new .mutual_link_form ul li.publish_txt em{
  font-size: 1.4rem;
  letter-spacing: 0.4px;
  margin-right: 0;
  margin-left: -8px;
}

/*--------------------------------------------------
  mutual link page
  ------------------------------------------------*/
#new .mutual_link_page .content,
#new .service_link_page .content{
  padding: 20px 20px 40px;
}

#new .mutual_link_page .content section:not(:last-child),
#new .service_link_page .content section:not(:last-child){
  margin-bottom: 40px;
}

#new .mutual_link_page .lead,
#new .service_link_page .lead strong{
  font-size: 2rem;
}

#new .mutual_link_page .lead,
#new .service_link_page .lead_box{
  margin-bottom: 20px;
}

#new .mutual_link_page section h2{
  padding: 12px 10px 13px 15px;
  margin-bottom: 25px;
}

#new .mutual_link_page section .img_box,
#new .mutual_link_page section .txt_box{
  margin-bottom: 20px;
}

#new .mutual_link_page section .img_box{
  text-align: left;
  padding: 6px;
}

#new .mutual_link_page section .img_box img{
  margin-bottom: 10px;
}

#new .mutual_link_page section .img_box a{
  font-size: 1.3rem;
  padding: 0 5px;
  margin-bottom: 4px;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page section h2,
#new .service_link_page section h3{
  margin-bottom: 25px;
}

#new .service_link_page .service_list > li,
#new .service_link_page .service_list > li:nth-last-child(2):nth-child(odd){
  margin-bottom: 40px;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .flex_box.col3,
#new #lp.common .flex_box.col4{
  display: block;
}

#new #lp.common .flex_box.col3 > li,
#new #lp.common .flex_box.col4 > li{
  width: 100%;
  margin-right: 0 !important;
}

#new #lp.common .flex_box.col3 > li:nth-child(2n+1):nth-last-child(-n+2),
#new #lp.common .flex_box.col4 > li:nth-child(2n+1):nth-last-child(-n+2){
  margin-bottom: 20px !important;
}

#new #lp.common .flex_box.col3 > li:last-child,
#new #lp.common .flex_box.col4 > li:last-child,
#new #lp .first .result ul.flex_box.col3 > li.cloud{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  lp first reason
  ------------------------------------------------*/
#new #lp .first .reason ul li h4{
  text-align: center;
}

#new #lp .first .reason ul li h4 br{
  display: block;
}

/*--------------------------------------------------
  lp form
  ------------------------------------------------*/
#new #lp.common .contact div.btn_box input{
  width: 100%;
  padding: 10px 12px;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result ul li img{
  max-width: 60% !important;
}

/*--------------------------------------------------
  lp first function
  ------------------------------------------------*/
#new #lp.common .ttl_box h2 span br.spon{
  display: none;
}
}


/*--------------------------------------------------

  @media max-width:540px

  ------------------------------------------------*/
@media screen and (max-width:540px){
/*-------------------------------------------------
  base
  ------------------------------------------------*/
#new h2,
.home #new h2,
.home #new .common_work h2,
#new .top_media .ttl_box h2,
.php_template h2{
  font-size: 2.6rem;
}

#new h3,
.php_template h3{
  font-size: 2rem;
}

#new p, .php_template p,
#new ul, #new ul li, #new ol, #new ol li,
#new dl, #new dl dt, #new dl dd,
.php_template ul, .php_template ul li, .php_template ol, .php_template ol li,
.php_template dl, .php_template dl dt, .php_template dl dd
#new .sub .function .site .txt_box p,
#new .sub .function .manager .txt_box p{
  font-size: 1.5rem;
  line-height: 1.6;
}

/*--------------------------------------------------
  +TOC plugin
  ------------------------------------------------*/
div#toc_container{
  margin-bottom: 35px;
}

div#toc_container ul.toc_list li a{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  common
  ------------------------------------------------*/
#new .content,
.php_template .content{
  padding: 40px 20px;
}

.home #new .content{
  padding: 30px 20px;
}

#new .bnr_col2 ul.content,
#new .top_bnr .agreement{
  padding: 20px;
}

#new .sub .privacy_policy{
  padding: 40px 0;
}

#new .sub h2,
.php_template h2{
  font-size: 2.4rem;
}

#new .ttl_box h2,
.php_template .ttl_box h2{
  margin-bottom: 20px;
}

#new .ttl_box,
.php_template .ttl_box{
  margin-bottom: 30px;
}

#new .ttl_box p,
.php_template .ttl_box p{
  font-size: 1.5rem;
}

#new .sub .form_area .col2:before{
  top: -3px;
}

/*--------------------------------------------------
  cv btn
  ------------------------------------------------*/
#new .btn a{
  font-size: 1.6rem;
  border: 2px solid #008dd7;
  width: 240px;
}

#new .cv_btn li:first-child,
.php_template .cv_btn li:first-child{
  margin-bottom: 20px;
}

#new .cv_btn h3,
.php_template .cv_btn h3{
  font-size: 1.8rem;
}

#new .cv_btn p,
.php_template .cv_btn p{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  height: 615px;
}

.home #new .main_visual .ttl_box h2{
  font-size: 3.2rem;
}

.home #new .main_visual .ttl_box h2 span{
  font-size: 2.4rem;
}

.home #new .main_visual .ttl_box p{
  letter-spacing: 0;
}

.home #new .main_visual .ttl_box ul li{
  font-size: 1.6rem;
  min-width: 100px;
  padding: 6px 10px 5px 10px;
}

.home #new .main_visual .ttl_box ul li:not(:last-child){
  margin-right: 10px;
}

.home #new .main_visual .img_box{
  margin-top: 15px;
}

.home #new .main_visual .img_box img{
  width: 350px;
}

.home #new .main_visual .cv_btn{
  padding: 0 20px;
}

.home #new .main_visual .tel_box a{
  margin-bottom: -3px;
}

/*--------------------------------------------------
  top achievement
  ------------------------------------------------*/
.home #new .top_achievement .content{
  padding: 20px;
}

#new .top_achievement ul{
  display: block;
}

#new .top_achievement ul li{
  width: 100%;
  padding: 15px 10px 10px;
  margin-right: 0;
  margin-bottom: 10px;
}

#new .top_achievement ul li:nth-child(n+3){
  margin-bottom: 10px;
}

#new .top_achievement ul li:last-child{
  margin-bottom: 0;
}

#new .top_achievement p.txt span{
  font-size: 3.6rem;
}

#new .top_achievement p.ttl{
  font-size: 1.6rem;
}

#new .top_achievement p.txt{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  top bnr
  ------------------------------------------------*/
#new .top_bnr a.txt_link{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  top bnr col1
  ------------------------------------------------*/
.home #new .bnr_col1 .content{
  padding: 20px;
}

/*--------------------------------------------------
  top bnr col2
  ------------------------------------------------*/
#new .bnr_col2 ul li{
  width: 100%;
}

#new .bnr_col2 ul li a.txt_link{
  margin-top: 15px;
}

/*--------------------------------------------------
  top bnr agreement
  ------------------------------------------------*/
#new .top_bnr .agreement h3{
  font-size: 1.8rem;
}

#new .top_bnr .agreement .txt_box p,
#new .top_bnr .agreement .txt_box a{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .content{
  padding: 30px 20px 40px;
}

#new .top_graph .ttl_box{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 84px;
  height: 86px;
  right:  -5px;
  bottom: -35px;
}

/*--------------------------------------------------
  top feature
  ------------------------------------------------*/
#new .top_feature .list_box li{
  padding: 20px;
  margin-bottom: 20px;
}

#new .top_feature .list_box li:nth-child(odd){
  margin-right: 20px;
}

#new .top_feature .list_box .number{
  font-size: 3.6rem;
  margin-bottom: 10px;
}

#new .top_feature .list_box h3,
#new .top_feature .list_box img{
  margin-bottom: 15px;
}

#new .top_feature .list_box h3{
  font-size: 1.6rem;
}

#new .top_feature .list_box img{
  max-width: 70px;
}

#new .top_feature .list_box p{
  font-size: 1.4rem;
}

#new .top_feature .list_box .spon{
  display: block;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_function .img_box h3,
#new .sub .function_img .img_box h3,
#function_flow .function_img .img_box h3{
  font-size: 1.7rem;
}

#new .top_function .ttl_box p,
#new .top_feature .ttl_box p,
#new .sub .function_img .ttl_box p,
#function_flow .function_img .ttl_box p{
  text-align: left;
}

#new .top_function .ttl_box p br,
#new .sub .function_img .ttl_box p br,
#function_flow .function_img .ttl_box p br{
  display: none;
}

.home #new .top_function .img_box{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  footer contact [php_template]
  ------------------------------------------------*/
#new .contact,
.php_template #footer_contact{
  height: 340px;
}

#new .contact .ttl_box,
.php_template #footer_contact .ttl_box{
  margin-bottom: 30px;
}

#new .contact .ttl_box h2,
.php_template #footer_contact .ttl_box h2,
#new .news .ttl_box h2,
#new .blog .ttl_box h2{
  font-size: 3.2rem;
}

#new .contact section,
.php_template #footer_contact section{
  top: 40px;
  padding: 0 20px;
}

#new .contact .cv_btn li:not(:last-child),
#footer_contact .cv_btn li:not(:last-child){
  margin-bottom: 20px;
}

/*--------------------------------------------------
  top voice related
  ------------------------------------------------*/
.home #new #related .btn a{
  max-width: 240px;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
#new .top_voice_logo h3{
  font-size: 2.2rem;
}

.home #new .top_voice_logo .content{
  padding: 20px 20px 30px;
}

#new .top_voice_logo .content{
  padding: 30px 20px;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .list_box{
  margin-bottom: 25px;
}

#new .top_media .other h3{
  font-size: 1.8rem;
  margin-bottom: 20px;
}

/*--------------------------------------------------
  top news + top blog + top faq
  ------------------------------------------------*/
#new .news .ttl_box,
#new .blog .ttl_box{
  margin-bottom: 20px;
}

#new .news .btn_news_top,
#new .top_faq .btn{
  margin-top: 35px;
}

/*--------------------------------------------------
  top news + news page
  ------------------------------------------------*/
#new .news .ttl_box h2:after,
.post-type-archive-news #page_header .headline:after{
  right: -90px;
}

#new .news .ttl_box h2:after{
  top: -10px;
}

/*--------------------------------------------------
  top blog
  ------------------------------------------------*/
#new .blog .col2_box{
  margin-bottom: 30px;
}

#new .blog .balloon{
  text-align: center;
  display: block;
  margin-bottom: 30px;
  padding: 13px 15px 13px 15px;
}

#new .blog .balloon br{
  display: block;
}

#new .blog .col2_box h2{
  font-size: 2.8rem;
  margin-bottom: 25px;
}

#new .blog .col2_box .txt_area{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  top blog recommend
  ------------------------------------------------*/
#new .blog .recommend{
  padding-top: 40px;
}

#new .blog .recommend .content{
  padding: 35px 20px 40px;
}

#new .blog .recommend ul li a{
  width: 100%;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer #footer_menu{
  margin-bottom: 15px;
}

footer #footer_menu .col_box:last-child{
  margin-top: 25px;
}

footer #menu_box ul.bnr_box{
  margin: 0 0 30px;
}

footer #footer_menu ul.cv_btn_box,
footer #menu_box ul.bnr_box{
  display: block;
}

footer #footer_menu ul.cv_btn_box li:not(:last-child),
footer #menu_box ul.bnr_box li:not(:last-child){
  margin-right: 0;
  margin-bottom: 15px;
}

footer #footer_menu ul.cv_btn_box li,
footer #menu_box ul.bnr_box img{
  max-width: 300px;
}

footer #menu_box ul.bnr_box li.template img{
  vertical-align: middle;
}

footer #sns_box h5{
  margin-right: 10px;
}

/*--------------------------------------------------
  footer follow btn [php_template]
  ------------------------------------------------*/
footer #follow_btn{
  bottom: 108px;
}

footer #follow_btn li:not(:last-child){
  margin-right: 3px;
}

footer #follow_btn a{
  font-size: 1.1rem;
  padding: 4px 5px 3px 32px;
}

footer #follow_btn li#page_top a{
  padding: 4px 5px 3px 25px;
}

/*--------------------------------------------------
  footer it txt follow btn
  ------------------------------------------------*/
footer #it_txt #follow_btn{
  bottom: 108px;
}

/*--------------------------------------------------
  footer it campaign follow btn
  ------------------------------------------------*/
footer #it_campaign #follow_btn{
  bottom: 86px;
}

/*--------------------------------------------------
  footer follow [php_template]
  ------------------------------------------------*/
footer #follow .ttl_box .content{
  padding: 8px 10px 4px;
}

footer #follow .ttl_box h2,
footer #follow .ttl_box p.aippear{
  font-size: 1.4rem;
  letter-spacing: 0;
}

footer #follow .ttl_box h2{
  margin-right: 6px;
}

footer #follow .ttl_box h2 span:before{
  top: -12px;
  left: 3px;
}

footer #follow .ttl_box ul li{
  font-size: 1.1rem;
  padding: 4px 5px 2px 5px;
}

footer #follow .ttl_box ul li:not(:last-child){
  margin-right: 4px;
}

/*--------------------------------------------------
  footer follow it campaign box
  ------------------------------------------------*/
footer #follow .it_campaign_box ul li{
  padding: 4px 5px 2px 9px;
}

/*--------------------------------------------------
  footer follow btn
  ------------------------------------------------*/
footer #follow .btn_box .content{
  padding: 8px 10px 12px;
}

footer #follow .btn_box ul li.btn a .icon_box:before,
footer #follow .btn_box ul li.btn a .icon_box:after{
  content: none;
}

footer #follow .btn_box ul li.btn a .icon_box{
  padding-left: 0;
}

footer #follow .btn_box ul li.btn a .icon_box:after{
  width: 14px;
  height: 14px;
}

footer #follow .btn_box ul li.btn a.demo{
  box-shadow: 0 4px 0 0 rgba(210,37,36,1);
}

footer #follow .btn_box ul li.btn a.document{
  box-shadow: 0 4px 0 0 rgba(0, 72, 110, 1);
}

footer #follow .btn_box ul li.btn h3{
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
  padding: 8px 8px 6px;
}

footer #follow .btn_box ul li.btn h3 em{
  font-size: 1.2rem;
  margin-left: -4px;
}

footer #follow .btn_box ul li.btn h3 span{
  display: none;
}

footer #follow .btn_box ul li.btn a.document h3{
  padding: 8px;
  margin-left: 10px;
}

/*--------------------------------------------------
  page top
  ------------------------------------------------*/
#footer_bottom .cv_btn_sp ul li a{
  padding-left: 40px;
}

#footer_bottom .cv_btn_sp ul li.demo a:before{
  width: 24px;
  height: 20px;
}

#footer_bottom .cv_btn_sp ul li.document a:before{
  width: 24px;
  height: 28px;
}

#footer_bottom .cv_btn_sp ul li h4{
  font-size: 1.4rem;
  margin-top: 12px;
}

#footer_bottom .cv_btn_sp ul li h4 br{
  display: block;
}

#footer_bottom .cv_btn_sp ul li h4 span{
  font-size: 1.2rem;
  display: block;
}

#footer_bottom .cv_btn_sp ul li p{
  display: none;
}

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function .ttl_box,
#new .sub .function_other .ttl_box,
#new .sub .faq .ttl_box{
  margin-bottom: 20px;
}

/*--------------------------------------------------
  sub function group
  ------------------------------------------------*/
#new .sub .function .group .list_box li{
  margin-bottom: 10px;
}

#new .sub .function_other .group .list_box li{
  width: calc(33.333% - 60px / 3);
  margin-right: 10px;
  margin-bottom: 10px;
}

#new .sub .function_other .group .list_box li:nth-child(3n){
  margin-right: 0;
}

#new .sub .function_other .group .list_box li:nth-child(5){
  margin-right: 10px;
}

#new .sub .function_other .group .list_box li:nth-child(6){
  margin-bottom: 10px;
}

#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  width: 60px;
  margin-bottom: 10px;
}

#new .sub .function .group .list_box h3,
#new .sub .function_other .group .list_box h3{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  sub function detail
  ------------------------------------------------*/
#new .sub .detail .list_box li .img_box{
  margin-bottom: 30px;
}

#new .sub .detail h3{
  font-size: 2rem;
  margin-bottom: 25px;
}

#new .sub .detail .list_box .tag_list li:not(:last-child){
  margin-right: 10px;
}

#new .sub .detail .list_box .tag_list li{
  font-size: 1.5rem;
}

#new .sub .detail .list_box .btn{
  margin-top: 40px;
}

#new .sub .detail .list_box a{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  sub function device
  ------------------------------------------------*/
#new .sub .device .content{
  padding: 40px 20px 0;
}

#main_col2 #new .sub .device .txt_box{
  margin-bottom: 30px;
}

#new .sub .device h2{
  font-size: 2rem;
  margin-bottom: 30px;
}

#new .sub .device p{
  font-size: 1.5rem;
}

#new .sub .device .img_box{
  max-width: 240px;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function .ttl_box_select h1{
  font-size: 2.4rem;
  line-height: 2;
  margin-top: -10px;
  margin-bottom: 20px;
}

#new .sub .function .ttl_box_select ul li a{
  font-size: 1.9rem;
}

#new .sub .function .function_ttl .content,
#function_flow .function_img .function_ttl .content{
  padding: 20px;
}

#new .sub .function .function_ttl .content{
  position: relative;
}

#new .sub .function #site .content:after,
#new .sub .function #manager .content:before{
  content: '';
  position: absolute;
  width: 100px;
  height: 95px;
  bottom: 0;
}

#new .sub .function #site .content:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/function/template/site_illust.png) no-repeat 0 0;
  background-size: 100%;
  right: 20px;
}

#new .sub .function #manager .content:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/function/template/manager_illust.png) no-repeat 0 0;
  background-size: 100%;
  right: 20px;
}

#new .sub .function #site h2:after,
#new .sub .function #manager h2:before{
  content: none;
}

#new .sub .function .function_ttl h2{
  font-size: 2.2rem;
  text-align: left;
  display: block;
}

/*--------------------------------------------------
  function img
  ------------------------------------------------*/
#new .sub .function_img .ttl_box,
#function_flow .function_img .ttl_box{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function h2{
  font-size: 2.4rem;
}

#footer_function .content .ttl_box{
  margin-bottom: 35px;
}

#footer_function .function_other_list .page_link a{
  font-size: 1.6rem;
}

#footer_function .introduction_case ul li:not(:last-child){
  margin-bottom: 20px;
}

#footer_function .introduction_case ul li .img_box{
  height: 270px;
}

#footer_function .introduction_case ul li h3{
  font-size: 2rem;
  margin-bottom: 10px;
}

#footer_function .introduction_case ul li .txt_box{
  padding: 20px;
}

/*--------------------------------------------------
  sub point
  ------------------------------------------------*/
#new .balloon{
  font-size: 1.6rem;
  padding: 13px 17px 13px 20px;
}

#new .point{
  font-size: 2rem;
  padding: 8px 13px 8px 15px;
}

/*--------------------------------------------------
  aippear
  ------------------------------------------------*/
#new .sub .aippear h2{
  margin-bottom: 25px;
}

#new .sub .aippear .col2_box{
  margin-bottom: 40px;
}

#new .sub .aippear .col2_box .txt_box p{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection .ttl_box,
#new .sub .selection .ttl_box{
  padding: 30px 10px 32px;
}

.home #new .top_selection .ttl_box h2,
#new .top_selection .ttl_box h2,
#new .sub .selection .ttl_box h2{
  font-size: 2.4rem;
  letter-spacing: 1px;
}

#new .top_selection .ttl_box h2 span,
#new .sub .selection .ttl_box h2 span{
  font-size: 2.8rem;
}

.home #new .top_selection .ttl_box h2 .dot:before,
#new .top_selection .ttl_box h2 .dot:before,
#new .sub .selection .ttl_box h2 .dot:before{
  width: 32px;
  height: 6px;
  left: 14px;
  top: -8px;
}

#new .top_selection h3,
#new .sub .selection h3{
  font-size: 2rem;
  letter-spacing: 0.6px;
  margin-bottom: 20px;
}

#new .top_selection h3 span,
#new .sub .selection h3 span{
  font-size: 2.4rem;
}

#new .top_selection .txt_area dl dt,
#new .sub .selection .txt_area dl dt{
  padding: 5px 10px 3px;
}

#new .top_selection section > ul >li:first-child .col2_box,
#new .top_selection section > ul >li:last-child .col2_box,
#new .sub .selection section > ul >li:first-child .col2_box,
#new .sub .selection section > ul >li:last-child .col2_box{
  margin-bottom: 35px;
}

#new .top_selection section > ul >li:first-child .txt_box,
#new .sub .selection section > ul >li:first-child .txt_box{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  selection point05
  ------------------------------------------------*/
#new .top_selection .point05 .txt_area h4{
  font-size: 1.7rem;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support h4,
#new .sub .selection .support h4{
  font-size: 1.8rem;
  text-align: left;
  padding: 10px 20px 8px;
}

#new .top_selection .support ul,
#new .sub .selection .support ul{
  flex-direction: column;
}

#new .top_selection .support li,
#new .sub .selection .support li{
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 8px 20px;
}

#new .top_selection .support li:not(:last-child),
#new .sub .selection .support li:not(:last-child){
  border-right: none;
  border-bottom: solid 3px #008dd7;
}

#new .top_selection .support li img,
#new .sub .selection .support li img{
  width: 30px;
  display: inline-block;
  margin: 0 20px 0 0;
}

#new .top_selection .support li span,
#new .sub .selection .support li span{
  font-size: 1.5rem;
  white-space: nowrap;
  display: block;
}

#new .top_selection .support li br,
#new .sub .selection .support li br{
  display: none;
}

/*--------------------------------------------------
  top price
  ------------------------------------------------*/
#new .top_price .table_note{
  margin-bottom: 30px;
}

#new .top_price .it_price .txt_box,
#new .sub .price .it_price .txt_box{
  text-align: left;
}

#new .top_price .it_price .txt_box strong,
#new .sub .price .it_price .txt_box strong{
  display: inline-block;
  padding: 1px 3px 0 6px;
  margin-top: 4px;
  margin-bottom: 8px;
}

#new .top_price .it_price .txt_box .caution,
#new .sub .price .it_price .txt_box .caution{
  font-size: 1.3rem;
}

#new .top_price .it_price .txt_box a.btn,
#new .sub .price .it_price .txt_box a.btn{
  text-align: left;
  display: block;
}

#new .top_price .it_price .txt_box a.btn:before,
#new .sub .price .it_price .txt_box a.btn:before{
  top: 10px;
  bottom: auto;
}

#new .top_price .it_box,
#new .sub .price .it_box{
  margin-top: -10px;
}

#new .top_price .it_link a,
#new .sub .price .it_link a{
  font-size: 1.7rem;
  padding: 10px 20px 10px 40px;
}

#new .top_price .it_link a:before,
#new .sub .price .it_link a:before{
  width: 16px;
  height: 16px;
  top: 15px;
  left: 14px;
}

#new .top_price .it_campaign .txt_box .deadline,
#new .sub .price .it_campaign .txt_box .deadline,
#new .top_price .it_campaign .txt_box em,
#new .sub .price .it_campaign .txt_box em{
  font-size: 1.6rem;
}

#new .top_price .it_campaign .txt_box .deadline,
#new .sub .price .it_campaign .txt_box .deadline{
  margin-bottom: 5px;
}


/*--------------------------------------------------
  sub price
  ------------------------------------------------*/
/*#new .top_price .ttl_box,*/
#new .sub .price_box .ttl_box,
#new .sub .price_option .ttl_box{
  margin-bottom: 30px;
}

#new .sub .price_box .price_news{
  margin-top: 15px;
}

/*--------------------------------------------------
  price table common
  ------------------------------------------------*/
#new .top_price .ttl_box h2 br,
#new .sub .price_box .ttl_box h2 br{
  display: block;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .ttl_box p span,
#new .sub .price .ttl_box p span{
  font-size: 1.4rem;
}

#new .top_price .table_type thead th:first-child,
#new .top_price .table_type tbody th,
#new .sub .price .table_type thead th:first-child,
#new .sub .price .table_type tbody th{
  width: 20%;
}

/*--------------------------------------------------
  price function
  ------------------------------------------------*/
#new .sub .price_function .btn{
  margin-top: 30px;
}

/*--------------------------------------------------
  price function table
  ------------------------------------------------*/
#new .sub .price_function .table_type{
  display: flex;
  overflow-x: scroll;
  margin-bottom: 10px;
}

#new .sub .price_function .table_type .scroll{
  flex: 0 0 500px;
}

#new .sub .price_function .spon{
  display: block;
}

#new .sub .price_function .table_type thead th:not(:first-child),
#new .sub .price_function .table_type tbody td{
  width: 22% !important;
}

/*--------------------------------------------------
  price option
  ------------------------------------------------*/
#new .sub .price_option ul{
  display: block;
}

#new .sub .price_option li{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}

#new .sub .price_option li:nth-child(3){
  margin-bottom: 20px;
}

#new .sub .price_option h3 br{
  display: none;
}

#new .sub .price_option .img_box img{
  max-width: 50%;
}

/*--------------------------------------------------
  flow
  ------------------------------------------------*/
#new .sub .flow .content > ul > li:not(:last-child),
#function_flow .flow .content > ul > li:not(:last-child){
  margin-bottom: 60px;
}

#new .sub .flow .content > ul > li:before,
#function_flow .flow .content > ul > li:before{
  width: 37px;
  height: 20px;
  bottom: -40px;
}

#new .sub .flow h3,
#function_flow .flow h3{
  padding: 9px 10px 9px 25px;
}

#new .sub .flow h3 span,
#function_flow .flow h3 span{
  font-size: 1.6rem;
}

#new .sub .flow li .ttl_box p,
#function_flow .flow li .ttl_box p{
  font-size: 1.6rem;
  flex: 0 0 80px;
  padding: 16px 5px 14px 10px;
}

#new .sub .flow li .ttl_box p:after,
#function_flow .flow li .ttl_box p:after{
  right: -16px;
  border-width: 23px 0 23px 1em;
}

#new .sub .flow h4,
#function_flow .flow h4{
  font-size: 1.8rem;
}

#new .sub .flow h5,
#function_flow .flow h5{
  padding: 5px 12px 2px;
  margin-bottom: 15px;
}

#new .sub .flow_box,
#new .sub .flow .frame .flow_box,
#function_flow .flow_box,
#function_flow .flow .frame .flow_box{
  padding: 20px;
}

#new .sub .flow .img_box,
#function_flow .flow .img_box{
  margin-bottom: 17px;
}

#new .sub .flow .tel,
#function_flow .flow .tel{
  text-align: center;
  margin-bottom: 15px;
}

#new .sub .flow .tel a,
#function_flow .flow .tel a{
  font-size: 3rem;
  letter-spacing: 1.6px;
  margin-bottom: 1px;
}

#new .sub .flow .frame .txt_box .tel p,
#function_flow .flow .frame .txt_box .tel p{
  font-size: 1.4rem;
  letter-spacing: -0.2px;
  margin-left: 0;
}

#new .sub .flow .btn,
#function_flow .flow .btn{
  text-align: center;
}

#new .sub .flow .frame .img_box,
#function_flow .flow .frame .img_box{
  margin-bottom: 17px;
}

#new .sub .flow li:nth-child(6) .txt_box p,
#function_flow .flow li:nth-child(6) .txt_box p{
  margin-bottom: 15px;
}

/*--------------------------------------------------
  sub faq
  ------------------------------------------------*/
#new .sub .faq .ttl_box h2{
  margin-bottom: 25px;
}

#new .sub .faq .list_box li{
  width: calc(33.333% - 50px / 3);
}

#new .sub .faq .list_box h3{
  font-size: 1.5rem;
}

#new .sub .faq .list_box .img_box{
  width: 70px;
  margin-bottom: 10px;
}

#new .sub .faq_list h3{
  font-size: 2.2rem;
  margin-bottom: 25px;
}

#new .top_faq .accordion h3,
#new .sub .faq .accordion h4{
  font-size: 1.6rem;
}

#new .top_faq .accordion h3,
#new .sub .faq .accordion h4{
  padding: 12px 40px 10px 50px;
}

#new .top_faq .accordion h3:before,
#new .sub .faq .accordion h4:before,
#new .top_faq .accordion .txt_box:before,
#new .sub .faq .accordion .txt_box:before{
  width: 26px;
  height: 26px;
  top: 10px;
  left: 12px;
}

#new .top_faq .accordion h3:after,
#new .sub .faq .accordion h4:after{
  width: 15px;
  height: 15px;
  right: 12px;
}

#new .top_faq .accordion .txt_box,
#new .sub .faq .accordion .txt_box{
  padding: 15px 20px 13px 50px;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .content{
  padding: 35px 20px;
}

#new .sub .company .massage h3{
  font-size: 2rem;
  margin-bottom: 30px;
}

#new .sub .company .massage .txt_box{
  margin-bottom: 25px;
}

#new .sub .company .massage .sign{
  width: 210px;
  margin-top: 20px;
}

#new .sub .company ul.gallery_box li{
  width: calc(50% - 10px / 2);
  margin-right: 10px;
}

#new .sub .company ul.gallery_box li:not(:last-child, :nth-child(3)){
  margin-bottom: 10px;
}

#new .sub .company .team h3{
  font-size: 1.8rem;
}

#new .sub .company .team .img_box{
  width: 160px;
}

#new .sub .company .team_box{
  padding: 30px 20px;
}

#new .sub .company .team_box:not(:last-child){
  margin-bottom: 20px;
}

#new .sub .company table ul li:before{
  top: 9px;
}

/*--------------------------------------------------
  privacy
  ------------------------------------------------*/
#new .sub .privacy .ttl_box p{
  font-size: 1.5rem;
}

#new .sub .privacy h3{
  font-size: 1.9rem;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#new .sub .privacy .ttl_box,
#new .sub .privacy section{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  privacy security
  ------------------------------------------------*/
#new .sub .privacy_security  h2{
  padding-bottom: 20px;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area .content{
  padding: 20px 0 0;
}

#new .sub .form_area .ttl_box{
  padding: 12px 20px;
}

#new .sub .form_area .form_box{
  padding: 20px;
}

#new .sub .form_area .ttl_box h2{
  font-size: 2rem;
}

/*--------------------------------------------------
  form it
  ------------------------------------------------*/
#new .sub .form_area .it_txt{
  margin: 0 20px;
}

#new .sub .form_area .it_txt em,
#new .sub .form_area .it_txt span{
  font-size: 1.6rem;
}

#new .sub .form_area .it_txt span.cost{
  font-size: 1.5rem;
}

#new .sub .form_area .it_txt span.cost strong{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box{
  margin: 0;
}

#new .sub .form_area .it_col_box p,
#new .sub .form_area .it_col_box li{
  font-size: 1.5rem;
}

#new .sub .form_area .it_col_box .left_box span.start{
  font-size: 1.6rem;
}

#new .sub .form_area .it_col_box .left_box strong{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  form_box
  ------------------------------------------------*/
#new .sub .form_box h3{
  font-size: 1.6rem;
  margin-bottom: 5px;
}

#new .sub .form_box h3 span{
  font-size: 1.2rem;
  padding: 2px 4px 2px;
}

#new .sub .form_box ul li{
  margin-bottom: 10px;
}

#new .sub .form_box textarea{
  min-height: 60px;
}

#new .sub .form_box .btn{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .tel_box{
  padding: 15px;
}

#new .sub .form_area .tel_box a{
  font-size: 3.4rem;
  letter-spacing: 2px;
  padding-left: 40px;
}

#new .sub .form_area .tel_box a:after{
  width: 30px;
  height: 30px;
}

#new .sub .form_area .tel_box .number p{
  font-size: 1.4rem;
}

#new .sub .form_area .tel_box .number p span{
  font-size: 1.2rem;
}

#new .sub .form_area .tel_box .time{
  font-size: 1.3rem;
  margin-top: 0;
}

#new .sub .form_area .txt_box .lead{
  font-size: 1.6rem;
  letter-spacing: 0;
  margin-bottom: 25px;
}

#new .sub .form_area .txt_box{
  padding: 25px 20px 30px;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document,
#new .sub .form_area .demo{
  padding: 20px;
}

#new .sub .form_area .document h3,
#new .sub .form_area .demo h3{
  font-size: 1.6rem;
}

#new .sub .form_area .document h3{
  text-align: left;
}

#new .sub .form_area .document h3 br{
  display: none;
}

/*--------------------------------------------------
  form privacy
  ------------------------------------------------*/
#new .sub .form_area .privacy{
  padding: 0 20px 30px;
}

#new .sub .form_area .privacy p,
#new .sub .form_area .privacy a{
  font-size: 1.4rem;
}

#new .sub .form_area .form_logo img{
  width: 200px !important;
}

/*--------------------------------------------------
  news page
  ------------------------------------------------*/
.post-type-archive-news #page_header{
  margin: 30px 0 25px;
}

.tax-news-cat #page_header{
  margin: 30px 0;
}

.post-type-archive-news #page_header .headline{
  font-size: 3.2rem !important;
}

.tax-news-cat #page_header .headline{
  font-size: 2.8rem !important;
}

.tax-news-cat #main_col,
.post-type-archive-news #main_col{
  padding: 0 20px;
}

#archive_news_list{
  margin: 0 0 40px 0;
}

.tax-news-cat #main_col .page_navi,
.post-type-archive-news #main_col .page_navi{
  margin-top: 40px;
}

/*--------------------------------------------------
  news article
  ------------------------------------------------*/
.single-news #main_col{
  margin: 0 auto 20px;
  padding: 0 20px;
}

.single-news #single_news{
  padding: 30px 20px 20px;
}

#single_news #article .content:not(:last-child){
  margin-bottom: 30px;
}

#single_news #post_title{
  margin-bottom: 15px;
}

#single_news #post_meta_top{
  margin-bottom: 20px;
}

#single_news #post_title{
  font-size: 2rem !important;
}

#single_news #article h2,
#single_news #article h3{
  margin-bottom: 20px;
}

#single_news #article h3{
  font-size: 1.7rem;
}

#single_news #article ul,
#single_news #article ol,
#single_news #article ul li,
#single_news #article dl,
#single_news #article dl dt,
#single_news #article dl dd,
#single_news #article p,
#single_news #article a{
  line-height: 1.6;
}

#single_news #article .post_content ul,
#single_news #article .post_content ol,
#single_news #article .post_content dl,
#single_news #article .post_content blockquote,
#single_news #article .post_content .img_box,
#single_news #article .post_content .txt_box,
#single_news #article .post_content .link_box{
  margin-bottom: 15px;
}

#single_news #article blockquote,
#single_news #article .frame_white{
  padding: 12px 18px 10px;
}

#single_news #article blockquote:before,
#single_news #article blockquote:after{
  width: 12px;
  height: 10px;
}

#single_news #article li.list_reference{
  margin-top: 15px;
}

#single_news #article blockquote p:not(:last-child),
#single_news #article .frame_white p:not(:last-child){
  margin-bottom: 4px;
}

.single-news #single_news_list{
  margin: 30px 0 20px;
}

#archive_news_list .title,
#single_news_list .title{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  news theme TCD
  ------------------------------------------------*/
.single-news table.pb_simple_table{
  border: 1px solid #000;
}

.single-news table.pb_simple_table th,
.single-news table.pb_simple_table td{
  display: block;
  width: 100% !important;
  border: none;
  border-bottom: 1px solid #000;
}

.single-news table.pb_simple_table tr:last-child td{
  border-bottom: none;
}

/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work .content{
  padding: 30px 20px;
}

#new .common_work h2{
  font-size: 2rem;
  margin-bottom: 28px;
}

#new .common_work .ttl_slash{
  margin-bottom: 25px;
}

#new .common_work h2.ttl_balloon{
  padding: 10px 15px;
  margin-bottom: 40px;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .content{
  padding: 25px 20px;
}

#new #archive_work .main_visual .ttl_box p{
  font-size: 1.5rem;
  text-align: left;
}

#new #archive_work .main_visual .ttl_box p br{
  display: none;
}

#new #archive_work .main_visual .slick-slide > div{
  padding: 0px 30px;
}

#new #archive_work .main_visual .slick-work-box a{
  padding: 20px 20px 10px;
}

#new #archive_work .main_visual .slick-work-box .img_box p{
  font-size: 1.1rem;
  line-height: 1.3;
  padding: 8px 8px 5px;
  top: -8px;
  left: -8px;
}

#new #archive_work .main_visual .slick-work-box h3{
  font-size: 1.6rem;
  margin-bottom: 15px;
}

#new #archive_work .main_visual .slick-next,
#new #archive_work .main_visual .slick-prev{
  display: none !important;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search .category{
  padding: 15px;
}

#new #archive_work .search section:before{
  width: 80px;
  height: 62px;
  top: -62px;
  right: 7px;
}

#new #archive_work .search .tab li{
  width: calc(25% - 15px / 4);
}

#new #archive_work .search .tab li:not(:last-child){
  margin-right: 5px;
}

#new #archive_work .search .tab li a{
  font-size: 1.4rem;
  padding: 10px 5px 8px;
}

#new #archive_work .search .tab li h3{
  font-size: 1.4rem;
}

#new #archive_work .search .category a{
  padding: 10px 12px 8px;
}

#new #archive_work .search .category h4{
  font-size: 1.4rem;
}

#new #archive_work .search .category ul li{
  width: 100%;
  margin-right: 0;
}

#new #archive_work .search .category ul.tab_box li:nth-child(2n+1):nth-last-child(-n+2),
#new #archive_work .search .category ul.tab_box li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 10px;
}

#new #archive_work .search .category ul.tab_box li:last-child{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  archive work interview
  ------------------------------------------------*/
#new #archive_work .interview section:before{
  width: 74px;
  height: 62px;
  top: -62px;
  right: 2px;
}

#new #archive_work .interview ul.list_box > li{
  width: 100%;
  margin-right: 0;
}

#new #archive_work .interview ul.list_box > li:nth-child(3n){
  margin-right: 0;
}

#new #archive_work .main_visual .slick-work-box a:after,
#new #archive_work .interview ul.list_box > li a:after,
#new #related .slick-work-box a:after{
  right: 20px;
  bottom: 20px;
}

#new #archive_work .interview ul.list_box > li .img_box img.logo,
#new #related .slick-work-box .img_box img.logo{
  max-height: 58px;
}

#new #archive_work .interview ul.list_box > li .txt_box,
#new #related .slick-work-box .txt_box{
  padding: 0 20px 10px;
}

#new #archive_work .interview li h3,
#new #related h3{
  font-size: 1.6rem;
}

#new #archive_work .main_visual .slick-work-box h4,
#new #archive_work .interview li h4,
#new #related h4{
  margin-bottom: 15px;
}

#new #archive_work .main_visual ul.tag li,
#new #archive_work .interview ul.tag li,
#new #single_work .introduction_lead ul.tag li,
#new #related ul.tag li{
  font-size: 1.1rem;
}

#new #archive_work .interview button{
  margin-top: 10px;
}

#new #archive_work .interview button,
#new #archive_work .interview .btn a,
#new #related .btn a{
  font-size: 1.5rem;
  width: 100%;
  padding: 12px 20px 10px;
}

#new #archive_work .interview button span:after{
  right: -20px;
}

/*--------------------------------------------------
  archive work achievement
  ------------------------------------------------*/
#new #archive_work .achievement h2.ttl_balloon{
  border: 2px solid #008cd7;
}

#new #archive_work .achievement h2.ttl_balloon:before{
  bottom: -14px;
  border-width: 12px 10px 0 10px;
}

#new #archive_work .achievement h2.ttl_balloon:after{
  bottom: -11px;
  border-width: 12px 10px 0 10px;
}

#new #archive_work .achievement .ttl_slash h3{
  font-size: 1.7rem;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite .content{
  padding: 30px 20px;
}

#new #archive_work .favorite h2.ttl_balloon:before{
  width: 86px;
  height: 58px;
  top: -52px;
}

#new #archive_work .favorite h2.ttl_balloon:after{
  bottom: -11px;
  border-width: 12px 10px 0 10px;
}

#new #archive_work .favorite ul li{
  display: block;
  padding: 25px 25px 20px;
}

#new #archive_work .favorite .img_box{
  max-width: 90px;
  margin: 0 auto;
  margin-bottom: 18px;
}

#new #archive_work .favorite h3{
  font-size: 1.9rem;
  text-align: center;
  margin-bottom: 15px;
}

#new #archive_work .favorite .txt_box p:not(:last-child){
  margin-bottom: 12px;
}

#new #archive_work .favorite .message h4{
  font-size: 1.9rem;
}

#new #archive_work .favorite .message span:before{
  width: 38px;
  height: 10px;
  bottom: -12px;
}

@-moz-document url-prefix(){
  #new #archive_work .favorite .message span:before{
    bottom: -9px;
  }
}

/*--------------------------------------------------
  archive work cat
  ------------------------------------------------*/
#new #archive_work_cat.interview ul.list_box{
  margin-bottom: 10px;
}

#new #archive_work_cat.interview .no_post_txt{
  padding: 20px 20px 15px;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work #left_col{
  padding: 0 20px 30px;
}

#new #single_work h2.ttl_gradation{
  font-size: 1.7rem;
  letter-spacing: 0;
  padding: 10px 15px;
  margin-bottom: 25px;
}

#new #single_work h2.ttl_gradation:before{
  left: 30px;
  bottom: -11px;
  border-width: 12px 10px 0 10px;
}

#new #single_work .ttl_point{
  margin-bottom: 20px;
}

#new #single_work .ttl_point p{
  font-size: 1.2rem;
  min-width: 65px;
  padding: 4px 10px 3px;
}

#new #single_work .ttl_point h3{
  font-size: 1.7rem;
  padding: 15px 0 15px 15px;
}

#new #single_work .txt_gradation{
  font-size: 1.7rem;
  line-height: 1.5;
}

#new #single_work .glossary_box{
  display: block;
}

#new #single_work .glossary_box .img_box{
  margin: 0 auto;
  margin-bottom: 30px;
}

#new #single_work .glossary_box .txt_box{
  padding: 18px 15px 14px 20px;
}

#new #single_work .glossary_box .txt_box:before{
  top: -15px;
  right: 0;
  left: 0;
  margin: auto;
  border-width: 0 12px 14px 12px;
  border-color: transparent transparent #dfe2e9 transparent;
}

#new #single_work .glossary_box .txt_box:after{
  top: -12px;
  right: 0;
  left: 0;
  margin: auto;
  border-width: 0 12px 14px 12px;
  border-color: transparent transparent #fff transparent;
}

#new #single_work .glossary_box h4{
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#new #single_work .glossary_box .txt_box p br{
  display: none;
}

#new #single_work .post_content > div:not(:last-child){
  margin-bottom: 30px;
}

#new #single_work section > *:not(:last-child, .ttl_point){
  margin-bottom: 20px;
}

#new #single_work section .txt_box p:not(:last-child){
  margin-bottom: 15px;
}

#new #single_work .img_box.img_border_bold{
  border: 3px #e8eaee solid;
}

#new #single_work .flex_col2 .img_box,
#new #single_work .flex_col2.flex_reverse .img_box{
  margin-bottom: 20px;
}

#new #single_work ul.flex_table li h4{
  font-size: 1.6rem;
  padding: 10px 15px;
}

#new #single_work ul.flex_table + .caution{
  font-size: 1.2rem;
  margin-top: -10px;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead{
  padding: 25px 20px 0;
}

#new #single_work .introduction_lead .ttl_box h2{
  font-size: 2rem !important;
}

#new #single_work .introduction_lead .tag{
  margin-bottom: 20px;
}

#new #single_work .introduction .img_box img.logo{
  max-height: 40px;
  top: 10px;
  right: 10px;
}

#new #single_work .introduction dl div{
  padding: 10px 15px 8px;
}

#new #single_work .introduction dl dt{
  max-width: 80px;
  margin-right: 10px;
}

#new #single_work .introduction dl dt,
#new #single_work .introduction dl dd{
  font-size: 1.4rem;
}

#new #single_work .introduction section h3{
  font-size: 1.5rem;
  letter-spacing: 0;
  padding: 10px 15px 9px;
}

#new #single_work .introduction .ttl_slash h3{
  font-size: 1.6rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0 50px;
}

#new #single_work .introduction .ttl_slash h3 br:not(.spon){
  display: none;
}

#new #single_work .introduction .ttl_slash .txt:before,
#new #single_work .introduction .ttl_slash .txt:after{
  height: 50px;
  top: auto;
  bottom: 0;
}

#new #single_work .introduction .ttl_slash .txt:before{
  left: 20px;
}
       
#new #single_work .introduction .ttl_slash .txt:after{
  right: 20px;
}

#new #single_work .introduction .ttl_slash h3 br.spon{
  display: none;
}

#new #single_work .introduction .tag{
  margin-bottom: 15px;
}

#new #single_work .introduction section.flex_col2{
  margin-bottom: 25px;
}

#new #single_work .introduction section .img_box{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  single work prologue
  ------------------------------------------------*/
#new #single_work .prologue li h3{
  font-size: 1.6rem;
  padding: 12px 15px 10px 35px;
}

#new #single_work .prologue li.flow_purpose h3 span:before{
  width: 18px;
  height: 18px;
  left: -26px;
}

#new #single_work .prologue li.flow_pick h3 span:before{
  width: 20px;
  height: 15px;
  left: -28px;
}

#new #single_work .prologue li.flow_effect h3 span:before{
  width: 15px;
  height: 22px;
  left: -22px;
}

/*--------------------------------------------------
  single work effect
  ------------------------------------------------*/
#new #single_work .effect section:not(:last-child){
  margin-bottom: 30px;
}

/*--------------------------------------------------
  single work improvement
  ------------------------------------------------*/
#new #single_work .improvement .ttl_box{
  margin-bottom: 95px;
}

#new #single_work .improvement h3{
  font-size: 1.7rem;
}

#new #single_work .improvement h3:after{
  border-width: 12px 10px 0 10px;
  bottom: -11px;
}

#new #single_work .improvement h3 span:before{
  width: 20px;
  height: 25px;
  top: 4px;
  bottom: auto;
  left: -28px;
}

#new #single_work .improvement .icon_box{
  padding: 15px 20px;
}

#new #single_work .improvement h4{
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#new #single_work .improvement .btn_function a{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  single work company introduction
  ------------------------------------------------*/
#new #single_work .company_introduction{
  border: 3px #ebeff6 solid;
  padding: 20px;
}

#new #single_work .company_introduction h3{
  font-size: 1.6rem;
  margin-bottom: 18px;
}

#new #single_work .company_introduction .img_box img{
  max-height: 62px;
}

#new #single_work .company_introduction ul{
  margin-bottom: 15px;
}

#new #single_work .company_introduction .btn a{
  max-width: 100%;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related .slick-next,
#new #related .slick-prev{
  display: none !important;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select .ttl_slash h2{
  font-size: 1.7rem;
  padding: 0 25px;
}

#new #contact_select .it_txt{
  margin-bottom: 30px;
}

#new #contact_select .it_txt p{
  font-size: 1.6rem;
  padding: 10px;
}

#new #contact_select .it_txt span{
  font-size: 1.5rem;
}

#new #contact_select .it_txt em{
  font-size: 1.8rem;
}

#new #contact_select .img_box{
  max-width: 90px;
}

#new #contact_select .btn a{
  font-size: 1.5rem;
  padding: 12px 20px 10px;
}

/*--------------------------------------------------
  agency
  ------------------------------------------------*/
#new .sub .agency .ttl_box{
  margin-bottom: 30px;
}

#new .sub .agency .explanation .txt_box h3{
  font-size: 2rem;
}

#new .sub .agency .explanation ul li{
  width: calc(50% - 20px / 2);
  margin-right: 20px;
}

#new .sub .agency .explanation ul li h4{
  font-size: 1.9rem;
}

#new .sub .agency .explanation ul li img{
  width: 100px;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce{
  padding: 40px 20px;
}

#new .sub .agency .introduce .content{
  padding: 20px;
}

#new .sub .agency .introduce .txt_box h3{
  font-size: 2rem;
}

#new .sub .agency .introduce ul{
  margin-bottom: 20px;
}

#new .sub .agency .introduce ul li{
  padding: 12px 10px 12px 40px;
}

#new .sub .agency .introduce ul li:before{
  width: 20px;
  height: 20px;
  top: 13px;
}

#new .sub .agency .introduce .agency_btn a{
  font-size: 1.5rem;
  padding: 12px 35px 12px 15px;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .visual .content{
  padding: 20px 20px 38px;
}

#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  padding: 25px 20px 30px;
}

#new .denshichobo .ttl_box{
  margin-bottom: 20px;
}

#new .denshichobo .ttl_box h2,
#new .mutual_link .ttl_box h2{
  font-size: 2.2rem;
}

#new .denshichobo .ttl_box h2{
  padding: 0 0 0 10px;
}

#new .denshichobo .ttl_box h2:before,
#new .denshichobo .ttl_box h2:after{
  width: 40px;
}

#new .denshichobo .ttl_box h2:before,
#new .denshichobo .invoice .ttl_box h2:before{
  left: -35px;
}

#new .denshichobo .ttl_box h2:after,
#new .denshichobo .invoice .ttl_box h2:after{
  right: -35px;
}

#new .denshichobo p.hiragino,
#new .mutual_link p.hiragino,
#new .mutual_link .effect .comment .txt_balloon p,
#new .mutual_link .publish h4{
  font-size: 1.7rem;
}

#new .denshichobo div.btn a{
  font-size: 1.5rem;
  padding: 10px 45px 10px 25px;
}

#new .denshichobo .about,
#new .denshichobo .about .img_box{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .standby .about img,
#new .denshichobo .invoice .about img{
  max-width: 270px !important;
}

#new .denshichobo .standby h2.ttl_ribbon{
  font-size: 2rem;
  line-height: 40px;
  height: 40px;
  margin-bottom: 25px;
}

#new .denshichobo .standby h2.ttl_ribbon:before,
#new .denshichobo .standby h2.ttl_ribbon:after{
  height: 38px;
  border: 20px solid #333;
}

#new .denshichobo .standby h2.ttl_ribbon:before{
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}

#new .denshichobo .standby h2.ttl_ribbon:after{
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}

#new .denshichobo .search h3,
#new .denshichobo .save h3{
  font-size: 2rem;
  padding: 7px 10px;
}

#new .denshichobo .search_list,
#new .denshichobo .save_list{
  padding: 25px 20px 25px 25px;
}

#new .denshichobo .search_list ol{
  margin-bottom: 20px;
}

#new .denshichobo .search_list ol li{
  font-size: 1.6rem;
}

#new .denshichobo .search_list .img_box{
  max-width: 230px;
}

#new .denshichobo .save_list .save_box > p:first-child{
  margin-bottom: 20px;
}

#new .denshichobo .save_list ul{
  margin-bottom: 20px;
}

#new .denshichobo .save_list ul li{
  display: block;
}

#new .denshichobo .save_list ul li:not(:last-child){
  margin-right: 0;
  margin-bottom: 25px;
}

#new .denshichobo .save_list .img_box{
  margin-bottom: 20px;
}

#new .denshichobo .save_list img{
  max-width: 130px !important;
  margin: 0 auto;
}

#new .denshichobo .save_list h4{
  margin-bottom: 15px
}

#new .denshichobo .save_list h4,
#new .denshichobo .save_list .txt_box p{
  text-align: center;
}

#new .denshichobo .save_list .txt_box p br{
  display: block !important;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive .about img{
  max-width: 360px !important;
}

#new .denshichobo .googledrive h2.ttl_ribbon{
  font-size: 1.8rem;
  letter-spacing: -1px;
  height: 60px;
  padding-top: 8px;
  padding-left: 0;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before,
#new .denshichobo .googledrive h2.ttl_ribbon:after{
  border: 30px solid #008cd7;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before{
  left: -40px;
  border-left-width: 10px;
  border-left-color: transparent;
}

#new .denshichobo .googledrive h2.ttl_ribbon:after{
  right: -40px;
  border-right-width: 10px;
  border-right-color: transparent;
}


#new .denshichobo .merits .txt_balloon{
  padding: 10px 10px 13px 15px;
}

#new .denshichobo .merits .txt_balloon p{
  font-size: 1.8rem;
}

#new .denshichobo .merits .txt_balloon p em{
  padding: 2px 2px 1px 5px;
  margin-right: 3px;
}

#new .denshichobo .merits .comment .img_box{
  max-width: 150px !important;
}

#new .denshichobo .merits_list li{
  padding: 20px;
}

#new .denshichobo .merits_list li:not(:last-child){
  margin-bottom: 30px;
}

#new .denshichobo .merits_list li:before{
  width: 58px;
  height: 58px;
  top: -32px;
  left: -35px;
}

#new .denshichobo .merits_list li h3{
  font-size: 1.9rem;
  margin-bottom: 15px;
}

#new .denshichobo .merits_list li .txt_box,
#new .denshichobo .merits_list li:last-child .col2,
#new .denshichobo .merits_list li:last-child .txt_box{
  margin-bottom: 20px;
}

#new .denshichobo .merits_list li:first-child .img_box{
  max-width: 90px;
}

#new .denshichobo .merits_list li:nth-child(2) .img_box{
  max-width: 150px;
}

#new .denshichobo .merits_list li:last-child .img_box{
  max-width: 222px;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice .about{
  margin-bottom: 40px;
}

#new .denshichobo .invoice .ttl_box h2:before,
#new .denshichobo .invoice .ttl_box h2:after{
  width: 30px;
}

#new .denshichobo .invoice .about p.start{
  font-size: 1.6rem;
}

#new .denshichobo .invoice .about .txt_box p:not(:last-child){
  margin-bottom: 20px;
}

#new .denshichobo .invoice_list li h3{
  font-size: 1.9rem;
  margin-bottom: 15px;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .txt_box .now{
  font-size: 2rem;
  line-height: 36px;
  padding: 2px 13px 2px 20px;
  margin-right: 10px;
  margin-bottom: 20px;
}

#new .denshichobo .form_get_around .txt_box .demo{
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 10px;
}

#new .denshichobo .form_get_around .img_present{
  margin-bottom: 25px;
}

#new .denshichobo .form_get_around .img_present img{
  max-width: 90% !important;
}

#new .denshichobo .form_get_around .txt_box .demo span:before{
  font-size: 2rem;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{
  font-size: 2rem;
  line-height: 1.2;
  height: 62px;
  padding: 7px 20px 0 10px;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{

}

#new .denshichobo .form_get_around h4.ttl_ribbon:before,
#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  border: 31px solid #008cd7;
}

#new .denshichobo .form_get_around h4.ttl_ribbon:before{
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

#new .denshichobo .form_get_around h4.ttl_ribbon br{
  display: inline-block;
}

#new .denshichobo .form_get_around .btn{
  margin-top: 25px;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt h3{
  font-size: 2.2rem;
}

#new .denshichobo_form_txt .ttl_box h3:before,
#new .denshichobo_form_txt .ttl_box h3:after{
  width: 30px;
}

#new .denshichobo_form_txt .ttl_box h3:before{
  left: 5px;
}

#new .denshichobo_form_txt .ttl_box h3:after{
  right: 5px;
}

/*--------------------------------------------------
  denshichobo_form
  ------------------------------------------------*/
#new .denshichobo_form h2{
  font-size: 2rem !important;
}

#new .denshichobo_form h3,
#new .mutual_link_form_box h3{
  font-size: 1.6rem;
}

#new .denshichobo_form h3 br{
  display: block;
}

#new .denshichobo_form ul li:not(:last-child),
#new .mutual_link_form_box ul li:not(:last-child){
  margin-bottom: 15px;
}

/*#new .denshichobo_form #mw_wp_form_mw-wp-form-180,*/
#new .denshichobo_form #mw_wp_form_mw-wp-form-8037{
  padding: 25px 20px;
}

#new .denshichobo_form .btn_box{
  margin-top: 19px;
}

#new .denshichobo_form .btn{
  font-size: 1.7rem;
  padding: 13px 50px 10px 25px;
}

/*--------------------------------------------------
  lp mutual link
  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 50px 20px 45px;
}

#new .mutual_link .content:before{
  width: 90px;
  height: 50px;
  top: -16px;
}

#new .mutual_link .ttl_box{
  margin-bottom: 15px;
}

#new .mutual_link .about .ttl_box h2{
  padding: 0 25px 0 30px;
}

#new .mutual_link .ttl_box h2{
  padding: 0 30px;
}

#new .mutual_link .btn a,
#new .mutual_link_form_box .btn,
#new .mutual_link_page .btn a{
  font-size: 1.6rem;
  letter-spacing: 0;
  padding: 13px 20px;
}

#new .mutual_link .btn a:after,
#new .mutual_link_form_box .btn_box:after,
#new .mutual_link_page .btn a:after{
  width: 18px;
  height: 18px;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .txt_box{
text-align: left;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul{
  display: block;
}

#new .mutual_link .effect ul li{
  width: 100%;
}

#new .mutual_link .effect ul li{
  padding: 20px 10px;
}

#new .mutual_link .effect ul li img{
  max-width: 100px !important;
  margin-bottom: 18px;
}

#new .mutual_link .effect ul li h3 br{
  display: none;
}

#new .mutual_link .effect .comment .txt_balloon{
  padding: 14px 20px 15px 15px;
  margin-bottom: 40px;
}

#new .mutual_link .effect .comment .txt_balloon:before{
  width: 34px;
  height: 34px;
  top: 15px;
  left: 17px;
}

#new .mutual_link .effect .comment .txt_balloon p{
  margin-left: 50px;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box{
  padding: 20px;
}

#new .mutual_link .careful .txt_box p:last-child{
  padding-right: 17%;
}

#new .mutual_link .careful .img_box{
  bottom: 3%;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish h4{
  margin-bottom: 32px;
}

#new .mutual_link ul.publish_list_box li{
  padding: 30px 20px;
  margin-bottom: 20px;
}

#new .mutual_link ul.publish_list_box li:before{
  width: 60px;
  height: 70px;
  top: -5px;
  left: 10px;
}

#new .mutual_link .publish .lead_box h3{
  font-size: 2.5rem;
  letter-spacing: 0;
}

#new .mutual_link .publish .lead_box p{
  font-size: 1.4rem;
  max-width: 180px;
}

#new .mutual_link li.aippear_net .img_balloon{
  width: 23.257%;
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form_box #mw_wp_form_mw-wp-form-8385{
  padding: 25px 20px 30px;
}

#new .mutual_link_form .txt_box{
  text-align: left;
  margin-bottom: 20px;
}

#new .mutual_link_form_box h4{
  font-size: 2rem;
}

#new .mutual_link_form ul li.file p.caution{
  font-size: 1.3rem;
}

#new .mw_wp_form input[type="file"],
#new .mw_wp_form input[type="file"]::file-selector-button{
  font-size: 1.4rem;
}

#new .mutual_link_form .mw-wp-form_image{
  margin: 5px 0 30px;
}

#new .mutual_link_form .error{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  mutual link page
  ------------------------------------------------*/
#new .mutual_link_page .content,
#new .service_link_page .content{
  padding: 20px 20px 35px;
}

#new .mutual_link_page .content section:not(:last-child),
#new .service_link_page .content section:not(:last-child){
  margin-bottom: 35px;
}

#new .mutual_link_page .date{
  font-size: 1.5rem;
  margin-bottom: 3px;
}

#new .mutual_link_page .lead,
#new .service_link_page .lead strong{
  font-size: 1.7rem;
}

#new .mutual_link_page .lead strong,
#new .service_link_page .lead strong{
  line-height: 1.3;
}

#new .mutual_link_page section h2{
  font-size: 1.8rem;
  line-height: 1.4;
}

/*--------------------------------------------------
  service link page
  ------------------------------------------------*/
#new .service_link_page section h2{
  font-size: 1.8rem;
}

#new .service_link_page section h3{
  font-size: 1.7rem;
}

#new .service_link_page section h4{
  font-size: 1.6rem;
}

#new .service_link_page .service_list > li,
#new .service_link_page .service_list > li:nth-last-child(2):nth-child(odd){
  margin-bottom: 35px;
}

#new .service_link_page section .btn_box{
  display: block;
}

#new .service_link_page section .btn_box li{
  width: 100%;
  margin-right: 0;
}

#new .service_link_page section .btn_box li:not(:last-child){
  margin-bottom: 15px;
}

#new .service_link_page section .btn_box .btn a{
  font-size: 1.6rem;
}

#new .service_link_page section .btn_box .btn a:after{
  width: 16px;
  height: 16px;
}

#new .service_link_page section .link_box li:before{
  top: 6px;
}

#new .service_link_page section .link_box a{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .content{
  padding: 30px 20px;
}

#new #lp.common .ttl_box{
  margin-bottom: 20px;
}

#new #lp.common .ttl_box h2,
#new #lp.common .ttl_box_sub h2{
  font-size: 2.2rem;
}

/*--------------------------------------------------
  lp footer
  ------------------------------------------------*/
#lp_footer .menu{
  padding: 12px 20px;
}

#lp_footer .menu ul{
  flex-flow: column;
}

#lp_footer .menu li:not(:first-child):before{
  content: none;
}

#lp_footer .menu li a{
  font-size: 1.2rem;
}

#lp_footer .menu li:not(:first-child) a{
  margin-left: 0;
}

#lp_footer .menu li:not(:last-child) a{
  margin-right: 0;
}

#lp_footer .copyright small{
  text-align: left;
  padding: 16px 70px 16px 20px;
}

/*--------------------------------------------------
  lp voice
  ------------------------------------------------*/
#new #lp.common .voice .ttl_box{
  margin-bottom: 10px;
}

#new #lp.common .voice .record img{
  max-width: 174px !important;
}

#new #lp.common .voice li.flex_box .sentence{
  padding: 20px;
}

#new #lp.common .voice li.flex_box h3{
  font-size: 1.6rem;
  margin-bottom: 10px;
}

#new #lp.common .voice li.flex_box h4{
  font-size: 1.5rem;
}

#new #lp.common .voice li.flex_box .txt_box{
  margin-bottom: 10px;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media ul{
  margin-bottom: 25px;
}

#new #lp.common .media ul > li{
  width: calc(50% - 17px/2);
  margin-bottom: 17px;
}

#new #lp.common .media ul > li:nth-child(3n){
  margin-right: 17px;
}

#new #lp.common .media ul > li:nth-child(2n){
  margin-right: 0;
}

#new #lp.common .media ul > li:nth-child(3n+1):nth-last-child(-n+3),
#new #lp.common .media ul > li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 17px !important;
}

#new #lp.common .media ul > li:nth-child(2n+1):nth-last-child(-n+2),
#new #lp.common .media ul > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 0 !important;
}

#new #lp.common .media .other h3{
  font-size: 1.8rem;
}

#new #lp.common .media .other h3 br{
  display: block;
}

#new #lp.common .media .other p{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  lp faq
  ------------------------------------------------*/
#new #lp.common .accordion h3{
  font-size: 1.5rem;
  padding: 12px 40px 10px 46px;
}

#new #lp.common .accordion h3:before{
  width: 26px;
  height: 26px;
  top: 8px;
  left: 10px;
}

#new #lp.common .accordion h3:after{
  width: 15px;
  height: 15px;
  right: 12px
}

#new #lp.common .accordion .txt_box{
  padding: 15px 20px 13px 50px;
}

/*--------------------------------------------------
  lp contact
  ------------------------------------------------*/
#new #lp.common .contact .ttl_box{
  margin-bottom: 15px;
}

#new #lp.common .contact .txt_box{
  margin-bottom: 15px;
}

#new #lp.common .contact .txt_box span{
  font-size: 1.3rem;
}

#new #lp.common .contact .it_txt{
  margin-bottom: 90px;
}

#new #lp.common .contact .it_txt .left_box{
  text-align: left;
}

#new #lp.common .contact .it_txt .left_box .limited{
  text-align: center;
  width: 100%;
}

#new #lp.common .contact .it_txt .left_box br.off{
  display: none;
}

#new #lp.common .contact .it_txt .right_box{
  max-width: 100%;
}

#new #lp.common .contact .it_txt .right_box strong{
  display: inline-block;
  margin-left: 22px;
}

#new #lp.common .contact .it_txt .right_box em{
  font-size: 2rem;
}

/*--------------------------------------------------
  lp form
  ------------------------------------------------*/
#new #lp.common .contact .form_box:before{
  width: 102px;
  height: 72px;
  top: -60px;
}

#new #lp.common .contact .form_box{
  padding: 20px;
  margin-bottom: 30px;
}

#new #lp.common .contact li:not(:last-child){
  margin-bottom: 15px;
}

#new #lp.common .contact .mw_wp_form_input li.type{
  margin-bottom: 18px;
}

#new #lp.common .contact li h3{
  font-size: 1.6rem;
  margin-bottom: 5px;
}

#new #lp.common .contact li.privacy_check .ttl_box{
  display: block;
  position: relative;
}

#new #lp.common .contact li.privacy_check em{
  position: absolute;
  top: 0;
  left: 0;
}

#new #lp.common .contact li.privacy_check span:not(.error){
  font-size: 1.5rem;
  margin-top: -2px;
  margin-left: 5px;
}

#new #lp.common .contact li.privacy_check input{
  margin: 0 10px 0 12px;
}

#new #lp.common .contact div.btn input{
  font-size: 1.6rem;
}

#new #lp.common .contact li.privacy_check span.error{
  margin-top: 5px;
}

/*--------------------------------------------------
  lp first main visual
  ------------------------------------------------*/
#lp_mv.excel .btn a{
  font-size: 1.7rem;
  padding: 12px 20px;
}

#lp_mv.excel .left_box{
  padding: 20px 15px;
}

#lp_mv.excel .left_box:after{
  border-width: 15px 15px 0 15px;
  bottom: -13px;
  margin-left: -15px;
}

#lp_mv.excel .right_box{
  padding: 25px 15px 20px;
}

/*--------------------------------------------------
  lp first cv
  ------------------------------------------------*/
#new #lp .first .lp_cv_box .content{
  padding: 15px 8px 0 12px;
}

#new #lp .first .lp_cv_box .txt_box.flex_box{
  margin-bottom: 5px;
}

#new #lp .first .lp_cv_box .txt_box p.date{
  text-align: center;
  width: 100%;
  display: block;
}

#new #lp .first .lp_cv_box .txt_box p.date mark{
  margin-left: 5px;
}

/*--------------------------------------------------
  lp first trouble
  ------------------------------------------------*/
#new #lp .first .trouble ul.flex_box .txt_box img{
  max-width: 180px !important;
}

#new #lp .first .trouble ul.solution{
  margin-bottom: 25px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub{
  margin-bottom: 65px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub:after{
  bottom: -45px;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result ul{
  padding-bottom: 30px;
}

#new #lp .first .reason ul li{
  padding: 20px;
}

#new #lp .first .reason ul li img{
  max-width: 224px !important;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub:after,
#new #lp .first .result ul:after,
#new #lp .first .reason:after{
  width: 25px;
  height: 30px;
}

/*--------------------------------------------------
  lp first function
  ------------------------------------------------*/
#new #lp .first .function .ttl_box h2:before{
  left: -25px;
}

#new #lp .first .function .ttl_box h2:after{
  right: -30px;
}

/*--------------------------------------------------
  lp graph
  ------------------------------------------------*/
#lp.common .graph .ttl_box h2 br.spon{
  display: block;
}

#lp.common .graph ul > li img{
  max-width: 220px !important;
}
}


/*--------------------------------------------------

  @media max-width:450px

  ------------------------------------------------*/
@media screen and (max-width:450px){
/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 74px;
  height: 76px;
}

/*--------------------------------------------------
  top blog
  ------------------------------------------------*/
#new .blog .col2_box h2{
  text-align: center;
}

#new .blog .col2_box h2 span{
  font-size: 1.6rem;
  display: block;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer #sns_box{
  display: block;
  padding: 15px 0;
}

footer #sns_box h5{
  margin-right: 0;
  margin-bottom: 10px;
}

footer #footer_social_link{
  text-align: left;
}

footer #sns_box .social_link li:not(:last-child){
  margin-right: 10px;
}

footer #sns_box a{
  color: #008cd7;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .introduction_case ul li .img_box{
  height: 220px;
}

/*--------------------------------------------------
  sub flow
  ------------------------------------------------*/
#new .sub .flow .row01 .ttl_box p,
#function_flow .flow .row01 .ttl_box p{
  padding: 29px 5px 29px 10px;
}

#new .sub .flow .row01 .ttl_box p:after,
#function_flow .flow .row01 .ttl_box p:after{
  right: -16px;
  border-width: 37px 0 37px 1em;
}

#new .sub .flow .row01 .ttl_box br,
#function_flow .flow .row01 .ttl_box br{
  display: block;
}
}


/*--------------------------------------------------

  @media max-width:413px

  ------------------------------------------------*/
@media screen and (max-width:413px){
/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  height: 595px;
}

.home #new .main_visual .main_visual_box{
  padding-top: 20px;
}

.home #new .main_visual .ttl_box{
  margin-left: 5px;
}

.home #new .main_visual .ttl_box h2{
  font-size: 3rem;
  letter-spacing: 1px;
}

.home #new .main_visual .ttl_box p{
  font-size: 1.7rem;
}

.home #new .main_visual .ttl_box p strong:before,
.home #new .main_visual .ttl_box p strong:after{
  width: 20px;
}

.home #new .main_visual .ttl_box p strong:before{
  left: -22px;
}

.home #new .main_visual .ttl_box p strong:after{
  right: -17px;
}

.home #new .main_visual .img_box img{
  width: 330px;
}

/*--------------------------------------------------
  top bnr
  ------------------------------------------------*/
#new .top_bnr a.txt_link{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .ttl_box h2{
  font-size: 1.9rem;
}

#new .top_graph .ttl_box h2 span{
  font-size: 2.2rem;
}

#new .top_graph .ttl_box h2 span.number{
  font-size: 3rem;
}

#new .top_graph .ttl_box h2 em.number{
  font-size: 2rem;
}

#new .top_graph ul > li ol,
#lp.common .graph ul > li ol{
  padding-left: 0px;
}

/*--------------------------------------------------
 top feature
  ------------------------------------------------*/
#new .top_feature .list_box li{
  padding: 18px;
}

#new .top_feature .list_box h3{
  font-size: 1.5rem;
}

#new .top_feature .list_box img{
  max-width: 60px;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
#new  ul.voice_logo li{
  margin-right: 10px;
  width: calc(50% - 10px / 2);
  margin-bottom: 10px;
}

#new  ul.voice_logo li:nth-child(3n),
#new  ul.voice_logo li:nth-child(5n){
  margin-right: 10px !important;
}

#new  ul.voice_logo li:nth-child(2n){
  margin-right: 0 !important;
}

#new  ul.voice_logo li:nth-child(5n+1):nth-last-child(-n+5),
#new  ul.voice_logo li:nth-child(5n+1):nth-last-child(-n+5) ~ li{
  margin-bottom: 10px;
}

#new  ul.voice_logo li:nth-child(3n+1):nth-last-child(-n+3),
#new  ul.voice_logo li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 10px !important;
}

#new  ul.voice_logo li:nth-child(2n+1):nth-last-child(-n+2),
#new  ul.voice_logo li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  top media
  ------------------------------------------------*/
#new .top_media .list_box li{
  width: calc(50% - 15px / 2);
  margin-right: 15px;
  margin-bottom: 15px;
}

#new .top_media .list_box li:nth-child(3n),
#new .top_media .list_box li:nth-child(4n){
  margin-right: 15px;
}

#new .top_media .list_box li:nth-child(2n){
  margin-right: 0;
}

#new .top_media .list_box li:nth-child(4n+1):nth-last-child(-n+4),
#new .top_media .list_box li:nth-child(4n+1):nth-last-child(-n+4) ~ li{
  margin-bottom: 15px;
}

#new .top_media .list_box li:nth-child(3n+1):nth-last-child(-n+3),
#new .top_media .list_box li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
  margin-bottom: 15px !important;
}

#new .top_media .list_box li:nth-child(2n+1):nth-last-child(-n+2),
#new .top_media .list_box li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 0 !important;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer .media_info .btn a{
  min-width: 100%;
}

/*--------------------------------------------------
 footer contact [php_template]
  ------------------------------------------------*/
#new .contact,
.php_template #footer_contact{
  height: 320px;
}

/*--------------------------------------------------
  page top
  ------------------------------------------------*/
#footer_bottom .cv_btn_sp ul li a{
  padding-right: 10px;
}

#footer_bottom .cv_btn_sp ul li a:after{
  content: none;
}

/*--------------------------------------------------
  footer follow btn [php_template]
  ------------------------------------------------*/
footer #follow .ttl_box h2 br{
  display: none;
}

/*--------------------------------------------------
  footer it campaign follow btn
  ------------------------------------------------*/
footer #it_campaign #follow_btn{
  bottom: 107px;
}

/*--------------------------------------------------
  footer follow it campaign box
  ------------------------------------------------*/
footer #follow .it_campaign_box ul{
  display: block;
}

/*--------------------------------------------------
 sub function group
  ------------------------------------------------*/
#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  width: 60px;
  margin-bottom: 5px;
}

#new .sub .function .group .list_box h3,
#new .sub .function_other .group .list_box h3{
  font-size: 1.3rem;
}

/*--------------------------------------------------
 sub function detail
  ------------------------------------------------*/
#new .sub .detail .list_box li:nth-child(2) .tag_list br{
  display: block;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function .ttl_box_select ul li a{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .function_other_list ul{
  display: block;
}

#footer_function .function_other_list ul li{
  width: 100%;
  margin-right: 0;
}

#footer_function .function_other_list ul li:nth-child(2n+1):nth-last-child(-n+2),
#footer_function .function_other_list ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
  margin-bottom: 20px;
}

#footer_function .function_other_list ul li:last-child{
  margin-bottom: 0 !important;
}

#footer_function .function_other_list ul li .img_box{
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

#footer_function .function_other_list ul li img{
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
  position: absolute;
  top: 20%;
  left: 50%;
}

#footer_function .introduction_case ul li .img_box{
  height: 200px;
}

/*--------------------------------------------------
  sub point
  ------------------------------------------------*/
#new .point{
  padding: 8px 8px 8px 10px;
}

.home #new .point{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection .ttl_box,
#new .sub .selection .ttl_box{
  padding: 30px 10px 20px;
}

.home #new .top_selection .ttl_box{
  padding: 17px 10px 10px;
}

.home #new .top_selection h3{
  margin-bottom: 20px;
}

.home #new .top_selection .ttl_box h2,
#new .top_selection .ttl_box h2,
#new .sub .selection .ttl_box h2{
  font-size: 2.2rem;
  line-height: 1.4;
}

#new .top_selection .ttl_box h2 span,
#new .sub .selection .ttl_box h2 span{
  font-size: 2.6rem;
}

.home #new .top_selection .ttl_box h2 .num,
#new .top_selection .ttl_box h2 .num,
#new .sub .selection .ttl_box h2 .num{
  font-size: 3.8rem;
}

#new .top_selection .ttl_box h2 br,
#new .sub .selection .ttl_box h2 br{
  display: block;
}

.home #new .top_selection .ttl_box h2 .dot:before,
#new .top_selection .ttl_box h2 .dot:before,
#new .sub .selection .ttl_box h2 .dot:before{
  width: 30px;
  height: 5px;
  left: 12px;
  top: -6px;
}

#new .top_selection h3 br,
#new .sub .selection h3 br{
  display: block;
}

#new .top_selection .txt_area dl,
#new .sub .selection .txt_area dl{
  display: block;
}

/*--------------------------------------------------
  top price
  ------------------------------------------------*/
#new .top_price .it_link a,
#new .sub .price .it_link a{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  top faq sub faq
  ------------------------------------------------*/
#new .sub .faq .ttl_box h2{
  margin-bottom: 20px;
}

#new .sub .faq .list_box li{
  width: calc(35% - 40px / 3);
}

#new .sub .faq .list_box h3{
  font-size: 1.4rem;
}

#new .sub .faq .list_box .img_box{
  width: 60px;
}

#new .sub .faq_list h3{
  font-size: 2rem;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company .map{
  padding-bottom: 70%;
}

/*--------------------------------------------------
  form it
  ------------------------------------------------*/
#new .sub .form_area .it_txt{
  text-align: left;
}

#new .sub .form_area .it_txt span.start{
  display: block;
}

#new .sub .form_area .it_txt br,
#new .sub .form_area .it_txt br.spon{
  display: none !important;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .ttl_box h2,
#new .sub .form_area .txt_box .lead{
  text-align: left;
}

#new .sub .form_area .txt_box .lead br{
  display: none;
}

/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work h2{
  font-size: 1.9rem;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual .ttl_box h2{
  font-size: 2rem;
}

#new #archive_work .main_visual .slick-slide > div{
  padding: 0px 25px;
}

#new #archive_work .main_visual ul.tag{
  padding-right: 30px;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search section:before{
  width: 64px;
  height: 50px;
  top: -50px;
}

#new #archive_work .search .tab li h3 em{
  display: none;
}

/*--------------------------------------------------
  archive work interview
  ------------------------------------------------*/
#new #archive_work .interview h2{
  margin-left: -20px;
}

#new #archive_work .interview section:before{
  width: 62px;
  height: 52px;
  top: -52px;
}

/*--------------------------------------------------
  archive work achievement
  ------------------------------------------------*/
#new #archive_work .achievement .ttl_slash h3{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite ul li{
  padding: 20px 20px 15px;
}

#new #archive_work .favorite h3{
  font-size: 1.8rem;
  margin-bottom: 12px;
}

#new #archive_work .favorite .message .img_box{
  max-width: 128px;
}

#new #archive_work .favorite .message h4{
  font-size: 1.8rem;
}

#new #archive_work .favorite .message span:before{
  left: 9px;
  bottom: -11px;
}

@-moz-document url-prefix(){
  #new #archive_work .favorite .message span:before{
    left: 11px;
    bottom: -9px;
  }
}

/*--------------------------------------------------
  archive work cat
  ------------------------------------------------*/
#new #archive_work_cat.interview h2{
  margin-left: 0;
}

#new #archive_work_cat.interview h2 span{
  margin-right: -10px;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work .glossary_box .img_box{
  width: 90px;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead .ttl_box h2{
  font-size: 1.9rem !important;
}

#new #single_work .introduction_lead .ttl_box p{
  font-size: 1.2rem;
}

#new #single_work .introduction .img_box img.logo{
  max-height: 30px;
}

/*--------------------------------------------------
  single work company introduction
  ------------------------------------------------*/
#new #single_work .company_introduction ul li{
  display: block;
}

#new #single_work .company_introduction ul li:not(:last-child){
  margin-bottom: 5px;
}

#new #single_work .company_introduction li h4{
  width: 100%;
  margin-right: 0;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select .ttl_slash h2{
  font-size: 1.6rem;
}

#new .common_work .ttl_slash .txt:before{
  left: -2px;
}
       
#new .common_work .ttl_slash .txt:after{
  right: -2px;
}

#new #contact_select .it_txt p{
  font-size: 1.5rem;
  letter-spacing: 0;
  padding: 8px 5px;
}

#new #contact_select .it_txt span{
  font-size: 1.4rem;
}

#new #contact_select .it_txt em{
  font-size: 1.6rem;
}

#new #contact_select li{
  padding: 20px 20px 25px;
}

#new #contact_select .img_box{
  max-width: 80px;
  margin-bottom: 15px;
}

#new #contact_select li h3{
  font-size: 1.8rem;
  margin-bottom: 12px;
}

#new #contact_select li h3 em:before{
  left: -25px;
}

#new #contact_select li h3 em:after{
  right: -25px;
}

#new #contact_select li p{
  text-align: left;
  margin-bottom: 15px;
}

#new #contact_select li p br{
  display: none;
}

/*--------------------------------------------------
  lp denshichobo
  ------------------------------------------------*/
#new .denshichobo .visual .content{
  padding: 15px 15px 30px;
}

#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  padding: 25px 20px 30px;
}

#new .denshichobo p, #new .denshichobo ul, #new .denshichobo ol{
  font-size: 1.5rem;
}

#new .denshichobo .ttl_box,
#new .mutual_link .ttl_box{
  margin-bottom: 10px;
}

#new .denshichobo .ttl_box h2,
#new .mutual_link .ttl_box h2{
  font-size: 1.9rem;
  letter-spacing: -0.4px;
}

#new .denshichobo .ttl_box h2{
  padding: 0 0 0 5px;
}

#new .denshichobo .ttl_box h2:before,
#new .denshichobo .ttl_box h2:after,
#new .mutual_link .ttl_box h2:before,
#new .mutual_link .ttl_box h2:after{
  width: 30px;
  height: 2px;
}

#new .denshichobo .ttl_box h2:before,
#new .denshichobo .invoice .ttl_box h2:before{
  left: -25px;
}

#new .denshichobo .ttl_box h2:after,
#new .denshichobo .invoice .ttl_box h2:after{
  right: -25px;
}


#new .denshichobo p.hiragino,
#new .mutual_link p.hiragino,
#new .mutual_link .effect .comment .txt_balloon p,
#new .mutual_link .publish h4{
  font-size: 1.6rem;
  letter-spacing: 0;
}

#new .denshichobo p.caution{
  font-size: 1.3rem;
}

#new .denshichobo div.btn a{
  line-height: 1.2;
  border-radius: 10px;
}

#new .denshichobo div.btn a,
#new .denshichobo .merits_list li div.btn a{
  padding: 8px 35px 8px 15px;
}

#new .denshichobo div.btn a:after{
  width: 18px;
  height: 18px;
  right: 12px;
}

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .standby .about img,
#new .denshichobo .invoice .about img{
  max-width: 230px !important;
}

#new .denshichobo .standby h2.ttl_ribbon{
  font-size: 1.8rem;
}

#new .denshichobo .search h3,
#new .denshichobo .save h3{
  font-size: 1.8rem;
}

#new .denshichobo .search_list,
#new .denshichobo .save_list{
  padding: 20px;
}

#new .denshichobo .search_list ol{
  margin-bottom: 15px;
}

#new .denshichobo .search_list ol li{
  font-size: 1.5rem;
}

#new .denshichobo .search_list .img_box{
  max-width: 190px;
}

#new .denshichobo .save_list ul li:not(:last-child){
  margin-bottom: 20px;
}

#new .denshichobo .save_list img{
  max-width: 110px !important;
}

#new .denshichobo .save_list h4{
  font-size: 1.7rem;
  margin-bottom: 10px;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive .about img{
  max-width: 320px !important;
}

#new .denshichobo .googledrive .ttl_box h2 em{
  margin-right: 2px;
}

#new .denshichobo .googledrive h2.ttl_ribbon + .txt_box{
  padding: 0;
}

#new .denshichobo .merits .comment{
  margin: 20px 0;
}

#new .denshichobo .googledrive .merits{
  padding: 20px;
}

#new .denshichobo .merits .txt_balloon{
  padding: 10px 10px 11px 12px;
  margin-bottom: 30px;
}

#new .denshichobo .merits .txt_balloon p{
  font-size: 1.6rem;
}

#new .denshichobo .merits .txt_balloon p em{
  margin-left: 3px;
}

#new .denshichobo .merits .comment .img_box{
  max-width: 120px !important;
}

#new .denshichobo .googledrive h2.ttl_ribbon{
  font-size: 1.6rem;
  height: 50px;
  padding-top: 5px;
  margin-bottom: 15px;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before,
#new .denshichobo .googledrive h2.ttl_ribbon:after{
  border: 25px solid #008cd7;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before{
  left: -35px;
  border-left-width: 10px;
  border-left-color: transparent;
}

#new .denshichobo .googledrive h2.ttl_ribbon:after{
  right: -35px;
  border-right-width: 10px;
  border-right-color: transparent;
}

#new .denshichobo .merits_list li:before{
  width: 54px;
  height: 54px;
  top: -30px;
  left: -32px;
}

#new .denshichobo .merits_list li h3{
  font-size: 1.8rem;
}

#new .denshichobo .merits_list li:first-child .img_box{
  max-width: 80px;
}

#new .denshichobo .merits_list li:nth-child(2) .img_box{
  max-width: 120px;
}

#new .denshichobo .merits_list li:last-child .img_box{
  max-width: 202px;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice .about p.start{
  font-size: 1.5rem;
}

#new .denshichobo .invoice_list li h3{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .content{
  padding: 25px 20px 25px;
}

#new .denshichobo .form_get_around .txt_box .now{
  font-size: 1.8rem;
  line-height: 30px;
  padding: 2px 10px 2px 15px;
  margin-bottom: 15px;
}

#new .denshichobo .form_get_around .txt_box .now:after{
  top: 85%;
}

#new .denshichobo .form_get_around .txt_box .demo{
  font-size: 2rem;
}

#new .denshichobo .form_get_around .txt_box .demo span:before{
  font-size: 1.8rem;
  top: -20px;
}

#new .denshichobo .form_get_around .img_present{
  margin-bottom: 15px;
}

#new .denshichobo .form_get_around .img_present img{
  max-width: 100% !important;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{
  font-size: 1.7rem;
  height: 52px;
  padding: 7px 0 0;
  margin-bottom: 15px;
}

#new .denshichobo .form_get_around h4.ttl_ribbon:before,
#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  border: 26px solid #008cd7;
}

#new .denshichobo .form_get_around h4.ttl_ribbon:before{
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

#new .denshichobo .form_get_around .btn{
  margin-top: 20px;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt h3{
  font-size: 2rem;
}

#new .denshichobo_form_txt .ttl_box h3:before,
#new .denshichobo_form_txt .ttl_box h3:after{
  height: 2px;
}

#new .denshichobo_form_txt .ttl_box h3:before{
  left: 10px;
}

#new .denshichobo_form_txt .ttl_box h3:after{
  right: 10px;
}

/*--------------------------------------------------
  denshichobo_form
  ------------------------------------------------*/
#new .denshichobo_form{
  padding: 0 20px 30px;
}

#new .denshichobo_form h2{
  font-size: 1.8rem !important;
}

#new .denshichobo_form h3,
#new .mutual_link_form_box h3{
  font-size: 1.5rem;
}

#new .denshichobo_form h3 span,
#new .mutual_link_form_box h3 span{
  font-size: 1.1rem;
  padding: 1px 7px 1px;
}

#new .denshichobo_form #mw_wp_form_mw-wp-form-8037,
#new .mutual_link_form_box #mw_wp_form_mw-wp-form-8385{
  padding: 20px;
}

#new .denshichobo_form .btn_box{
  margin-top: 14px;
}

#new .denshichobo_form .btn{
  font-size: 1.6rem;
  padding: 13px 40px 10px 15px;
}

#new .denshichobo_form .btn_box:after{
  width: 18px;
  height: 18px;
  right: 15px;
}

#new .denshichobo_form ::placeholder{
  font-size: 1.4rem;
  line-height: 1.5;
}

/*--------------------------------------------------
  lp mutual link
  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 40px 20px 35px;
}

#new .mutual_link .content:before{
  width: 78px;
  height: 44px;
  top: -15px;
}

#new .mutual_link ul, #new .mutual_link ol,
#new .mutual_link li, #new .mutual_link p{
  font-size: 1.5rem;
}

#new .mutual_link .btn a,
#new .mutual_link_form_box .btn,
#new .mutual_link_page .btn a{
  font-size: 1.5rem;
}

#new .mutual_link .publish li.aippear_net .btn a{
  padding: 13px 35px 13px 25px;
}

#new .mutual_link .btn a:after,
#new .mutual_link_form_box .btn_box:after,
#new .mutual_link_page .btn a:after{
  width: 16px;
  height: 16px;
  right: 12px;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .txt_box p:not(:last-child){
  margin-bottom: 15px;
}

#new .mutual_link .about .txt_box{
  margin-bottom: 20px;
}

#new .mutual_link .about .chart img{
  border: 2px #333 solid;
  padding: 20px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul{
  margin-bottom: 25px;
}

#new .mutual_link .effect .txt_box{
  margin-bottom: 20px;
}

#new .mutual_link .effect ul li{
  border: 2px #333 solid;
}

#new .mutual_link .effect ul li h3{
  font-size: 1.6rem;
}


#new .mutual_link .effect .comment .txt_balloon:before{
  width: 30px;
  height: 30px;
}

#new .mutual_link .effect .comment .txt_balloon p{
  margin-left: 45px;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box{
  border: 2px #333 solid;
}

#new .mutual_link .careful .txt_box p:last-child{
  padding-right: 13%;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish h4{
  margin-bottom: 22px;
}

#new .mutual_link .publish .lead_box h3{
  font-size: 2.2rem;
}

#new .mutual_link .publish .lead_box,
#new .mutual_link .publish .txt_box{
  margin-bottom: 20px;
}

#new .mutual_link .publish .lead_box p{
  font-size: 1.3rem;
  max-width: 160px;
}

#new .mutual_link ul.publish_list_box li{
  padding: 25px 20px;
}

#new .mutual_link ul.publish_list_box li:before{
  width: 50px;
  height: 58px;
  top: -5px;
  left: 10px;
}

#new .mutual_link .publish .img_box,
#new .mutual_link .publish .aippear_net_img{
  margin-bottom: 25px;
}

#new .mutual_link .publish .aippear_net_img{
  padding: 6px 6px 15px;
}

#new .mutual_link .publish_notes h3{
  font-size: 1.8rem;
}

#new .mutual_link .publish_notes{
  border: 2px #008cd7 solid;
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form_box{
  border: 2px #333 solid;
}

#new .mutual_link .mutual_link_form .ttl_box{
  margin-bottom: 15px;
}

#new .mutual_link_form_box h4{
  font-size: 1.8rem;
}

#new .mutual_link_form_box .btn_box{
  margin-top: 10px;
}

#new .mutual_link_form .mw-wp-form_image{
  margin: 5px 0 20px;
}

/*--------------------------------------------------
  mutual link page
  ------------------------------------------------*/
#new .mutual_link_page section h2{
  font-size: 1.7rem;
}

#new .mutual_link_page section .img_box img{
  margin-bottom: 5px;
}

#new .mutual_link_page section .img_box a{
  font-size: 1.2rem;
  margin-bottom: 2px;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .ttl_box h2,
#new #lp.common .ttl_box_sub h2{
  font-size: 2rem;
}

/*--------------------------------------------------
  lp header
  ------------------------------------------------*/
#lp_header #menu_box .cv_btn a{
  font-size: 1.3rem;
  letter-spacing: 0;
  padding: 0 15px 0 50px;
}

#lp_header #menu_box .cv_btn a span:before{
  width: 24px;
  height: 24px;
  left: -35px;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media .other h3{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  lp contact
  ------------------------------------------------*/
#new #lp.common .contact .it_txt .left_box .limited span{
  display: block;
}

/*--------------------------------------------------
  lp first cv
  ------------------------------------------------*/
#new #lp .first .lp_cv_box .txt_box p.limited{
  font-size: 1.4rem;
  padding: 4px 6px 4px 8px;
  margin-right: 0;
}

#new #lp .first .lp_cv_box .txt_box p.date{
  font-size: 2rem;
}

#new #lp .first .lp_cv_box .txt_box p.date span,
#new #lp .first .lp_cv_box .txt_box p.date mark{
  font-size: 1.4rem;
}

#new #lp .first .lp_cv_box .txt_box p.date mark em{
  font-size: 1.6rem;
}

#new #lp .first .lp_cv_box .btn a{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  lp first trouble
  ------------------------------------------------*/
#new #lp .first .trouble ul.problems{
  margin-bottom: 20px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub{
  margin-bottom: 55px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub:after{
  bottom: -36px;
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .reason:after{
  bottom: -15px;
}

#new #lp .first .result ul{
  padding-bottom: 20px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub:after,
#new #lp .first .result ul:after,
#new #lp .first .reason:after{
  width: 20px;
  height: 24px;
}

#new #lp .first .result ul li img{
  max-width: 70% !important;
}

/*--------------------------------------------------
  lp first function
  ------------------------------------------------*/
#new #lp .first .function .ttl_box h2:before,
#new #lp .first .function .ttl_box h2:after{
  width: 30px;
  height: 2px;
  top: 80%;
}

#new #lp .first .function .ttl_box h2:before{
  left: -15px;
}

#new #lp .first .function .ttl_box h2:after{
  right: -20px;
}
}


/*--------------------------------------------------

  @media max-width:374px

  ------------------------------------------------*/
@media screen and (max-width:374px){
/*--------------------------------------------------
  base
  ------------------------------------------------*/
#new h2{
  font-size: 2.6rem;
}

/*--------------------------------------------------
  cv btn
  ------------------------------------------------*/
#new .cv_btn a,
.php_template .cv_btn a{
  padding: 8px 20px 7px 10px;
}

#new .cv_btn a:after,
.php_template .cv_btn a:after{
  right: 10px;
}

#new .cv_btn h3,
.php_template .cv_btn h3{
  font-size: 1.7rem;
}

#new .cv_btn p,
.php_template .cv_btn p{
  font-size: 1.2rem;
}

/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual{
  height: 550px;
}

.home #new .main_visual .img_box img{
  width: 280px;
}

.home #new .main_visual .ttl_box h2{
  font-size: 2.6rem;
}

.home #new .main_visual .ttl_box h2 span{
  font-size: 1.8rem;
}

.home #new .main_visual .ttl_box p{
  font-size: 1.5rem;
}

.home #new .main_visual .ttl_box ul{
  margin-left: -3px;
}

.home #new .main_visual .ttl_box ul li{
  font-size: 1.5rem;
  font-weight: normal;
  min-width: auto;
}

.home #new .main_visual .cv_btn{
  padding: 0 15px;
}

.home #new .main_visual .tel_box a{
  font-size: 2.8rem;
  padding-left: 35px;
}

.home #new .main_visual .tel_box a:before{
  width: 25px;
  height: 25px;
}

.home #new .main_visual .tel_box p{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  top bnr agreement
  ------------------------------------------------*/
#new .top_bnr .agreement h3{
  font-size: 1.6rem;
}

#new .top_bnr .agreement h3:before,
#new .top_bnr .agreement h3:after{
  width: 20px;
}

#new .top_bnr .agreement h3:before{
  left: -18px;
}

#new .top_bnr .agreement h3:after{
  right: -17px;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box:before{
  width: 58px;
  height: 60px;
  bottom: -25px;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_function .img_box h3,
#new .sub .function_img .img_box h3,
#function_flow .function_img .img_box h3{
  text-align: left;
}

#new .top_function .img_box h3 .spon,
#new .sub .function_img .img_box h3 .spon,
#function_flow .function_img .img_box h3 .spon{
  display: none;
}

/*--------------------------------------------------
  top news
  ------------------------------------------------*/
#new .news .tab_ttl{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  top blog recommend
  ------------------------------------------------*/
#new .blog .recommend h3{
  font-size: 1.9rem;
}

/*--------------------------------------------------
  footer
  ------------------------------------------------*/
footer > div.content{
  padding: 30px 15px 25px;
}

footer .media_info h4{
  font-size: 1.5rem;
  letter-spacing: -0.4px;
  padding: 10px 12px;
}

footer .media_info .txt_box{
  margin-bottom: 20px;
}

footer .media_info .btn{
  margin-bottom: 28px;
}

footer .media_info .btn a{
  letter-spacing: 0;
  padding: 10px 10px 8px 24px;
}

footer .media_info .btn a:before{
  left: 12px;
}

/*
footer #sns_box{
  margin-bottom: 15px;
}
*/

/*--------------------------------------------------
  footer follow [php_template]
  ------------------------------------------------*/
footer #follow .ttl_box .content{
  text-align: left;
}

/*--------------------------------------------------
  page top
  ------------------------------------------------*/
#footer_bottom .cv_btn_sp ul li a{
  padding-right: 8px;
  padding-left: 38px;
}

#footer_bottom .cv_btn_sp ul li.demo a:before{
  width: 20px;
  height: 16px;
}

#footer_bottom .cv_btn_sp ul li.document a:before{
  width: 20px;
  height: 24px;
}

#footer_bottom .cv_btn_sp ul li h4{
  font-size: 1.2rem;
  letter-spacing: 0;
  margin-top: 14px;
}

#footer_bottom .cv_btn_sp ul li h4 span{
  font-size: 1rem;
}

/*--------------------------------------------------
  sub function group
  ------------------------------------------------*/
#new .sub .function .group .list_box li{
  width: calc(33.333% - 20px / 3);
}

#new .sub .function .group .list_box:after{
  flex: 0 0 33.333%;
}

#new .sub .function .group .list_box li:nth-child(4n){
  margin-right: 10px;
}

#new .sub .function .group .list_box li:nth-child(3n){
  margin-right: 0;
}

#new .sub .function .group .list_box li:nth-child(n+13){
  margin-bottom: 10px;
}

#new .sub .function .group .list_box li:nth-child(n+16){
  margin-bottom: 0;
}

#new .sub .function_other .group .list_box li{
  width: calc(33.333% - 20px / 3);
}

#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  margin-bottom: 5px;
}

/*--------------------------------------------------
  sub function detail
  ------------------------------------------------*/
#new .sub .detail .list_box li:first-child .tag_list br,
#new .sub .detail .list_box li:nth-child(4) .tag_list br{
  display: block;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function .function_other_list ul li .img_box,
#footer_function .introduction_case ul li .img_box{
  height: 180px;
}

/*--------------------------------------------------
  company
  ------------------------------------------------*/
#new .sub .company ul.gallery_box{
  display: block;
}

#new .sub .company ul.gallery_box li{
  width: 100%;
  margin-right: 0;
}

#new .sub .company ul.gallery_box li:last-child{
  display: none;
}

#new .sub .company .team h3 span{
  display: block;
}
#new .sub .company .team h3 span.ruby{
  margin-top: 4px;
}

/*--------------------------------------------------
  flow
  ------------------------------------------------*/
#new .sub .flow .row02 .ttl_box p,
#function_flow .flow .row02 .ttl_box p{
  padding: 29px 5px 29px 10px;
}

#new .sub .flow .row02 .ttl_box p:after,
#function_flow .flow .row02 .ttl_box p:after{
  right: -16px;
  border-width: 37px 0 37px 1em;
}

#new .sub .flow .row02 .ttl_box br,
#function_flow .flow .row02 .ttl_box br{
  display: block;
}

#new .sub .flow .tel a,
#function_flow .flow .tel a{
  font-size: 2.6rem;
  letter-spacing: 1px;
  padding-left: 35px;
  margin-bottom: 0;
}

#new .sub .flow .tel a:before,
#function_flow .flow .tel a:before{
  width: 24px;
  height: 24px;
}

#new .sub .flow .frame .txt_box .tel p,
#function_flow .flow .frame .txt_box .tel p{
  font-size: 1.1rem;
}

#new .sub .flow .btn a,
#function_flow .flow .btn a{
  padding: 15px 18px 14px;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
/*
#new .sub .form_area .it_txt{
  text-align: left;
}

#new .sub .form_area .it_txt br,
#new .sub .form_area .it_txt br.spon{
  display: none;
}
*/

/*--------------------------------------------------
  agency
  ------------------------------------------------*/
#new .sub .agency .explanation ul{
  display: block;
}

#new .sub .agency .explanation ul li{
  width: 100%;
  margin-right: 0;
}

#new .sub .agency .explanation ul li,
#new .sub .agency .explanation ul li:nth-child(3){
  margin-bottom: 30px;
}

#new .sub .agency .explanation ul li:last-child{
  margin-bottom: 0;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around .present .lead{
  display: block;
}

#new .denshichobo .form_get_around .txt_box .now{
  display: inline-block;
}

/*--------------------------------------------------
  denshichobo_form
  ------------------------------------------------*/
/*#new .denshichobo_form #mw_wp_form_mw-wp-form-180,
#new .mutual_link_form_box #mw_wp_form_mw-wp-form-312*/
#new .denshichobo_form #mw_wp_form_mw-wp-form-8037,
#new .mutual_link_form_box #mw_wp_form_mw-wp-form-8385{
  padding: 20px 15px;
}

#new .denshichobo_form .btn{
  font-size: 1.5rem;
  padding: 13px 35px 10px 15px;
}

#new .denshichobo_form .btn_box:after{
  width: 16px;
  height: 16px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .btn a,
#new .mutual_link_page .btn a{
  padding: 13px 35px 13px 25px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul li h3 br{
  display: block;
}
/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link ul.publish_list_box li:before{
  left: -10px;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .ttl_box h2,
#new #lp.common .ttl_box_sub h2{
  font-size: 1.8rem;
  letter-spacing: 0;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media .other h3{
  font-size: 1.5rem;
}
}


/*--------------------------------------------------

  @media max-width:359px

  ------------------------------------------------*/
@media screen and (max-width:359px){
/*--------------------------------------------------
  main visual
  ------------------------------------------------*/
.home #new .main_visual .cv_btn p{
  font-size: 1.7rem;
}

.home #new .main_visual .cv_btn span{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  top bnr
  ------------------------------------------------*/
#new .bnr_col2 ul li:first-child p{
  margin-bottom: -12px;
}

#new .top_bnr a.txt_link{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  top bnr col2
  ------------------------------------------------*/
#new .bnr_col2 ul li a.txt_link{
  font-size: 1.5rem;
}

/*--------------------------------------------------
  top bnr agreement
  ------------------------------------------------*/
/*
#new .agreement ul li a.txt_link{
  margin-bottom: 0;
}
*/

/*--------------------------------------------------
  top graph
  ------------------------------------------------*/
#new .top_graph .ttl_box h2{
  text-align: left;
}

#new .top_graph .ttl_box h2 span.aippear{
  margin: 0 -10px;
}

#new .top_graph .ttl_box h2 br.ipadon,
#new .top_graph .ttl_box h2 br.spon{
  display: none;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_feature .list_box{
  display: block;
}

#new .top_feature .list_box li:nth-child(odd){
  margin-right: 0;
}

#new .top_feature .list_box li,
#new .top_feature .list_box li:nth-child(3){
  margin-bottom: 20px;
}

#new .top_feature .list_box li:first-child h3 br,
#new .top_feature .list_box li:nth-child(2) h3 br,
#new .top_feature .list_box .spon{
  display: none;
}

#new .top_feature .list_box img{
  max-width: 80px;
}

#new .top_feature .list_box h3{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  top news + news page
  ------------------------------------------------*/
#new .news .ttl_box h2:after,
.post-type-archive-news #page_header .headline:after{
  right: -85px;
}

#single_news #post_meta_top .category,
#archive_news_list .category,
#single_news_list .category,
#new .news .tab_content .category{
  margin-right: 20px;
}

#archive_news_list .category,
#single_news_list .category,
#single_news #post_meta_top .category,
#new .news .tab_content .category{
  min-width: 120px;
}


/*--------------------------------------------------
  footer follow btn
  ------------------------------------------------*/
footer #follow .ttl_box h2,
footer #follow .ttl_box p.aippear{
  letter-spacing: -0.2px;
}

footer #follow .ttl_box h2{
  margin-right: 5px;
}

footer #follow .ttl_box ul{
  margin-right: 2px;
}

footer #follow .ttl_box ul li:not(:last-child){
  margin-right: 2px;
}

footer #follow .btn_box ul li.btn h3{
  font-size: 1.2rem;
}

footer #follow .btn_box ul li.btn h3 em{
  font-size: 1.1rem;
  margin-left: -3px;
}

/*--------------------------------------------------
  footer follow it txt
  ------------------------------------------------*/
footer #follow .ttl_box .it_txt h2{
  letter-spacing: 0px;
}

/*--------------------------------------------------
 sub
  ------------------------------------------------*/
#new .sub h2,
.php_template h2{
  font-size: 2.2rem;
}

/*--------------------------------------------------
  NEW function
  ------------------------------------------------*/
#new .sub .function .ttl_box_select h1{
  font-size: 2.2rem;
}

#new .sub .function .function_ttl h2{
  font-size: 2rem;
}

#new .sub .function #site .content:after,
#new .sub .function #manager .content:before{
  width: 90px;
  height: 85px;
}

/*--------------------------------------------------
  footer function [php_template]
  ------------------------------------------------*/
#footer_function h2{
  font-size: 2.2rem;
}

#footer_function .function_other_list ul li .img_box,
#footer_function .introduction_case ul li .img_box{
  height: 170px;
}

#footer_function .introduction_case ul li h3{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection h3 span,
#new .sub .selection h3 span{
  font-size: 2.2rem;
}

/*--------------------------------------------------
  sub faq
  ------------------------------------------------*/
#new .sub .faq .list_box li:last-child h3{
  letter-spacing: -1px;
}

/*--------------------------------------------------
  form
  ------------------------------------------------*/
#new .sub .form_area .ttl_box h2{
  font-size: 1.9rem;
}

/*--------------------------------------------------
  form_box
  ------------------------------------------------*/
#new .sub .form_box h3{
  font-size: 1.4rem;
}

#new .sub .form_box h3 span{
  font-size: 1.2rem;
  margin-left: 5px;
}

#new .sub .form_box textarea{
  min-height: 90px;
}

#new .sub .form_box .btn{
  font-size: 1.6rem;
  padding: 15px 10px;
}

#new .sub .form_box .btn_box:after{
  right: 10px;
}

/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .tel_box a{
  font-size: 3rem;
}

/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document .list{
  display: block;
}

/*--------------------------------------------------
  archive work
  ------------------------------------------------*/
#new .common_work h2{
  font-size: 1.8rem;
}

#new .common_work .ttl_slash .txt{
  display: block;
}

#new .common_work .ttl_slash .txt:before,
#new .common_work .ttl_slash .txt:after{
  content: none;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual section{
  padding-bottom: 30px;
}

#new #archive_work .main_visual section:before,
#new #archive_work .main_visual section:after{
  width: 170px;
  height: 90px;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search h2,
#new #archive_work .interview h2{
  text-align: left;
}

#new #archive_work .interview h2{
  margin-left: 0;
}

/*--------------------------------------------------
  archive work achievement
  ------------------------------------------------*/
#new #archive_work .achievement .ttl_slash h3{
  letter-spacing: 0;
}

#new #archive_work .achievement .ttl_slash h3:after,
#new #archive_work .achievement .ttl_slash h3:before{
  content: '';
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite h3{
  font-size: 1.7rem;
}

#new #archive_work .favorite .message h4{
  font-size: 1.7rem;
  letter-spacing: 0;
}

#new #archive_work .favorite .message span:before{
  width: 34px;
  left: 7px;
}

@-moz-document url-prefix(){
  #new #archive_work .favorite .message span:before{
    left: 9px;
  }
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work .ttl_point p{
  display: none;
}

#new #single_work .ttl_point h3{
  font-size: 1.7rem;
  padding: 15px 0;
}

/*--------------------------------------------------
  single work improvement
  ------------------------------------------------*/
#new #single_work .improvement h3{
  padding: 10px 15px;
}

#new #single_work .improvement h3 span:before{
  content: none;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #archive_work .achievement .ttl_slash h3,
#new #single_work .introduction .ttl_slash h3,
#new #contact_select .ttl_slash h2{
  padding: 0;
}

#new #contact_select .ttl_slash h2,
#new #contact_select .it_txt p{
  text-align: left;
}

#new #contact_select .it_txt p{
  padding: 10px 15px;
}

#new #contact_select .ttl_slash h2 br,
#new #contact_select .ttl_slash h2 br.spon,
#new #contact_select .it_txt p br{
  display: none;
}

/*--------------------------------------------------
  introduce
  ------------------------------------------------*/
#new .sub .agency .introduce .agency_btn a{
  font-size: 1.48rem;
  letter-spacing: 0;
  padding: 12px 32px 12px 12px;
}

#new .sub .agency .introduce .agency_btn a:after{
  right: 12px;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .googledrive h2.ttl_ribbon{
  text-align: left;
}

#new .denshichobo .googledrive h2.ttl_ribbon br,
#new .denshichobo .merits .txt_balloon p.hiragino br{
  display: none !important;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul li img{
  max-width: 90px !important;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link .publish .ttl_box h2{
  padding: 0 10px;
}

#new .mutual_link .publish .ttl_box h2:before{
  left: -20px;
}

#new .mutual_link .publish .ttl_box h2:after{
  right: -20px;
}

#new .mutual_link .publish h4{
  text-align: left;
}

#new .mutual_link .publish h4 br.spon{
  display: none;
}

#new .mutual_link ul.publish_list_box li:before{
  width: 46px;
  height: 54px;
}

#new .mutual_link .publish li.aippear_net .btn a{
  text-align: left;
  line-height: 1.3;
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form ul li.publish_txt em{
  font-size: 1.2rem;
  letter-spacing: 0;
}

/*--------------------------------------------------
  lp common
  ------------------------------------------------*/
#new #lp.common .ttl_box h2,
#new #lp.common .ttl_box_sub h2{
  letter-spacing: -0.6px;
}

#new #lp .first .lp_cv_box .txt_box p.date mark{
  display: block;
  margin-top: -5px;
}

/*--------------------------------------------------
  lp voice
  ------------------------------------------------*/
#new #lp.common .voice li.flex_box .sentence{
  padding: 20px 15px;
}

/*--------------------------------------------------
  lp contact
  ------------------------------------------------*/
#new #lp.common .contact .txt_box{
  text-align: left;
}

#new #lp.common .contact .txt_box span{
  display: inline-block;
}

#new #lp.common .contact .it_txt .left_box p br{
  display: none;
}

/*--------------------------------------------------
  lp form
  ------------------------------------------------*/
#new #lp.common .contact .form_box{
  padding: 15px;
}

#new #lp.common .contact li.privacy_check .txt_box{
  padding: 15px 15px 12px 15px;
}

/*--------------------------------------------------
  lp first reason
  ------------------------------------------------*/
#new #lp .first .reason ul li h4{
  text-align: left;
}

#new #lp .first .reason ul li h4 br{
  display: none;
}
}