@charset "UTF-8";

/*

Theme Name: source_tcd045_child
Template: source_tcd045

*/

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

  base

  ------------------------------------------------*/
html{
  font-size: 62.5%;/*62.5%=1rem=10px*/
  color: #000;
}

body{
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#new, .php_template,
#new .sub .faq .accordion h4,
#new .sub .form_box ::placeholder,
#single_news #post_meta_top .number,
#archive_news_list .number,
#single_news_list .number,
#new #archive_work .search .category h4,
#new #single_work .company_introduction li h4,
#new #lp.common .accordion h3, #lp_footer .copyright small{
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

#new h1, #new h2, #new h3, #new h4,
.php_template h1, .php_template h2, .php_template h3, .php_template h4,
#new table tbody th, #new table tbody td, #new .cv_btn, #new .btn a, #new p.hiragino, a.hiragino,
.php_template table tbody th, .php_template table tbody td, .php_template .cv_btn, .php_template .btn a,
#footer_contact .ttl_box p,
#footer_function .function_other_list .page_link a,
#new .top_price .it_link a, #new .sub .price .it_link a,
#new .sub .selection .support li,
#new .sub .form_area .txt_box .lead, #new .sub .form_box .btn,
#new .denshichobo_form .btn, #new .mutual_link_form .btn,
#lp_header #menu_box .cv_btn a, #new #lp.common h2,
#new #lp .first .trouble p, #new #lp .first .reason ul li:before,
.single-work #work_footer_data .title, #single_news #article h2,
#new .sub .agency .introduce .agency_btn a, #archive_work .interview button,
footer #footer_menu .col_box h4, footer .media_info .btn a, footer #sns_box h5,
footer #follow h2, footer #follow h3, footer #follow .ttl_box ul li,footer #follow .ttl_box p.aippear{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic",  sans-serif;
}

header .cv_box li.txt, header .cv_box li.btn a{
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'YuGothic', 'Yu Gothic', 'メイリオ', 'Meiryo', 'Osaka', 'MS Pゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 1.4px;
}

#new h2,
.php_template h2{
  color: #000;
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.4;
}

.home #new h2{
  font-size: 3.4rem;
}

#new h3,
.php_template h3{
  color: #000;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}

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

#new h5, #new h6,
.php_template h5, .php_template h6{
  font-size: 1.6rem;
}

#new img, #new source,
.php_template img{
  width: 100%;
  max-width: 100%;
  display: block;
}

#new a,
.php_template a{
  color: #333;
  text-decoration: none;
  display: block;
}

#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{
  font-size: 1.6rem;
  line-height: 1.8;
  max-width: 100%;
}

#new ol, .php_template ol{
  padding-left: 20px;
}

#new a.txt_link{
  color: #008cd7;
  text-decoration: underline;
  display: inline-block;
}

#new a.txt_link:hover{
  text-decoration: none;
}

/*--------------------------------------------------
  #new table
  ------------------------------------------------*/
#new table,
.php_template table{
  width: 100%;
/*  overflow-x: auto;*/
}

#new table thead th, #new table tbody th, #new table tbody td,
.php_template table thead th, .php_template table tbody th, .php_template table tbody td{
  line-height: 1.6;
  vertical-align: middle;
  padding: 14px 15px 12px;
}

#new table thead th, #new table tbody th, #new table tbody td,
.php_template table thead th, .php_template table tbody th, .php_template table tbody td{
  font-size: 1.5rem;
}

#new table thead th, #new table tbody th,
.php_template table thead th, .php_template table tbody th{
  text-align: left;
  letter-spacing: 1.4px;
}

#new table thead th,
#new table_normal #new table th{
  color: #fff;
  background: #008cd7;
}

#new table thead th:not(:last-child),
.php_template table thead th:not(:last-child){
  border-right: solid 1px #ddd;
}

#new table thead th:first-child,
.php_template table thead th:first-child{
  border-left: solid 1px #0d2343;
}

#new table thead th:last-child,
.php_template table thead th:last-child{
  border-right: solid 1px #0d2343;
}

#new table_normal table th:not(:last-child),
.php_template table_normal table th:not(:last-child){
  border-bottom: solid 1px #ddd;
}

#new table_normal table th:first-child,
.php_template table_normal table th:first-child{
  border-top: solid 1px #008cd7;
}

#new table_normal table th:last-child,
.php_template table_normal table th:last-child{
  border-bottom: solid 1px #008cd7;
}

#new table tbody th,
.php_template table tbody th{
  color: #fff;
  background: #008cd7;
}

#new table tbody th, #new table tbody td,
.php_template table tbody th, .php_template table tbody td{
  border: solid 1px #ddd;
}

#new table_type .scroll tbody th, #new table_type .scroll tbody td,
.php_template table_type .scroll tbody th, .php_template table_type .scroll tbody td{
  border-top: none;
}

#new table tbody th,
.php_template table tbody th{
  width: 30%;
}

#new .table_caution,
.php_template .table_caution{
  display: none;
}

/*--------------------------------------------------
  TCD page_navi
  ------------------------------------------------*/
#new .page_navi{ margin:0; }
#new .page_navi ul{ margin:0; text-align:center; font-size:0; }
#new .page_navi li{ display:inline; margin:0 -1px -1px 0; }
#new .page_navi a,
#new .page_navi a:hover,
#new .page_navi span{ font-size:12px; padding:14px 16px; line-height:1; margin:0; background:#fff; display:inline-block; border:1px solid #ccc; }
#new .page_navi a:hover{ color:#fff; background:#000; text-decoration:none; }
#new .page_navi span.dots{ background:none; }
#new .page_navi span.current{ color:#fff; background:#333; border-color:#333; }
#new .page_navi p.back{ margin:0; text-align:center; }
#new .page_navi p.back a{ background:#bbb; color:#fff; text-decoration:none; display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; font-size:12px; position:relative; padding:0; }
#new .page_navi p.back a:hover{ color:#fff; }
#new .page_navi p.back a:hover:before{ color:#fff; }

/*--------------------------------------------------
  +TOC plugin
  ------------------------------------------------*/
div#toc_container{
  width: 100% !important;
  background: #fff;
  border: 3px solid #e0efff;
  padding: 0;
  margin-bottom: 60px;
}

div#toc_container p.toc_title{
  line-height: 1;
  text-align: left;
  background: #e0efff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px 15px;
}

div#toc_container span.toc_toggle{
  font-size: 1.3rem;
}

div#toc_container span.toc_toggle a{
  color: #008cd7;
  font-size: 1.3rem;
  line-height: 1;
  background: #fff;
  border-radius: 3px;
  padding: 8px 8px 5px 22px;
  margin-left: 50px;
  position: relative;
}

div#toc_container span.toc_toggle a:hover{
  text-decoration: none;
}

div#toc_container span.toc_toggle a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/content_close.png) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
}

div#toc_container.contracted span.toc_toggle a:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/content_open.png) no-repeat;
  background-size: 100%;
  width: 9px;
  height: 9px;
}

div#toc_container span.toc_brackets{
  display: none;
}

div#toc_container a{
  color: #222;
}

div#toc_container a:hover{
  color: #008cd7;
}

div#toc_container .toc-toggle a{
  color: #008cd7;
  font-size: 1.2rem;
}

div#toc_container .toc-toggle a:hover{
  text-decoration: none;
  opacity: 0.7;
}

div#toc_container p.toc_title + ul.toc_list{
  text-align: left;
  margin-top: 0;
}

div#toc_container ul.toc_list{
  padding: 20px 20px 18px;
  margin: 0;
}

div#toc_container ul.toc_list li,
div#toc_container ul.toc_list li a{
  line-height: 1.6;
}

div#toc_container ul.toc_list li ul{
  margin-top: 5px;
  margin-left: 20px !important;
}

/*
.post-template-default divdiv#toc_container ul.toc_list li{
  font-size: 1.6rem;
}
*/

div#toc_container ul.toc_list li a{
  font-size: 1.6rem;
  display: inline-block;
}

div#toc_container ul.toc_list li:not(:last-child){
  margin-bottom: 5px;
}

div#toc_container ul.toc_list li ul{
  margin-left: 25px;
}

.toc_number:after{
  content: '. ';
  display: inline-block;
}

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

  common

  ------------------------------------------------*/
header .logo_box,
header #global_menu,
#new .content,
.php_template .content,
footer .content,
footer #footer_bottom_inner{
  max-width: 1200px;
  margin: 0 auto;
}

#new .content,
.php_template .content{
  padding: 80px 0;
}

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

#new .sub .function > .content,
#new .sub .faq > .content{
  padding-bottom: 120px;
}

#new .sub .price > .content{
  padding-bottom: 100px;
}

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

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

#new .ttl_box h2,
.php_template .ttl_box h2{
  text-align: center;
  margin-bottom: 50px;
}

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

#new .top_feature h2,
#new .top_function h2,
.php_template .top_feature h2,
.php_template .top_function h2{
  color: #008cd7;
}

#new .top_feature .ttl_box p,
#new .top_function .ttl_box p,
.php_template .top_feature .ttl_box p,
.php_template .top_function .ttl_box p{
  text-align: center;
}

#new .ttl_box p,
.php_template .ttl_box p{
  font-size: 1.8rem;
}

#new .sub h2,
.php_template h2{
  font-size: 3rem;
  font-weight: bold;
}

#new .caution,
.php_template .caution{
  font-size: 1.4rem;
}

#new .spon,
.php_template .spon{
  display: none;
}

#new .objfit_img,
.php_template .objfit_img{
  object-fit: cover;
  object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
  box-sizing: border-box;
}

#new .sub .detail,
#new .sub .price_function,
#new .sub .faq_list,
#new .sub .form_area .col2{
  position: relative;
}

#new .sub .detail:before,
#new .sub .price_function:before,
#new .sub .form_area .col2:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/robo_set.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 148px;
  height: 100px;
}

#new .sub .detail:before,
#new .sub .price_function:before{
  top: -90px;
  right: 0;
  left: 0;
  margin: auto;
}

#new .sub .form_area .col2:before{
  width: 130px;
  height: 88px;
  top: -78px;
  right: 20px;
}

#new .sub .faq_list:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/faq/robo_set_support.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 120px;
  height: 80px;
  top: -80px;
  right: 0;
  left: 0;
  margin: auto;
}

/*--------------------------------------------------
  cv btn
  ------------------------------------------------*/
#new .cv_btn,
.php_template .cv_btn{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#new .cv_btn,
.php_template .cv_btn{
  max-width: 1200px;
  margin: 0 auto;
}

#new .cv_btn li:first-child,
.php_template .cv_btn li:first-child{
  margin-right: 50px;
}

#new .cv_btn .demo,
.php_template .cv_btn .demo{
/*  background: linear-gradient(to left, #ff9e00, #eb434f);*/
  background: linear-gradient(to left,#f54751,#a80b19);
}

#new .cv_btn .document,
.php_template .cv_btn .document{
/*  background: linear-gradient(to left, #0fa2a5, #008cd7);*/
  background: linear-gradient(to left,#008cd7,#0853b3);
}

#new .cv_btn a,
.php_template .cv_btn a{
  color: #fff;
  text-align: center;
  padding: 10px 20px 9px;
  width: 100%;
  display: block;
  position: relative;
}

#new .cv_btn a:after,
.php_template .cv_btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 8px;
  height: 16px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .cv_btn a:hover,
.php_template .cv_btn a:hover{
  opacity: 0.8;
}

#new .cv_btn h3,
.php_template .cv_btn h3{
  color: #fff;
  font-size: 2.4rem;
}

#new .cv_btn p,
.php_template .cv_btn p{
  color: #fff;
  display: block;
}

/*--------------------------------------------------
  btn
  ------------------------------------------------*/
#new .btn,
.php_template .btn{
  text-align: center;
}

#new .btn a,
.php_template .btn a{
  color: #008cd7;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  width: 300px;
  background: #fff;
  border: 2px solid #008cd7;
  border-radius: 50px;
  display: inline-block;
  padding: 15px 20px 13px;
  margin: 0 auto;
  position: relative;
}

#new .btn a:after,
.php_template .btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_blue.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 8px;
  height: 16px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .btn a:hover,
.php_template .btn a:hover{
  color: #fff;
  background: #008cd7;
}

#new .btn a:hover:after,
.php_template .btn a:hover:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_white.png) no-repeat 0 0;
  background-size: 100%;
}

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

  cv box [php_template]

  ------------------------------------------------*/
#new .cv_box .btn_box{
  background: #c3ddf8;
}

#new .cv_box .btn_box .content{
  position: relative;
  padding: 27px 0;
}

#new .cv_box .btn_box .content,
#new .cv_box .txt_box .content{
  display: flex;
  align-items: center;
}

#new .cv_box .btn_box div.illust{
  width: 278px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#new .cv_box .btn_box ul{
  display: flex;
  align-items: center;
  flex: 1 1 0%;
  padding-left: 298px;
}

#new .cv_box .btn_box ul li{
  line-height: 1.4;
  width: calc(50% - 24px / 2);
  flex: 1 1 0%;
}

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

#new .cv_box .btn_box ul li.btn a{
  color: #fff;
  width: 100%;
  text-align: left;
  border-radius: 6px;
  border: none;
  position: relative;
  overflow: hidden;
  padding: 10px 20px 8px 25px;
}

#new .cv_box .btn_box ul li.btn a p{
  font-size: 1.5rem;
}

#new .cv_box .btn_box ul li.btn a h3{
  color: #fff;
  font-size: 2.2rem;
  letter-spacing: 2px;
}

#new .cv_box .btn_box ul li.btn a h3 span{
  font-size: 2rem;
  margin-left: -8px;
}

#new .cv_box .btn_box ul li.btn a.demo{
  background: #eb434f;
  box-shadow: 0 5px 0 0 rgba(210, 37, 36, 1);
}

#new .cv_box .btn_box ul li.btn a.document{
  background: #008cd7;
  box-shadow: 0 5px 0 0 rgba(0, 72, 110, 1);
}

#new .cv_box .btn_box ul li.btn a:hover{
  box-shadow: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

#new .cv_box .btn_box ul li.btn a:before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: -180px;
  left: 0;
  animation: demo 3s ease-in-out infinite;
}
@-webkit-keyframes demo{
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

#new .cv_box .btn_box ul li.btn a:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  width: 24px;
  height: 24px;
  right: 20px;
}

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

#new .cv_box .btn_box ul li.btn a .icon_box:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .cv_box .btn_box ul li.btn a.demo .icon_box: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;
}

#new .cv_box .btn_box ul li.btn a.document .icon_box: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;
}

#new .cv_box .txt_box{
  background: linear-gradient(to left, #0fa2a5, #008cd7);
}

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

#new .cv_box .txt_box div.lead_box{
  flex: 1 1 0%;
}

#new .cv_box .txt_box div.lead_box h3,
#new .cv_box .txt_box div.lead_box p,
#new .cv_box .txt_box div.tel_box a,
#new .cv_box .txt_box div.tel_box p{
  color: #fff;
}

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

#new .cv_box .txt_box div.lead_box h3{
  margin-bottom: 5px;
}

#new .cv_box .txt_box div.lead_box h3 span{
  color: #fff000;
}

#new .cv_box .txt_box div.lead_box h3 em{
  font-size: 2rem;
  font-style: normal;
}

#new .cv_box .txt_box div.tel_box{
  width: 512px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

#new .cv_box .txt_box div.tel_box a{
  font-size: 3.8rem;
  font-family: 'Arial', sans-serif;
  text-align: right;
  font-weight: 600;
  letter-spacing: 3px;
  flex: 1 1 0%;
  position: relative;
}

#new .cv_box .txt_box div.tel_box a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/tel_icon.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 34px;
  height: 34px;
  left: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

body.post-type-archive-work #new .cv_box .txt_box{
  display: none;
}

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

  contact

  ------------------------------------------------*/
#new .contact .content{
  padding: 0;
}

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

  footer contact [php_template]

  ------------------------------------------------*/
#new .contact,
#footer_contact{
  width: 100%;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/contact_bg.webp) center center / cover no-repeat;
  height: 400px;
  position: relative;
}

#new .contact section,
#footer_contact section{
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  margin: auto;
}

#new .contact .cv_btn,
#footer_contact .cv_btn{
  margin-bottom: 0;
}

#new .contact .ttl_box,
#footer_contact .ttl_box{
  margin-bottom: 50px;
}

#new .contact .ttl_box h2,
#footer_contact .ttl_box h2,
#new .news .ttl_box h2,
#new .blog .ttl_box h2{
  font-size: 4.2rem;
  font-family: 'Arial', sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0;
}

.home #new .contact .ttl_box h2,
.home #footer_contact .ttl_box h2,
.home #new .news .ttl_box h2,
.home #new .blog .ttl_box h2{
  margin-bottom: 0;
}

#new .contact .ttl_box h2,
#footer_contact .ttl_box h2{
  text-shadow: 1px 1px 15px #333;
}

#new .contact .ttl_box p,
#footer_contact .ttl_box p,
#new .news .ttl_box p,
#new .blog .ttl_box p{
  text-align: center;
}

#new .contact .ttl_box h2,
#new .contact .ttl_box p,
#footer_contact .ttl_box h2,
#footer_contact .ttl_box p{
  color: #fff;
}

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

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


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

  header

  ------------------------------------------------*/
.home #header{
  position: static;
}

header#header{
  height: auto;
}

header #header_inner{
  width: auto;
  max-width: 100%;
  height: auto;
}

header .logo_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
}

header .logo_box #logo_image{
  position: static;
  transform: none;
  margin-top: -3px;
}

header .cv_box{
  display: flex;
  align-items: center;
}

header .cv_box .txt_box{
  margin-top: 12px;
  margin-right: 18px;
}

header .cv_box li.txt{
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.6px;
  margin: 0 0 8px;
}

header .cv_box li.txt em,
header .cv_box li.txt span{
  line-height: 1;
}

header .cv_box li.txt em:not(.excl){
  color: #008cd7;
  font-style: normal;
}

header .cv_box li.txt em.excl{
  margin-left: -4px;
}

header .cv_box li.txt span{
  position: relative;
}

header .cv_box li.txt span:before{
  content: '・';
  font-size: 1.7rem;
  position: absolute;
  top: -10px;
  left: 0;
}

header .cv_box li.btn a{
  color: #fff;
  font-size: 1.5rem;
  text-align: left;
  font-weight: bold;
  letter-spacing: 0.4px !important;
  line-height: 1.6;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background: linear-gradient(to right,#008cd7,#0fa2a5);
  border: none;
  border-radius: 6px;
  padding: 6px 12px 4px;
  position: relative;
  overflow: hidden;
}

header .cv_box li.btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/circle_dark_green.png) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

header .cv_box li.btn a:before{
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

header .cv_box li.btn a:hover{
  text-decoration: none;
  opacity: 0.7;
}

header .cv_box .monitor{
/*  max-width: 90px;*/
  max-width: 120px;
  line-height: 0;
}

header .cv_box .monitor img{
  width: 100%;
}

header .cv_box_bnr a:hover{
  opacity: 0.7;
}

/*--------------------------------------------------
  header menu
  ------------------------------------------------*/
header .menu_box{
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.pc header #global_menu{
  position: static;
  border: none;
  margin: 0 auto;
  padding: 0;
}

.pc header #global_menu > ul > li{
  width: calc(16.6666666% - 7px / 6);
  border-left: none;
  border-right: 1px #ddd solid;
  box-sizing: border-box;
}

.pc header #global_menu > ul > li:first-child{
  border-left: 1px solid #ddd !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{
  border-left: none !important;
}

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

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

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

.pc header #global_menu ul.sub-menu{
  width: 199px;
  border: 1px #ddd solid;
  top: 70px;
  left: -1px;
  z-index: 11;
}

.pc header #global_menu ul.sub-menu li{
  border: none;
}

.pc header #global_menu ul.sub-menu li:not(:last-child){
  border-bottom: 1px #ddd solid;
}

.pc #header #global_menu ul.sub-menu li a{
  background-color: #fff;
  border: none;
}


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

  main visual

  ------------------------------------------------*/
/*.home #new .main_visual*/
.home #new .main_visual{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/top/main_visual.webp) center center / cover no-repeat;
  height: 575px;
  position: relative;
}

.home #new .main_visual .content{
  padding: 0;
}

.home #new .main_visual .main_visual_box{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding-top: 25px;
}

.home #new .main_visual .ttl_box{
  text-align: center;
  margin-left: 40px;
}

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

.home #new .main_visual .ttl_box h2{
  color: #fff;
  font-size: 4rem;
  letter-spacing: 2px;
  text-shadow: 0 0 15px #000;
}

.home #new .main_visual .ttl_box h2{
  margin-bottom: 10px;
}

.home #new .main_visual .ttl_box h2 span{
  font-size: 3rem;
}

.home #new .main_visual .ttl_box p{
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.4px;
  text-shadow: 0 0 15px #000;
  margin-left: -5px;
}

.home #new .main_visual .ttl_box p strong{
  position: relative;
}

.home #new .main_visual .ttl_box p strong:before,
.home #new .main_visual .ttl_box p strong:after{
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background: #fff;
  display: inline-block;
  top: 50%;
}

.home #new .main_visual .ttl_box p strong:before{
  left: -30px;
  transform: rotate(60deg);
}

.home #new .main_visual .ttl_box p strong:after{
  transform: rotate(-60deg);
}

.home #new .main_visual .ttl_box ul{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
}

.home #new .main_visual .ttl_box ul li{
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  min-width: 120px;
  background: #008cd7;
  padding: 8px 10px 4px 10px;
  transform: skewX(-18deg);
}

.home #new .main_visual .ttl_box ul li:not(:last-child){
  margin-right: 15px;
}

.home #new .main_visual .ttl_box ul li:nth-child(even){
  color: #008cd7;
  background: #fff;
}

.home #new .main_visual .ttl_box ul li span{
  line-height: 0;
  display: inline-block;
  transform: skewX(18deg);
}

.home #new .main_visual .img_box{
  margin-top: -40px;
  margin-bottom: 15px;
}

.home #new .main_visual .img_box img{
  width: 884px;
  height: auto;
  margin: 0 auto;
}

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

.home #new .main_visual .cv_btn{
  margin-bottom: 15px;
}

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

.home #new .main_visual .cv_btn a{
  padding: 8px 20px 5px;
}

.home #new .main_visual .cv_btn p{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1.6px;
}

.home #new .main_visual .cv_btn span{
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0;
  display: block;
  margin-bottom: -2px;
}

.home #new .main_visual .tel_box{
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0 0 15px #000;
}

.home #new .main_visual .tel_box a,
.home #new .main_visual .tel_box p{
  color: #fff;
  letter-spacing: 1.5px;
}

.home #new .main_visual .tel_box a{
  font-size: 2.6rem;
  font-family: 'Arial', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  display: inline-block;
  margin-left: 12px;
  padding-left: 35px;
  position: relative;
}

.home #new .main_visual .tel_box a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/tel_icon.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.home #new .main_visual .tel_box p{
  font-size: 1.5rem;
}

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

  bread crumb

  ------------------------------------------------*/
#bread_crumb{
  line-height: normal;
  height: auto;
  padding: 0 !important;
  margin-top: 0;
}

#bread_crumb ul{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  padding: 10px 0 8px;
}

#bread_crumb li{
  line-height: 1.7;
  display: block;
  padding: 0 0 0 16px;
  margin: 0;
}

#bread_crumb li:not(:last-child){
  margin-right: 8px;
}

#bread_crumb li:after{
  font-size: 1rem;
  line-height: 1.5;
  top: 3px;
  left: 0;
}

#bread_crumb li h1{
  font-family: 'メイリオ', 'Meiryo';
  font-weight: normal;
  letter-spacing: 0;
}

#bread_crumb li a{
  font-size: 1.2rem;
  line-height: 1.5;
  display: inline-block;
}

#main_contents #bread_crumb li a:hover,
#main_contents #bread_crumb li.home a:hover:before{
  color: #008cd7 !important;
  background-color: transparent !important;
}

#bread_crumb li.home a{
  line-height: normal;
  width: auto;
  height: auto;
  display: inline-block;
  float: none;
  padding-left: 10px;
}

#bread_crumb li.home a:before{
  content:'\e90c';
  color: #aaa;
  font-size: 1.3rem;
  line-height: normal;
  font-family: 'design_plus';
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 17px;
  height: 17px;
}

.home #bread_crumb li:nth-child(2){
/*  display: none;*/
}

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

  top achievement

  ------------------------------------------------*/
#new .top_achievement{
  background: linear-gradient(to left, #0fa2a5, #008cd7);
}

#new .top_achievement .content{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/top/achievement_left.png) left 0 top 0,
              url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/top/achievement_right.png) right 0 top 0,
              #fff;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 17px 100px 12px;
}

#new .top_achievement p{
  color: #002f59;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

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

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

#new .top_achievement p.txt span{
  color: #008cd7;
  font-size: 4.8rem;
  font-family: 'Arial', sans-serif;
  line-height: 1;
  letter-spacing: 1px;
  margin-right: 5px;
}

#new .top_achievement ul{
  display: flex;
}

#new .top_achievement ul li{
  width: calc(100%/4);
}


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

  top bnr

  ------------------------------------------------*/
#new .top_bnr{
  background: #e6eff8;
}

#new .top_bnr .content{
  max-width: 1000px;
  margin: 0 auto;
}

#new .top_bnr .content a:hover{
  opacity: 0.7;
}

#new .top_bnr .txt_link_box{
  text-align: center;
  margin-top: 20px;
}

#new .top_bnr a.txt_link{
  color: #e84348;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
}

#new .top_bnr a.txt_link:hover{
  text-decoration: underline;
  opacity: 1;
}

#new .top_bnr .txt_link_box a:not(:last-child){
  margin-bottom: 2px;
}

/*--------------------------------------------------
  top bnr col1
  ------------------------------------------------*/
#new .bnr_col1 .content{
  padding: 25px 0;
}

#new .bnr_col1 a img{
  height: auto;
}

#new .bnr_col1 p{
  text-align: center;
  margin-bottom: -10px;
}

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

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

#new .bnr_col2 ul li:first-child p{
  text-align: center;
  margin-bottom: -15px;
}

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

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

#new .top_bnr .agreement .txt_box{
  text-align: center;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}

#new .top_bnr .agreement .txt_box:after{
  content: '';
  position: absolute;
  top: 100%;
  left: 25%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

#new .top_bnr .agreement .ttl_box{
  display: inline-block;
  margin-bottom: 7px;
}

#new .top_bnr .agreement h3{
  color: #e84348;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  display: table-cell;
  position: relative;
}

#new .top_bnr .agreement .txt_box p,
#new .top_bnr .agreement .txt_box a{
  font-size: 1.7rem;
}

#new .top_bnr .agreement .txt_box a{
  color: #e84348;
  text-decoration: underline;
  display: inline-block;
  opacity: 1;
}

#new .top_bnr .agreement .txt_box a:hover{
  text-decoration: none;
}

#new .top_bnr .agreement .marker_half{
  background: linear-gradient(rgba(255,240,0,0) 60%,#fff000 60%);
}

#new .top_bnr .agreement h3:before,
#new .top_bnr .agreement h3:after{
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background: #e84348;
  display: inline-block;
  top: 50%;
}

#new .top_bnr .agreement h3:before{
  left: -28px;
  transform: rotate(65deg);
}

#new .top_bnr .agreement h3:after{
  transform: rotate(-65deg);
}

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

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

#new .top_graph .ttl_box h2{
  color: #002f59;
  font-size: 2.4rem;
  letter-spacing: 1.4px;
  margin-bottom: 0;
}

#new .top_graph .ttl_box h2 span{
  color: #008cd7;
  font-size: 3rem;
  line-height: 1.4;
}

#new .top_graph .ttl_box h2 span.number{
  font-size: 4rem;
  font-family: 'Arial', sans-serif;
}

#new .top_graph .ttl_box h2 em{
  color: #008cd7;
  font-style: normal;
}

#new .top_graph .ttl_box h2 em.number{
  font-size: 2.4rem;
}

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

#new .top_graph .ttl_box h2 span.dark_blue{
  color: #002f59;
}

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

#new .top_graph ul,
#lp.common .graph ul{
  display: flex;
  justify-content: space-between;
}

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

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

#new .top_graph ul > li img,
#lp.common .graph ul > li img{
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 20px;
}

#new .top_graph ol li,
#lp.common .graph ol li{
  font-size: 1.1rem;
  line-height: 1.5;
}


/*--------------------------------------------------
  top feature
  ------------------------------------------------*/
#new .top_feature .list_box{
  display: flex;
  flex-wrap: wrap;
/*  margin-bottom: 80px;*/
}

#new .top_feature .list_box li{
  flex: 1 1 150px;
  background: #e6eff8;
  padding: 30px;
}

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

#new .top_feature .list_box .number,
#new .top_feature .list_box h3{
  text-align: center;
  background: #e6eff8;
}

#new .top_feature .list_box .number{
  font-size: 4.5rem;
  color: #008cd7;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1.5px;
}

#new .top_feature .list_box h3{
  font-size: 2rem;
}

#new .top_feature .list_box img{
  max-width: 120px;
  margin: 0 auto;
}

#new .top_feature .list_box .number,
#new .top_feature .list_box h3,
#new .top_feature .list_box img{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  top function
  ------------------------------------------------*/
#new .top_function{
  background: #e6eff8;
}

#new .top_function .ttl_box span{
  font-size: 1.6rem;
}

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

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

#new .top_function .img_box h3,
#new .sub .function_img .img_box h3,
#function_flow .function_img .img_box h3{
  color: #fff;
  text-align: center;
  letter-spacing: 0.8px;
  background: #008cd7;
  padding: 20px 20px 18px;
}

#new .top_function .img_box img{
  height: auto;
}

#new .top_function .img_sp{
  display: none;
}

/*--------------------------------------------------
  top voice related
  ------------------------------------------------*/
.home #new #related{
  background: #e6eff8;
}

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

.home #new #related .btn a{
  max-width: 300px;
}

/*--------------------------------------------------
  voice logo
  ------------------------------------------------*/
#new .top_voice_logo .ttl_box{
  background: #015db2;
}

.home #new .top_voice_logo .ttl_box{
  margin-bottom: 0;
}

#new .top_voice_logo h3{
  color: #fff;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: 1.4px;
  padding: 20px 0 18px;
}

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

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

#new ul.voice_logo{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#new ul.voice_logo li{
  width: calc(20% - 80px / 5);
  margin-right: 20px;
  margin-bottom: 20px;
}

#new ul.voice_logo li:nth-child(5n){
  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: 0;
}

#new ul.voice_logo a:hover{
  opacity: 0.7;
}

#new ul.voice_logo a img{
  height: auto;
}

/*--------------------------------------------------
  media
  ------------------------------------------------*/
#new .top_media{
  background: #f2f3f4;
}

#new .top_media .ttl_box h2{
  font-size: 3rem;
}

#new .top_media .list_box{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

#new .top_media .list_box li{
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  position: relative;
  background: #fff;
  width: calc(25% - 60px / 4);
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
}

#new .top_media .list_box li:hover{
  opacity: 0.8;
}

#new .top_media .list_box li:nth-child(4n){
  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: 0;
}

#new .top_media .list_box .img_box{
  width: 100%;
  max-height: 65px;
  background: #fff;
  border: 2px solid #ddd;
  margin-bottom: 15px;
}

#new .top_media .list_box li .jbpress{
  border: 2px solid #000;
  background: #000;
}

#new .top_media .list_box li .president{
  border: 2px solid #011c53;
  background: #011c53;
}

#new .top_media .list_box .img_box img{
  width: auto;
  height: 100%;
  margin: 0 auto;
}

#new .top_media .list_box li p{
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 7px;
}

#new .top_media .list_box li a.link{
  font-size: 1.3rem;
  margin-top: auto;
  text-decoration: underline;
}

#new .top_media .list_box li a.link:hover{
  text-decoration: none;
}

#new .top_media .list_box li a:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#new .top_media .list_box li a.link span{
  margin-left: 12px;
  position: relative;
}

#new .top_media .list_box li a.link span:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_glay_small.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 5px;
  height: 8px;
  left: -12px;
  top: 6px;
}

#new .top_media .other h3,
#new .top_media .other p{
  text-align: center;
}

#new .top_media .other h3{
  margin-bottom: 20px;
}

#new .top_media .other h3 br{
  display: none;
}

#new .top_media .other p{
  font-size: 1.4rem;
}

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

  top news + news page

  ------------------------------------------------*/
#new .news .ttl_box h2,
#new .news .ttl_box p{
  color: #000;
}

#new .news .ttl_box h2,
.post-type-archive-news #page_header .headline{
  display: inline-block;
  position: relative;
}

#new .news .ttl_box h2:after,
.post-type-archive-news #page_header .headline:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/news/news_robo.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 102px;
  height: 106px;
  right: -152px;
}

#new .news .ttl_box h2:after{
  top: -15px;
}

.post-type-archive-news #page_header .headline:after{
  top: -25px;
}

#new .news_box{
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

#new .news .tab_ttl{
  color: #aaa;
  font-size: 1.5rem;
  text-align: center;
  line-height: 60px;
  width: calc(100%/5);
  background: #f2f3f4;
  border-right: 4px solid #fff;
  height: 60px;
  display: block;
  float: left;
  order: -1;
}

#new .news #tab5 + .tab_ttl{
  border-right: none;
}

#new .news_box .tab_ttl:hover{
  background: #e6eff8;
  cursor: pointer;
}

#new .news input[name="tab_name"],
#new .news_box .tab-content{
  display: none;
}

#new .news .tab_content{
  height: 370px;
  overflow-y: scroll;
  /* Fierfox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #98cef1 #f0f0f0;
}

#new .news .tab_content::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

#new .news .tab_content::-webkit-scrollbar-track{
  border-radius: 5px;
  background: rgba(240, 240, 240, 1.0);
}

#new .news .tab_content::-webkit-scrollbar-thumb{
  border-radius: 5px;
  background: #98cef1;
}

#new .news input:checked + .tab_ttl{
  color: #fff;
  background: #015db2;
}

#new .news_box #tab1:checked ~ .tab1_content,
#new .news_box #tab2:checked ~ .tab2_content,
#new .news_box #tab3:checked ~ .tab3_content,
#new .news_box #tab4:checked ~ .tab4_content,
#new .news_box #tab5:checked ~ .tab5_content{
  display: block;
}

#new .news .tab_content{
  width: 100%;
  display: none;
}

#archive_news_list .news_list li,
#single_news_list .news_list li,
#new .news .tab_content li{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.home #new .news .tab_content li{
  margin-right: 10px;
}

#archive_news_list .news_list li:first-child,
#single_news_list .news_list li:first-child{
  border-top: 1px solid #ddd;
}

#archive_news_list .news_list p,
#single_news_list .news_list p{
  line-height: 1.6;
}

#archive_news_list .data_box,
#single_news_list .data,
#new .news .tab_content .data{
  display: flex;
  align-items: center;
}

#single_news #post_meta_top .category,
#archive_news_list .category,
#archive_news_list .number,
#single_news_list .category,
#single_news_list .number,
#new .news .tab_content .category,
#new .news .tab_content .number{
  margin-right: 25px;
}

#archive_news_list .category,
#single_news_list .category,
#single_news #post_meta_top .category,
#new .news .tab_content .category{
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  background: #008cd7;
  display: inline-block;
  min-width: 126px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
}

#single_news #post_meta_top .number,
#archive_news_list .number,
#single_news_list .number,
#new .news .tab_content .number{
  font-size: 1.5rem;
}

#archive_news_list .title,
#single_news_list .title{
  font-size: 1.6rem;
}

#new .news .tab_content .title{
  flex: 1 1 0%;
}

#archive_news_list .title a,
#single_news_list .title a,
#new .news .tab_content .title a{
  display: inline-block;
  line-height: 1.6;
}

#archive_news_list .title a:hover,
#single_news_list .title a:hover,
#new .news .tab_content .title a:hover{
  color: #008cd7;
  text-decoration: underline;
}

.tax-news-cat #page_header,
.post-type-archive-news #page_header{
  margin: 60px 0 50px;
}

.tax-news-cat #page_header .headline,
.post-type-archive-news #page_header .headline{
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}

.post-type-archive-news #page_header{
  text-align: center;
}

.post-type-archive-news #page_header .headline{
  font-size: 4.2rem !important;
  font-family: 'Arial', sans-serif;
  letter-spacing: 2px;
}

.tax-news-cat #page_header .headline{
  font-size: 4rem !important;
  font-weight: 400;
}

#new .news .btn_news_top{  
  margin-top: 50px;
} 

#new .news .btn_news_top a{  
  float: none;
  height: auto;
} 

#new .news .btn_news_top a:hover{
  background-color: #008cd7 !important;
  background: none;
} 

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

  footer

  ------------------------------------------------*/
footer{
  background: linear-gradient(to right,#008cd7,#0fa2a5);
}

footer > div.content{
  padding: 50px 0;
  position: relative;
}

footer > div.content .col2_box{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}


/*--------------------------------------------------
  footer menu
  ------------------------------------------------*/
footer #menu_box{
  width: 730px;
  display: flex;
  flex-direction: column;
}

footer #footer_menu{
  text-align: left;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

footer #footer_menu .col_box,
footer #footer_menu ul{
  width: auto;
  max-width: 250px;
}

footer #footer_menu .col_box:not(:last-child){
  margin-right: 50px;
}

footer #footer_menu .col_box h4{
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 20px;
}

footer #footer_menu ul li a{
  color: #fff;
  font-size: 1.3rem;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

footer #footer_menu ul li a:hover{
  color: #fff;
  text-decoration: underline;
}

footer #footer_menu ul li a:before{
  content: '－';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

footer #footer_menu ul.cv_btn_box li{
  width: 250px;
  box-sizing: border-box;
}

footer #footer_menu ul.cv_btn_box li:not(:last-child){
  margin-bottom: 15px;
}

footer #footer_menu ul.cv_btn_box li a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_white_small.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 5px;
  height: 8px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s;
}

footer #footer_menu ul.cv_btn_box li a:after{
  content: '';
  position: absolute;
  right: 8px;
  bottom: 0;
  transition: all .3s;
}

footer #footer_menu ul.cv_btn_box li.demo a:after{
  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: 36px;
}

footer #footer_menu ul.cv_btn_box li.documentu a:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/menu_document.png) no-repeat 0 0;
  background-size: 100%;
  width: 46px;
  height: 40px;
}

footer #footer_menu ul.cv_btn_box li a{
  font-weight: bold;
  border: 1px #fff solid;
  border-radius: 6px;
  display: block;
  padding: 15px 20px 14px 32px;
  overflow: hidden;
  position: relative;
}

footer #footer_menu ul.cv_btn_box li a:hover{
  text-decoration: none;
  border-radius: 6px;
}

footer #footer_menu ul.cv_btn_box li.demo a:hover{
  background: #eb434f;
}

footer #footer_menu ul.cv_btn_box li.documentu a:hover{
  background: #008cd7;
}

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

footer #menu_box ul.bnr_box li:not(:last-child){
  margin-right: 20px;
}

footer #menu_box ul.bnr_box a:hover{
  opacity: 0.7;
}

footer #menu_box ul.bnr_box img{
  width: 270px;
}

footer #menu_box ul.bnr_box p.txt{
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4;
}

/*
footer #footer_menu ul.bnr_box li{
  line-height: 0;
}

footer #footer_menu ul.bnr_box li:not(:last-child){
  margin-bottom: 10px;
}

footer #footer_menu ul.bnr_box li a{
  line-height: 0;
  padding-left: 0;
}

footer #footer_menu ul.bnr_box li a:hover{
  opacity: 0.7;
}

footer #footer_menu ul.bnr_box li a:before{
  content: none;
}

footer #footer_menu ul.bnr_box li.txt{
  color: #fff;
  line-height: 1;
}
*/

/*--------------------------------------------------
  footer media info
  ------------------------------------------------*/
footer .media_info{
  flex: 1 1 0%;
  margin-right: 50px;
}

footer .media_info h4{
  color: #008cd7;
  font-size: 1.6rem;
  line-height: 1.4;
  background: #fff;
  padding: 14px 15px 12px;
  margin-bottom: 35px;
  position: relative;
}

footer .media_info h4:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/bottom_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 16px;
  height: 10px;
  left: 30px;
  bottom: -10px;
}

footer .media_info h4 .adjust{
  font-size: 1.4rem;
  margin-right: -5px;
  margin-left: -5px;
}

footer .media_info .txt_box{
  margin-bottom: 30px;
}

footer .media_info .txt_box p{
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.7;
  max-width: 100%;
}

footer .media_info .btn{
  text-align: left;
  margin-bottom: 40px;
}

footer .media_info .btn a{
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
  font-weight: bold;
  min-width: 340px;
  display: inline-block;
  background: none;
  border: 1px #fff solid;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 12px 20px 10px 32px;
  position: relative;
}

footer .media_info .btn a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_white_small.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 5px;
  height: 8px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s;
}

footer .media_info .btn a:hover{
  color: #008cd7;
  text-decoration: none;
  background: #fff;
}

footer .media_info .btn a:hover:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_blue_small.png) no-repeat 0 0;
  background-size: 100%;
}

footer .media_info .btn a .adjust{
  margin-left: -3px;
}

/*--------------------------------------------------
  footer sns
  ------------------------------------------------*/
footer #sns_box{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px #fff solid;
  border-bottom: 1px #fff solid;
  padding: 25px 0;
}

footer #sns_box h5{
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0;
  margin-right: 20px;
}

footer #footer_social_link{
  position: static;
  font-size: 0;
}

footer #footer_social_link li{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 100%;
  position: relative;
}

footer #footer_social_link li:before{
  color: #008cd7;
/*  z-index: 1;*/
}

footer #footer_social_link li:not(:last-child){
  margin-right: 15px;
}

footer #footer_social_link li:before{
  left: 0;
  right: 0;
  margin: auto;
}

footer #footer_social_link li.twitter:before{
  font-size: 1.9rem;
  top: 7px;
}

footer #footer_social_link li.facebook:before{
  font-size: 2.4rem;
  left: -7px;
  bottom: 3px;
}

footer #footer_social_link li.rss:before{
  font-size: 1.8rem;
  top: 0;
  bottom: 0;
  left: 1px;
}

footer #footer_social_link li.twitter:hover:before,
footer #footer_social_link li.facebook:hover:before,
footer #footer_social_link li.insta:hover:before,
footer #footer_social_link li.rss:hover:before{
  color: #008cd7;
}

footer #footer_social_link li:hover{
  transform: rotate(360deg);
  transition: 1s;
}

/*--------------------------------------------------
  footer address
  ------------------------------------------------*/
footer #footer_address{
  text-align: left;
  margin-top: 25px;
  display: none;
}

footer #footer_address .logo{
  margin: 0;
}

footer #footer_address .logo a{
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.6px;
}

footer #footer_address .info{
  line-height: normal;
}

footer #footer_address li{
  color: #fff;
  font-size: 1.3rem;
  display: block;
  margin: 0;
}

footer #footer_address li:not(:last-child){
  margin-right: 10px;
}

/*--------------------------------------------------
  copyright
  ------------------------------------------------*/
footer #footer_bottom{
  height: auto;
  background-color: #fff;
}

footer #footer_bottom_inner{
  width: 100%;
  height: auto;
  line-height: normal;
}

footer #copyright{
  height: 50px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 125px;
}

footer #copyright small,
footer #copyright small a{
  color: #000;
  font-size: 1.2rem;
  font-family: 'メイリオ', 'Meiryo';
  line-height: 1.4;
  letter-spacing: 1px;
  display: block;
}

footer #copyright small a{
  display: inline-block;
}

footer #copyright small a:hover{
  color: #000 !important;
  text-decoration: none;
  background-color: #fff !important;
}


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

  page top

  ------------------------------------------------*/
footer #return_top{
  right: 0;
  bottom: 0;
}

footer #return_top.active{
  transform: none;
}

footer #return_top a{
  text-align: center;
  border-radius: 0;
  width: 50px;
  height: 50px;
}

footer #return_top a:before{
  font-size: 2rem;
  top: 15px;
  right: 0;
  left: 0;
  margin: auto;
}

footer #return_top span{
  display: none;
}

footer #return_top ul{
  display: none;
}


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

  footer follow btn [php_template]

  ------------------------------------------------*/
footer #follow_btn{
  right: -1px;
  bottom: 200px;
}

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

footer #follow_btn a{
  color: #008cd7;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  border: 2px #008cd7 solid;
  border-right: none;
  border-radius: 6px 0 0 6px;
  display: block;
  background: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 140, 215, 1);
  padding: 38px 7px 5px 9px;
  position: relative;
}

footer #follow_btn a:hover{
  text-decoration: none;
  box-shadow: none;
  transform: translateY(3px);
  color: #008cd7 !important;
  background: #d1f0ff !important;
}

footer #follow_btn a:before{
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  margin: auto;
}

footer #follow_btn li.function a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/monitor_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 26px;
  height: 22px;
}

footer #follow_btn li.price a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/price_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 18px;
  height: 22px;
}

footer #follow_btn li#page_top a:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/page_top.png) no-repeat 0 0;
  background-size: 100%;
  width: 15px;
  height: 15px;
  top: 12px;
}

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

  footer follow [php_template]

  ------------------------------------------------*/
footer #follow,
footer #follow_btn{
  display: none;
}

footer #follow.fixed,
footer #follow_btn.fixed{
  display: block;
  position: fixed;
  z-index: 100;
}

footer #follow{
  width: 100%;
  border-top: 1px solid rgba(255,255,255,0.5);
  bottom: 0;
}

footer #follow .ttl_box{
  background: linear-gradient(to right,#008cd7,#0fa2a5);
}

footer #follow .ttl_box .content,
footer #follow .ttl_box ul{
  display: flex;
  align-items: center;
}

footer #follow .ttl_box .content{
  padding: 7px 0;
}

/*
footer #follow .ttl_box h2,
footer #follow .ttl_box ul li{
  letter-spacing: 1px;
  transform: skewX(-20deg);
}
*/

footer #follow .ttl_box h2,
footer #follow .ttl_box ul li{
  letter-spacing: 1px;
}

footer #follow .ttl_box h2{
  font-style: italic;
}

footer #follow .ttl_box ul li{
  transform: skewX(-20deg);
}

footer #follow .ttl_box h2{
  color: #fff;
  font-size: 2rem;
  border-bottom: none;
  margin-top: 6px;
  margin-right: 14px;
}

footer #follow .ttl_box h2 em{
  color: #fff000;
}

footer #follow .ttl_box h2 span{
  position: relative;
}

footer #follow .ttl_box h2 br{
  display: none;
}

footer #follow .ttl_box h2 span:before{
  content: '・';
  font-size: 1.7rem;
  position: absolute;
  top: -16px;
  left: 7px;
}

footer #follow .ttl_box ul li{
  color: #008cd7;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  background: #fff000;
  padding: 5px 8px 4px 10px;
}

footer #follow .ttl_box ul li:not(:last-child){
  margin-right: 10px;
}

footer #follow .ttl_box ul li.deadline{
  color: #fff;
  background: #eb434f;
}

footer #follow .ttl_box ul li span{
  line-height: 0;
  display: inline-block;
  transform: skewX(20deg);
}

footer #follow .ttl_box p.aippear{
  display: none;
}

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

footer #follow .it_campaign_box ul li{
  padding: 5px 8px 4px 18px;
}

footer #follow .it_campaign_box h2{
  letter-spacing: 3px;
  margin-top: 4px;
  margin-right: 0;
}

footer #follow .it_campaign_box h2 span:before{
  color: #fff000;
}

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

footer #follow .it_txt h2 span:before{
  top: -17px;
  left: 4px;
}

/*--------------------------------------------------
  footer follow btn
  ------------------------------------------------*/
footer #follow .btn_box{
  background: #c3ddf8;
}

footer #follow .btn_box .content,
footer #follow .btn_box ul{
  display: flex;
  align-items: center;
}

footer #follow .btn_box .content{
  padding: 5px 295px 8px 0;
  box-sizing: border-box;
  position: relative;
}

/*
footer #follow .btn_box .illust{
  position: absolute;
  right: 0;
  bottom: 0;
}

footer #follow .btn_box .illust img{
  width: 264px;
}
*/

footer #follow .btn_box .illust_link_box{
  width: 264px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 0;
  bottom: 6px;
}

footer #follow .btn_box .illust_link_box img{
  width: 132px;
}

footer #follow .btn_box .illust_link_box a.link{
  position: relative;
}

footer #follow .btn_box .illust_link_box a.link span{
  display: none;
}

footer #follow .btn_box .illust_link_box a.link:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/cv_btn_illust_txt.png) no-repeat 0 0;
  background-size: 100%;
  width: 118px;
  height: 142px;
  display: block;
  position: absolute;
  right: 0;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-name: poyopoyo;
}

@keyframes poyopoyo{
  0%, 40%, 60%, 80%{
    transform: scale(1.0);
  }
  50%, 70%{
    transform: scale(0.95);
  }
}

footer #follow .btn_box .illust_link_box a.link:hover:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/cv_btn_illust_txt_hover.png) no-repeat 0 0;
  background-size: 100%;
}

footer #follow .btn_box .logo{
  margin-top: 3px;
  margin-right: 25px;
}

footer #follow .btn_box .logo,
footer #follow .btn_box .logo img{
  width: 180px;
  height: auto;
}

footer #follow .btn_box ul{
  display: flex;
  align-items: center;
  flex: 1 1 0%;
}

footer #follow .btn_box ul li.btn a{
  color: #fff;
  width: 100%;
  text-align: left;
  border-radius: 6px;
  border: none;
  display: block;
  position: relative;
  overflow: hidden;
}

/*
footer #follow .btn_box ul li.btn a:before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: -180px;
  left: 0;
  animation: demo 3s ease-in-out infinite;
}
@-webkit-keyframes demo{
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
*/

footer #follow .btn_box ul li.btn a.demo{
  background: #eb434f;
  box-shadow: 0 5px 0 0 rgba(210, 37, 36, 1);
}

footer #follow .btn_box ul li.btn a.document{
  background: #008cd7;
  box-shadow: 0 5px 0 0 rgba(0, 72, 110, 1);
}

footer #follow .btn_box ul li.btn a:hover{
  text-decoration: none;
  box-shadow: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

footer #follow .btn_box ul li{
  line-height: 1.4;
  width: calc(50% - 24px / 2);
  flex: 1 1 0%;
}

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

footer #follow .btn_box ul li.btn h3{
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 1px;
  border-bottom: none;
  padding: 8px 20px 6px 24px;
}

footer #follow .btn_box ul li.btn h3 em{
  font-size: 1.6rem;
  font-style: normal;
  margin-left: -8px;
}

footer #follow .btn_box ul li.btn a.document h3{
  padding: 8px 20px 6px 20px;
}

footer #follow .btn_box ul li.btn a .icon_box{
  padding-left: 30px;
  position: relative;
}

footer #follow .btn_box ul li.btn a .icon_box:after{
  content: '';
  position: absolute;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  width: 18px;
  height: 18px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

footer #follow .btn_box ul li.btn a .icon_box:before{
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

footer #follow .btn_box ul li.btn a.demo .icon_box: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: 24px;
  height: 22px;
}

footer #follow .btn_box ul li.btn a.document .icon_box: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: 20px;
  height: 24px;
}


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

  siryou bnr

  ------------------------------------------------*/
.siryou_bnr{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.siryou_bnr.close{
  display: none;
}

.siryou_bnr a img{
  vertical-align: middle;
}

.siryou_bnr a:hover img{
  opacity: 0.8;
}

.siryou_bnr_close{
  color: #008cd7;
  font-size: 2rem !important;
  font-weight: bold;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 2px solid #008cd7;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -12px;
  right: -12px;
  z-index: 101;
  cursor: pointer;
}

.siryou_bnr_close:hover{
  color: #fff;
  background: #008cd7;
}

/*
.page-id-3 footer, .page-id-3 #follow, .page-id-3 #follow_btn, .page-id-3 .siryou_bnr,
.page-id-260 footer, .page-id-260 #follow, .page-id-260 #follow_btn, .page-id-260 .siryou_bnr,
.page-id-6991 footer, .page-id-6991 #follow, .page-id-6991 #follow_btn, .page-id-6991 .siryou_bnr,
*/
.page-id-3 .siryou_bnr,
.page-id-260 .siryou_bnr,
.page-id-6991 .siryou_bnr,
.page-id-5442 footer, .page-id-5442 #follow, .page-id-5442 #follow_btn, .page-id-5442 .siryou_bnr,
.page-id-5462 footer, .page-id-5462 #follow, .page-id-5462 #follow_btn, .page-id-5462 .siryou_bnr{
  display: none !important;
}

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

  news article

  ------------------------------------------------*/
#single_news{
  background: #ebeff6;
  padding: 45px 50px 50px;
  margin: 95px 0 50px;
  position: relative;
}

#single_news:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/news/news_post_robo.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 116px;
  height: 104px;
  top: -80px;
  left: 30px;
}

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

#single_news #post_meta_top{
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

#single_news #post_title{
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 25px;
}

#single_news #article h2{
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 0;
  margin-bottom: 30px;
}

#single_news #article h3{
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 0;
  margin-bottom: 30px;
}

#single_news h4{
  color: #008cd7;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
}

#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{
  font-size: 1.5rem;
  line-height: 1.8;
  word-break: break-all;
}

#single_news #article ul{
  margin-left: 18px;
}

#single_news #article ul li:not(:last-child){
  margin-bottom: 3px;
}

#single_news #article p{
  max-width: 100% !important;
  display: block;
}

#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: 30px;
}

#single_news #article iframe.wp-embedded-content{
  display: block;
}

#single_news #article .post_content ul:last-child,
#single_news #article .post_content ol:last-child,
#single_news #article .post_content dl:last-child,
#single_news #article .post_content blockquote:last-child,
#single_news #article .post_content .txt_box:last-child,
#single_news #article .post_content .img_box:last-child,
#single_news #article .post_content .link_box:last-child{
  margin-bottom: 0;
}

#single_news a{
  text-decoration: underline;
}

#single_news a:hover{
  text-decoration: none;
}

#single_news #article .caution{
  font-size: 1.4rem;
}

#single_news #article .txt_blue{
  color: #008cd7;
}

#single_news #article .txt_bold{
  font-weight: bold;
}

#single_news #article .img_box{
  background: #fff;
  padding: 10px;
}

#single_news #article .img_box img{
  display: block;
  margin: 0 auto;
}

#single_news #article .link_box{
  text-align: center;
}

#single_news #article .link_box a{
  color: #008cd7;
  font-size: 1.5rem;
}

#single_news #article .txt_box p{
  margin-bottom: 15px;
}

#single_news #article .txt_box p:last-child{
  margin-bottom: 0;
}

/*--------------------------------------------------
  news blockquote
  ------------------------------------------------*/
#single_news #article blockquote{
  background: #fff;
  border-radius: 6px;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 22px 25px 20px;
  position: relative;
}

#single_news #article blockquote:before,
#single_news #article blockquote:after{
  content: '';
  position: absolute;
  width: 16px;
  height: 12px;
}

#single_news #article blockquote:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/icon_blockquote_left.png) no-repeat 0 0;
  background-size: 100%;
  top: 10px;
  left: 10px;
}

#single_news #article blockquote:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/icon_blockquote_right.png) no-repeat 0 0;
  background-size: 100%;
  right: 10px;
  bottom: 10px;
}

#single_news #article blockquote p:not(:last-child){
  margin-bottom: 8px;
}

#single_news #article blockquote cite{
  color: #999;
  font-size: 1.4rem;
  text-align: left;
  font-style: normal;
  border-top: none;
  padding: 0;
}

#single_news #article blockquote cite a{
  color: #999;
  font-size: 1.4rem;
}

/*--------------------------------------------------
  news frame
  ------------------------------------------------*/
#single_news #article .frame_white{
  background: #fff;
  border-radius: 6px;
  padding: 16px 24px;
}

#single_news #article .frame_white p:not(:last-child){
  margin-bottom: 6px;
}

#single_news #article .frame_white ul{
  margin-left: 0;
  margin-bottom: 0;
}

#single_news #article .frame_white ul li{
  list-style: none;
  margin-bottom: 0;
  position: relative;
}

#single_news #article ul.related li{
  padding-left: 12px;
}

#single_news #article ul.related li:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_blue_small.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 6px;
  height: 10px;
  top: 7px;
  left: 0;
}

#single_news #article ul.news_list{
  margin-left: 2px;
}

#single_news #article ul.news_list li{
  list-style: none;
  padding-left: 15px;
  position: relative;
}

#single_news #article ul.contact li{
  padding-left: 14px;
}

#single_news #article ul.news_list li:before,
#single_news #article ul.contact li:before{
  content: '';
  background: #008cd7;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 10px;
  position: absolute;
  top: 10px;
  left: 0;
}

#single_news #article li.list_reference{
  list-style: none;
  margin-top: 30px;
  margin-left: -25px;
}

#single_news #article ul.news_list li.list_reference:before{
  content: none;
}

#single_news #article li.list_reference p{
  margin-bottom: 3px;
}

#single_news #article li.list_reference ul{
  margin-left: 10px;
}

/*--------------------------------------------------
  news theme TCD
  ------------------------------------------------*/
.single-news #single_news .tcd-pb-row{
  background-color: transparent;
}

.single-news table.pb_simple_table th{
  width: 25%;
}

.single-news table.pb_simple_table th,
.single-news table.pb_simple_table td{
  border: 1px solid #000;
  box-sizing: border-box;
}

.single-news table.pb_simple_table td{
  background: #fff;
}

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

  top news + top blog

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

#new .news .ttl_box,
#new .news .btn_news,
#new .blog .btn_blog{
  text-align: center;
}

#new .news .btn_news a,
#new .blog .btn_blog a{
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  min-width: 170px;
  display: inline-block;
  background: #000;
  padding: 12px 40px;
}

#new .news .btn_news a:hover,
#new .blog .btn_blog a:hover{
  background: #008cd7;
}

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

  top blog

  ------------------------------------------------*/
/*
#new .blog{
  border-top: 1px solid #ccc;
}
*/

#new .blog .ttl_box{
  margin-bottom: 50px;
}

#new .blog .balloon br{
  display: none;
}

#new .blog .col2_box{
  display: flex;
  margin-bottom: 40px;
}

#new .blog .col2_box h2{
  color: #008cd7;
  font-size: 3rem;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

#new .blog .col2_box h2 span{
  font-size: 2.8rem;
  letter-spacing: -1.2px;
  margin-left: -15px;
}

#new .blog .col2_box .txt_area{
  text-align: left;
  margin-right: 40px;
}

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

#new .blog .col2_box .txt_box p:not(:last-child){
  margin-bottom: 25px;
  display: block;
}

#new .blog .col2_box .txt_box p span{
  color: #ff7575;
  font-weight: bold;
}

#new .blog .col2_box .img_box img{
  max-width: 100% !important;
  height: auto;
}

/*--------------------------------------------------
  top blog recommend
  ------------------------------------------------*/
#new .blog .recommend{
  background: #f2f3f4;
  padding-top: 50px;
}

#new .blog .recommend .content{
  padding: 45px 0 50px;
}

#new .blog .recommend h3{
  text-align: center;
}

#new .blog .recommend ul{
  display: flex;
}

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

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

#new .blog .recommend a:hover{
  opacity: 0.7;
}

#new .blog .recommend img{
  height: auto;
}

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

  page top

  ------------------------------------------------*/
#footer_bottom .cv_btn_sp ul{
  display: none;
}

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

  sub

  ------------------------------------------------*/
.sub_mv{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/sub_mv_bg.png);
  background-position: left 9.8% top 0;
  margin: 0 -200%;
  padding: 0 200%;
}

.sub_mv p{
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}

.sub_mv p img{
  max-width: 100%;
}

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

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

  sub common

  ------------------------------------------------*/
#new .top_selection .col2_box,
#new .sub .col2_box{
  display: flex;
}

.home #new .top_selection .col2_box{
  align-items: center;
}

#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% - 60px / 2);
}

#new .top_selection .col2_box .txt_area,
#new .sub .col2_box .txt_area{
  text-align: left;
  margin-right: 60px;
}

#new .top_selection .col2_box .txt_box p:not(:last-child),
#new .sub .col2_box .txt_box p:not(:last-child){
  margin-bottom: 25px;
  display: block;
}

#new .top_selection .col2_box .img_box img{
  height: auto;
}

#new .top_selection .col2_box .img_box img,
#new .sub .col2_box .img_box img{
  max-width: 100% !important;
}

#new .sub .selection section > ul > li:first-child .col2_box{
  align-items:flex-start;
}

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

#new .sub .selection .slide02 .slick-prev,
#new .sub .selection .slide02 .slick-next{
  display: none !important;
}

/*--------------------------------------------------
  sub point
  ------------------------------------------------*/
#new .balloon,
#new .point{
  color: #fff;
  background: #002f59;
  display: inline-block;
  margin-bottom: 50px;
  position: relative;
}

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

#new .balloon:after,
#new .point:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/balloon_arrow.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 20px;
  bottom: -22px;
}

#new .balloon{
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 1.4px;
  padding: 13px 17px 13px 20px;
}

#new .point{
  font-size: 2.5rem;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  line-height: 1;
  letter-spacing: 2px;
  padding: 12px 13px 10px 15px;
}

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

  aippear

  ------------------------------------------------*/
#new .sub .aippear h2{
  color: #008cd7;
  letter-spacing: 1.4px;
  margin-bottom: 40px;
}

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

#new .sub .aippear .col2_box .txt_box p{
  font-size: 1.8rem;
}

/*--------------------------------------------------
  selection
  ------------------------------------------------*/
#new .top_selection{
  border-bottom: 1px solid #ccc;
}

#new .top_selection .ttl_box,
#new .sub .selection .ttl_box{
  background: linear-gradient(to left, #0fa2a5, #008cd7);
  padding: 32px 0 44px;
  margin-bottom: 0;
  position: relative;
}

.home #new .top_selection .ttl_box{
  padding: 17px 0 26px;
  margin-bottom: 0;
}

#new .top_selection .ttl_box:after,
#new .sub .selection .ttl_box:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_bg.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 55px;
  height: 30px;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

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

#new .top_selection .ttl_box h2,
#new .sub .selection .ttl_box h2{
  color: #fff;
  font-size: 3.6rem;
  letter-spacing: 2px;
  margin-bottom: 0;
}

.home #new .top_selection .ttl_box h2{
  font-size: 3.2rem;
  margin-bottom: 0;
}

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

#new .top_selection .ttl_box h2 .num,
#new .sub .selection .ttl_box h2 .num{
  color: #fff000;
  font-size: 6rem;
  margin: 0 -5px;
}

.home #new .top_selection .ttl_box h2 .num{
  font-size: 5.4rem;
}

#new .top_selection .ttl_box h2 br,
#new .sub .selection .ttl_box h2 br{
  display: none;
}

#new .top_selection .ttl_box h2 .dot,
#new .sub .selection .ttl_box h2 .dot{
  position: relative;
}

#new .top_selection .ttl_box h2 .dot:before,
#new .sub .selection .ttl_box h2 .dot:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/dot.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 48px;
  height: 8px;
  top: -15px;
  left: 17px;
}

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

#new .top_selection section > ul >li:nth-of-type(even),
#new .sub .selection section > ul >li:nth-of-type(even){
  background: #e6eff8;
}

#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: 60px;
}

.home #new .top_selection section > ul >li:first-child .col2_box{
  margin-bottom: 40px;
}

#new .top_selection section > ul >li:last-child .col2_box{
  margin-bottom: 35px;
}

#new .top_selection h3,
#new .sub .selection h3{
  color: #002f59;
  font-size: 2.6rem;
  letter-spacing: 1.4px;
  margin-bottom: 40px;
}

.home #new .top_selection h3{
  margin-bottom: 30px;
}

#new .top_selection h3 span,
#new .sub .selection h3 span{
  color: #008cd7;
  font-size: 3.6rem;  
}

#new .top_selection h3 span{
  font-size: 3.2rem;
}

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

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

#new .top_selection .txt_area dl,
#new .sub .selection .txt_area dl{
  display: flex;
  align-items: center;
}

#new .top_selection .txt_area dl dt,
#new .top_selection .txt_area dl dd,
#new .sub .selection .txt_area dl dt,
#new .sub .selection .txt_area dl dd{
  padding: 5px 15px 3px;
}

#new .top_selection .txt_area dl dt,
#new .sub .selection .txt_area dl dt{
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #008cd7;
}

#new .top_selection .txt_area dl dd,
#new .sub .selection .txt_area dl dd{
  background: #e6eff8;
}

/*--------------------------------------------------
  selection point01
  ------------------------------------------------*/
#new .top_selection .point01 .img_box{
  position: relative;
}

#new .top_selection .point01 .img_box:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/aippear/selection01.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 118px;
  height: 120px;
  right:  -15px;
  bottom: -40px;
  z-index: 1;
}

/*--------------------------------------------------
  selection point05
  ------------------------------------------------*/
#new .top_selection .point05 .txt_area h4{
  color: #fff;
  line-height: 1.3;
  background: #ff7575;
  display: inline-block;
  padding: 8px 10px 8px 15px;
  margin-bottom: 35px;
}

/*--------------------------------------------------
  selection support
  ------------------------------------------------*/
#new .top_selection .support,
#new .sub .selection .support{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #008cd7;
}

#new .top_selection .support h4,
#new .sub .selection .support h4{
  color: #fff;
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.5;
  background: #008cd7;
  flex: 0 0 230px;
}

#new .top_selection .support ul,
#new .sub .selection .support ul{
  border: solid 3px #008cd7;
  flex: 1 1 0%;
  display: flex;
}

#new .top_selection .support li,
#new .sub .selection .support li{
  color: #008cd7;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  background: #fff;
  padding: 20px 8px 18px;
  flex: 1 1 0%;
}

#new .top_selection .support li:not(:last-child),
#new .sub .selection .support li:not(:last-child){
  border-right: solid 3px #008cd7;
}

#new .top_selection .support li img,
#new .sub .selection .support li img{
  width: 56px;
  margin: 0 auto;
  margin-bottom: 10px;
}

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

/*--------------------------------------------------
  sub function
  ------------------------------------------------*/
#new .sub .function h2{
  color: #008cd7;
  font-weight: bold;
}

#new .sub .function h2 br{
  display: none;
}

#new .sub .ttl_box p,
#function_flow .ttl_box p{
  text-align: center;
  display: block;
}

#new .sub .function .group .list_box,
#new .sub .function_other .group .list_box{
  display: flex;
  flex-wrap: wrap;
}

#new .sub .function .group .list_box{
  justify-content: space-between;
}

#new .sub .function_other .group .list_box{
  justify-content: center;
}

#new .sub .function .group .list_box{
  max-width: 1000px;
  margin: 0 auto;
}

#new .sub .function .group .list_box li{
  width: calc(16.666% - 100px / 6);
  margin-right: 10px;
  margin-bottom: 20px;
}

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

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

#new .sub .function .group .list_box img,
#new .sub .function_other .group .list_box img{
  width: 110px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#new .sub .function .group .list_box h3,
#new .sub .function_other .group .list_box h3{
  font-size: 1.7rem;
  text-align: center;
}

#new .sub .function .group .list_box h3{
  color: #008cd7;
}

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

#new .sub .function .group .list_box a:hover,
#new .sub .function_other .group .list_box a:hover{
  opacity: 0.7;
}

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

/*--------------------------------------------------
  function detail
  ------------------------------------------------*/
#new .sub .detail .list_box li:nth-of-type(odd){
  background: #e6eff8;
}

#new .sub .top .list_box li:nth-of-type(odd) .col2_box,
#new .sub .site .list_box li:nth-of-type(odd) .col2_box{
  flex-direction: row-reverse;
}

#new .sub .manager .list_box li:nth-of-type(even) .col2_box{
  flex-direction: row-reverse;
}

#new .sub .detail .list_box li.bg_white{
  background: #fff;
}

#new .sub .detail .col2_box{
  align-items: center;
}

#new .sub .detail .col2_box .txt_area{
  flex: 1 1 0%;
  margin-right: 0;
}

#new .sub .detail .list_box li .img_box{
  width: 580px;
}

#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: 60px;
}

#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: 60px;
}

#new .sub .detail .list_box li .img_box img{
  max-width: 100% !important;
}

#new .sub .detail h3{
  color: #008cd7;
  font-size: 2.6rem;
  line-height: 1.6;
  letter-spacing: 2px;
  font-weight: bold;
  margin-bottom: 40px;
}

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

#new .sub .detail .beta{
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
}

#new .sub .detail .beta span{
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.4;
  display: inline;
  background: #005aa9;
  border-radius: 3px;
  padding: 3px 10px 2px;
}

#new .sub .detail .txt_box p:not(:last-child){
  margin-bottom: 25px;
  display: block;
}

#new .sub .detail .tag_list{
  display: flex;
  align-items: center;
}

#new .sub .detail .tag_list li{
  text-align: center;
  min-width: 20%;
}

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

#new .sub .detail .list_box .tag_list li{
  color: #008cd7;
  font-size: 1.6rem;
  line-height: 1.4;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #008cd7;
  padding: 8px 20px 6px;
}

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

#new .sub .detail .list_box .btn{
  margin-top: 60px;
}

#new .sub .detail .list_box a{
  color: #fff;
  font-size: 1.8rem;
  background: #008cd7;
  border: 2px solid #008cd7;
}

#new .sub .detail .list_box a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_white.png) no-repeat 0 0;
  background-size: 100%;
}

#new .sub .detail .list_box a:hover:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_blue.png) no-repeat 0 0;
  background-size: 100%;
}

#new .sub .detail .list_box a:hover{
  color: #008cd7;
  background: #fff;
}

/*--------------------------------------------------
  function device
  ------------------------------------------------*/
#new .sub .device{
  background: linear-gradient(to left, #0fa2a5, #008cd7);
}

#new .sub .device .content{
  display: flex;
  padding: 80px 0 0;
}

#main_col2 #new .sub .device .txt_box{
  text-align: left;
  margin-right: 60px;
  flex: 1 1 0%;
}

#new .sub .device h2{
  color: #008cd7;
  font-size: 2.6rem;
  font-weight: normal;
  background: #fff;
  display: inline-block;
  padding: 7px 30px 5px;
  margin-bottom: 40px;
}

#new .sub .device p{
  color: #fff;
  font-size: 1.8rem;
  display: block;
}

#new .sub .device .img_box{
  max-width: 374px;
  margin-right: 60px;
}

/*--------------------------------------------------
  function other
  ------------------------------------------------*/
#new .sub .function_other h2{
  color: #329bb4;
}

#new .sub .function_other .list_box h3{
  color: #329bb4;
}

#new .sub .function_other .group .list_box li{
  margin-right: 26px;
}

#new .sub .function_other .group .list_box li:last-child{
  margin-right: 0;
}

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

  NEW function

  ------------------------------------------------*/
#new .sub .function .ttl_box_select h1{
  color: #008cd7;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 75px;
}

#new .sub .function .ttl_box_select h1 rt{
  padding: 10px;
}

@-moz-document url-prefix() {
  #new .sub .function .ttl_box_select h1 rt{
    padding: 0;
  }
}

#new .sub .function .ttl_box_select ul{
  display: flex;
  align-items: center;
  justify-content: center;
}

#new .sub .function .ttl_box_select ul li{
  width: calc(33.3333333% - 80px / 3);
  flex: 1 1 0%;
}

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

#new .sub .function .ttl_box_select ul li a{
  width: 100%;
  border-radius: 6px;
  position: relative;
}

#new .sub .function .ttl_box_select ul li a:hover{
  color: #008cd7;
  background: #d1f0ff;
}

#new .sub .function .ttl_box_select ul .btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/function/template/select_btn.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 26px;
  height: 26px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .function .function_ttl,
#function_flow .function_img .function_ttl{
  text-align: center;
  background: #008cd7;
}

#new .sub .function .function_ttl .content,
#function_flow .function_img .function_ttl .content{
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
}

#new .sub .function .function_ttl h2{
  color: #fff;
  display: inline-block;
  position: relative;
}

#new .sub .function .site:before,
#new .sub .function .manager:before{
  content: none;
}

#new .sub .function #site{
  margin-top: 20px;
}

#new .sub .function #site h2:after,
#new .sub .function #manager h2:before{
  content: '';
  position: absolute;
  width: 168px;
  height: 160px;
  bottom: -40px;
}

#new .sub .function #site h2: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: -250px;
}

#new .sub .function #manager h2: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%;
  left: -240px;
}

#new .sub .function .site .txt_box,
#new .sub .function .manager .txt_box{
  margin-bottom: 0;
}

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

#new .sub .function .site .txt_box p:not(:last-child),
#new .sub .function .manager .txt_box p:not(:last-child){
  margin-bottom: 25px;
}

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

  footer function-flow [php_template]

  ------------------------------------------------*/
/*--------------------------------------------------
  function img
  ------------------------------------------------*/
#new .sub .function_img,
#function_flow .function_img{
  background: #e6eff8;
}

#new .sub .function_img h2{
  color: #008cd7;
}

#function_flow .function_img h2{
  color: #fff;
}

#new .sub .function_img .img_box p img,
#function_flow .function_img .img_box p img{
  max-width: 100% !important;
}

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

/*--------------------------------------------------
  function flow
  ------------------------------------------------*/


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

  footer function [php_template]

  ------------------------------------------------*/
#footer_function .content .ttl_box{
  margin-bottom: 75px;
}

#footer_function h2{
  color: #008cd7;
  margin-bottom: 0;
}

#footer_function ul{
  display: flex;
  flex-wrap: wrap;
}

#footer_function .function_other_list ul{
  justify-content: start;
}

#footer_function .introduction_case ul{
  justify-content: center; /* 一旦、非表示の為のCSS */
/*  flex: 1 1 0%;*/
}

#footer_function .function_other_list ul li{
  width: calc(25% - 120px / 4);
  margin-right: 40px;
  margin-bottom: 40px;
}

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

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

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

#footer_function .introduction_case ul li{
  width: calc(50% - 40px / 2);
}

#footer_function .function_other_list .page_link a:hover,
#footer_function .introduction_case ul li a:hover{
  opacity: 0.7;
}

#footer_function .function_other_list{
  background: #e6eff8;
}

#footer_function .function_other_list .page_link a{
  color: #fff;
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: bold;
  display: flex;
  align-items: center;
  height: 60px;
  background: #008cd7;
  padding: 10px 30px 10px 15px;
  position: relative;
}

#footer_function .function_other_list .page_link a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 8px;
  height: 16px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#footer_function .introduction_case ul li a{
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
}

#footer_function .introduction_case ul li .txt_box{
  padding: 20px 25px;
}

#footer_function .introduction_case ul li h3{
  color: #008cd7;
  font-size: 2.4rem;
  margin-bottom: 20px;
}

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

  top price

  ------------------------------------------------*/
#new .top_price .ttl_box p{
  text-align: center;
}

#new .top_price .table_note{
  margin-bottom: 40px;
}

.home #new .top_price .table_note{
  margin-bottom: 20px;
}

#new .top_price .it_box,
#new .sub .price .it_box,
#new .top_price .it_box{
  max-width: 1200px;
  margin: 0 auto;
  margin-top: -15px;
  padding-bottom: 50px;
  position: relative;
}

#new .top_price .it_box:before,
#new .sub .price .it_box:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/it_link.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 140px;
  height: 96px;
  right: 70px;
  bottom: 0;
}

#new .top_price .it_price .txt_box,
#new .sub .price .it_price .txt_box{
  text-align: center;
  max-width: 650px;
  background: #f4f6fa;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}

#new .top_price .it_price .txt_box,
#new .sub .price .it_price .txt_box{
  padding: 15px 20px 20px;
}

#new .top_price .it_price .txt_box p:first-child,
#new .sub .price .it_price .txt_box p:first-child{
  font-weight: bold;
}

#new .top_price .it_price .txt_box strong,
#new .sub .price .it_price .txt_box strong{
  font-size: 1.3rem;
  background: #fcff00;
  margin-left: 28px;
  padding: 4px 4px 0 6px;
  position: relative;
}

#new .top_price .it_price .txt_box strong:before,
#new .sub .price .it_price .txt_box strong:before,
#new .top_price .it_price .txt_box a.btn:before,
#new .sub .price .it_price .txt_box a.btn:before{
  content: '';
  background-size: 100%;
  position: absolute;
  width: 14px;
  height: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .top_price .it_price .txt_box strong:before,
#new .sub .price .it_price .txt_box strong:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/double_pink.png) no-repeat 0 0;
  background-size: 100%;
  left: -21px;
}

#new .top_price .it_price .txt_box a.btn:before,
#new .sub .price .it_price .txt_box a.btn:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/double_white.png) no-repeat 0 0;
  background-size: 100%;
  left: 12px;
}

#new .top_price .it_price .txt_box a.btn:hover:before,
#new .sub .price .it_price .txt_box a.btn:hover:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/double_pink.png) no-repeat 0 0;
  background-size: 100%;
}

#new .top_price .it_price .txt_box em,
#new .sub .price .it_price .txt_box em{
  font-size: 1.8rem;
  font-style: normal;
}

#new .top_price .it_price .txt_box ul li,
#new .sub .price .it_price .txt_box ul li{
  color: #ff7575;
  font-weight: bold;
}

#new .top_price .it_price .txt_box a.btn,
#new .sub .price .it_price .txt_box a.btn{
  color: #fff;
  font-weight: bold;
  display: inline-block;
  background: #ff7575;
  border-radius: 6px;
  border: 2px #ff7575 solid;
  margin-top: 8px;
  padding: 5px 12px 5px 34px;
  position: relative;
}

#new .top_price .it_price .txt_box a.btn:hover,
#new .sub .price .it_price .txt_box a.btn:hover{
  color: #ff7575;
  background: #fff;
}

#new .top_price .it_link,
#new .sub .price .it_link{
  max-width: 700px;
  background: #f4f6fa;
  border-radius: 10px;
  margin: 0 auto;
}

#new .top_price .it_link a,
#new .sub .price .it_link a{
  color: #ff7575;
  font-size: 2rem;
  font-weight: bold;
  padding: 15px 15px 15px 50px;
  position: relative;
}

#new .top_price .it_link a:before,
#new .sub .price .it_link a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_pink.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 15px;
  top: 0;
  bottom: 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{
  content: '';
  position: absolute;
  border: 8px solid transparent;
  border-left: 18px solid #f4f6fa;
  right: -24px;
}

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

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

#new .top_price .it_link a:hover,
#new .sub .price .it_link a:hover{
  text-decoration: underline;
}

#new .top_price .it_campaign .txt_box p,
#new .sub .price .it_campaign .txt_box p,
#new .top_price .it_campaign .txt_box em,
#new .sub .price .it_campaign .txt_box em{
  display: block;
}

#new .top_price .it_campaign .txt_box .deadline,
#new .sub .price .it_campaign .txt_box .deadline{
  color: #ff7575;
  font-size: 1.8rem;
}

#new .top_price .it_campaign .txt_box a.btn,
#new .sub .price .it_campaign .txt_box a.btn{
  padding: 5px 12px 5px 26px;
}


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

  sub price

  ------------------------------------------------*/
#new .top_price h2,
#new .sub .price_box h2{
  color: #008cd7;
}

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

#new .sub .price_box .price_news a{
  color: #ee1700;
  text-decoration: underline;
  display: inline-block;
}

/*--------------------------------------------------
  price table common
  ------------------------------------------------*/
#new .top_price .table_type .num,
#new .sub .table_type .num{
  font-size: 2.8rem;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  letter-spacing: 0.8px;
  margin-right: 5px;
}

#new .top_price .table_type .txt_box,
#new .sub .table_type .txt_box{
  font-weight: bold;
}

#new .top_price .table_note,
#new .sub .table_note{
  margin-top: 20px;
  display: block;
  text-align: left;
}

#new .top_price .table_note p,
#new .sub .table_note p{
  font-size: 1.4rem;
  display: block;
}

#new .top_price .table_note p.spon,
#new .sub .table_note p.spon{
  display: none;
}

#new .top_price .table_type thead th,
#new .sub .price_box .table_type thead th{
  color: #fff;
}

#new .top_price .table_type thead th:first-child,
#new .sub .price_box .table_type thead th:first-child{
  background: #00507c;
}

#new .top_price .table_type thead .lite,
#new .sub .price_box .table_type thead .lite{
  background: #008cd7;
}

#new .top_price .table_type thead .basic,
#new .sub .price_box .table_type thead .basic{
  background: #ec7373;
}

#new .top_price .table_type thead .basic,
#new .sub .price .table_type thead .basic{
  padding-left: 30px;
}

#new .top_price .table_type thead .pro,
#new .sub .price_box .table_type thead .pro{
  background: #08b59b;
}

#new .top_price .table_type tbody .lite,
#new .sub .price_box .table_type tbody .lite{
  color: #008cd7;
}

#new .top_price .table_type tbody .basic,
#new .sub .price_box .table_type tbody .basic{
  color: #ec7373;
}

#new .top_price .table_type tbody .pro,
#new .sub .price_box .table_type tbody .pro{
  color: #08b59b;
}

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

#new .top_price .table_type tbody .user .num,
#new .sub .price_box .table_type tbody .user .num{
  margin-left: 4px;
}

#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{
  color: #000;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0.6px;
  background: none;
}

#new .top_price .table_type thead th,
#new .sub .price_box .table_type thead th{
  font-size: 1.8rem;
}

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

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

#new .top_price table thead th:first-child,
#new .sub .price_box table thead th:first-child{
  border-left: solid 1px #00507c;
  border-bottom: solid 1px #00507c;
}

#new .top_price table thead th:nth-child(2),
#new .sub .price_box table thead th:nth-child(2){
  border-bottom: solid 1px #008cd7;
}

#new .top_price table thead th:nth-child(3),
#new .sub .price_box table thead th:nth-child(3){
  border-bottom: solid 1px #ec7373;
}

#new .top_price table thead th:last-child,
#new .sub .price_box table thead th:last-child{
  border-right: solid 1px #08b59b;
  border-bottom: solid 1px #08b59b;
}

#new .top_price .table_type th span,
#new .sub .price_box .table_type th span{
  font-size: 1.2rem;
}

#new .top_price .table_type tbody,
#new .sub .price_box .table_type tbody{
  background: #fff;
}

#new .top_price .table_type thead th:first-child,
#new .top_price .table_type tbody th,
#new .sub .price_box .table_type thead th:first-child,
#new .sub .price_box .table_type tbody th{
  width: 21% !important;
}

#new .top_price .table_type thead th:not(:first-child),
#new .top_price .table_type tbody td,
#new .sub .price_box .table_type thead th:not(:first-child),
#new .sub .price_box .table_type tbody td{
  width: 24% !important;
}

/*--------------------------------------------------
  price
  ------------------------------------------------*/
#new .top_price .ttl_box h2 br,
#new .sub .price_box .ttl_box h2 br{
  display: none;
}

#new .top_price .ttl_box p span,
#new .sub .price .ttl_box p span{
  font-size: 1.6rem;
}

/*--------------------------------------------------
  price table
  ------------------------------------------------*/
#new .top_price .table_type tbody th,
#new .sub .price .table_type tbody th{
  background: #f4f6fa;
}

#new .top_price table thead th:last-child br,
#new .sub .price_box table thead th:last-child br{
  display: none;
}

#new .top_price .table_type tbody th br,
#new .sub .price .table_type tbody th br{
  display: none;
}

#new .top_price .table_type tbody tr:nth-child(3) th span,
#new .sub .price .table_type tbody tr:nth-child(3) th span{
  display: block;
}

#new .top_price .table_type thead .basic,
#new .sub .price .table_type thead .basic{
  position: relative;
}

#new .top_price .table_type thead .basic:before,
#new .sub .price .table_type thead .basic:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/price/ranking.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 92px;
  height: 95px;
  top: 0;
  left: -1px;
}

#new .top_price .table_type tbody .basic,
#new .sub .price .table_type tbody .basic{
  background: #fdf4f5;
}

#new .top_price .cv_btn,
#new .sub .price .cv_btn,
#new .sub .price_function .cv_btn{
  max-width: 500px;
  margin-top: 30px;
}

#new .top_price .cv_btn a,
#new .sub .price .cv_btn a,
#new .sub .price_function .cv_btn a{
  padding: 20px;
}


/*--------------------------------------------------
  price function
  ------------------------------------------------*/
#new .sub .price_function{
  background: #e6eff8;
}

#new .sub .price_function .btn{
  margin-top: 50px;
}

/*--------------------------------------------------
  price function table
  ------------------------------------------------*/
#new .sub .price_function .table_type tbody tr:nth-child(odd) th{
  background: #fff;
}

#new .sub .price_function .table_type tbody tr:nth-child(even){
  background: #f4f6fa;
}

#new .sub .price_function .table_type tbody th br{
  display: none;
}


/*--------------------------------------------------
  price option
  ------------------------------------------------*/
#new .sub .price_option h2{
  color: #329bb4;
}

#new .sub .price_option ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#new .sub .price_option li{
  margin-right: 30px;
  width: calc(33.3333333% - 60px / 3);
  border: 3px solid #329bb4;
}

#new .sub .price_option li:last-child{
  margin-right: 0;
}

#new .sub .price_option h3{
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  background: #329bb4;
  padding: 10px 8px;
}

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

#new .sub .price_option h4{
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e0f0f4;
  padding: 7px 10px 5px;
}

#new .sub .price_option h4 span{
  font-size: 2.8rem;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
  margin-right: 3px;
}

#new .sub .price_option .txt_box{
  letter-spacing: 1px;
  padding: 15px;
  display: block;
  text-align: left;
}

#new .sub .price_option li:last-child h4{
  height: 52px;
  display: flex;
  align-items: center;
}

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

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

  flow

  ------------------------------------------------*/
#new .sub .flow h2,
#new .sub .flow h4,
#function_flow .flow h2,
#function_flow .flow h4{
  color: #008cd7;
}

#new .sub .flow .content > ul > li,
#function_flow .flow .content > ul > li{
  position: relative;
}

#new .sub .flow .content > ul > li:not(:last-child),
#function_flow .flow .content > ul > li:not(:last-child){
  margin-bottom: 100px;
}

#new .sub .flow .content > ul > li:before,
#function_flow .flow .content > ul > li:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_step.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 55px;
  height: 30px;
  bottom: -70px;
  left: 0;
  right: 0;
  margin: auto;
}

#new .sub .flow .content > ul > li:last-child:before,
#function_flow .flow .content > ul > li:last-child:before{
  content: none;
}

#new .sub .flow li .ttl_box,
#function_flow .flow li .ttl_box{
  display: flex;
  align-items: stretch;
  margin-bottom: 0;
}

#new .sub .flow h3,
#function_flow .flow h3{
  color: #fff;
  text-align: left;
  flex: 1 1 0%;
  background: #66bbe7;
  padding: 16px 20px 16px 45px;
}

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

#new .sub .flow li .ttl_box p,
#function_flow .flow li .ttl_box p{
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  line-height: 1;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 130px;
  background: #008cd7;
  padding: 21px 5px 20px 15px;
}

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

#new .sub .flow li .ttl_box p:after,
#function_flow .flow li .ttl_box p:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  top: 0;
  right: -24px;
  border-style: solid;
  border-color: transparent transparent transparent #008cd7;
  border-width: 33px 0 32px 1em;
  z-index: 10;
}

#new .sub .flow .row01 .ttl_box br,
#new .sub .flow .row02 .ttl_box br,
#function_flow .flow .row01 .ttl_box br,
#function_flow .flow .row02 .ttl_box br{
  display: none;
}

#new .sub .flow_box,
#function_flow .flow_box{
  display: flex;
  border: 3px solid #ddd;
  border-top: none;
}

#new .sub .flow h4,
#function_flow .flow h4{
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}

#new .sub .flow h5,
#function_flow .flow h5{
  color: #fff;
  font-weight: normal;
  background: #66bbe7;
  display: inline-block;
  border-radius: 6px;
  padding: 5px 15px 3px;
  margin-bottom: 20px;
}

#new .sub .flow .img_box,
#function_flow .flow .img_box{
  flex: 0 0 342px;
  display: block;
}

#new .sub .flow .img_box img,
#function_flow .flow .img_box img{
  max-width: 100% !important;
  height: 100%;
  min-width: 0;
  min-height: 0;
  top: 0;
  left: 0;
  object-fit: cover;
  transform: none;
}

#new .sub .flow .txt_box,
#function_flow .flow .txt_box{
  flex: 1 1 0%;
  text-align: left;
  padding: 30px 40px;
}

#new .sub .flow .tel,
#function_flow .flow .tel{
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

#new .sub .flow .tel a,
#function_flow .flow .tel a{
  color: #008cd7;
  font-size: 3.2rem;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-right: 2px;
  padding-left: 40px;
  position: relative;
}

#new .sub .flow .tel a:before,
#function_flow .flow .tel a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/tel_icon_blue.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .flow .frame .txt_box .tel p,
#function_flow .flow .frame .txt_box .tel p{
  color: #000;
  font-size: 1.5rem;
  margin-bottom: 0;
}

#new .sub .flow .btn,
#function_flow .flow .btn{
  text-align: left;
}

#new .sub .flow .btn a,
#function_flow .flow .btn a{
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 2px;
  text-align: center;
  width: auto;
  background: #002f59;
  border-radius: 6px;
  border: none;
}

#new .sub .flow .btn a:after,
#function_flow .flow .btn a:after{
  content: none;
}

#new .sub .flow .btn a:hover,
#function_flow .flow .btn a:hover{
  background: #ff7228;
}

/*--------------------------------------------------
  flow frame
  ------------------------------------------------*/
#new .sub .flow .frame .flow_box,
#function_flow .flow .frame .flow_box{
  padding: 40px;
}

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

#new .sub .flow .frame .img_box img,
#function_flow .flow .frame .img_box img{
  height: auto;
}

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

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

#new .sub .flow li:first-child .txt_box p,
#function_flow .flow li:first-child .txt_box p{
  margin-bottom: 15px;
}

#new .sub .flow li:nth-child(6) .txt_box p,
#function_flow .flow li:nth-child(6) .txt_box p{
  margin-bottom: 20px;
}

#new .sub .flow .frame li,
#function_flow .flow .frame li{
  line-height: 1.8;
}


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

  top faq

  ------------------------------------------------*/
#new .top_faq{
  background: #e6eff8;
/*  background: #f2f3f4;*/
}

/*
#new .top_faq h2{
  color: #008cd7;
}
*/

#new .top_faq .btn{
  margin-top: 50px;
}

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

  sub faq

  ------------------------------------------------*/
#new .sub .faq h2,
#new .sub .faq h3{
  color: #008cd7;
}

#new .sub .faq_list > div:nth-child(odd){
  background: #e6eff8;
}

/*--------------------------------------------------
  faq icon
  ------------------------------------------------*/
#new .sub .faq .list_box{
  max-width: 800px;
  display: flex;
  margin: 0 auto;
}

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

#new .sub .faq .list_box li:last-child{
  margin-right: 0;
}

#new .sub .faq .list_box a:hover{
  opacity: 0.7;
}

#new .sub .faq .list_box .img_box{
  width: 110px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}

#new .sub .faq .list_box h3{
  font-size: 1.8rem;
  text-align: center;
}

/*--------------------------------------------------
  faq accordion
  ------------------------------------------------*/
#new .top_faq .accordion li,
#new .sub .faq .accordion li{
  text-align: left;
}

#new .top_faq .accordion li:not(:last-child),
#new .sub .faq .accordion li:not(:last-child){
  margin-bottom: 15px;
}

#new .sub .faq_list h3{
  text-align: center;
  margin-bottom: 60px;
}

#new .top_faq .accordion h3,
#new .sub .faq .accordion h4{
  font-size: 1.8rem;
  font-weight: normal;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  padding: 15px 50px 13px 65px;
}

#new .top_faq .accordion h3.active,
#new .sub .faq .accordion h4.active{
  border-radius: 6px 6px 0 0;
}

#new .top_faq .accordion h3:before,
#new .sub .faq .accordion h4:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/faq/faq_icon.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 13px;
  left: 20px;
}

#new .top_faq .accordion h3:after,
#new .sub .faq .accordion h4:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/acdion_plus.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .top_faq .accordion h3.active:after,
#new .sub .faq .accordion h4.active:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/acdion_minus.png) no-repeat 0 0;
  background-size: 100%;
}

#new .top_faq .faq_list > div:nth-child(odd) .accordion h3,
#new .top_faq .faq_list > div:nth-child(odd) .accordion .txt_box,
#new .sub .faq_list > div:nth-child(odd) .accordion h4,
#new .sub .faq_list > div:nth-child(odd) .accordion .txt_box{
  background: #fff;
}

#new .sub .faq_list > div:nth-child(even) .accordion h4,
#new .sub .faq_list > div:nth-child(even) .accordion .txt_box{
  background: #ebeff6;
}

#new .top_faq .accordion .txt_box,
#new .sub .faq .accordion .txt_box{
  display: none;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  padding: 15px 20px 13px 65px;
  position: relative;
}

#new .top_faq .accordion .txt_box:before,
#new .sub .faq .accordion .txt_box:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/faq/faq_icon_robo.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 13px;
  left: 20px;
}

#new .top_faq .accordion .txt_box p:not(:last-child),
#new .sub .faq .accordion .txt_box p:not(:last-child){
  display: block;
  margin-bottom: 15px;
}

#new .top_faq .accordion .txt_box a,
#new .sub .faq .accordion .txt_box a{
  color: #008cd7;
  display: inline-block;
  text-decoration: underline;
}

#new .top_faq .accordion .txt_box span,
#new .sub .faq .accordion .txt_box span{
  display: block;
}

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

  company

  ------------------------------------------------*/
#new .sub .company .content{
  padding: 55px 0;
}

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

#new .sub .company .ttl_box h2{
  margin-bottom: 2px;
}

#new .sub .company .massage_area h3{
  margin-bottom: 50px;
}

#new .sub .company .ttl_box p{
  color: #ccc;
  font-family: 'Arial', sans-serif;
  font-weight: 500;
  letter-spacing: 0.6px;
}

#new .sub .company h3{
  color: #008cd7;
  font-weight: normal;
  text-align: left;
  margin-bottom: 30px;
}

/*--------------------------------------------------
  company massage
  ------------------------------------------------*/
#new .sub .company .massage h3{
  font-size: 2.6rem;
  text-align: center;
}

#new .sub .company .massage_area{
  margin-bottom: 50px;
}

#new .sub .company .massage_box{
  display: flex;
  flex-flow: row-reverse;
}

#new .sub .company .massage_box .txt_box{
  flex: 1 1 0%;
  margin-right: 50px;
  margin-bottom: 20px;
}

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

#new .sub .company .massage .txt_box p:not(:last-child){
  margin-bottom: 20px;
}

#new .sub .company .massage .img_box{
  width: 550px;
}

#new .sub .company .massage .sign{
  width: 282px;
  margin-top: 35px;
  margin-left: auto;
}

#new .sub .company .massage .sign img,
#new .sub .company ul.gallery_box li img{
  max-width: 100% !important;
}

#new .sub .company .txt_blue{
  color: #008cd7;
}

#new .sub .company ul.gallery_box{
  display: flex;
  flex-wrap: wrap;
}

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

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

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

/*--------------------------------------------------
  company team
  ------------------------------------------------*/
#new .sub .company .team{
  background: #ebeff6;
}

#new .sub .company .team .ttl_box p{
  color: #999;
}

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

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

#new .sub .company .team_box{
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 40px;
}

#new .sub .company .team_box:not(:last-child){
  margin-bottom: 30px;
}

#new .sub .company .team .img_box{
  width: 200px;
  margin-right: 40px;
}

#new .sub .company .team .txt_box{
  flex: 1 1 0%;
}

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

/*--------------------------------------------------
  company info
  ------------------------------------------------*/
#new .sub .company table{
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 50px;
}

#new .sub .company table th{
  color: #000;
  font-weight: normal;
  text-align: center;
  width: 20%;
  background: #ebeff6;
}

#new .sub .company table th,
#new .sub .company table td{
  padding: 18px 15px 16px;
}

#new .sub .company table td{
  text-align: left;
}

#new .sub .company table a{
  display: inline-block;
}

#new .sub .company table a:hover{
  text-decoration: underline;
}

#new .sub .company table ul li{
  padding-left: 14px;
  position: relative;
}

#new .sub .company table ul li:before{
  content: '';
  width: 5px;
  height: 5px;
  background: #008cd7;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 2px;
}

#new .sub .company table ul li:not(:last-child){
  margin-bottom: 3px;
}

/*--------------------------------------------------
  company map
  ------------------------------------------------*/
#new .sub .company .map{
  position: relative;
  padding-bottom: 30%;
  height: 0;
  overflow: hidden;
}

#new .sub .company .map iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

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

  privacy policy

  ------------------------------------------------*/
#new .sub .privacy_policy{
  margin: auto;
  padding: 80px 0;
  text-align: left;
}

#new .sub .privacy_policy h2,
#new .sub .privacy_policy h3{
  color: #008cd7;
}

#new .sub .privacy_policy h3{
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#new .sub .privacy_policy .ttl_box p{
  font-size: 1.6rem;
  text-align: left;
}

#new .sub .privacy_policy .ttl_box,
#new .sub .privacy_policy section{
  margin-bottom: 40px;
}

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

#new .sub .privacy_policy section,
#new .sub .privacy_policy h3,
#new .sub .privacy_policy p,
#new .sub .privacy_policy ol{
  text-align: left;
}

#new .sub .privacy_policy section p:not(:last-child),
#new .sub .privacy_policy .mb15{
  margin-bottom: 15px;
}

#new .sub .privacy_policy section p,
#new .sub .privacy_policy p{
  display: block;
}

#new .sub .privacy_policy ol{
  list-style-type: decimal;
}

#new .sub .privacy_policy ol li:not(:last-child){
  margin-bottom: 10px;
}

#new .sub .privacy_policy .txt_right{
  text-align: right;
}

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

  privacy security

  ------------------------------------------------*/
#new .sub .privacy_security  h2{
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

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

  form

  ------------------------------------------------*/
#new .sub .form_area{
  background: #008cd7;
}

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

#new .sub .form_area .col2{
  display: flex;
  flex-flow: row-reverse;
  position: relative;
}

#new .sub .form_area .privacy_area{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 50px;
}

#new .sub .form_area .ttl_box{
  position: absolute;
}

#new .sub .form_area .document_ttl{
  top: 7%;
  left: 13.5%;
}

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

#new .sub .form_area .ttl_box,
#new .sub .form_area .ttl_box h2{
  margin-bottom: 0;
}

#new .sub .form_area .ttl_box h2{
  color: #fff;
}

#new .sub .form_area .txt_area,
#new .sub .form_area .form_box{
  flex: 1 1 0%;
}

#new .sub .form_area .txt_area{
  padding: 50px;
  border: 4px solid #fff;
}

#new .sub .form_area .form_box{
  background: #fff;
  border: 4px solid #fff;
  padding: 40px;
}

/*--------------------------------------------------
  form it
  ------------------------------------------------*/
#new .sub .form_area .it_txt{
  color: #fff;
  display: block;
  margin-bottom: 30px;
}

#new .sub .form_area .it_txt p{
  display: block;
}

#new .sub .form_area .it_txt em{
  color: #008cd7;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 1.4;
  font-weight: bold;
  background: #fcff00;
  display: inline-block;
  padding: 5px 15px 2px;
  margin-bottom: 15px;
}

#new .sub .form_area .it_txt span{
  color: #fcff00;
  font-size: 2rem;
  font-weight: bold;
/*  margin: 0 2px;*/
}

#new .sub .form_area .it_txt span.cost{
  font-size: 1.6rem;
}

#new .sub .form_area .it_txt span.cost strong{
  font-size: 2.2rem;
}

/*--------------------------------------------------
  form it col
  ------------------------------------------------*/
#new .sub .form_area .it_col_box{
  text-align: left;
  display: flex;
  margin-bottom: 40px;
}

#new .sub .form_area .it_col_box .left_box{
  flex: 1 1 0%;
  margin-right: 30px;
}

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

#new .sub .form_area .it_col_box .left_box .start{
  display: block;
  margin: 0 0 10px;
}

#new .sub .form_area .it_col_box .right_box{
  width: 595px;
  background: #002f59;
  border-radius: 10px;
  padding: 15px 20px;
  position: relative;
}

#new .sub .form_area .it_col_box .right_box:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/balloon_arrow.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 15px;
  height: 15px;
  right: 25%;
  bottom: -14px;
}

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

#new .sub .form_area .it_col_box .right_box p:first-child{
  font-weight: bold;
}

#new .sub .form_area .it_col_box .right_box ul li{
  color: #fcff00;
}

#new .sub .form_area .it_col_box .right_box strong{
  color: #fcff00;
  font-size: 1.3rem;
  margin-left: 23px;
  position: relative;
}

#new .sub .form_area .it_col_box .right_box strong:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_double_yellow.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 14px;
  height: 8px;
  left: -18px;
  top: 5px;
}

#new .sub .form_area .it_col_box .right_box em{
  color: #fcff00;
  font-size: 1.8rem;
  background: none;
  padding: 0;
  margin-bottom: 0;
}

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

#new .sub .form_area .it_col_box .right_box span{
  font-size: 1.5rem;
  margin: 0;
}

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

#new .sub .form_area .it_campaign .deadline{
  font-size: 1.6rem;
  margin: 2px -3px 0 -5px;
  display: block;
}

#new .sub .form_area .it_campaign .deadline strong{
  font-size: 1.8rem !important;
  margin: 0 -5px;
}

#new .sub .form_area .it_campaign .right_box .message{
  font-size: 1.5rem;
}

#new .sub .form_area .it_campaign .right_box .caution{
  font-size: 1.3rem;
}

/*--------------------------------------------------
  form_box
  ------------------------------------------------*/
#new .sub .form_box h3{
  font-size: 1.8rem;
  margin-bottom: 10px;
  text-align: left;
}

#new .sub .form_box h3 span{
  color: #fff;
  font-size: 1.3rem;
  font-weight: normal;
  border-radius: 3px;
  padding: 3px 4px;
  margin-left: 12px;
}

#new .sub .form_box .required{
  background: #ee1700;
}

#new .sub .form_box .arbitrary{
  background: #008cd7;
}

#new .sub .form_box ul li{
  margin-bottom: 21px;
}

#new .sub .form_box input,
#new .sub .form_box textarea{
  width: 100%;
  padding: 6px 8px 3px;
}

#new .sub .form_box textarea{
  min-height: 120px;
}

#new .sub .form_box .btn{
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  background: linear-gradient(to left, #ff9e00, #eb434f);
  padding: 15px;
  border: none;
}

#new .sub .form_box .btn:hover{
  opacity: 0.8;
}

#new .sub .form_box .btn_box{
  position: relative;
}

#new .sub .form_box .btn_box:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 8px;
  height: 16px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .form_box ::placeholder{
  color:#aaa;
}

#new .sub .form_box input[type="text"],
#new .sub .form_box input[type="email"],
#new .sub .form_box textarea{
  border: 1px solid #bbb;
  border-radius: 0;
  margin: 0;
}

#new .sub .form_box input[type="text"]:focus,
#new .sub .form_box input[type="email"]:focus,
#new .sub .form_box textarea:focus{
  border: 1px solid #da3c41;
  outline: 0;
}



/*--------------------------------------------------
  form txt area
  ------------------------------------------------*/
#new .sub .form_area .txt_area{
  background: #008cd7;
  display: flex;
  flex-direction: column-reverse;
}

#new .sub .form_area .txt_area p{
  color: #fff;
}

#new .sub .form_area .txt_box{
  margin-top: 60px;
}

#new .sub .form_area .document_box{
  margin-bottom: 50px;
}

#new .sub .form_area .demo_box{
  margin-bottom: 70px;
}

#new .sub .form_area .txt_box .lead{
  font-size: 1.8rem;
  text-align: center;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

#new .sub .form_area .txt_box .lead span{
  color: #fcff00;
  font-weight: bold;
}

#new .sub .form_area .tel_box{
  display: flex;
  align-items: center;
}

#new .sub .form_area .tel_box a{
  color: #fff;
  font-size: 3.8rem;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  letter-spacing: 1.6px;
  display: inline-block;
  padding-left: 45px;
  margin-right: 15px;
  position: relative;
}

#new .sub .form_area .tel_box a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/tel_icon.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .form_area .tel_box .number p{
  text-align: left;
  display: block;
}

#new .sub .form_area .tel_box .number p span{
  display: none;
}

#new .sub .form_area .tel_box .time{
  font-size: 1.4rem;
  border: 1px solid #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 3px 15px 2px;
  margin-top: 30px;
}


/*--------------------------------------------------
  form document 
  ------------------------------------------------*/
#new .sub .form_area .document,
#new .sub .form_area .demo{
  background: #fff;
  border-radius: 8px;
  padding: 30px;
  position: relative;
}

#new .sub .form_area .document h3,
#new .sub .form_area .demo h3{
  color: #008cd7;
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.8px;
  text-align: left;
  margin-bottom: 25px;
}

#new .sub .form_area .document .list ul li,
#new .sub .form_area .demo .list ul li{
  line-height: 1.8;
  margin-left: 10px;
}

#new .sub .form_area .document .list ul li:before,
#new .sub .form_area .demo .list ul li:before{
  content: '';
  background: #000;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  width: 3px;
  height: 3px;
  left: -10px;
  top: -4px;
}

#new .sub .form_area .document p{
  position: absolute;
  width: 320px;
  height: 222px;
  right: -40px;
  bottom: 15px;
}

#new .sub .form_area .document .list{
  text-align: left;
}


/*--------------------------------------------------
  form demo
  ------------------------------------------------*/
#new .sub .form_area .demo .list{
  text-align: left;
  width: 55%;
}

#new .sub .form_area .demo p{
  position: absolute;
  width: 202px;
  height: 134px;
  right: -15px;
  bottom: 30px;
}


/*--------------------------------------------------
  form privacy
  ------------------------------------------------*/
#new .sub .form_area .privacy p,
#new .sub .form_area .privacy a{
  color: #fff;
  font-size: 1.5rem;
}

#new .sub .form_area .privacy p{
  text-align: left;
  letter-spacing: -0.2px;
  display: block;
}

#new .sub .form_area .privacy p:first-child{
  margin-bottom: 10px;
}

#new .sub .form_area .privacy .presented{
  padding-top: 30px;
  text-align: center;
}

#new .sub .form_area .privacy .presented a{
  display: inline-block;
}

#new .sub .form_area .form_logo{
  display: none;
}


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

  archive work

  ------------------------------------------------*/
#new .common_work .content{
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}

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

#new .common_work h2{
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 45px;
}

#new .common_work .ttl_slash{
  text-align: center;
  margin-bottom: 35px;
}

#new .common_work .ttl_slash .txt{
  letter-spacing: 1px;
  display: inline-block;
  padding: 0 25px;
  position: relative;
}

#new .common_work .ttl_slash .txt:before{
  content: '';
  width: 2px;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-30deg);
}
       
#new .common_work .ttl_slash .txt:after{
  content: '';
  width: 2px;
  height: 100%;
  background: #000;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(30deg);
}

#new .common_work h2.ttl_balloon{
  text-align: center;
  letter-spacing: 1px;
  border-radius: 50vh;
  padding: 15px 30px;
  margin-bottom: 50px;
  position: relative;
}

#new .common_work p{
  display: block;
}

#new .common_work em{
  font-style: normal;
}

/*--------------------------------------------------
  slick work
  ------------------------------------------------*/
#new .slick-dots li button:before{
  content: '\2022' !important;
}

#new .common_work .slick-track{
  display: flex;
}

#new .common_work .slick-slide{
  height: auto !important;
}

#new .common_work .slick-slide > div,
#new .common_work .slick-work-box{
  height: 100%;
}

#new .common_work .slick-list{
  position: relative;
}

#new .common_work .slick-prev,
#new .common_work .slick-next{
  z-index: 1;
}

#new .common_work .slick-prev,
#new .common_work .slick-next{
  width: 40px;
  height: 70px;
  background: #fff;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 50%;
}

#new .common_work .slick-prev{
  left: 17%;
}

#new .common_work .slick-next{
  right: 17%;
}

#new .common_work .slick-prev:before,
#new .common_work .slick-next:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .common_work .slick-prev:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/slider_left.png) no-repeat 0 0;
  background-size: 100%;
  left: 13px;
}

#new .common_work .slick-next:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/slider_right.png) no-repeat 0 0;
  background-size: 100%;
  right: 13px;
}

#new .common_work .slick-prev:hover:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/slider_left_hover.png) no-repeat 0 0;
  background-size: 100%;
}

#new .common_work .slick-next:hover:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/slider_right_hover.png) no-repeat 0 0;
  background-size: 100%;
}

#new .common_work .slick-dots{
  position: absolute;
}

#new .common_work .slick-dots li{
  margin: 0 !important;
}

#new .common_work .slick-dots li:not(:last-child){
  margin-right: 2px !important;
}

#new .common_work .slick-dots li button:before{
  color: #008cd7;
  font-size: 1rem;
}

/*--------------------------------------------------
  archive work main visual
  ------------------------------------------------*/
#new #archive_work .main_visual{
  background: #e0efff;
}

#new #archive_work .main_visual .content{
  max-width: 1000px;
  margin: 0 auto;
}

#new #archive_work .main_visual .ttl_box{
  margin-bottom: 0;
  position: relative;
}

#new #archive_work .main_visual .ttl_box: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: 280px;
  height: 148px;
  bottom: -50px;
  right: 20px;
}

#new #archive_work .main_visual .ttl_box h2{
  text-align: left;
  margin-bottom: 25px;
}

#new #archive_work .main_visual section .content{
  max-width: 1200px;
  padding: 0 0 80px;
}

#new #archive_work .main_visual .slick-list{
  overflow: visible !important;
}

#new #archive_work .main_visual .slick-slide > div{
  max-width: 1000px;
  margin: 0 auto;
}

#new #archive_work .main_visual .slick-work-box a{
  display: flex;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  height: 100%;
  padding: 30px;
  position: relative;
}

#new #archive_work .main_visual .slick-work-box .img_box{
  width: 100%;
  max-width: 498px;
  margin-right: 30px;
  position: relative;
}

#new #archive_work .main_visual .slick-work-box .img_box img{
  width: auto;
  max-height: 100%;
  height: auto;
}

#new #archive_work .main_visual .slick-work-box .img_box p{
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  background: linear-gradient(135deg, #00a0e9, #50c6c0);
  padding: 13px 10px 9px;
  position: absolute;
  top: -15px;
  left: -15px;
}

#new #archive_work .main_visual .slick-work-box .img_box p span{
  font-style: italic;
  margin-left: 1px;
}

#new #archive_work .main_visual .slick-work-box .txt_box{
  flex: 1 1 0%;
}

#new #archive_work .main_visual .slick-work-box h3{
  color: #008cd7;
  font-size: 1.9rem;
  text-align: left;
  margin-bottom: 20px;
}

#new #archive_work .main_visual .slick-work-box h4{
  text-align: left;
}

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

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

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

#new #archive_work .main_visual .slick-dots{
  bottom: -40px;
  z-index: 2;
}

/*--------------------------------------------------
  archive work search
  ------------------------------------------------*/
#new #archive_work .search section{
  position: relative;
}

#new #archive_work .search section:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/robo_search.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 100px;
  height: 78px;
  top: -78px;
  right: 27%;
}

#new #archive_work .search .tab{
  display: flex;
  flex-wrap: wrap;
}

#new #archive_work .search .tab li{
  width: calc(25% - 45px / 4);
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

#new #archive_work .search .tab li:not(:last-child){
  margin-right: 15px;
}

#new #archive_work .search .tab li a{
  background: #35567a;
  display: block;
  padding: 13px 15px;
}

#new #archive_work .search .tab li a:hover{
  opacity: 0.8;
}

#new #archive_work .search .tab li.active a{
  background: #008cd7;
}

#new #archive_work .search .tab li h3{
  color: #fff;
  font-size: 2rem;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 1px;
}

#new #archive_work .search .tab li h3 span{
  font-weight: normal;
  line-height: 1;
  margin: 0 -2px;
}

#new #archive_work .search .tab li h3 em{
  line-height: 1.2;
}

#new #archive_work .search .category{
  background: #ebeff6;
  display: none;
  opacity: 0;
  padding: 30px;
}

#new #archive_work .search .category.is-active{
  display: block;
  opacity: 1;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

#new #archive_work .search .category ul{
  display: flex;
  flex-wrap: wrap;
}

#new #archive_work .search .category ul li{
  width: calc(20% - 72px / 5);
  margin-right: 18px;
  margin-bottom: 20px;
}

#new #archive_work .search .category ul li:nth-child(5n){
  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: 0;
}

#new #archive_work .search .category a{
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #fff;
  padding: 13px;
}

#new #archive_work .search .category a:hover{
  border: 2px solid #00a0e9;
}

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

#new #archive_work .search .category span{
  font-size: 1.3rem;
  text-align: center;
  line-height: 1;
  min-width: 38px;
  background: #ebeff6;
  border-radius: 25vh;
  padding: 6px 10px 5px;
}

/*--------------------------------------------------
  archive work interview
  ------------------------------------------------*/
#new #archive_work .interview,
#new #related{
  background: #e0efff;
}

#new #archive_work .interview section{
  position: relative;
}

#new #archive_work .interview section:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/robo_interview.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 90px;
  height: 75px;
  top: -75px;
  right: 18%;
}

#new #archive_work .interview ul.list_box > li{
  width: calc(33.3333333% - 80px / 3);
  background: #fff;
  border-radius: 8px;
}

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

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

#new #archive_work .interview ul.list_box > li a,
#new #related .slick-work-box a{
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

#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{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/box_right_blue.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 25px;
  bottom: 25px;
}

#new #archive_work .main_visual .slick-work-box a:hover,
#new #archive_work .interview ul.list_box > li a:hover,
#new #related .slick-work-box a:hover{
  opacity: 0.7;
}

#new #archive_work .interview ul.list_box > li .img_box,
#new #related .slick-work-box .img_box{
  padding: 10px 10px 0;
}

#new #archive_work .interview ul.list_box > li .img_box img,
#new #related .slick-work-box .img_box img{
  height: auto;
  margin-bottom: 10px;
}

#new #archive_work .interview ul.list_box > li .img_box img.logo,
#new #related .slick-work-box .img_box img.logo{
  width: auto;
  max-height: 62px;
  margin: 0 auto;
  margin-bottom: 10px;
}

#new #archive_work .interview ul.list_box > li .txt_box,
#new #related .slick-work-box .txt_box{
  display: flex;
  flex-flow: column;
  padding: 0 25px 15px;
}

#new #archive_work .interview li h3,
#new #related h3{
  color: #008cd7;
  font-size: 1.7rem;
  flex-grow: 1;
  margin-bottom: 15px;
}

#new #archive_work .main_visual .slick-work-box h4,
#new #archive_work .interview li h4,
#new #related h4{
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 20px;
}

#new #archive_work .main_visual ul.tag,
#new #archive_work .interview ul.tag,
#new #single_work .introduction_lead ul.tag,
#new #related ul.tag{
  display: flex;
  flex-wrap: wrap;
}

#new #archive_work .interview ul.tag,
#new #related ul.tag{
  margin-right: 35px;
}

#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{
  color: #008cd7;
  font-size: 1.2rem;
  line-height: 1;
  border: 1px #008cd7 solid;
  border-radius: 50vh;
  padding: 7px 10px 6px;
  margin-bottom: 10px;
}

#new #archive_work .main_visual ul.tag li:not(:last-child),
#new #archive_work .interview ul.tag li:not(:last-child),
#new #single_work .introduction_lead ul.tag li:not(:last-child),
#new #related ul.tag li:not(:last-child){
  margin-right: 10px;
}

#new #archive_work .interview button,
#new #archive_work .interview .btn a,
#new #related .btn a{
  font-size: 1.7rem;
  border: 2px #008cd7 solid;
}

#new #archive_work .interview button{
  color: #008cd7;
  font-weight: bold;
  line-height: 1.4;
  width: 300px;
  background: #fff;
  border-radius: 50vh;
  display: block;
  cursor: pointer;
  padding: 15px 20px 13px;
  margin: 0 auto;
  margin-top: 10px;
}

#new #archive_work .interview button:hover,
#new #archive_work .interview .btn a:hover,
#new #related .btn a:hover{
  color: #fff;
  background: #008cd7;
}

#new #archive_work .interview button span{
  position: relative;
}

#new #archive_work .interview button span:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/slider_right.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 8px;
  height: 12px;
  right: -42px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform:rotate(90deg);
}

#new #archive_work .interview button:hover span:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/slider_right_hover.png) no-repeat 0 0;
  background-size: 100%;
}

#new #archive_work .interview .btn a:after,
#new #related .btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_right_blue.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new #archive_work .interview .btn a:hover:after,
#new #related .btn a:hover:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_right_white.png) no-repeat 0 0;
  background-size: 100%;
}

/*--------------------------------------------------
  archive work achievement
  ------------------------------------------------*/
#new #archive_work .achievement h2.ttl_balloon{
  color: #008cd7;
  background: #fff;
  border: 3px solid #008cd7;
  margin-bottom: 35px;
}

#new #archive_work .achievement h2.ttl_balloon:before,
#new #archive_work .achievement h2.ttl_balloon:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-width: 18px 15px 0 15px;
  border-style: solid;
}

#new #archive_work .achievement h2.ttl_balloon:before{
  bottom: -19px;
  border-color: #008cd7 transparent transparent transparent;
}

#new #archive_work .achievement h2.ttl_balloon:after{
  bottom: -15px;
  border-color: #fff transparent transparent transparent;
}

#new #archive_work .achievement .ttl_slash{
  margin-bottom: 0;
}

#new #archive_work .achievement ul.voice_logo{
  margin-bottom: 30px;
}

#new #archive_work .achievement .ttl_slash h3{
  font-size: 2rem;
}

#new #archive_work .achievement .ttl_slash h3 br{
  display: none;
}

/*--------------------------------------------------
  archive work favorite
  ------------------------------------------------*/
#new #archive_work .favorite h2.ttl_balloon{
  color: #fff;
  background: #008cd7;
}

#new #archive_work .favorite h2.ttl_balloon:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/robo_favorite.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 110px;
  height: 74px;
  top: -66px;
  right: 0;
  left: 0;
  margin: auto;
}

#new #archive_work .favorite h2.ttl_balloon:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: -17px;
  left: 0;
  right: 0;
  margin: auto;
  border-width: 18px 15px 0 15px;
  border-style: solid;
  border-color: #008cd7 transparent transparent transparent;
}

#new #archive_work .favorite{
  background: #e0efff;
}

#new #archive_work .favorite .content{
  padding: 50px 0 25px;
}

#new #archive_work .favorite ul{
  margin-bottom: 25px;
}

#new #archive_work .favorite ul li{
  display: flex;
  background: #fff;
  border-radius: 8px;
  padding: 30px 40px;
}

#new #archive_work .favorite ul li:not(:last-child){
  margin-bottom: 30px;
}

#new #archive_work .favorite .img_box{
  width: 100%;
  max-width: 116px;
  margin-right: 40px;
}

#new #archive_work .favorite h3{
  color: #008cd7;
  font-size: 2.2rem;
  margin-bottom: 20px;
}

#new #archive_work .favorite strong{
  color: #008cd7;
}

#new #archive_work .favorite .message{
  display: flex;
  align-items: center;
}

#new #archive_work .favorite .message .img_box{
  width: 100%;
  max-width: 188px;
  height: 178px;
}

#new #archive_work .favorite .message h4{
  font-size: 2.6rem;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-top: -10px;
}

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

#new #archive_work .favorite .message span{
  color: #008cd7;
  position: relative;
}

#new #archive_work .favorite .message span:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/smile.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 58px;
  height: 15px;
  left: 10px;
  bottom: -15px;
}

@-moz-document url-prefix(){
  #new #archive_work .favorite .message span:before{
    left: 13px;
    bottom: -12px;
  }
}

/*--------------------------------------------------
  archive work cat
  ------------------------------------------------*/
#new #archive_work_cat.interview h2 span{
  margin-right: -8px;
}

#new #archive_work_cat.interview section:before{
  content: none;
}

#new #archive_work_cat.interview ul.list_box{
  margin-bottom: 10px;
}

#new #archive_work_cat.interview .no_post_txt{
  text-align: center;
  background: #fff;
  border-radius: 8px;
  padding: 50px 30px;
  margin-bottom: 50px;
}

#new #archive_work_cat.interview .page_navi ul{
  margin-bottom: 30px;
}

/*--------------------------------------------------
  single work
  ------------------------------------------------*/
#new #single_work #left_col{
  max-width: 1200px;
  padding: 0 0 50px;
  margin: 0 auto;
}

#new #single_work h2.ttl_gradation{
  color: #fff;
  font-size: 2.4rem;
  text-align: left;
  letter-spacing: 1px;
  background: linear-gradient(to right, #00a0e9, #50c6c0);
  padding: 18px 25px;
  margin-bottom: 40px;
  position: relative;
}

#new #single_work h2.ttl_gradation:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 80px;
  bottom: -17px;
  border-width: 18px 15px 0 15px;
  border-style: solid;
  border-color: #00a0e9 transparent transparent transparent;
}

#new #single_work .ttl_point{
  display: flex;
  align-items: center;
  border-image: linear-gradient(to right, #00a0e9, #50c6c0) 1 / 2px 0;
  margin-bottom: 40px;
}

#new #single_work .ttl_point h3{
  font-size: 2.2rem;
  background: linear-gradient(to right, #00a0e9, #50c6c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 20px;
}

#new #single_work .ttl_point p{
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Arial', sans-serif;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  min-width: 80px;
  max-height: 27px;
  background: linear-gradient(to right, #00a0e9, #50c6c0);
  border-radius: 30vh;
  padding: 3px 10px ;
}

#new #single_work .ttl_point p span{
  font-style: italic;
  margin-left: 1px;
}

#new #single_work .txt_gradation{
  line-height: 1.6;
  background: linear-gradient(to right, #00a0e9, #50c6c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#new #single_work .txt_box p strong{
  color: #008cd7;
}

#new #single_work .txt_box p em{
  font-weight: bold;
}

#new #single_work .txt_box p .marker_half{
  background: linear-gradient(rgba(202, 228, 255, 0) 60%, #cae4ff 60%);
}

#new #single_work .post_content > div:not(:last-child){
  margin-bottom: 50px;
}

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

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

#new #single_work .img_box.img_border_bold{
  border: 7px #e8eaee solid;
}

#new #single_work .img_box.img_border{
  border: 1px #e8eaee solid;
}

#new #single_work .glossary_box{
  display: flex;
}

#new #single_work .glossary_box .img_box{
  width: 120px;
  margin-right: 40px;
}

#new #single_work .flex_col2 .img_box img,
#new #single_work .img_box.img_full img,
#new #single_work .glossary_box .img_box img{
  max-width: 100% !important;
}

#new #single_work .glossary_box .txt_box{
  flex: 1 1 0%;
}

#new #single_work .glossary_box .txt_box{
  flex: 1 1 0%;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #dfe2e9;
  padding: 22px 20px 15px 25px;
  position: relative;
}

#new #single_work .glossary_box .txt_box:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 12px 14px 12px 0;
  border-style: solid;
  border-color: transparent #dfe2e9;
}

#new #single_work .glossary_box .txt_box:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 30px;
  left: -12px;
  border-width: 12px 14px 12px 0;
  border-style: solid;
  border-color: transparent #fff;
}

#new #single_work .glossary_box h4{
  font-size: 1.9rem;
  line-height: 1.3;
  margin-bottom: 12px;
}

#new #single_work .glossary_box h4 em{
  color: #008cd7;
}

#new #single_work .flex_col2{
  display: flex;
}

#new #single_work .flex_col2 .img_box{
  width: 100%;
  max-width: 575px;
  margin-right: 50px;
}

#new #single_work .flex_col2 .txt_box{
  flex: 1 1 0%;
}

#new #single_work .flex_col2.flex_reverse{
  flex-flow: row-reverse;
}

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

#new #single_work .flex_col2.flex_reverse .txt_box{
  margin-right: 50px;
}

#new #single_work ul.flex_table{
  display: flex;
}

#new #single_work ul.flex_table li{
  width: calc(33.3333333% + 1px);
  margin-top: -1px;
  margin-left: -1px;
  border: 1px #ccc solid;
}

#new #single_work ul.flex_table li h4{
  color: #000;
  font-size: 1.7rem;
  text-align: center;
  background: #ebeff6;
  border-bottom: 1px #ccc solid;
  padding: 10px 15px;
}

#new #single_work ul.flex_table li p{
  padding: 10px 15px;
}

#new #single_work ul.flex_table + .caution{
  margin-top: -20px;
}

/*--------------------------------------------------
  single work introduction
  ------------------------------------------------*/
#new #single_work .introduction_lead{
  max-width: 1200px;
  padding: 40px 0 0;
  margin: 0 auto;
}

#new #single_work .introduction_lead .ttl_box{
  margin-bottom: 15px;
}

#new #single_work .introduction_lead .ttl_box h2{
  font-size: 2.6rem;
  text-align: left;
  background: linear-gradient(to right, #00a0e9, #50c6c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}

#new #single_work .introduction_lead .ttl_box p{
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 5px;
}

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

#new #single_work .introduction section.flex_col2{
  margin-bottom: 50px;
}

#new #single_work .introduction .img_box{
  margin-bottom: 0;
  position: relative;
}

#new #single_work .introduction .img_box img.logo{
  width: auto;
  max-height: 50px;
  background: #fff;
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px;
}

#new #single_work .introduction h3:not(.txt){
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  background: linear-gradient(to right, #00a0e9, #50c6c0);
  padding: 14px 20px 13px;
}

#new #single_work .introduction dl div{
  display: flex;
  align-items: center;
  padding: 10px 20px 8px;
}

#new #single_work .introduction dl div:nth-child(2n){
  background: #ebeff6;
}

#new #single_work .introduction dl dt{
  width: 100%;
  max-width: 85px;
  margin-right: 30px;
}

#new #single_work .introduction dl dt,
#new #single_work .introduction dl dd{
  font-size: 1.5rem;
}

#new #single_work .introduction .ttl_slash{
  margin-bottom: 0;
}

#new #single_work .introduction .ttl_slash h3{
  font-size: 2rem;
}

#new #single_work .introduction .ttl_slash h3 em{
  color: #008cd7;
}

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

/*--------------------------------------------------
  single work prologue
  ------------------------------------------------*/
#new #single_work .prologue ul.list_box{
  flex-wrap: nowrap;
}

#new #single_work .prologue ul.list_box li{
  width: calc(33.3333333% + 90px / 3);
  display: flex;
  flex-flow: column;
  position: relative;
}

#new #single_work .prologue ul.list_box li:not(:last-child):after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_glay.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 10px;
  height: 15px;
  top: 48%;
  right: -30px;
}

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

#new #single_work .prologue li h3{
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 8px 8px 0 0;
  padding: 14px 20px 12px 45px;
}

#new #single_work .prologue li.flow_purpose h3{
  background: #777;
}

#new #single_work .prologue li.flow_pick h3{
  background: #00a0e9;
}

#new #single_work .prologue li.flow_effect h3{
  background: #50c6c0;
}

#new #single_work .prologue li h3 span{
  position: relative;
}

#new #single_work .prologue li h3 span:before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new #single_work .prologue li.flow_purpose h3 span:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/icon_purpose.png) no-repeat 0 0;
  background-size: 100%;
  width: 22px;
  height: 22px;
  left: -30px;
}

#new #single_work .prologue li.flow_pick h3 span:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/icon_pick.png) no-repeat 0 0;
  background-size: 100%;
  width: 22px;
  height: 16px;
  left: -30px;
}

#new #single_work .prologue li.flow_effect h3 span:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/icon_effect.png) no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 24px;
  left: -24px;
}

#new #single_work .prologue li .txt_box{
  border: 2px #dfe2e9 solid;
  border-top: none;
  border-radius: 0 0 8px 8px;
  flex-grow: 1;
  padding: 15px 20px;
}

/*--------------------------------------------------
  single work effect
  ------------------------------------------------*/
#new #single_work .effect section:not(:last-child){
  margin-bottom: 50px;
}

/*--------------------------------------------------
  single work company introduction
  ------------------------------------------------*/
#new #single_work .company_introduction{
  display: flex;
  min-height: 260px;
  border: 5px #ebeff6 solid;
  padding: 30px;
}

#new #single_work .company_introduction h3{
  color: #008cd7;
  font-size: 1.7rem;
  margin-bottom: 25px;
}

#new #single_work .company_introduction .left_box{
  width: 100%;
  max-width: 304px;
  height: 100%;
  margin-right: 30px;
}

#new #single_work .company_introduction .img_box{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-height: 172px;
  border: 2px #ebeff6 solid;
  padding: 50px 0;
  margin: 0 auto;
}

#new #single_work .company_introduction .img_box img{
  width: auto;
  max-height: 72px;
}

#new #single_work .company_introduction .right_box{
  flex: 1 1 0%;
}

#new #single_work .company_introduction .txt_box{
  margin-bottom: 18px !important;
}

#new #single_work .company_introduction ul{
  margin-bottom: 25px;
}

#new #single_work .company_introduction ul li{
  display: flex;
  align-items: center;
  padding-left: 16px;
}

#new #single_work .company_introduction li h4,
#new #single_work .company_introduction p{
  font-size: 1.5rem;
}

#new #single_work .company_introduction li h4{
  font-weight: normal;
  width: 45px;
  margin-right: 20px;
  position: relative;
}

#new #single_work .company_introduction li h4:before{
  content: '・';
  position: absolute;
  top: 0;
  left: -16px;
}

#new #single_work .company_introduction li p{
  flex: 1 1 0%;
}

#new #single_work .company_introduction .btn{
  text-align: left;
}

#new #single_work .company_introduction .btn a{
  font-size: 1.5rem;
  text-align: center;
  width: 100%; 
  max-width: 300px;
  border: 2px solid #008cd7;
  padding: 7px 20px;
}

#new #single_work .company_introduction .btn a:after{
  content: none;
}

#new #single_work .company_introduction .btn a span{
  position: relative;
}

#new #single_work .company_introduction .btn a span:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/icon_link.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto;
}

#new #single_work .company_introduction .btn a:hover span:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/icon_link_hover.png) no-repeat 0 0;
  background-size: 100%;
}

/*--------------------------------------------------
  single work improvement
  ------------------------------------------------*/
#new #single_work .improvement{
  display: flex;
  justify-content: space-between;
}

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

#new #single_work .improvement h3{
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6;
  width: 200px;
  height: 200px;
  background: #008cd7;
  border-radius: 100vh;
  padding: 75px 10px;
  position: relative;
}

#new #single_work .improvement h3:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 2px;
  bottom: 17px;
  border-width: 25px 15px 0 15px;
  border-style: solid;
  border-color: #008cd7 transparent transparent transparent;
  transform: rotate(-45deg);
}

#new #single_work .improvement h3 span{
  position: relative;
}

#new #single_work .improvement h3 span:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/icon_pick.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 30px;
  height: 22px;
  top: -35px;
  right: 0;
  left: 0;
  margin: auto;
}

#new #single_work .improvement section{
  flex: 1 1 0%;
}

#new #single_work .improvement ul{
  display: flex;
  justify-content: space-between;
  background: #e0efff;
  border-radius: 8px;
  padding: 30px;
  position: relative;
}

#new #single_work .improvement ul:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/work/robo_improvement.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 106px;
  height: 132px;
  bottom: 10px;
  left: -106px;
}

#new #single_work .improvement ul li{
  width: calc(33.3333333% - 60px / 3);
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

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

#new #single_work .improvement .icon_box{
  padding: 15px 25px 25px;
}

#new #single_work .improvement h4{
  color: #008cd7;
  text-align: center;
  margin-bottom: 15px;
}

#new #single_work .improvement .img_box{
  max-width: 90px;
  margin: 0 auto;
}

#new #single_work .improvement .img_box img{
  max-width: 100% !important;
  margin: 0 auto;
}

#new #single_work .improvement .btn_function a{
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #008cd7;
  padding: 6px 20px;
  position: relative;
}

#new #single_work .improvement .btn_function a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_right_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}

#new #single_work .improvement .btn_function a:hover{
  background: #35567a;
}

/*--------------------------------------------------
  work related
  ------------------------------------------------*/
#new #related .slick-work-box a{
  background: #fff;
  border-radius: 8px;
  margin: 0 20px !important;
}

#new #related .slick-slider-related{
  margin-bottom: 70px !important;
}

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

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

#new #related .slick-dots{
  bottom: -40px;
}

/*--------------------------------------------------
  work contact select
  ------------------------------------------------*/
#new #contact_select .ttl_slash h2{
  font-size: 2.2rem;
  margin-bottom: 0;
}

#new #contact_select .it_txt{
  text-align: center;
  margin-bottom: 45px;
}

#new #contact_select .it_txt p{
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.4px;
  background: #008cd7;
  display: inline-block;
  padding: 10px 10px 8px 15px;
}

#new #contact_select .it_txt em{
  color: #ffff00;
  font-size: 2.2rem;
}

#new #contact_select .it_txt span{
  font-size: 1.6rem;
}

#new #contact_select .it_txt p br{
  display: none;
}

#new #contact_select li{
  display: flex;
  flex-flow: column;
  width: calc(33.3333333% - 76px / 3);
  border-radius: 8px;
  padding: 30px 30px 35px;
}

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

#new #contact_select li.document{
  border: 3px #008cd7 solid;
}

#new #contact_select li.demo{
  border: 3px #ff7575 solid;
}

#new #contact_select li.request{
  border: 3px #00867f solid;
}

#new #contact_select .img_box{
  max-width: 100px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#new #contact_select li h3{
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

#new #contact_select li h3 em{
  position: relative;
}

#new #contact_select li h3 em:before{
  content: '―';
  position: absolute;
  left: -30px;
}

#new #contact_select li h3 em:after{
  content: '―';
  position: absolute;
  right: -30px;
}

#new #contact_select li h3 span{
  font-weight: normal;
  margin: 0 -5px;
}

#new #contact_select li.document h3{
  color: #008cd7;
}

#new #contact_select li.demo h3{
  color: #ff7575;
}

#new #contact_select li.request h3{
  color: #00867f;
}

#new #contact_select li p{
  line-height: 1.6;
  flex-grow: 1;
  margin-bottom: 20px;
}

#new #contact_select li p br{
  display: none;
}

#new #contact_select .btn a{
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.4px;
  width: 100%;
  max-width: 270px;
  border: none;
  padding: 14px 20px 12px;
}

#new #contact_select .btn a:after{
  content: none;
}

#new #contact_select .btn a:hover{
  box-shadow: none;
  transform: translateY(3px);
}

#new #contact_select li.document .btn a{
  background: #00a0e9;
  box-shadow: 0 5px 0 0 rgba(0, 105, 160, 1);
}

#new #contact_select li.demo .btn a{
  background: #ff7575;
  box-shadow: 0 5px 0 0 rgba(190, 89, 87, 1);
}

#new #contact_select li.request .btn a{
  background: #50c6c0;
  box-shadow: 0 5px 0 0 rgba(53, 132, 128, 1);
}

#new #contact_select li.request .btn a span{
  font-weight: normal;
  margin: 0 -4px;
}


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

  agency

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

#new .sub .agency .ttl_box h2{
  margin-bottom: 5px;
}

#new .sub .agency .ttl_box p{
  color: #ccc;
  font-family: 'Arial', sans-serif;
  font-weight: 500;
  letter-spacing: 0.6px;
}

#new .sub .agency .explanation .txt_box{
  text-align: center;
  margin-bottom: 70px;
}

#new .sub .agency .explanation .txt_box h3{
  color: #008cd7;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-bottom: 60px;
}

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

#new .sub .agency .explanation ul{
  display: flex;
  flex-wrap: wrap;
}

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

#new .sub .agency .explanation ul li:last-child{
  margin-right: 0;
}

#new .sub .agency .explanation ul li img{
  width: 124px;
  margin: 0 auto;
  margin-bottom: 30px;
}

#new .sub .agency .explanation ul li h4{
  color: #008cd7;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

#new .sub .agency .explanation ul li{
  text-align: left;
}

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

#new .sub .agency .introduce .content{
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 50px;
}

#new .sub .agency .introduce .img_box{
  display: block;
  flex: 1 1 0%;
  margin-right: 60px;
}

#new .sub .agency .introduce .txt_box{
  width: 526px;
}

#new .sub .agency .introduce .txt_box h3{
  color: #333;
  font-size: 2.6rem;
  text-align: left;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 3px;
  margin-bottom: 40px;
}

#new .sub .agency .introduce .txt_box h3 span{
  color: #008cd7;
}

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

#new .sub .agency .introduce ul li{
  text-align: left;
  background: #f4f6fa;
  border-radius: 6px;
  padding: 12px 20px 12px 55px;
  position: relative;
}

#new .sub .agency .introduce ul li:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/check.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .agency .introduce ul li:not(:last-child){
  margin-bottom: 12px;
}

#new .sub .agency .introduce .agency_btn a{
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 1.6px;
  background: #008cd7;
  padding: 15px 35px 15px 20px;
  position: relative;
}

#new .sub .agency .introduce .agency_btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow_white.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 9px;
  height: 16px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .sub .agency .introduce .agency_btn a:hover{
  opacity: 0.7;
}


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

  lp denshichobo

  ------------------------------------------------*/
#new .denshichobo .visual{
  background: #e0efff;
}

#new .denshichobo .visual .content{
  padding: 60px 0;
  position: relative;
}

#new .denshichobo .visual .sub_ttl{
  position: absolute;
  top: 35px;
  left: -45px;
}

/*--------------------------------------------------
  common
  ------------------------------------------------*/
#new .denshichobo .standby .content,
#new .denshichobo .googledrive .content,
#new .denshichobo .invoice .content{
  max-width: 1000px;
  margin: 0 auto;
}

#new .denshichobo h2, #new .denshichobo h3,
#new .denshichobo h4, #new .denshichobo h5,
#new .denshichobo p, #new .denshichobo ul, #new .denshichobo ol{
  color: #333;
}

#new .denshichobo p, #new .denshichobo ul, #new .denshichobo ol{
  font-size: 1.7rem;
}

#new .denshichobo h2, #new .denshichobo h3,
#new .denshichobo h4, #new .denshichobo h5{
  letter-spacing: 1px;
}

#new .denshichobo .standby .about img,
#new .denshichobo .googledrive img,
#new .denshichobo .invoice img{
  margin: 0 auto;
}

#new .denshichobo .ttl_box{
  display: inline-block;
  margin-bottom: 50px;
}

#new .denshichobo .ttl_box h2,
#new .mutual_link .ttl_box h2{
  color: #333;
  font-size: 3.2rem;
  position: relative;
  display: table-cell;
  margin: 0 auto;
}

#new .denshichobo .ttl_box h2,
#new .mutual_link .about .ttl_box h2{
  padding: 0 45px 0 55px;
}

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

#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{
  content: '';
  position: absolute;
  width: 40px;
  height: 4px;
  background: #333;
  display: inline-block;
  top: 50%;
}

#new .denshichobo .ttl_box h2:before,
#new .mutual_link .ttl_box h2:before{
  left: -5px;
  transform: rotate(60deg);
}

#new .denshichobo .ttl_box h2:after,
#new .mutual_link .ttl_box h2:after{
  transform: rotate(-60deg);
}

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

#new .mutual_link .ttl_box h2:after{
  right: -5px;
}

#new .denshichobo .ttl_box h2 span,
#new .denshichobo .txt_box h3 span,
#new .mutual_link .ttl_box h2 span{
  color: #008cd7;
}

#new .denshichobo .ttl_box h2 br{
  display: none;
}

#new .denshichobo h2.ttl_ribbon,
#new .denshichobo .form_get_around h4.ttl_ribbon{
  color: #fff;
  text-align: center;
  line-height: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  padding-left: 10px;
}

#new .denshichobo h2.ttl_ribbon:before,
#new .denshichobo h2.ttl_ribbon:after,
#new .denshichobo .form_get_around h4.ttl_ribbon:before,
#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  content: '';
  position: absolute;
  height: 48px;
  display: block;
  top: 0;
}

#new .denshichobo .standby h2.ttl_ribbon:before,
#new .denshichobo .standby h2.ttl_ribbon:after{
  border: 25px solid #333;
}

#new .denshichobo .googledrive h2.ttl_ribbon:before,
#new .denshichobo .googledrive h2.ttl_ribbon:after,
#new .denshichobo .form_get_around h4.ttl_ribbon:before,
#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  border: 25px solid #008cd7;
}

#new .denshichobo .standby h2.ttl_ribbon:before,
#new .denshichobo .googledrive h2.ttl_ribbon:before,
#new .denshichobo .form_get_around h4.ttl_ribbon:before{
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

#new .denshichobo .standby h2.ttl_ribbon:after,
#new .denshichobo .googledrive h2.ttl_ribbon:after,
#new .denshichobo .form_get_around h4.ttl_ribbon:after{
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

#new .denshichobo h2.ttl_ribbon span{
  display: block;
  position: relative;
}

#new .denshichobo p,
#new .mutual_link p{
  display: block;
}

#new .denshichobo p.hiragino,
#new .mutual_link p.hiragino{
  font-size: 2rem;
  letter-spacing: 0.6px;
  line-height: 1.6;
}

#new .denshichobo p.caution{
  font-size: 1.5rem;
}

#new .denshichobo em{
  font-style: normal;
}

#new .denshichobo .txt_box .marker_half{
  background: linear-gradient(rgba(255,240,0,0) 50%,#fff000 50%);
}

#new .denshichobo .txt_box p:not(:last-child){
  margin-bottom: 18px;
}

#new .denshichobo div.btn a{
  color: #333;
  font-size: 1.8rem;
  width: auto;
  min-width: 300px;
  background: #fff000;
  border: #333 solid 3px;
  box-shadow: 0 2px 0 #333;
  overflow: hidden;
  padding: 15px 50px 13px 20px;
}

#new .denshichobo div.btn a:hover{
  box-shadow: none;
  transform: translateY(2px);
}

#new .denshichobo div.btn a:before,
#new .denshichobo_form .btn_box:before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: -180px;
  left: 0;
  animation: demo 3s ease-in-out infinite;
}

#new .denshichobo div.btn a:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/denshichobo/arrow_bottom_black.png) no-repeat 0 0;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 20px;
}

#new .denshichobo div.btn a span{
  margin-right: -8px;
}

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

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

/*--------------------------------------------------
  standby
  ------------------------------------------------*/
#new .denshichobo .standby .about img{
  max-width: 348px !important;
}

#new .denshichobo .standby h2.ttl_ribbon{
  font-size: 2.8rem;
  background: #333;
  margin-bottom: 50px;
}

#new .denshichobo .standby p.hiragino em{
  color: #008cd7;
}

#new .denshichobo .search{
  margin-bottom: 50px;
}

#new .denshichobo .search,
#new .denshichobo .save{
  border: #333 solid 3px;
  border-radius: 20px;
}

#new .denshichobo .search h3,
#new .denshichobo .save h3{
  font-size: 2.6rem;
  background: #e0efff;
  border-bottom: #333 solid 3px;
  border-radius: 17px 17px 0 0;
  padding: 10px;
}

#new .denshichobo .search_list{
  display: flex;
  align-items: center;
  padding: 35px 40px;
}

#new .denshichobo .search_list .txt_box{
  text-align: left;
  flex: 1 1 0%;
  margin-right: 30px;
}

#new .denshichobo .search_list .txt_box p{
  margin-bottom: 25px;
}

#new .denshichobo .search_list ol{
  font-weight: bold;
  counter-reset: ol_number;
  padding: 0;
}

#new .denshichobo .search_list ol li{
  font-size: 1.8rem;
  line-height: 1.4;
  padding-left: 25px;
}

#new .denshichobo .search_list ol li:before{
  color: #008cd7;
  counter-increment: ol_number;
  content: counter(ol_number)'.';
  margin-left: -25px;
  margin-right: 7px;
}

#new .denshichobo .search_list ol li:not(:last-child){
  margin-bottom: 10px;
}

#new .denshichobo .search_list .img_box{
  max-width: 280px;
}

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

#new .denshichobo .save_list .save_box > p:first-child{
  margin-bottom: 35px;
}

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

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

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

#new .denshichobo .save_list img{
  max-width: 180px;
  margin: 0 auto;
  margin-bottom: 25px;
}

#new .denshichobo .save_list h4{
  color: #008cd7;
  margin-bottom: 20px;
}

#new .denshichobo .save_list h4 em{
  color: #fff;
  font-size: 1.8rem;
  font-family: 'Arial', sans-serif;
  text-align: center;
  font-weight: bold;
  line-height: 24px;
  background: #008cd7;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

/*--------------------------------------------------
  googledrive
  ------------------------------------------------*/
#new .denshichobo .googledrive{
/*  background: #e0efff;*/
}

#new .denshichobo .googledrive .ttl_box h2 em{
  color: #fff;
  background: #008cd7;
  padding: 1px 7px;
  margin-right: 5px;
  margin-left: 5px;
}

#new .denshichobo .googledrive .about img{
  max-width: 462px !important;
}

#new .denshichobo .googledrive h2.ttl_ribbon{
  font-size: 2.4rem;
  background: #008cd7;
  margin-bottom: 40px;
}

#new .denshichobo .googledrive h2.ttl_ribbon br{
  display: none;
}

#new .denshichobo .googledrive .merits{
  background: #e0efff;
/*  background: #fff;*/
  border-radius: 20px;
  padding: 40px 50px 50px;
}

#new .denshichobo .merits .comment{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 40px;
}

#new .denshichobo .merits .txt_balloon{
  display: inline-block;
  min-width: 120px;
  max-width: 100%;
  background: #fff;
  border: solid 3px #333;
  border-radius: 20px;
  padding: 20px 15px 20px 30px;
  margin-right: 30px;
  position: relative;
}

#new .denshichobo .merits .txt_balloon:before{
  content: '';
  position: absolute;
  top: 40%;
  right: -27px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 18px solid #fff;
  z-index: 2;
}

#new .denshichobo .merits .txt_balloon:after{
  content: '';
  position: absolute;
  top: 40%;
  right: -34px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 20px solid #333;
  z-index: 1;
}

#new .denshichobo .merits .txt_balloon p{
  font-size: 2.2rem;
  font-weight: bold;
  text-align: left;
}

#new .denshichobo .merits .txt_balloon p span{
  color: #008cd7;
}

#new .denshichobo .merits .txt_balloon p em{
  color: #fff;
  background: #008cd7;
  padding: 2px 6px 1px 10px;
  margin-right: 5px;
}

#new .denshichobo .merits .comment .img_box{
  max-width: 180px;
}

#new .denshichobo .merits_list li{
  text-align: left;
/*  background: #e0efff;*/
  background: #fff;
  border: #333 solid 3px;
  border-radius: 20px;
  padding: 30px 30px 35px 35px;
  position: relative;
}

#new .denshichobo .merits_list li:not(:last-child){
  margin-bottom: 50px;
}

#new .denshichobo .merits_list li:before{
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  left: -20px;
  top: -20px;
  z-index: 1;
}

#new .denshichobo .merits_list li:first-child:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/denshichobo//merits01.png) no-repeat 0 0;
  background-size: 100%;
}

#new .denshichobo .merits_list li:nth-child(2):before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/denshichobo//merits02.png) no-repeat 0 0;
  background-size: 100%;
}

#new .denshichobo .merits_list li:nth-child(3):before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/denshichobo//merits03.png) no-repeat 0 0;
  background-size: 100%;
}

#new .denshichobo .merits_list li:last-child:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/denshichobo//merits04.png) no-repeat 0 0;
  background-size: 100%;
}

#new .denshichobo .merits_list li h3{
  margin-left: 15px;
  margin-bottom: 20px;
}

#new .denshichobo .merits_list li h3 span{
  color: #008cd7;
}

#new .denshichobo .merits_list li .col2{
  display: flex;
}

#new .denshichobo .merits_list li .txt_box{
  flex: 1 1 0%;
  margin-right: 30px;
}

#new .denshichobo .merits_list li:nth-child(3) .txt_box{
  margin-right: 0;
}

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

#new .denshichobo .merits_list li:first-child .img_box{
  max-width: 110px;
  margin-top: 0;
}

#new .denshichobo .merits_list li:nth-child(2) .img_box{
  max-width: 170px;
}

#new .denshichobo .merits_list li:last-child .img_box{
  max-width: 148px;
}

#new .denshichobo .merits_list li:last-child{
  display: block;
}

#new .denshichobo .merits_list li div.btn{
  text-align: left;
  margin-top: -50px;
  position: relative;
  z-index: 1;
}

/*--------------------------------------------------
  invoice
  ------------------------------------------------*/
#new .denshichobo .invoice .about{
  margin-bottom: 60px;
}

#new .denshichobo .invoice .about img{
  max-width: 348px !important;
}

#new .denshichobo .invoice .about p.start{
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  background: #008cd7;
  display: inline-block;
  padding: 6px 10px 6px 20px;
}

#new .denshichobo .invoice .about p.hiragino em{
  color: #ff7575;
}

#new .denshichobo .invoice .about .txt_box p:not(:last-child){
  margin-bottom: 30px;
}

#new .denshichobo .invoice_list li{
  background: #fffdd7;
  border-radius: 20px;
  position: relative;
  padding: 30px 40px 40px 30px;
}

#new .denshichobo .invoice_list li:before{
  content: 'CHECK';
  position: absolute;
  color: #fff;
  font-size: 2.1rem;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  width: 120px;
  height: 40px;
  background: #333;
  border-radius: 30px;
  top: -25px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}

#new .denshichobo .invoice_list li:after{
  content: '';
  position: absolute;
  border: 3px #333 solid;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  top: -7px;
  left: -7px;
}

#new .denshichobo .invoice_list li:not(:last-child){
  margin-bottom: 55px;
}

#new .denshichobo .invoice_list li h3{
  margin-bottom: 25px;
}

/*--------------------------------------------------
  form_get_around
  ------------------------------------------------*/
#new .denshichobo .form_get_around{
  background: #e0efff;
}

#new .denshichobo .form_get_around .content{
  padding: 50px 0;
}

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

#new .denshichobo .form_get_around .txt_box{
  max-width: 608px;
  margin-right: 50px;
}

#new .denshichobo .form_get_around .txt_box .lead{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#new .denshichobo .form_get_around .txt_box .now{
  color: #008cd7;
  font-size: 2.8rem;
  text-align: center;
  font-weight: bold;
  line-height: 46px;
  border-radius: 50px;
  background: #fff;
  padding: 2px 28px 2px 35px;
  margin-bottom: 30px;
  position: relative;
}

#new .denshichobo .form_get_around .txt_box .now:after{
  content: '';
  position: absolute;
  top: 95%;
  right: 22%;
  border: 12px solid transparent;
  border-top: 15px solid #fff;
}

#new .denshichobo .form_get_around .txt_box .demo{
  color: #008cd7;
  font-size: 3rem;
  font-weight: bold;
}

#new .denshichobo .form_get_around .txt_box .demo span{
  position: relative;
}

#new .denshichobo .form_get_around .txt_box .demo span:before{
  content: '・';
/*  color: #ff9d9d;*/
  color: #ff7575;
  font-size: 2.4rem;
  position: absolute;
  top: -28px;
  left: 4px;
}

#new .denshichobo .form_get_around h4.ttl_ribbon{
  font-size: 2.8rem;
  letter-spacing: 2px;
  background: #008cd7;
  padding-left: 0;
  padding-right: 10px;
  margin-bottom: 24px;
}

#new .denshichobo .form_get_around h4.ttl_ribbon br{
  display: none;
}

#new .denshichobo .form_get_around .img_document{
  flex: 1 1 0%;
}

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

#new .denshichobo .form_get_around .btn a{
  text-align: center;
  min-width: 530px;
}

/*--------------------------------------------------
  denshichobo form txt
  ------------------------------------------------*/
#new .denshichobo_form_txt{
  background: #e0efff;
}

#new .denshichobo_form_txt .txt_box{
  padding: 0 0 50px;
}

#new .denshichobo_form_txt .ttl_box{
  margin-bottom: 20px;
}

#new .denshichobo_form_txt h3{
  color: #ff7575;
  font-size: 3.2rem;
  position: relative;
  display: table-cell;
  padding: 0 45px;
  margin: 0 auto;
}

#new .denshichobo_form_txt .ttl_box h3:before,
#new .denshichobo_form_txt .ttl_box h3:after{
  content: '';
  position: absolute;
  width: 40px;
  height: 4px;
  background: #ff7575;
  display: inline-block;
  top: 50%;
}

#new .denshichobo_form_txt .ttl_box h3:before{
  left: -5px;
  transform: rotate(60deg);
}

#new .denshichobo_form_txt .ttl_box h3:after{
  right: 0;
  transform: rotate(-60deg);
}

/*--------------------------------------------------
  denshichobo form
  ------------------------------------------------*/
#new .denshichobo_form{
  background: #e0efff;
  padding: 0 30px 50px;
}

#new .denshichobo_form .content{
  max-width: 800px;
  border: 3px #333 solid;
  border-radius: 20px;
  background: #fff;
  padding: 0;
  margin: 0 auto;
}

#new .denshichobo_form h2{
  color: #fff;
  font-size: 2.6rem !important;
  letter-spacing: 1px;
  background: #333;
  border-radius: 10px 10px 0 0;
  padding: 10px;
}

#new .denshichobo_form h3,
#new .mutual_link_form_box h3{
  font-size: 1.8rem;
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

#new .denshichobo_form h3 br{
  display: none;
}

#new .denshichobo_form h3 span,
#new .mutual_link_form_box h3 span{
  color: #fff;
  font-size: 1.2rem;
  background: #eb434f;
  border-radius: 12px;
  padding: 1px 7px 2px;
  margin-left: 10px;
}

#new .denshichobo_form h3 span.arbitrary,
#new .mutual_link_form_box h3 span.arbitrary{
  background: #008cd7;
}

#new .denshichobo_form ul li:not(:last-child),
#new .mutual_link_form_box ul li:not(:last-child){
  margin-bottom: 20px;
}

/*#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{
  max-width: 700px;
  display: block;
  padding: 50px 30px;
  margin: 0 auto;
}

#new .denshichobo_form .form_text,
#new .mutual_link_form_box .form_text{
  width: 100%;
  border: 1px solid #ddd;
  margin: 0;
}

#new .denshichobo_form textarea,
#new .mutual_link_form_box textarea{
  width: 100%;
  resize: vertical;
}

#new .denshichobo_form .btn_box{
  display: inline-block;
  min-width: 540px;
  background: #eb434f;
  box-shadow: 0 3px 0 0 rgba(210, 37, 36, 1);
  border-radius: 50px;
  margin-top: 39px;
  overflow: hidden;
  position: relative;
}

#new .denshichobo_form .btn_box:hover{
  box-shadow: none;
  transform: translateY(3px);
}

#new .denshichobo_form .btn_box:after{
  content: '';
  position: absolute;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/denshichobo/arrow_right_wred.png) no-repeat 0 0;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .denshichobo_form .btn{
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 1px;
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 15px 50px 13px;
}

#new .denshichobo_form input[type="text"],
#new .denshichobo_form input[type="email"],
#new .denshichobo_form textarea,
#new .mutual_link_form_box input[type="text"],
#new .mutual_link_form_box input[type="email"],
#new .mutual_link_form_box input[type="url"],
#new .mutual_link_form_box textarea{
  padding: 6px 8px 3px;
}

#new .denshichobo_form input[type="text"]:focus,
#new .denshichobo_form input[type="email"]:focus,
#new .denshichobo_form textarea:focus,
#new .mutual_link_form_box input[type="text"]:focus,
#new .mutual_link_form_box input[type="email"]:focus,
#new .mutual_link_form_box input[type="url"]:focus,
#new .mutual_link_form_box textarea:focus{
  border: 1px solid #008cd7;
  outline: 0;
}

#new .denshichobo_form ::placeholder,
#new .mutual_link_form_box ::placeholder{
  color:#aaa;
}

/*--------------------------------------------------
  lp denshichobo none
  ------------------------------------------------*/
body.page-id-8033 #bread_crumb,
body.page-id-8033 footer .php_template,
body.page-id-8033 footer .content,
body.page-id-8376 footer .php_template,
body.page-id-8376 footer .content{
  display: none;
}

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

  lp mutual link

  ------------------------------------------------*/
#new .mutual_link .content{
  padding: 80px 0;
  position: relative;
}

#new .mutual_link .content:before{
  content: '';
  position: absolute;
  width: 150px;
  height: 84px;
  top: -30px;
  right: 0;
  left: 0;
  margin: auto;
}

#new .mutual_link .effect .content:before,
#new .mutual_link .publish .content:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/icon_link_white.png) no-repeat 0 0;
  background-size: 100%;
}

#new .mutual_link .about .content:before,
#new .mutual_link .careful .content:before,
#new .mutual_link .mutual_link_form .content:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/icon_link_blue.png) no-repeat 0 0;
  background-size: 100%;
}

#new .mutual_link .about,
#new .mutual_link .careful,
#new .mutual_link .mutual_link_form{
  background: #e0efff;
}

#new .mutual_link .ttl_box{
  display: inline-block;
  margin-bottom: 30px;
}

#new .mutual_link h2, #new .mutual_link h3,
#new .mutual_link h4, #new .mutual_link h5,
#new .mutual_link ul, #new .mutual_link ol,
#new .mutual_link li, #new .mutual_link p{
  color: #333;
}

#new .mutual_link ul, #new .mutual_link ol,
#new .mutual_link li, #new .mutual_link p{
  font-size: 1.7rem;
}

#new .mutual_link h2, #new .mutual_link h3,
#new .mutual_link h4, #new .mutual_link h5{
  letter-spacing: 1px;
}

#new .mutual_link .btn a,
#new .mutual_link_page .btn a{
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 1px;
  max-width: 400px;
  width: auto;
  display: block;
  background: linear-gradient(to right, #5db6e7 0%, #4dc3d0 25%, #4dc3d0 50%, #008cd7 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: all 0.2s ease-out;
  border: none;
  padding: 15px 20px 13px;
}

#new .mutual_link .btn a:hover,
#new .mutual_link_form_box .btn_box:hover,
#new .mutual_link_page .btn a:hover{
  background-position: 100% 50%;
}

#new .mutual_link .btn a:after,
#new .mutual_link_page .btn a:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 15px;
}

#new .mutual_link_form_box .btn_box{
  max-width: 400px;
  width: auto;
  display: block;
  background: linear-gradient(to right, #5db6e7 0%, #4dc3d0 25%, #4dc3d0 50%, #008cd7 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: all 0.2s ease-out;
  border-radius: 50px;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

#new .mutual_link_form_box .btn_box:after{
  content: '';
  position: absolute;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .mutual_link_form_box .btn{
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 1px;
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 15px 20px 13px;
}

/*--------------------------------------------------
  lp mutual link about
  ------------------------------------------------*/
#new .mutual_link .about .illust img{
  max-width: 346px;
  margin: 0 auto;
  margin-bottom: 60px;
}

#new .mutual_link .about .txt_box{
  margin-bottom: 60px;
}

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

#new .mutual_link .about .txt_box em{
  color: #008cd7;
  font-style: normal;
}

#new .mutual_link .about .chart img{
  background: #fff;
  border: 3px #333 solid;
  border-radius: 20px;
  padding: 40px 100px;
}

/*--------------------------------------------------
  lp mutual link effect
  ------------------------------------------------*/
#new .mutual_link .effect ul{
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
  
#new .mutual_link .effect ul li{
  width: calc(33.3333333% - 80px/3);
  border: 3px #333 solid;
  border-radius: 20px;
  padding: 40px;
  position: relative;
}

#new .mutual_link .effect ul li:before{
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  left: -10px;
  top: -10px;
}

#new .mutual_link .effect ul li:first-child:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/number_effect01.png) no-repeat 0 0;
  background-size: 100%;
}

#new .mutual_link .effect ul li:nth-child(2):before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/number_effect02.png) no-repeat 0 0;
  background-size: 100%;
}

#new .mutual_link .effect ul li:last-child:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/number_effect03.png) no-repeat 0 0;
  background-size: 100%;
}

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

#new .mutual_link .effect ul li h3{
  color: #008cd7;
}

#new .mutual_link .effect ul li img{
  max-width: 180px;
  margin: 0 auto;
  margin-bottom: 30px;
}

#new .mutual_link .effect .txt_box{
  text-align: left;
}

#new .mutual_link .effect .txt_box em{
  font-weight: bold;
  font-style: normal;
}

#new .mutual_link .effect .comment{
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -30px;
}

#new .mutual_link .effect .comment .txt_balloon{
  background: #e0efff;
  border-radius: 10px;
  padding: 25px 20px;
  margin-right: 40px;
  position: relative;
}

#new .mutual_link .effect .comment .txt_balloon:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/icon_flash.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 48px;
  height: 48px;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .mutual_link .effect .comment .txt_balloon:after{
  content: '';
  position: absolute;
  top: 50%;
  right: -35px;
  border: 12px solid transparent;
  border-left: 25px #e0efff solid;
  transform: translateY(-50%);
}

#new .mutual_link .effect .comment .txt_balloon p{
  font-size: 1.8rem;
  text-align: left;
  margin-left: 70px;
}

#new .mutual_link .effect .comment .txt_balloon span{
  color: #008cd7;
}

#new .mutual_link .effect .comment img{
  max-width: 184px;
}

/*--------------------------------------------------
  lp mutual link careful
  ------------------------------------------------*/
#new .mutual_link .careful .txt_box{
  background: #fff;
  border: 3px #333 solid;
  border-radius: 20px;
  padding: 35px 40px;
  position: relative;
}

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

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

#new .mutual_link .careful .txt_box .marker_half{
  background: linear-gradient(rgba(255,240,0,0) 60%,#fff000 0%)
}

#new .mutual_link .careful .img_box{
  position: absolute;
  width: 142px;
  height: 184px;
  right: 20px;
  bottom: 20px;
}

/*--------------------------------------------------
  lp mutual link publish
  ------------------------------------------------*/
#new .mutual_link ul.publish_list_box li{
  background: #e0efff;
  border-radius: 20px;
  padding: 40px 50px 50px;
  margin-bottom: 50px;
  position: relative;
}

#new .mutual_link ul.publish_list_box li:before{
  content: '';
  position: absolute;
  width: 110px;
  height: 138px;
  top: -10px;
  left: 50px;
}

#new .mutual_link ul.publish_list_box li.aippear_hp:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/check_publish01.png) no-repeat 0 0;
  background-size: 100%;
}

#new .mutual_link ul.publish_list_box li.aippear_net:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/check_publish02.png) no-repeat 0 0;
  background-size: 100%;
}

#new .mutual_link ul.publish_list_box li.aippear_hp_news:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/mutual_link/check_publish03.png) no-repeat 0 0;
  background-size: 100%;
}

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

#new .mutual_link .publish .lead_box h3{
  font-size: 3.4rem;
  line-height: 1;
  margin-bottom: 15px;
}

#new .mutual_link .publish .lead_box p{
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  max-width: 250px;
  background: #008cd7;
  padding: 6px 10px;
  margin: 0 auto;
}

#new .mutual_link .publish h4{
  margin-bottom: 50px;
}

#new .mutual_link .publish .img_box{
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 50px;
}

#new .mutual_link li.aippear_net img{
  width: auto;
  margin: 0 auto;
}

#new .mutual_link .publish .aippear_net_img{
  position: relative;
}


#new .mutual_link li.aippear_net .img_balloon{
  position: absolute;
  width: 140px;
  height: 140px;
  right: 4%;
  bottom: 15%;
}

#new .mutual_link li.aippear_net .img_illust{
  position: absolute;
  width: 196px;
  height: 192px;
  right: 65px;
  bottom: -20px;
}

#new .mutual_link .publish_notes h3{
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 1px;
  background: #008cd7;
  border-radius: 15px 15px 0 0;
  padding: 10px;
}

#new .mutual_link .publish_notes{
  background: #fff;
  border: 3px #008cd7 solid;
  border-radius: 20px;
  padding: 0;
  z-index: 1;
}

#new .mutual_link .publish_notes ol{
  text-align: left;
  list-style: none;
  counter-reset: item;
  padding-left: 0;
  padding: 20px;
}

#new .mutual_link .publish_notes ol li{
  padding-left: 40px;
  position: relative;
}

#new .mutual_link .publish_notes ol li:first-child{
  padding-left: 32px;
}

#new .mutual_link .publish_notes ol li:not(:last-child){
  margin-bottom: 10px;
}

#new .mutual_link .publish_notes ol li:before{
  content: '';
  position: absolute;
  color: #fff;
  font-size: 1.9rem;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 29px;
  display: inline-block;
  background: #008cd7;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  top: 0;
  left: 0;
  counter-increment: item;
  content: counter(item);
}

/*--------------------------------------------------
  lp mutual link form
  ------------------------------------------------*/
#new .mutual_link_form .ttl_box{
  margin-bottom: 20px;
}

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

#new .mutual_link_form_box{
  max-width: 800px;
  background: #fff;
  border: 3px #333 solid;
  border-radius: 20px;
  padding: 0;
  margin: 0 auto;
}

#new .mutual_link_form_box h4{
  color: #fff;
  font-size: 2.6rem;
  letter-spacing: 1px;
  background: #333;
  border-radius: 15px 15px 0 0;
  padding: 10px;
}

#new .mutual_link_form ul li.publish_txt em{
  font-size: 1.5rem;
  font-style: normal;
  margin-right: -10px;
  margin-left: -5px;
}

#new .mutual_link_form ul li.publish_txt span{
  order: 3;
}

#new .mutual_link_form ul li.file{
  text-align: left;
  margin-top: -8px;
}

#new .mutual_link_form ul li.file h3{
  margin-bottom: 3px;
}

#new .mutual_link_form ul li.file p.caution{
  font-size: 1.4rem;
  margin-bottom: 8px;
}

#new .mutual_link_form div.file_select{
  max-width: 450px;
}

#new .mw_wp_form input[type="file"]{
  color: #008cd7;
  font-size: 1.5rem;
  width: 100%;
}

#new .mw_wp_form input[type="file"]::file-selector-button{
  color: #008cd7;
  font-size: 1.5rem;
  line-height: 1;
  background: #fff;
  border: 1px #008cd7 solid;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px 10px;
  margin-right: 10px;
}

#new .mutual_link_form .mwform-file-delete{
  color: #008cd7;
  font-weight: bold;
  display: inline-block;
  padding-right: 80px;
  margin-top: 5px;
  position: relative;
}

#new .mutual_link_form .mwform-file-delete:before{
  content: '画像を削除';
  background-size: 100%;
  position: absolute;
  font-size: 1.4rem;
  display: inline-block;
  width: 75px;
  height: 25px;
  right: -2px;
  top: 0;
}

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

#new .mutual_link_form .error{
  font-size: 1.4rem;
  text-align: left;
  display: block;
  margin-top: 5px;
}

#new .mutual_link_form ul li.file .error{
  margin-top: 0;
}


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

  mutual link page

  ------------------------------------------------*/
.page-template-page-mutual-link #main_col2,
.page-template-page-service-link #main_col2{
  text-align: left;
}

#new .mutual_link_page .visual,
#new .service_link_page .visual{
  border-bottom: 1px solid #ddd;
}

#new .mutual_link_page .content,
#new .service_link_page .content{
  padding: 45px 0 80px;
}

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

#new .mutual_link_page .date,
#new .service_link_page .date{
  color: #999;
  font-size: 1.5rem;
  padding-left: 20px;
  margin-bottom: 8px;
  position: relative;
}

#new .mutual_link_page .date:before,
#new .service_link_page .date:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/icon_time.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 0;
}

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

#new .mutual_link_page .lead,
#new .service_link_page .lead{
  color: #008cd7;
  font-size: 2.2rem;
  line-height: 1.2;
  display: block;
}

#new .mutual_link_page .lead strong,
#new .service_link_page .lead strong{
  line-height: 1.4;
}

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

#new .mutual_link_page section h2{
  font-size: 2.2rem;
  line-height: 1.5;
  background: #ebeff6;
  border-left: 6px #008cd7 solid;
  padding: 15px 10px 15px 18px;
  margin-bottom: 40px;
}

#new .mutual_link_page section .img_box{
  text-align: center;
  border: 1px #ddd solid;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 35px;
}

#new .mutual_link_page section .img_box img{
  border: 1px #ddd solid;
  margin-bottom: 15px;
}

#new .mutual_link_page section .img_box a{
  color: #999;
  font-size: 1.4rem;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 5px;
}

#new .mutual_link_page section .img_box a:hover{
  color: #008cd7;
  text-decoration: none;
}

#new .mutual_link_page section .txt_box{
  margin-bottom: 35px;
}


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

  service link page

  ------------------------------------------------*/
#new .service_link_page section h2{
  color: #fff;
  font-size: 2.3rem;
  letter-spacing: 0.6px;
  background: linear-gradient(to right, #5db6e7, #4dc3d0);
  padding: 14px 20px 13px 22px;
  margin-bottom: 40px;
}

#new .service_link_page section h3{
  font-size: 2rem;
  display: flex;
  align-items: center;
  background: #ebeff6;
  border-left:none;
  border-radius: 10px;
  padding: 15px 20px 15px 22px;
  margin-bottom: 40px;
  position: relative;
}

#new .service_link_page section h3:after{
  content: '';
  position: absolute;
  border: 12px solid transparent;
  border-top: 15px #ebeff6 solid;
  top: 100%;
  left: 8%;
}

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

#new .service_link_page section h4{
  font-size: 1.8rem;
  margin-bottom: 15px;
}

#new .service_link_page .service_list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#new .service_link_page .service_list > li{
  width: calc(50% - 40px / 2);
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  margin-right: 40px;
  margin-bottom: 50px;
}

#new .service_link_page .service_list > li:nth-child(2n){
  margin-right: 0;
}

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

#new .service_link_page .service_list .img_box{
  text-align: center;
  border: 1px #ddd solid;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 25px;
}

#new .service_link_page .service_list .img_box img{
  border: 1px #ddd solid;
  margin-bottom: 8px;
}

#new .service_link_page .service_list .img_box a{
  color: #999;
  font-size: 1.3rem;
  text-decoration: underline;
  display: inline-block;
}

#new .service_link_page .service_list .img_box a:hover{
  color: #008cd7;
  text-decoration: none;
}

#new .service_link_page .service_list .tag_list{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#new .service_link_page .service_list .tag_list li{
  color: #008cd7;
  font-size: 1.3rem;
  line-height: 1;
  background: #fff;
  border: 1px #008cd7 solid;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 12px 5px;
}

#new .service_link_page .service_list .tag_list li:not(:last-child){
  margin-right: 10px;
}

#new .service_link_page .lead_box .img_box,
#new .service_link_page .message .img_box,
#new .service_link_page .summary .img_box{
  width: 70%;
  margin: 0 auto;
}

#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: 30px;
}

#new .service_link_page section .txt_box:not(:last-child){
  margin-bottom: 25px;
}

#new .service_link_page section .txt_box p{
  display: inline-block;
}

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

#new .service_link_page section .txt_box .marker_half{
  background: linear-gradient(rgba(202, 228, 255, 0) 60%, #cae4ff 60%);
}

#new .service_link_page section .txt_box em{
  font-style: normal;
}

#new .service_link_page section .txt_box em.caution{
  font-size: 1.3rem;
}

#new .service_link_page section .btn_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#new .service_link_page section .btn_box li{
  width: calc(50% - 20px / 2);
  margin-right: 20px;
}

#new .service_link_page section .btn_box li:nth-child(2n){
  margin-right: 0;
}

#new .service_link_page section .btn_box .btn a{
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 1px;
  width: 100%;
  border: none;
  padding: 14px 20px 13px;
}

#new .service_link_page section .btn_box .btn a:after{
  content: '';
  position: absolute;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  width: 18px;
  height: 18px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new .service_link_page section .btn_box .btn a.official{
  background: #00a0e9;
}

#new .service_link_page section .btn_box .btn a.document{
  background: #50c6c0;
}

#new .service_link_page section .btn_box .btn a.official:hover,
#new .service_link_page section .btn_box .btn a.document:hover{
  opacity: 0.7;
}

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

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

#new .service_link_page section .link_box li{
  position: relative;
}

#new .service_link_page section .link_box li:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/right_blue_small.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 5px;
  height: 10px;
  top: 10px;
  left: 0
}

#new .service_link_page section .link_box a{
  color: #008cd7;
  font-size: 1.5rem;
  display: inline-block;
  text-decoration: underline;
  margin-left: 12px;
}

#new .service_link_page section .link_box a:hover{
  text-decoration: none;
}

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

  lp

  ------------------------------------------------*/
.page-template-page-lp #main_col2{
  text-align: left;
}

#new #lp.common h2,
#new #lp.common .contact h2{
  color: #000;
  font-size: 2.8rem;
  letter-spacing: 1px;
  margin-bottom: 0;
}

#new #lp.common h3{
  font-size: 2.2rem;
  letter-spacing: 0.6px;
}

#new #lp.common h4{
  font-size: 1.9rem;
  letter-spacing: 0.6px;
}

#new #lp.common em{
  font-style: normal;
}

#new #lp.common mark{
  font-style: normal;
  display: inline-block;
  background-color: transparent;
}

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

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

#new #lp.common .ttl_box h2 span,
#new #lp.common .ttl_box_sub h2 span{
  color: #00a0ef;
}

#new #lp.common .ttl_box_sub h2{
  text-align: center;
}

#new #lp.common .ttl_box p{
  color: #00a0ef;
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
}

#new #lp.common ruby.aippear{
  ruby-align: center;
}

#new #lp.common ruby.aippear rt{
  margin-left: 10px;
  margin-bottom: -4px;
}

#new #lp.common .flex_box{
  display: flex;
  flex-wrap: wrap;
}

#new #lp.common .flex_box.col3 > li{
  width: calc(33.3333333% - 80px/3);
  margin-right: 40px;
  margin-bottom: 40px;
}

#new #lp.common .flex_box.col3 > li:nth-child(3n){
  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{
  margin-bottom: 0;
}

#new #lp.common .flex_box.col4 > li{
  width: calc(25% - 51px/4);
  margin-bottom: 17px;
}

#new #lp.common .flex_box.col4 > li:not(:last-child){
  margin-right: 17px;
}

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

#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: 0;
}

/*--------------------------------------------------
  lp header
  ------------------------------------------------*/
#lp_header{
  position: fixed;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 11;
}

#lp_header .content{
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
}

#lp_header h1.logo{
  margin-right: auto;
}

#lp_header h1.logo a img{
  max-width: 196px;
  display: inline-block;
}

#lp_header ul li{
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 25px;
}

#lp_header nav a{
  color: #000;
  text-decoration: none;
}

#lp_header nav a:hover{
  color: #00a0ef;
}

#lp_header #menu_box .cv_btn a{
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  height: 70px;
  display: flex;
  align-items: center;
  background: #fff000;
  padding: 0 30px 0 40px;
  transition-duration: 0s;
}

#lp_header #menu_box .cv_btn a:hover{
  color: #fff;
  background: #002f59;
/*  background: #ff6666;*/
}

#lp_header #menu_box .cv_btn a br{
  display: none;
}

#lp_header #menu_box .cv_btn a em{
  font-weight: normal;
  font-style: normal;
  margin-right: -2px;
  margin-left: -2px;
}

/*--------------------------------------------------
  lp footer
  ------------------------------------------------*/
#lp_footer{
  background: #002f59;
}

#lp_footer .menu{
  background: #ebeff6;
  padding: 15px 20px;
}

#lp_footer .menu ul{
  display: flex;
  align-items: center;
  justify-content: center;
}

#lp_footer .menu li{
  line-height: 1.6;
  display: inline-block;
  position: relative;
}

#lp_footer .menu li:not(:first-child):before{
  content: '';
  background: #000;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#lp_footer .menu li a{
  color: #000;
  font-size: 1.3rem;
  text-decoration: none;
  border-left: none;
  padding: 0;
  margin: 0;
}

#lp_footer .menu li a:hover{
  text-decoration: underline;
}

#lp_footer .menu li:not(:first-child) a{
  margin-left: 15px;
}

#lp_footer .menu li:not(:last-child) a{
  margin-right: 15px;
}

#lp_footer .copyright small{
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 1px;
  display: block;
  padding: 18px 20px;
}

#lp_footer .copyright small br{
  display: none;
}

/*--------------------------------------------------
  lp page top
  ------------------------------------------------*/
#lp_footer #page-top{
  display: none;
  position: fixed;
  right: 10px;
  z-index: 10;
}

#lp_footer #page-top.fixed{
  display: block;
}

#lp_footer #page-top a{
  text-align: center;
  line-height: 46px;
  width: 46px;
  height: 46px;
  border-radius: 46vh;
  background: #fff;
  border: 3px #002f59 solid;
  display: block;
  position: relative;
}

#lp_footer #page-top a:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/arrow/pagetop.png) right bottom no-repeat;
  background-size: 100%;
  width: 18px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

#lp_footer #page-top a:hover{
  border: 3px #00a0ef solid;
}

#lp_footer #page-top a:hover:before{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/arrow/pagetop_hover.png) right bottom no-repeat;
  background-size: 100%;
}

#lp_footer #page-top a span{
  display: none;
}

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

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

#new #lp.common .voice .record img{
  max-width: 228px !important;
  margin: 0 auto;
}

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

#new #lp.common .voice ul li:nth-child(2){
  flex-flow: row-reverse;
}

#new #lp.common .voice li.flex_box{
  border: 3px solid #ddd;
}

#new #lp.common .voice li.flex_box .img_box img{
  width: 500px;
  max-width: 100% !important;
  height: 334px;
  object-fit: cover;
}

#new #lp.common .voice li.flex_box .sentence{
  flex: 1 1 0%;
  padding: 33px 40px;
}

#new #lp.common .voice li.flex_box h3{
  color: #00a0ef;
  font-size: 2rem;
  margin-bottom: 20px;
}

#new #lp.common .voice li.flex_box h4{
  font-size: 1.8rem;
  font-weight: bold;
}

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

#new #lp.common .voice li.flex_box .txt_box p:not(:last-child){
  margin-bottom: 10px;
}

/*--------------------------------------------------
  lp faq
  ------------------------------------------------*/
#new #lp.common .faq{
  background: #ebeff6;
}

#new #lp.common .faq h2{
  color: #000;
}

#new #lp.common .faq .accordion li:not(:last-child){
  margin-bottom: 15px;
}

#new #lp.common .accordion h3{
  color: #000;
  font-size: 1.8rem;
  font-weight: normal;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  padding: 19px 50px 16px 65px;
  position: relative;
}

#new #lp.common .accordion h3.active{
    border-radius: 6px 6px 0 0;
}

#new #lp.common .accordion h3:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/faq/faq_icon.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 15px;
  left: 20px;
}

#new #lp.common .accordion h3:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/acdion_plus.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#new #lp.common .accordion h3.active:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/acdion_minus.png) no-repeat 0 0;
  background-size: 100%;
}

#new #lp.common .accordion .txt_box{
  display: none;
  background: #fff;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  padding: 15px 20px 13px 65px;
  position: relative;
}

#new .sub .faq .accordion .txt_box:before{
  content: none;
}

/*--------------------------------------------------
  lp media
  ------------------------------------------------*/
#new #lp.common .media{
  width: 100% !important;
}

#new #lp.common .media ul{
  margin-bottom: 50px;
}

#new #lp.common .media ul > li{
  background: #fff;
  border: 2px solid #ddd;
  width: calc(25% - 51px/4);
  margin-bottom: 17px;
}

#new #lp.common .media ul > li:not(:last-child){
  margin-right: 17px;
}

#new #lp.common .media ul > li:nth-child(4n){
  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: 0;
}

#new #lp.common .media ul > li.jbpress{
  background: #000;
  border: 2px solid #000;
}

#new #lp.common .media ul > li.president{
  background: #011c53;
  border: 2px solid #011c53;
}

#new #lp.common .media ul li img{
  width: auto;
  max-width: 100% !important;
  max-height: 90px;
  margin: 0 auto;
}

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

#new #lp.common .media .other h3 br{
  display: none
}

#new #lp.common .media .other p{
  font-size: 1.4rem;
}

/*--------------------------------------------------
  lp contact
  ------------------------------------------------*/
#new #lp.common .contact{
  max-width: 1000px;
  height: auto;
  background: none;
}

#new #lp.common .contact h2{
  color: #000;
  text-shadow: none;
}

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

#new #lp.common .contact .txt_box{
  text-align: center;
  margin-bottom: 40px;
}

#new #lp.common .contact .txt_box span{
  font-size: 1.4rem;
  display: block;
}

#new #lp.common .contact .txt_box span em{
  color: #df312b;
}

#new #lp.common .contact .it_txt{
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
}

#new #lp.common .contact .it_txt .left_box{
  flex: 1 1 0%;
  margin-right: 30px;
}

#new #lp.common .contact .it_txt .right_box{
  width: 550px;
  background: #fff;
  border: 2px #ddd solid;
  border-radius: 10px;
  padding: 15px 20px;
  position: relative;
}

#new #lp.common .contact .it_txt .right_box:before{
  content: '';
  position: absolute;
  top: 100%;
  left: 7%;
  border-style: solid;
  border-width: 22px 12px 0 12px;
  border-color: #ddd transparent transparent;
  margin-left: -12px;
}

#new #lp.common .contact .it_txt .right_box:after{
  content: '';
  position: absolute;
  top: 100%;
  left: 7%;
  border-style: solid;
  border-width: 18px 10px 0 10px;
  border-color: #fff transparent transparent;
  margin-left: -10px;
}

#new #lp.common .contact .it_txt .left_box .limited{
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  background: #00a0ef;
  display: inline-block;
  padding: 10px 20px 8px;
  margin-bottom: 20px;
}

#new #lp.common .contact .it_txt .left_box mark{
  color: #00a0ef;
}

#new #lp.common .contact .it_txt .left_box mark:first-child{
  display: block;
}

#new #lp.common .contact .it_txt .right_box .case{
  font-weight: bold;
}

#new #lp.common .contact .it_txt .right_box ul li{
  color: #00a0ef;
  font-weight: bold;
}

#new #lp.common .contact .it_txt .right_box strong{
  margin-left: 28px;
  position: relative;
}

#new #lp.common .contact .it_txt .right_box strong:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/double_blue.png) no-repeat 0 0;
  background-size: 100%;
  left: -21px;
  position: absolute;
  width: 14px;
  height: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

#new #lp.common .contact .it_txt .right_box em{
  font-size: 2.2rem;
  background: none;
  padding: 0;
  margin-bottom: 0;
}

#new #lp.common .contact .it_txt .right_box .caution{
  font-size: 1.3rem;
  line-height: 1.6;
}

/*--------------------------------------------------
  lp form
  ------------------------------------------------*/
#new #lp.common .contact .form_box{
  background: #ebeff6;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 40px;
  position: relative;
}

#new #lp.common .contact .form_box:before{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/robo_set.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  width: 140px;
  height: 96px;
  top: -83px;
  right: 0;
  left: 0;
  margin: auto;
}

#new #lp.common .contact li input,
#new #lp.common .contact li textarea{
  border: none;
  border: 2px solid #fff;
  border-radius: 6px;
  padding: 10px 12px;
}

#new #lp.common .contact ::placeholder{
  color:#bbb;
  font-size: 1.4rem;
  line-height: 1.6;
}

#new #lp.common .contact li input:focus,
#new #lp.common .contact li textarea:focus{
  border: 2px solid #00a0ef;
  outline: 0;
}

#new #lp.common .contact li{
  display: flex;
  align-items: baseline;
  line-height: 1;
}

#new #lp.common .contact li:not(:last-child){
  margin-bottom: 25px;
}

#new #lp.common .contact li h3{
  font-size: 1.6rem;
  width: 100%;
  max-width: 270px;
  margin-bottom: 0;
}

#new #lp.common .contact li.company h3{
  color: #000;
  font-weight: bold;
}

#new #lp.common .contact .form_box li em{
  color: #df312b;
}

#new #lp.common .contact li div.entry_field{
  flex: 1 1 0%;
}

#new #lp.common .contact li.user_name input,
#new #lp.common .contact li.mail input,
#new #lp.common .contact li.age input{
  width: 100%;
}
#new #lp.common .contact li.type{
  margin-bottom: 20px;
}

#new #lp.common .contact li.type label{
  line-height: 1.4;
  display: flex;
  align-items: center;
}

#new #lp.common .contact .vertical-item + .vertical-item{
  margin-top: 10px;
}

#new #lp.common .contact li.type input{
  width: 20px;
  margin: -3px 5px 0 0;
}

#new #lp.common .contact li.textarea{
  align-items: flex-start;
}

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

#new #lp.common .contact li.privacy_check .ttl_box{
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

#new #lp.common .contact li.privacy_check label{
  display: flex;
  align-items: baseline;
  flex-flow: row-reverse;
}

#new #lp.common .contact li.privacy_check input{
  width: 20px;
  margin: 0 10px 0 11px;
}

#new #lp.common .contact li.privacy_check span:not(.error){
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.2px;
  font-weight: bold;
  display: inline-block;
}

#new #lp.common .contact li.privacy_check .txt_box{
  text-align: left;
  background: #fff;
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 0;
}

#new #lp.common .contact li.privacy_check h4{
  font-size: 1.4rem;
  margin-bottom: 6px;
}

#new #lp.common .contact li.privacy_check em{
  font-size: 1.7rem;
  font-weight: bold;
}

#new #lp.common .contact li.privacy_check a,
#new #lp.common .contact li.privacy_check p{
  font-size: 1.4rem;
}

#new #lp.common .contact li.privacy_check a{
  color: #008cd7;
  display: inline-block;
  text-decoration: underline;
}

#new #lp.common .contact li.privacy_check a:hover{
  text-decoration: none;
}

#new #lp.common .contact div.btn_box input{
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 1px;
  font-weight: bold;
  width: 300px;
  cursor: pointer;
  padding: 12px;
}

#new #lp.common .contact div.btn_box{
  text-align: center;
}

#new #lp.common .contact div.btn_box input{
  background: #00a0ef;
  border: 2px #00a0ef solid;
  border-radius: 50vh;
}

#new #lp.common .contact div.btn_box input:hover{
  color: #00a0ef;
  background: #fff;
}

#new #lp.common .contact li span.error{
  color: #df312b;
  font-size: 1.2rem;
  display: block;
  margin-top: 10px;
}

#new #lp.common .contact li.privacy_check span.error{
  margin-top: 0;
}

/*--------------------------------------------------
  lp first main visual
  ------------------------------------------------*/
#lp_mv.excel{
  background: linear-gradient(90deg, #002f59 0%, #002f59 50%, #00a0ef 50%, #00a0ef 100%);
  padding-top: 70px;
}

#lp_mv.excel .content{
  max-width: 1200px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  position: relative;
}

#lp_mv.excel .left_box,
#lp_mv.excel .right_box{
  width: 50%;
  box-sizing: border-box;
}

#lp_mv.excel .left_box{
  padding: 40px 40px 40px 0;
  position: relative;
}

#lp_mv.excel .left_box:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 25px 0 25px 25px;
  border-color: transparent #002f59 transparent;
  top: 50%;
  right: -23px;
  margin-top: -25px;
}

#lp_mv.excel .left_box img{
  width: 100%;
  max-width: 560px;
  height: auto;
  display: block;
  margin: 0 auto;
}

#lp_mv.excel .right_box{
  padding: 40px 0 40px 40px;
}

#lp_mv.excel .right_box img{
  width: 100%;
  max-width: 516px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}

#lp_mv.excel .btn{
  margin: 0 auto;
}

#lp_mv.excel .btn a{
  color: #002f59;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  width: 440px;
  background: #fff000;
  border-radius: 50vh;
  display: block;
  text-decoration: none;
  padding: 15px 20px;
  margin: 0 auto;
  position: relative;
  transition-duration: 0s;
}

#lp_mv.excel .btn a:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/arrow/circle_bottom_barkblue.png) right bottom no-repeat;
  background-size: 100%;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

#lp_mv.excel .btn a:hover{
  color: #fff;
  background: #002f59;
}

#lp_mv.excel .btn a:hover:after{
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  transform: rotate(90deg);
}

#lp_mv.excel .btn a span{
  font-weight: normal;
  font-style: normal;
  margin-right: -2px;
  margin-left: -2px;
}

/*--------------------------------------------------
  lp first cv
  ------------------------------------------------*/
#new #lp .first .lp_cv_box{
  background: #e0efff;
}

#new #lp .first .lp_cv_box .content{
  padding: 25px 30px 0;
}

#new #lp .first .lp_cv_box .img_box img{
  max-width: 100% !important;
}

#new #lp .first .lp_cv_box .content.flex_box{
  justify-content: space-between;
  flex-wrap: nowrap;
}

#new #lp .first .lp_cv_box .txt_box.flex_box{
  align-items: center;
  background: none;
}

#new #lp .first .lp_cv_box .txt_box p.limited{
  color: #002f59;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  background: #fff000;
  padding: 8px 10px 8px 12px;
  margin-right: 20px;
}

#new #lp .first .lp_cv_box .txt_box p.date{
  color: #fff;
  font-size: 3rem;
  font-family: 'Arial', sans-serif;
  letter-spacing: 1.6px;
}

#new #lp .first .lp_cv_box .txt_box p.date span{
  font-size: 2rem;
  font-weight: bold;
}

#new #lp .first .lp_cv_box .txt_box p.date em:not(mark em){
  margin-right: -8px;
  margin-left: -8px;
}

#new #lp .first .lp_cv_box .txt_box p.date mark{
  color: #fff000;
  font-size: 2.1rem;
  background-color: transparent;
  margin-left: 15px;
}

#new #lp .first .lp_cv_box .txt_box p.date mark em{
  font-size: 2.2rem;
  display: inline-block;
  transform: rotate(20deg);
  margin-left: -4px;
}

#new #lp .first .lp_cv_box .btn_box{
  background: #002f59;
}

#new #lp .first .lp_cv_box .btn_box .content{
  padding: 15px 30px;
}

#new #lp .first .lp_cv_box .btn a{
  color: #fff;
  width: 410px;
  background: #00a0ef;
  border: none;
  padding: 11px 20px 10px;
  position: relative;
  overflow: hidden;
  transition-duration: 0s;
}

#new #lp .first .lp_cv_box .btn a:before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: -180px;
  left: 0;
  animation: demo 3s ease-in-out infinite;
}

#new #lp .first .lp_cv_box .btn a:after{
  content: '';
  position: absolute;
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/common/arrow/circle_white.png) no-repeat 0 0;
  background-size: 100%;
  width: 18px;
  height: 18px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(90deg);
}

#new #lp .first .lp_cv_box .btn a:hover{
  background: #ff6666;
}

#new #lp .first .lp_cv_box .btn a span{
  font-weight: normal;
  font-style: normal;
  margin-right: -2px;
  margin-left: -2px;
}

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

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

#new #lp .first .trouble ul.flex_box li{
  border-radius: 10px;
  overflow: hidden;
}

#new #lp .first .trouble ul.problems li{
  background: #ebeff6;
}

#new #lp .first .trouble ul.solution li{
  background: #e0efff;
}

#new #lp .first .trouble ul li h3{
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 12px 10px;
  position: relative;
}

#new #lp .first .trouble ul.problems li h3{
  background: #002f59;
}

#new #lp .first .trouble ul.solution li h3{
  background: #00a0ef;
}

#new #lp .first .trouble ul li h3:after{
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  margin-left: -10px;
}

#new #lp .first .trouble ul.problems li h3:after{
  border-color: #002f59 transparent transparent;
}

#new #lp .first .trouble ul.solution li h3:after{
  border-color: #00a0ef transparent transparent;
}

#new #lp .first .trouble ul.flex_box .txt_box{
  padding: 25px 15px 15px;
}

#new #lp .first .trouble ul.flex_box .txt_box img{
  max-width: 240px !important;
  margin: 0 auto;
  margin-bottom: 10px;
}

#new #lp .first .trouble p{
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
}

#new #lp .first .trouble p em{
  margin-right: -3px;
  margin-left: -3px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub{
  margin-bottom: 80px;
  position: relative;
}

#new #lp .first .trouble ul.solution .line span{
  position: relative;
}

#new #lp .first .trouble ul.solution .line span mark{
  line-height: 1.4;
  display: inline-block;
  background: linear-gradient(rgba(179, 223, 252, 0) 50%, #b3dffc 50%);
}

#new #lp .first .trouble ul.solution .line span:before,
#new #lp .first .trouble ul.solution .line span:after{
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background: #000;
  top: 55%;
}

#new #lp .first .trouble ul.solution .line span:before{
  left: -27px;
  transform: rotate(60deg);
}

#new #lp .first .trouble ul.solution .line span:after{
  right: -27px;
  transform: rotate(-60deg);
}

/*--------------------------------------------------
  lp first result
  ------------------------------------------------*/
#new #lp .first .result ul,
#new #lp .first .reason{
  position: relative;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub:after,
#new #lp .first .result ul:after,
#new #lp .first .reason:after{
  content: '';
  background: url(https://aippearnet.com/wp-content/themes/source_tcd045_child/img/lp/common/arrow/double.png) right bottom no-repeat;
  background-size: 100%;
  position: absolute;
  width: 28px;
  height: 34px;
  right: 0;
  left: 0;
  margin: auto;
}

#new #lp .first .result ul:after,
#new #lp .first .reason:after{
  bottom: -20px;
}

#new #lp .first .trouble ul.problems + .ttl_box_sub:after{
  bottom: -50px;
}

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

#new #lp .first .result h3{
  font-size: 2.1rem;
  text-align: center;
  background: #ebeff6;
  padding: 12px 10px 10px;
  margin-bottom: 25px;
}

#new #lp .first .result h3 em{
  font-weight: normal;
  margin-right: -3px;
  margin-left: -3px;
}

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

#new #lp .first .result h4{
  color: #00a0ef;
  font-size: 1.9rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: 25px;
}

#new #lp .first .result ul li img{
  max-width: 100% !important;
  margin: 0 auto;
}

/*--------------------------------------------------
  lp first function
  ------------------------------------------------*/
#new #lp .first .function .ttl_box{
  text-align: center;
}

#new #lp .first .function .ttl_box h2{
  display: inline-block;
  position: relative;
}

#new #lp .first .function .ttl_box h2 br:not(.spon){
  display: inline-block;
}

#new #lp .first .function .ttl_box h2:before,
#new #lp .first .function .ttl_box h2:after{
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background: #000;
  top: 75%;
}

#new #lp .first .function .ttl_box h2:before{
  left: -45px;
  transform: rotate(60deg);
}

#new #lp .first .function .ttl_box h2:after{
  right: -40px;
  transform: rotate(-60deg);
}

#new #lp .first .function picture{
  max-width: 100% !important;
  border: 5px solid #ebeff6;
  display: block;
}

#new #lp .first .function picture img{
  max-width: 100% !important;
}

/*--------------------------------------------------
  lp first reason
  ------------------------------------------------*/
#new #lp .first .reason ul li{
  display: flex;
  flex-flow: column;
  align-items: center;
  border: 3px solid #333;
  border-radius: 10px;
  padding: 25px;
  position: relative;
}

#new #lp .first .reason ul li:before{
  color: #fff;
  position: absolute;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.8px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background: #00a0ef;
  border-radius: 50vh;
  top: -15px;
  left: -15px;
}

#new #lp .first .reason ul li:nth-child(1):before{
  content: '01';
}

#new #lp .first .reason ul li:nth-child(2):before{
  content: '02';
}

#new #lp .first .reason ul li:nth-child(3):before{
  content: '03';
}

#new #lp .first .reason ul li:nth-child(4):before{
  content: '04';
}

#new #lp .first .reason ul li:nth-child(5):before{
  content: '05';
}

#new #lp .first .reason ul li:nth-child(6):before{
  content: '06';
}

#new #lp .first .reason ul li h3,
#new #lp .first .reason ul li h4{
  text-align: center;
}

#new #lp .first .reason ul li h3{
  color: #00a0ef;
  font-size: 2rem;
  display: table-cell;
  position: relative;
  padding: 0 43px 0 40px;
  margin-bottom: 12px;
}

#new #lp .first .reason ul li h3:before,
#new #lp .first .reason ul li h3:after{
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background: #00a0ef;
  top: 55%;
}

#new #lp .first .reason ul li h3:before{
  left: -5px;
  transform: rotate(60deg);
}

#new #lp .first .reason ul li h3:after{
  right: 0;
  transform: rotate(-60deg);
}

#new #lp .first .reason ul li h3 em{
  font-weight: normal;
  margin: 0 -3px;
}

#new #lp .first .reason ul li h4{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
}

#new #lp .first .reason ul li img{
  max-width: 294px !important;
  margin-bottom: 8px;
}

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

  社内追加CSS

  ------------------------------------------------*/
/* お知らせ:バージョンアップ */
#archive_news_list .category.category--18,
#single_news_list .category.category--18,
#single_news #post_meta_top .category.category--18,
#new .news .tab_content .category.category--18 {
	background-color: #faa070;
/*	background-color: #005a5c;*/
/*	background-color: #333;*/
}

/* お知らせ:国からのお知らせ */
#archive_news_list .category.category--19,
#single_news_list .category.category--19,
#single_news #post_meta_top .category.category--19,
#new .news .tab_content .category.category--19 {
}

/* お知らせ:お知らせ */
#archive_news_list .category.category--12,
#single_news_list .category.category--12,
#single_news #post_meta_top .category.category--12,
#new .news .tab_content .category.category--12 {
}

/* お知らせ:メディア掲載 */
#archive_news_list .category.category--7,
#single_news_list .category.category--7,
#single_news #post_meta_top .category.category--7,
#new .news .tab_content .category.category--7 {
}