@charset "UTF-8";

/*=========================== common/header/footer/contact ===========================*/

/*------------------ common ------------------*/
#contents{ box-sizing: border-box; padding-top: 68px; box-sizing: border-box; overflow: hidden;}
body a{ text-decoration: none;}
.section_box{ width: 100%; min-height: 1000px;}
#forte{ background-color: #e6fac8;}
#warranty{ background-color: #ffe1a0;}
#support{ background-color: #ffffff;}
.section_box{ padding:0 50px; box-sizing: border-box; text-align: left; color: #3c3c46;}
.section_box .section_box_inner{ width: 100%; max-width: 1000px; margin: 0 auto; padding: 80px 0; box-sizing: border-box;}
.section_box .section_box_inner .intro_box{ text-align: center; margin-bottom: 50px;}
.section_box .section_box_inner .intro_box .fukidashi { position: relative; display: inline-block; margin-bottom: 50px; padding: 15px 25px; border: 4px solid #004da0; border-radius: 10px; background-color: #ffffff; font-size: 32px;  font-weight: 700; line-height: 1.5; color: #004da0;}
.section_box .section_box_inner .intro_box .fukidashi::before { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 30px 15px 0 15px; border-color: #004da0 transparent transparent; translate: -50% 100%;}
.section_box .section_box_inner .intro_box .fukidashi::after { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 21.1px 10.5px 0 10.5px; border-color: #ffffff transparent transparent; translate: -50% 100%;}
.section_box .section_box_inner .intro_box > p{ text-align: left; font-size: 1.6em; line-height: 1.8; font-weight: 700;}
/*------------------ header ------------------*/
#sell_header{ display: block; z-index: 999; position: fixed; top: 0; right: 0; left: 0; width: 100%; background: #fff; padding:10px 50px; box-sizing: border-box; border-bottom: 4px solid #004da0;}
#sell_header .sell_header_inner{ width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; height: inherit; position: relative;}
#sell_header .sell_header_inner .sell_header_top .header_logo{ width: 147px; height: auto;}
#sell_header .sell_header_inner .sell_header_top .header_logo img{ width: 100%; height: auto;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a{ display: inline-block; position: relative; background-color: #e8383d; color: #fff; font-weight: 700; height: 47px; border-radius: 6px; box-sizing: border-box; box-shadow: 0 5px 0 #ca1c30; z-index: 9;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a span.easy_text{ display: inline-block; font-size: 1.2em; color: #e8383d; background-color: #fff; border: 2px solid #e8383d; border-radius: 50vh; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); padding: 3px 8px; white-space: nowrap; z-index: 10;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div{ display: inline-block; position: relative;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div span.assess_text{ display: block; font-size: 1.6em; color: #fff; line-height: 50px; padding: 5px 15px 0; box-sizing: border-box;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div span.assess_text span{ color: #fff462;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div{ transition: all 0.2s ease-in-out; position: relative;}
@keyframes sheen {
  0% { transform: skewY(-45deg) translateX(0);}
  100% { transform: skewY(-45deg) translateX(30em);}
}
#sell_header .sell_header_inner .sell_nav{ position: static; top: 0; right: -100%; align-items: center; justify-content: center; background: transparent; height: inherit; width: initial; opacity: 1; transition: top 0.6s, right 0.6s, opacity 0.6s;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list{ display: flex; padding-right: 220px;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li{ position: relative;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li a{ color: #004da0; display: inline-block; padding: 15px; font-size: 1.6em; font-weight: 700;}
/*------------------ footer ------------------*/
#sell_footer{ background-color: #004da0; padding: 0 50px; box-sizing: border-box;}
#sell_footer .sell_footer_inner{ width: 100%; max-width: 1000px; margin: 0 auto; padding: 120px 0 80px; box-sizing: border-box;}
#sell_footer .sell_footer_inner .sell_menu_logo{ width: 243px; height: auto; margin: 0 auto 80px;}
#sell_footer .sell_footer_inner .sell_menu_logo img{ width: 100%; height: auto;}
#sell_footer .sell_footer_inner .sell_menu_list{ margin-bottom: 80px;}
#sell_footer .sell_footer_inner .sell_menu_list ul{ display: flex; justify-content: center;}
#sell_footer .sell_footer_inner .sell_menu_list ul li{ margin: 0 20px;}
#sell_footer .sell_footer_inner .sell_menu_list ul li a{ font-size: 1.7em; color: #fff; font-weight: 700;}
#sell_footer .sell_footer_inner .cc{ font-size: 1.5em; color: #fff;}
.pagetop{ position: fixed; width: 130px; height: 120px; right: 2.5%; bottom: -120px; transition: .3s ease-out; z-index: 999;}
.pagetop img{ width: 100%; height: auto;}
.pagetop.is-active { bottom: 0;}
@media screen and (min-width:1000px){
.pagetop:hover{ animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}
}
@keyframes shake-vertical {
  0%,
  100% {
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    transform: translateY(8px);
  }
  80% {
    transform: translateY(6.4px);
  }
  90% {
    transform: translateY(-6.4px);
  }
}
/*------------------ contact ------------------*/
.common_contact{ background-image: url(../images/yellow_dot@2x.png); background-size: 12px 12px; background-repeat: repeat; padding: 0 50px; box-sizing: border-box;}
.common_contact .inner{ width: 100%; max-width: 1000px; margin: 0 auto; padding: 90px 0; box-sizing: border-box; display: flex;}
.common_contact .inner .assessment_btn,
.common_contact .inner .premiumcare_btn{ width: calc(50% - 20px);}
.common_contact .inner .assessment_btn{ margin-right: 40px;}
/*.common_contact .inner .assessment_btn > p,
.common_contact .inner .premiumcare_btn > p{ font-size: 2.5em; font-weight: 700; color: #004da0; margin-bottom: 15px;}
.common_contact .inner .contact_btn a{ display: inline-block; font-weight: 700; position: relative; width: 100%; height: 140px; border-radius: 20px; box-sizing: border-box;}
.common_contact .inner .contact_btn a span.free_text{ display: block; font-size: 3.5em; color: #004da0; background-color: #fedc00; width: 110px; height: 110px; border-radius: 50vh; line-height: 110px; position: absolute; top: -50px; left: -50px;}
.common_contact .inner .contact_btn a span.assess_text{ display: block; padding: 0; width: 100%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.common_contact .inner .assessment_btn .contact_btn a{ background-color: #004da0;}
.common_contact .inner .premiumcare_btn .contact_btn a{ background-color: #fff; border: 4px solid #004da0;}
.common_contact .inner .assessment_btn .contact_btn a span.assess_text{ color: #fff; font-size: 3.5em; line-height: 1.2em;}
.common_contact .inner .premiumcare_btn .contact_btn a span.assess_text{ color: #004da0; font-size: 3em; line-height: 1.2em;}*/
.common_contact .inner .assessment_btn a{ display: block; background-color: #e8383d; color: #fff; font-weight: 700; height: 110px; border-radius: 12px; box-sizing: border-box; box-shadow: 0 10px 0 #ca1c30; z-index: 9; transition: all 0.2s ease-in-out; position: relative;}
.common_contact .inner .assessment_btn a span.easy_text{ display: inline-block; font-size: 2.2em; color: #e8383d; background-color: #fff; border: 2px solid #e8383d; border-radius: 50vh; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); padding: 6px 16px; white-space: nowrap; z-index: 10;}
.common_contact .inner .assessment_btn a div{ width: 100%; display: inline-block; height: 100%; position: relative;}
.common_contact .inner .assessment_btn a div span.assess_text{ display: block; font-size: 3em; color: #fff; line-height: 110px; padding: 8px 15px 0; box-sizing: border-box;}
.common_contact .inner .assessment_btn a div span.assess_text span{ color: #fff462;}
.common_contact .inner .premiumcare_btn a{ display: block; background-color: #004da0; color: #fff; font-weight: 700; height: 110px; border-radius: 12px; box-sizing: border-box; box-shadow: 0 10px 0 #004280; z-index: 9; transition: all 0.2s ease-in-out; position: relative;}
.common_contact .inner .premiumcare_btn a span.easy_text{ display: inline-block; font-size: 2.2em; color: #004da0; background-color: #fff; border: 2px solid #004da0; border-radius: 50vh; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); padding: 6px 16px; white-space: nowrap; z-index: 10;}
.common_contact .inner .premiumcare_btn a div{ width: 100%; display: inline-block; height: 100%; position: relative;}
.common_contact .inner .premiumcare_btn a div span.assess_text{ display: block; font-size: 2.7em; color: #fff; line-height: 1.3em; padding: 30px 15px 0; box-sizing: border-box;}
.common_contact .inner .premiumcare_btn a div span.assess_text span{ color: #fff462;}


@media screen and (min-width:1000px){
#sell_header .sell_header_inner .assessment_btn{ position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
/*------------------ header ------------------*/
    #sell_header .sell_header_inner .sell_header_top .assessment_btn a{ transition: all 0.2s ease-in-out;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div{ overflow-x: clip;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div:before{content: ""; background-color: rgba(255,255,255,0.5); height: 100%; width: 5em; display: block; position: absolute; top: 0; left: -7.5em; transform: skewX(-45deg) translateX(0); transition: none; overflow: hidden;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a:hover{ box-shadow: none; transform: translateY(5px);}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a:hover div:before{transform: skewX(-45deg) translateX(31em); transition: all 0.5s ease-in-out;}
.common_contact .inner .assessment_btn a div{ overflow-x: clip;}
.common_contact .inner .assessment_btn a div:before{content: ""; background-color: rgba(255,255,255,0.5); height: 100%; width: 7em; display: block; position: absolute; top: 0; left: -12em; transform: skewX(-45deg) translateX(0); transition: none; overflow: hidden;}
.common_contact .inner .assessment_btn a:hover{ box-shadow: none; transform: translateY(5px);}
.common_contact .inner .assessment_btn a:hover div:before{transform: skewX(-45deg) translateX(65em); transition: all 0.5s ease-in-out;}
.common_contact .inner .premiumcare_btn a div{ overflow-x: clip;}
.common_contact .inner .premiumcare_btn a div:before{content: ""; background-color: rgba(255,255,255,0.5); height: 100%; width: 7em; display: block; position: absolute; top: 0; left: -12em; transform: skewX(-45deg) translateX(0); transition: none; overflow: hidden;}
.common_contact .inner .premiumcare_btn a:hover{ box-shadow: none; transform: translateY(5px);}
.common_contact .inner .premiumcare_btn a:hover div:before{transform: skewX(-45deg) translateX(65em); transition: all 0.5s ease-in-out;}
}

@media screen and (max-width:999px){
/*------------------ common ------------------*/
#contents{ padding-top: 124px;}
.section_box .section_box_inner{ padding: 50px 0;}
.section_box .section_box_inner .intro_box{ margin-bottom: 40px;}
.section_box .section_box_inner .intro_box .fukidashi { margin-bottom: 40px; padding: 10px 20px; font-size: 2.5em;}
.section_box .section_box_inner .intro_box > p{font-size: 1.5em;}
/*------------------ header ------------------*/
#sell_header{ padding: 0;}
#sell_header .sell_header_inner{ display: block;}
#sell_header .sell_header_inner .sell_header_top{ display: flex; align-items: center; justify-content: space-between; padding: 15px 30px 10px;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list{ padding-right: 0;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li{ width: calc(100% / 3); border-right: 1px solid #004da0;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li:last-child{ border-right: none;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li a { display: block; font-size: 1.8em; padding: 15px;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a span.easy_text{ top: -10px;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div span.assess_text{ font-size: 1.8em;}
/*------------------ contact ------------------*/
.common_contact .inner{ padding: 50px 0;}
.common_contact .inner .assessment_btn,
.common_contact .inner .premiumcare_btn{ width: calc(50% - 10px);}
.common_contact .inner .assessment_btn{ margin-right: 20px;}
/*.common_contact .inner .assessment_btn > p,
.common_contact .inner .premiumcare_btn > p{ font-size: 2em; margin-bottom: 10px;}
.common_contact .inner .contact_btn a{ height: 100px;}
.common_contact .inner .contact_btn a span.free_text{ font-size: 2.5em; width: 90px; height: 90px; line-height: 90px; top: -50px; left: -50px;}
.common_contact .inner .assessment_btn .contact_btn a span.assess_text{ font-size: 2.8em;}
.common_contact .inner .premiumcare_btn .contact_btn a span.assess_text{ font-size: 2.4em;}*/
.common_contact .inner .assessment_btn a{ height: 90px; border-radius: 12px; box-shadow: 0 7px 0 #ca1c30;}
.common_contact .inner .assessment_btn a span.easy_text{ font-size: 1.8em;}
.common_contact .inner .assessment_btn a div span.assess_text{ font-size: 2.4em; line-height: 90px; padding: 8px 15px 0;}
.common_contact .inner .premiumcare_btn a{ height: 90px; border-radius: 12px; box-shadow: 0 7px 0 #004280;}
.common_contact .inner .premiumcare_btn a span.easy_text{ font-size: 1.6em;}
.common_contact .inner .premiumcare_btn a div span.assess_text{ font-size: 2em; padding: 30px 15px 0;}

}

@media screen and (min-width: 768px){
/*------------------ common ------------------*/
.pc_none{ display: none;}
/*------------------ header ------------------*/
#sell_header .sell_header_inner .sell_nav .sell_nav_list li a,
#sell_footer .sell_footer_inner .sell_menu_list ul li a{ transition: all 0.3s;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li a:hover,
#sell_footer .sell_footer_inner .sell_menu_list ul li a:hover{ opacity: 0.5;}
}

@media screen and (max-width: 767px){
/*------------------ common ------------------*/
.sp_none{ display: none;}
#contents{ padding-top: 102px;}
.section_box{ padding:0 20px;}
.section_box .section_box_inner{ padding: 30px 0;}
.section_box .section_box_inner .intro_box{ margin-bottom: 30px;}
.section_box .section_box_inner .intro_box .fukidashi { margin-bottom: 30px; padding: 10px 15px; border: 2px solid #004da0; border-radius: 10px; background-color: #ffffff; font-size: 2em;}
.section_box .section_box_inner .intro_box .fukidashi::before { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 20px 10px 0 10px; border-color: #004da0 transparent transparent; translate: -50% 100%;}
.section_box .section_box_inner .intro_box .fukidashi::after { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 15.1px 7.5px 0 7.5px; border-color: #ffffff transparent transparent; translate: -50% 100%;}
.section_box .section_box_inner .intro_box > p{ font-size: 1.3em; line-height: 1.7;}
/*------------------ header ------------------*/
#sell_header .sell_header_inner .sell_header_top{ padding: 10px 20px;}
#sell_header .sell_header_inner .sell_header_top .header_logo{ width: 120px;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li a{ font-size: 1.3em; padding: 10px 0;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a{ height: 40px;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div{ height: 40px;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a div span.assess_text{ line-height: 40px; font-size: 1.4em; padding: 7px 10px 0;}
/*------------------ footer ------------------*/
#sell_footer{ padding: 0 20px;}
#sell_footer .sell_footer_inner{ padding: 60px 0 40px;}
#sell_footer .sell_footer_inner .sell_menu_logo{ width: 180px; margin: 0 auto 40px;}
#sell_footer .sell_footer_inner .sell_menu_list{ margin-bottom: 50px;}
#sell_footer .sell_footer_inner .sell_menu_list ul{ display: block;}
#sell_footer .sell_footer_inner .sell_menu_list ul li{ margin: 0 0 20px 0;}
#sell_footer .sell_footer_inner .sell_menu_list ul li a{ font-size: 1.5em;}
#sell_footer .sell_footer_inner .cc{ font-size: 1.3em;}
.pagetop { width: 100px; height: 90px;}
/*------------------ contact ------------------*/
.common_contact{ padding: 0 20px; background-size: 8px 8px;}
.common_contact .inner{ padding: 40px 0; display: block;}
.common_contact .inner .assessment_btn,
.common_contact .inner .premiumcare_btn{ max-width: 360px; width: 100%; margin: 0 auto;}
.common_contact .inner .assessment_btn{ margin-right: auto; margin-bottom: 20px;}
/*.common_contact .inner .assessment_btn > p,
.common_contact .inner .premiumcare_btn > p{ font-size: 1.6em; margin-bottom: 5px;}
.common_contact .inner .contact_btn a{ height: 70px; border-radius: 10px;}
.common_contact .inner .contact_btn a span.free_text{ font-size: 2em; width: 60px; height: 60px; line-height: 60px; top: -25px; left: -10px;}
.common_contact .inner .premiumcare_btn .contact_btn a{ border: 2px solid #004da0;}
.common_contact .inner .assessment_btn .contact_btn a span.assess_text{ font-size: 2.2em;}
.common_contact .inner .premiumcare_btn .contact_btn a span.assess_text{ font-size: 1.8em;}*/
.common_contact .inner .assessment_btn{ margin-bottom: 40px;}
.common_contact .inner .assessment_btn a{ height: 70px; border-radius: 8px; box-shadow: 0 5px 0 #ca1c30;}
.common_contact .inner .assessment_btn a span.easy_text{ font-size: 1.5em;}
.common_contact .inner .assessment_btn a div span.assess_text{ font-size: 2.2em; line-height: 70px; padding: 5px 10px 0;}
.common_contact .inner .premiumcare_btn a{ height: 70px; border-radius: 8px; box-shadow: 0 5px 0 #004280;}
.common_contact .inner .premiumcare_btn a span.easy_text{ font-size: 1.5em;}
.common_contact .inner .premiumcare_btn a div span.assess_text{ font-size: 1.8em; padding: 30px 10px 0;}
}

@media screen and (max-width:374px){
/*------------------ common ------------------*/
#contents{ padding-top: 66px;}
/*------------------ header ------------------*/
#sell_header .sell_header_inner .sell_header_top{ padding: 10px 10px;}
#sell_header .sell_header_inner .sell_header_top .header_logo{ width: 110px;}
#sell_header .sell_header_inner .sell_nav .sell_nav_list li a{ font-size: 1.1em; padding: 10px 0;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a{ height: 40px;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a span.free_text{ width: 46px; height: 46px; line-height: 46px; font-size: 1.4em; left: -25px;}
#sell_header .sell_header_inner .sell_header_top .assessment_btn a span.assess_text{ line-height: 40px; font-size: 1.4em; padding: 0 15px;}
/*------------------ contact ------------------*/
.common_contact .inner{ padding: 30px 0;}
/*.common_contact .inner .assessment_btn > p,
.common_contact .inner .premiumcare_btn > p{ font-size: 1.4em;}
.common_contact .inner .contact_btn a span.free_text{ font-size: 1.8em; width: 50px; height: 50px; line-height: 50px;}
.common_contact .inner .assessment_btn .contact_btn a span.assess_text{ font-size: 2em;}
.common_contact .inner .premiumcare_btn .contact_btn a span.assess_text{ font-size: 1.6em;}*/
.common_contact .inner .assessment_btn{ margin-bottom: 30px;}
.common_contact .inner .assessment_btn a{ height: 60px; border-radius: 8px;}
.common_contact .inner .assessment_btn a span.easy_text{ font-size: 1.3em;}
.common_contact .inner .assessment_btn a div span.assess_text{ font-size: 1.9em;  padding: 0 10px 0;}
.common_contact .inner .premiumcare_btn a{ height: 60px; border-radius: 8px;}
.common_contact .inner .premiumcare_btn a span.easy_text{ font-size: 1.3em;}
.common_contact .inner .premiumcare_btn a div span.assess_text{ font-size: 1.6em; padding: 25px 10px 0;}
}


/*=========================== main_img ===========================*/


#main_visual{ width: 100%; height: 560px; background-image: url(../images/main_img_back.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 0 50px; box-sizing: border-box;}
#main_visual .mv_inner{ width: 100%; max-width: 1000px; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative;}
#main_visual .mv_inner .mv_left{ width: 40%; margin-right: 50px;}
#main_visual .mv_inner .mv_left h1{ width: 100%; max-width: 370px; height: auto; margin: 0 auto 40px;}
#main_visual .mv_inner .mv_left h1 img{ width: 100%; height: auto;}
#main_visual .mv_inner .mv_left ul{ display: flex; justify-content: center;}
#main_visual .mv_inner .mv_left ul li{ width: 130px; position: relative;}
#main_visual .mv_inner .mv_left ul li p{ width: 100%; padding-top: 100%; border-radius: 50vh;}
#main_visual .mv_inner .mv_left ul li p span{ display: block; width: 100%; font-size: 1.8em; line-height: 1.2; color: #fff; font-weight: 700; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#main_visual .mv_inner .mv_left ul li:nth-child(1) p{ background-color: #a0d264;}
#main_visual .mv_inner .mv_left ul li:nth-child(2) p{ background-color: #faaa50;}
#main_visual .mv_inner .mv_left ul li:nth-child(3) p{ background-color: #f58282;}
#main_visual .mv_inner .mv_left ul li:nth-child(1),
#main_visual .mv_inner .mv_left ul li:nth-child(2){ margin-right: 10px;}
#main_visual .mv_inner .mv_right{ width: 60%; height: 100%;}
#main_visual .mv_inner .mv_right .sell_image{ height: 100%;}
#main_visual .mv_inner .mv_right .sell_image span{ display: block; width: 100%; height: 100%; overflow: hidden; padding: 60px 0 120px; box-sizing: border-box;}
#main_visual .mv_inner .mv_right .sell_image span img{ width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
#main_visual .mv_inner .mv_right .towa_towawa{ width: 30%; max-width: 290px; height: auto; position: absolute; bottom: 0px; left: calc(50% + 225px); transform: translateX(-50%);}
#main_visual .mv_inner .mv_right .towa_towawa img{ width: 100%; height: auto;}

@media screen and (max-width:999px){
#main_visual{ height: 500px;}
#main_visual .mv_inner{}
#main_visual .mv_inner .mv_left{ width: calc(50% - 40px); margin-right: 40px;}
#main_visual .mv_inner .mv_left h1{ max-width: 340px;}
#main_visual .mv_inner .mv_left ul li p span{ font-size: 1.4em;}
#main_visual .mv_inner .mv_right{ width: 50%;}
#main_visual .mv_inner .mv_right .sell_image span{ padding: 40px 0 80px;}
#main_visual .mv_inner .mv_right .towa_towawa{ left: 75%;}
}

@media screen and (max-width: 767px){
#main_visual{ height: 530px; background-image: none; position: relative; padding: 0 20px;}
#main_visual:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-image: url(../images/main_img_top_sp.jpg); background-size: inherit; background-position: top; background-repeat: no-repeat;}
#main_visual:after{ content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-image: url(../images/main_img_btm_sp.jpg); background-size: inherit; background-position: bottom; background-repeat: no-repeat;}
#main_visual .mv_inner{ display: block; position: relative; z-index: 10;}
#main_visual .mv_inner .mv_left{ width: 100%; margin-right: 0;}
#main_visual .mv_inner .mv_left h1{ max-width: 300px; margin: 0 auto 20px; padding-top: 40px;}
#main_visual .mv_inner .mv_left ul{ max-width: 300px; margin: 0 auto;}
#main_visual .mv_inner .mv_left ul li{ max-width: 100px;}
#main_visual .mv_inner .mv_left ul li p span{ font-size: 1.3em;}
#main_visual .mv_inner .mv_right{ width: 100%; height: auto;}
#main_visual .mv_inner .mv_right .sell_image{ margin-top: -30px; height: auto;}
#main_visual .mv_inner .mv_right .sell_image span{ height: 180px; padding: 0;}
#main_visual .mv_inner .mv_right .sell_image span img{ height: 180px;}
#main_visual .mv_inner .mv_right .towa_towawa{ max-width: 200px; width: 50%; left: 50%;}
}

@media screen and (max-width:374px){
}


/*=========================== forte ===========================*/


/*------------------ title ------------------*/
#forte_content .content_box{ border: 4px solid #a0d26e; box-sizing: border-box; background-color: #fff; margin-bottom: 30px; border-radius: 10px;}
#forte_content .content_box .content_box_title{ background-color: #a0d26e; box-sizing: border-box; text-align: center; position: relative; height: 90px;}
#forte_content .content_box .content_box_title:before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/forte_title@2x.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
#forte_content .content_box .content_box_title h3{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#forte_content .content_box .content_box_title h3 span{ display: block; position: relative; color: #fff; font-size: 3em; font-weight: 700; padding-left: 70px; white-space: nowrap;}
#forte_content .content_box .content_box_title span:before{ content: ''; display: block; width: 55px; height: 55px; background-size: 55px 55px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#forte_content .content_box.forte01 .content_box_title span:before{ background-image: url(../images/forte_icon01@2x.png);}
#forte_content .content_box.forte02 .content_box_title span:before{ background-image: url(../images/forte_icon02@2x.png);}
#forte_content .content_box.forte03 .content_box_title span:before{ background-image: url(../images/forte_icon03@2x.png);}
#forte_content .content_box.forte04 .content_box_title span:before{ background-image: url(../images/forte_icon04@2x.png);}
#forte_content .content_box .content_box_inner{ padding-bottom: 40px; box-sizing: border-box; text-align: left;}
#forte_content .content_box .content_box_inner > p{ font-size: 1.6em; line-height: 1.6; margin-bottom: 20px;}
/*アコーディオンstart*/
#readMoreBlock{ display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 0; gap: 35px;}
.readMoreInner{ width: 100%; margin: 0 auto; box-sizing: border-box;}
.readMoreContainer{ position: relative; height: auto; max-height: 100px; overflow: hidden; transition: max-height 0.6s;}
.readMoreContainer::after{ content: ""; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; transition: 1s; background: linear-gradient(to bottom, transparent 40%, #ffffff 100%); pointer-events: none;}
.readMoreContainer.show:after{ z-index: -1; opacity: 0;}
/*アコーディオンend*/
#forte_content .content_box .readMoreInner{ padding: 40px;}
#forte_content .content_box .readMoreInner{ border-radius: 3px; background: #FFF;}
#forte_content .content_box .readMoreContainer::after{ background: linear-gradient(to bottom, transparent 40%, #ffffff 100%);}
#forte_content .content_box .readMoreBtn{ display: block; margin: 0 auto; padding: 12px 40px; border: 0; color: #ffffff; background-color: #a0d26e; cursor: pointer; border-radius: 5px; font-size: 1.7em; font-weight: 700; transition: all 0.3s;}
@media screen and (min-width: 768px){
#forte_content .content_box .readMoreBtn:hover{ opacity: 0.5;}
}
/*------------------ point ------------------*/
#forte_content .content_box .point_list{ display: flex; border: 2px solid #a0d26e; box-sizing: border-box; border-radius: 10px;}
#forte_content .content_box .point_list.point_box2 .point_box{ width: 50%;}
#forte_content .content_box .point_list.point_box3 .point_box{ width: 33.33333%;}
#forte_content .content_box .point_list .point_box{ padding: 30px; box-sizing: border-box; border-right: 2px dashed #a0d26e;}
#forte_content .content_box .point_list .point_box:last-child{ border-right: none;}
#forte_content .content_box .point_list .point_box .point_title{ text-align: center;}
#forte_content .content_box .point_list .point_box .point_title .point_icon{ width: 133px; height: auto; margin: 0 auto 20px;}
#forte_content .content_box .point_list .point_box .point_title .point_icon img{ width: 100%; height: auto;}
#forte_content .content_box .point_list .point_box .point_title h4{ font-size: 3em; line-height: 1.2; color: #a0d264; font-weight: 700; margin-bottom: 20px;}
#forte_content .content_box .point_list .point_box .point_text{ font-size: 1.6em; line-height: 1.8;}
#forte_content .content_box .point_list .point_box .point_text span{ background:linear-gradient(transparent 60%, #ffff8c 60%);}
#forte_content .content_box .point_list .point_box .point_text:nth-child(n+2){ margin-top: 20px;}
#forte_content .content_box .point_list .point_box .point_text_list{ font-size: 1.6em; line-height: 1.5; font-weight: 700; margin-top: 20px; text-indent: -1em; padding-left: 1em;}
#forte_content .content_box .point_list .point_box .point_link{ text-align: center; margin-top: 20px;}
#forte_content .content_box .point_list .point_box .point_link a{ position: relative; display: inline-block; padding: 15px 40px; box-sizing: border-box; border: 2px solid #a0d26e; border-radius: 8px; font-size: 1.6em; font-weight: 700; color: #a0d26e; text-decoration: none; text-align: center;}
#forte_content .content_box .point_list .point_box .point_link a span{ display: inline-block; position: relative;}
#forte_content .content_box .point_list .point_box .point_link a span:after { content: ''; position: absolute; top: 0; bottom: 0; right: -20px; width: 0; height: 0; margin: auto; border-top: 6px solid transparent; border-right: 0 solid transparent; border-left: 9px solid #a0d26e; border-bottom: 6px solid transparent; box-sizing: border-box;}
#forte_content .content_box .point_list .point_box .point_photo{ width: 100%; height: auto; margin: 20px 0 0;}
#forte_content .content_box .point_list .point_box .point_photo img{ width: 100%; height: auto;}
/*------------------ 地域密着度がすごい！ ------------------*/
.map{ width: 100%; margin-bottom: 30px; position: relative;}
.map > img{ width: 100%; height: auto;}
.map .map_railline{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.map .map_inner{ width: 100%; height: 100%; border-radius: 10px; position: relative;}
.line{ fill:none; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.line_name{ fill:#7AA4C4;}
.line_name_text{ fill:#FFFFFF; font-size:13px;}
.line_jr{ fill:none; stroke:#79A4C4; stroke-width:6.5; stroke-miterlimit:10;}
.line_jr_w{ fill:none; stroke:#FFFFFF; stroke-width:3.1736; stroke-miterlimit:10; stroke-dasharray:10.5788,10.5788;}
.station_name{ fill:#7AA4C4; font-size:11px; font-weight: 700;}
.station_name_s{ font-size:15px; fill:#79A5C4; font-weight: 700;}
.station_name_s_w{ font-size:15px; fill:none; stroke:#FFFFFF; stroke-width:4.2315; stroke-linecap:round; stroke-linejoin:round; font-weight: 700;}
.station_circle{ fill:#79A4C4;}
.station_circle_s{ fill:#FFFFFF; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.af_back{ fill:#FFFFFF;}
.af_border{ fill:#79A4C4;}
.af_textback{ fill:#79A4C4;}
.af_text{ fill:#FFFFFF; font-size:17px;}
.arrow_c{ fill:#004DA0;}
.arrow_l{ fill:none; stroke:#004DA0; stroke-width:1.5868; stroke-miterlimit:10;}
#line_tojo.active .line{ stroke:#004098;}
#line_tojo.active .line_name{ fill:#004098;}
#line_ikebukuro.active .line{ stroke:#ff6600;}
#line_ikebukuro.active .line_name{ fill:#ff6600;}
#line_shinjyuku.active .line{ stroke:#00AAAF;}
#line_shinjyuku.active .line_name{ fill:#00AAAF;}
#line_cyuo.active .line_jr{ stroke:#F15A22;}
#line_cyuo.active .line_name{ fill:#F15A22;}
#line_keio.active .line{ stroke:#dd0077;}
#line_keio.active .line_name{ fill:#dd0077;}
#line_musashino.active .line_jr{ stroke:#F15A22;}
#line_musashino.active .line_name{ fill:#F15A22;}
/*JR武蔵野線*/
.station_asaka.active .station_circle_s{ stroke:#F15A22;}
.station_asaka.active .station_name_s{ fill:#F15A22;}
/*西武池袋線*/
.station_kiyose.active .station_circle_s,
.station_higashikurume.active .station_circle_s,
.station_oizumigakuen.active .station_circle_s{ stroke:#ff6600;}
.station_kiyose.active .station_name_s,
.station_higashikurume.active .station_name_s,
.station_oizumigakuen.active .station_name_s{ fill:#ff6600;}
/*西武新宿線*/
.station_kumegawa.active .station_circle_s,
.station_tanashi.active .station_circle_s{ stroke:#00AAAF;}
.station_kumegawa.active .station_name_s,
.station_tanashi.active .station_name_s{ fill:#00AAAF;}
/*JR中央線*/
.station_hachioji.active .station_circle_s,
.station_toyoda.active .station_circle_s,
.station_tachikawa.active .station_circle_s,
.station_kokubunji.active .station_circle_s,
.station_mitaka.active .station_circle_s,
.station_ogikubo.active .station_circle_s{ stroke:#F15A22;}
.station_hachioji.active .station_name_s,
.station_toyoda.active .station_name_s,
.station_tachikawa.active .station_name_s,
.station_kokubunji.active .station_name_s,
.station_mitaka.active .station_name_s,
.station_ogikubo.active .station_name_s{ fill:#F15A22;}
/*京王線*/
.station_hino.active .station_circle_s,
.station_fucyu.active .station_circle_s,
.station_chofu.active .station_circle_s,
.station_sengawa.active .station_circle_s{ stroke:#dd0077;}
.station_hino.active .station_name_s,
.station_fucyu.active .station_name_s,
.station_chofu.active .station_name_s,
.station_sengawa.active .station_name_s{ fill:#dd0077;}
/*吹き出し矢印*/
.active .arrow_c{ fill:#39A5FC;}
.active .arrow_l{ stroke:#39A5FC;}
/*店舗名テキスト*/
.shop_name_back{ fill:#004DA0;}
.shop_pop a:hover .shop_name_back{ fill:#39A5FC;}
.shop_name_text{ fill:#FFFFFF; font-size:18px; font-weight: 700;}
.shop_name_text.nagoya{ font-size: 16px; font-weight: 700;}
@media screen and (min-width: 768px){ #sp_map{ display: none;}}
/*------------------ ネットワークがすごい！ ------------------*/
.network_title{ display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.network_title .network_com{ font-size: 3.5em; line-height: 1.2; color: #a0d264; font-weight: 700; width: calc(100% - 180px);}
.network_title .network_towa_towawa{ width: 180px; height: auto;}
.network_title .network_towa_towawa img{ width: 100%; height: auto;}
.network_list{ margin-bottom: 30px;}
.network_list ul{ display: flex; flex-wrap: wrap;}
.network_list ul li{ width: calc((100% / 4) - 12px); margin-right: 16px; margin-bottom: 16px;}
@media screen and (min-width: 768px){ .network_list ul li:nth-child(4n){ margin-right: 0;}}
.network_list ul li a{ display: block; width: 100%; position: relative;}
.network_list ul li a span.shop_photo{ display: block; width: 100%; height: 0; padding-top: 75%; overflow: hidden; position: relative;}
.network_list ul li a span.shop_photo img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.network_list ul li a span.shop_name{ position: absolute; left: 0; bottom: 0; display: inline-block; background-color: #004da0; color: #fff; font-size: 1.3em; line-height: 1; padding: 5px 10px; box-sizing: border-box;}


@media screen and (max-width:999px){

/*------------------ title ------------------*/
#forte_content .content_box .content_box_title{ height: 70px;}
#forte_content .content_box .content_box_title h3 span{ font-size: 2.5em; padding-left: 60px;}
#forte_content .content_box .content_box_title span:before{ width: 45px; height: 45px; background-size: 45px 45px;}
#forte_content .content_box .content_box_inner{ padding-bottom: 30px;}
#forte_content .content_box .content_box_inner > p{ font-size: 1.5em;}
#forte_content .content_box .readMoreInner{ padding: 30px;}
/*------------------ point ------------------*/
#forte_content .content_box .point_list .point_box{ padding: 20px;}
#forte_content .content_box .point_list .point_box .point_title .point_icon{ width: 100px; margin: 0 auto 15px;}
#forte_content .content_box .point_list .point_box .point_title h4{ font-size: 2.2em; margin-bottom: 10px;}
#forte_content .content_box.forte04 .point_list .point_box .point_title h4{ font-size: 2em;}
#forte_content .content_box .point_list .point_box .point_text:nth-child(n+2){ margin-top: 10px;}
#forte_content .content_box .point_list .point_box .point_text{ font-size: 1.4em;}
#forte_content .content_box .point_list .point_box .point_text_list{ font-size: 1.4em;}
#forte_content .content_box .point_list .point_box .point_link a{ font-size: 1.4em;}
/*------------------ ネットワークがすごい！ ------------------*/
.network_title .network_com{ font-size: 2.5em; width: calc(100% - 140px);}
.network_title .network_towa_towawa{ width: 150px;}
.network_list{ margin-bottom: 20px;}
.network_list ul li a span.shop_name{ font-size: 1.2em;}

}

@media screen and (min-width: 768px){
#forte_content .content_box .readMoreBtn:hover{}
.point_list .point_box .point_link a{ transition: all 0.3s;}
.point_list .point_box .point_link a:hover{ opacity: 0.5;}
}
    
@media screen and (max-width: 767px){

/*------------------ title ------------------*/
#forte_content .content_box{ margin-bottom: 20px;}
#forte_content .content_box .content_box_title{ height: 60px;}
#forte_content .content_box .content_box_title h3 span{ font-size: 1.9em; padding-left: 45px;}
#forte_content .content_box .content_box_title span:before{ width: 35px; height: 35px; background-size: 35px 35px;}
#forte_content .content_box .content_box_inner{ padding-bottom: 20px;}
#forte_content .content_box .content_box_inner > p{ font-size: 1.4em;}
#forte_content .content_box .readMoreInner{ padding: 20px;}
/*------------------ point ------------------*/
#forte_content .content_box .point_list{ display: block;}
#forte_content .content_box .point_list.point_box2 .point_box,
#forte_content .content_box .point_list.point_box3 .point_box{ width: 100%;}
#forte_content .content_box .point_list .point_box{ border-right: none; border-bottom: 2px dotted #a0d26e;}
#forte_content .content_box .point_list .point_box:last-child{ border-bottom:none;}
#forte_content .content_box .point_list .point_box .point_title .point_icon{ width: 80px; margin: 0 auto 10px;}
#forte_content .content_box .point_list .point_box .point_text{ font-size: 1.3em;}
#forte_content .content_box .point_list .point_box .point_text_list{ font-size: 1.4em; margin-top: 10px;}
#forte_content .content_box .point_list .point_box .point_text_list li{ margin-bottom: 5px;}
#forte_content .content_box .point_list .point_box .point_text_list span{ font-size: .7em;}
#forte_content .content_box .point_list .point_box .point_link a{ font-size: 1.3em; width: 100%; padding: 15px 15px;}
/*------------------ 地域密着度がすごい！ ------------------*/
#sp_map{ margin-bottom: 10px;}
#sp_map .sp_shop_list{}
#sp_map .sp_shop_list dl{ text-align: center; margin-bottom: 15px;}
#sp_map .sp_shop_list dl dt{ font-size: 1.3em; color: #004da0; font-weight: 700; margin-bottom: 5px;}
#sp_map .sp_shop_list dl dd{}
#sp_map .sp_shop_list dl dd ul li a{ display: block; font-size: 1.3em; color: #004da0; background-color: #fff; background-color: #e0e9f9; box-sizing: border-box; padding: 10px 0; font-weight: 700; border-radius: 5px;}
#sp_map .sp_shop_list dl.sp_shop_list_tokyo dd ul{ display: flex; flex-wrap: wrap;}
#sp_map .sp_shop_list dl.sp_shop_list_tokyo dd ul li{ width: calc((100% / 3) - 8px); margin-right: 12px; margin-bottom: 5px; text-align: center;}
#sp_map .sp_shop_list dl.sp_shop_list_tokyo dd ul li:nth-child(3n){ margin-right: 0;}
#sp_map .sp_shop_list .sp_shop_list_other{ display: flex; flex-wrap: wrap;}
#sp_map .sp_shop_list .sp_shop_list_other dl{ width: calc((100% / 2) - 5px); margin-right: 10px;}
#sp_map .sp_shop_list .sp_shop_list_other dl:nth-child(2n){ margin-right: 0;}
#sp_map .sp_shop_list .sp_shop_list_other dl dd ul li a{ margin: 0 auto;}
/*------------------ ネットワークがすごい！ ------------------*/
.network_title{ display: block; margin-bottom: 20px;}
.network_title .network_com{ font-size: 2em; width: 100%;}
.forte02 .network_title .network_com{ text-align: center;}
.network_title .network_towa_towawa{ width: 130px; margin: 0 auto;}
.network_list{ margin-bottom: 20px;}
.network_list ul li{width: calc((100% / 3) - 6px); margin-right: 9px; margin-bottom: 9px;}
.network_list ul li:nth-child(3n){ margin-right: 0;}
.network_list ul li a span.shop_name{ font-size: 1em;}

}

@media screen and (max-width:374px){
#forte_content .content_box .content_box_title h3 span{ font-size: 1.7em;}
}


/*=========================== warranty ===========================*/


.premium_care_top{}
.premium_care_top .premium_care_title{ font-size: 2.7em; line-height: 1.4; font-weight: 700; margin-bottom: 10px; color: #f05a32;}
.premium_care_top .premium_care_com{ font-size: 1.6em; line-height: 1.8; font-weight: 700;}
.premium_care_top ul{ display: flex; margin-top: 30px;}
.premium_care_top ul li{ width: calc((100% / 3) - 20px); margin-right: 30px;}
@media screen and (min-width:1000px){ .premium_care_top ul li:nth-child(3n){ margin-right: 0;}}
.premium_care_top ul li a{ width: 100%; height: 80px; display: block; color: #fff; background-color: #f05a32; font-size: 2.3em; line-height: 1.2; font-weight: 700; border-radius: 50ch; position: relative;}
.premium_care_top ul li a span{ display: inline-block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#warranty_content .content_box{ border: 4px solid #f05a32; background-image: url(../images/warranty_check@2x.jpg); background-repeat: repeat; background-size: 30px 30px; position: relative; margin-bottom: 30px;}
#warranty_content .content_box:before{ content: ''; display: block; width: 100%; height: 50%; position: absolute; background-image: url(../images/warranty_title@2x.png); background-repeat: no-repeat; background-position: top; background-size: contain; z-index: 10;}
#warranty_content .content_box .content_box_title{ position: relative; z-index: 11; height: 90px;}
#warranty_content .content_box .content_box_title h3{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#warranty_content .content_box .content_box_title h3 span{ display: block; position: relative; color: #fff; font-size: 3em; font-weight: 700; padding-left: 70px; white-space: nowrap;}
#warranty_content .content_box .content_box_title h3 span:before{ content: ''; display: block; width: 55px; height: 55px; background-size: 55px 55px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#warranty_content .content_box#warranty01 .content_box_title span:before{ background-image: url(../images/warranty_title01@2x.png);}
#warranty_content .content_box#warranty02 .content_box_title span:before{ background-image: url(../images/warranty_title02@2x.png);}
#warranty_content .content_box#warranty03 .content_box_title span:before{ background-image: url(../images/warranty_title03@2x.png);}
#warranty_content .content_box .content_box_inner{ position: relative; z-index: 11; padding: 40px; box-sizing: border-box;}
#warranty_content .content_box .content_box_inner .support_intro{ font-size: 2.2em; line-height: 1.4; font-weight: 700; margin-bottom: 10px; text-align: center; margin-bottom: 20px;}
#warranty_content .content_box .content_box_inner .warranty_main_com{ margin-bottom: 20px;}
#warranty_content .content_box .content_box_inner .warranty_main_com .warranty_com{ width: 100%; max-width: 670px; height: 140px; margin: 20px auto 0;}
#warranty_content .content_box .content_box_inner .warranty_main_com .warranty_com img{ width: 100%; height: auto;}
#warranty_content .content_box .content_box_inner .warranty_main_com > p{ font-size: 1.2em; line-height: 1.4;}
#warranty_content .content_box .content_box_inner .warranty_com02{ width: 100%; max-width: 900px; height: 62px; margin: 0 auto 30px;}
#warranty_content .content_box .content_box_inner .warranty_com02 img{ width: 100%; height: auto;}
#warranty_content .content_box .content_box_inner .warranty_com03{ text-align: center; margin-bottom: 10px;}
#warranty_content .content_box .content_box_inner .warranty_com03 span{ font-size: 2.7em; line-height: 1.4; font-weight: 700; margin-bottom: 10px; color: #f05a32;}
#warranty_content .content_box .content_box_inner .case_box{ background-color: #ffebb4; margin-bottom: 30px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi{ display: flex; align-items: center; background-color: #fab45a; padding: 30px 40px; box-sizing: border-box; position: relative;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi:after{content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 30px 35px 0 35px; border-color: #fab45a transparent transparent; translate: -50% 100%;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_title{ max-width: 200px; margin-right: 20px; text-align: center;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_title span{ display: inline-block; font-size: 1.6em; line-height: 1.6; font-weight: 700; background-color: #fff; padding: 10px 20px; box-sizing: border-box; border-radius: 50vh;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com{ width: calc(100% - 220px);}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com01{ font-size: 2.3em; line-height: 1.4; font-weight: 700; margin-bottom: 5px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com02{ font-size: 1.6em; line-height: 1.6; font-weight: 700;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com02 span{ background: linear-gradient(transparent 60%, #fadc5a 60%);}

@media screen and (max-width:999px){

.premium_care_top .premium_care_title{ font-size: 2.2em;}
.premium_care_top .premium_care_com{ font-size: 1.5em;}
.premium_care_top ul{ margin-top: 20px;}
.premium_care_top ul li{ width: calc((100% / 3) - 10px); margin-right: 15px;}
.premium_care_top ul li a{ height: 60px; font-size: 2em;}
#warranty_content .content_box .content_box_title{ height: 70px;}
#warranty_content .content_box .content_box_title h3 span{ font-size: 2.5em; padding-left: 60px;}
#warranty_content .content_box .content_box_title h3 span:before{ width: 45px; height: 45px; background-size: 45px 45px;}
#warranty_content .content_box .content_box_inner{ padding: 30px;}
#warranty_content .content_box .content_box_inner .support_intro{ font-size: 1.8em;}
#warranty_content .content_box .content_box_inner .warranty_main_com .warranty_com{ max-width: 80%; margin: 10px auto 0; height: auto;}
#warranty_content .content_box .content_box_inner .warranty_com02{ height: auto;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi{ display: block; padding: 20px 30px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_title{ margin: 0 auto 10px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_title span{ padding: 5px 10px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com{ width: 100%; text-align: center;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com01{ font-size: 2em;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com02{ font-size: 1.5em; line-height: 1.5;}
#warranty_content .content_box .content_box_inner .graph_box{ padding: 20px;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text .graph_text_title{ font-size: 1.7em;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text p{ font-size: 1.4em;}

}

@media screen and (min-width:768px){

.premium_care_top ul li a{ transition: all 0.3s;}
.premium_care_top ul li a:hover{ opacity: 0.5;}

}

@media screen and (max-width:767px){

.premium_care_top .premium_care_title{ font-size: 2em;}
.premium_care_top .premium_care_com{ font-size: 1.3em; line-height: 1.7;}
.premium_care_top ul{ margin-top: 15px;}
.premium_care_top ul li{ width: calc((100% / 3) - 4px); margin-right: 6px;}
.premium_care_top ul li a{ height: 50px; font-size: 1.4em;}
#warranty_content .content_box:before{ background-image: url(../images/warranty_title_sp@2x.png); background-size: 100% 70px;}
#warranty_content .content_box .content_box_title{ height: 60px;}
#warranty_content .content_box .content_box_title h3 span{ font-size: 1.9em; padding-left: 45px;}
#warranty_content .content_box .content_box_title h3 span:before{ width: 35px; height: 35px; background-size: 35px 35px;}
#warranty_content .content_box .content_box_inner{ padding: 20px;}
#warranty_content .content_box .content_box_inner .support_intro{ font-size: 1.6em; margin-bottom: 10px;}
#warranty_content .content_box .content_box_inner .warranty_main_com .warranty_com{ max-width: 100%;}
#warranty_content .content_box .content_box_inner .warranty_main_com > p{ font-size: 1em;}
#warranty_content .content_box .content_box_inner .warranty_com03 span{ font-size: 2em;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi{ padding: 20px 20px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_title span{ font-size: 1.2em;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com01{ font-size: 1.8em; margin-bottom: 10px;}
#warranty_content .content_box .content_box_inner .case_box .case_fukidashi .case_fukidashi_com .com02{ font-size: 1.4em;}

}

#warranty_content .content_box .content_box_inner .case_box .case_after{ display: flex; padding: 60px 30px 30px; box-sizing: border-box;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after01,
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after02{ width: calc(50% - 10px); background-color: #fff; padding: 30px; box-sizing: border-box;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after01{ margin-right: 20px; border: 4px solid #808080;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after02{ border: 4px solid #004daf;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com01{ text-align: center; margin-top: -50px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com01 span{ display: inline-block; font-size: 1.6em; font-weight: 700; color: #fff; height: 40px; line-height: 40px; border-radius: 50vh; padding: 0 20px; box-sizing: border-box;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after01 .case_after_com01 span{ background-color: #808080;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after02 .case_after_com01 span{ background-color: #004daf;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com02{ font-size: 1.6em; line-height: 1.4; font-weight: 700; margin:20px 0 10px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com02 span{ background: linear-gradient(transparent 60%, #fadc5a 60%);}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com03{ text-align: center; font-size: 1.6em; line-height: 1.4; font-weight: 700; margin-bottom: 10px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com04{ display: flex; justify-content: center; align-items: center;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com04 p{ font-size: 1.8em; line-height: 1.4; font-weight: 700; margin-right: 10px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after02 .case_after_com03,
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after02 .case_after_com04{ color: #004daf;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com04 .case_icon{ max-width: 100px; width: 100%; height: auto;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com04 .case_icon img{ width: 100%; height: auto;}
#warranty_content .content_box .content_box_inner .warranty01_bottom_title{ font-size: 2.2em; line-height: 1.4; font-weight: 700; color: #f05a32; text-align: center;}
#warranty_content .content_box .content_box_inner .warranty01_bottom_title span{ background: linear-gradient(transparent 60%, #fadc5a 60%);}
#warranty_content .content_box .content_box_inner .graph_box{ background-color: #d7f0ff; display: flex; justify-content: center; align-items: center; padding: 30px; box-sizing: border-box; margin-top: 20px;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text{ width: calc(100% - 115px); margin-right: 20px;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text .graph_text_title{ font-size: 2.2em; color: #004da0; font-weight: 700; margin-bottom: 10px; display: flex; align-items: center;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text .graph_text_title span.shiryo{ display: inline-block; font-size: .6em; color: #fff; background-color: #004da0; padding: 10px 15px; border-radius: 50vh; margin-right: 10px; white-space: nowrap;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text p{ font-size: 1.5em; line-height: 1.6;}
#warranty_content .content_box .content_box_inner .graph_box .graph_illust{ width: 135px; height: auto;}
#warranty_content .content_box .content_box_inner .graph_box .graph_illust img{ width: 100%; height: auto;}
/*------------------ 駆けつけサービス ------------------*/
#warranty_content .content_box#warranty02 .kaketsuke{ background-color: #def4f2; text-align: center; padding: 40px 40px 0; box-sizing: border-box; position: relative; margin-bottom: 30px;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_title{ font-size: 2.7em; line-height: 1.4; font-weight: 700; margin-bottom: 10px; color: #00a99d;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_text{ font-size: 1.5em; line-height: 1.6;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail{ display: flex; justify-content: center; align-items: center;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul{ display: flex; width: calc(100% - 160px); margin-right: 20px;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul li{ max-width: 155px; width: calc(100% / 5);}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul li img{ display: inline-block; width: calc(100% + 20px); height: auto; margin-left: -10px;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail .kaketsuke_illust{ max-width: 140px; height: auto;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail .kaketsuke_illust img{ width: 100%; height: auto;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_point{ position: absolute; top: -20px; right: -20px; width: 120px; height: auto;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_point img{ width: 100%; height: auto;}
/*------------------ ライフスタイルアドバイザー ------------------*/
#warranty_content .content_box#warranty02 .lifestyle{ background-color: #f0f8cc; text-align: center; padding: 40px 40px 0; box-sizing: border-box; position: relative;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_title{ font-size: 2.7em; line-height: 1.4; font-weight: 700; margin-bottom: 10px; color: #abd121;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail{ display: flex;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text{ order: 2; width: calc(100% - 195px);}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text .lifestyle_text_box{ background-color: #fff; padding: 30px; box-sizing: border-box;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text .lifestyle_text_box p{ font-size: 2em; line-height: 1.4; font-weight: 700; color: #abd121; margin-bottom: 10px;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text .lifestyle_text_box p:last-child{ margin-bottom: 0;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text .lifestyle_text_box p img{ max-width: 535px; width: 100%; height: auto;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text > p{ text-align: left; font-size: 1.3em; line-height: 1.2; margin-top: 15px;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_illust{ order: 1; width: 175px; height: auto; margin:30px 20px 0 0;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_illust img{ width: 100%; height: auto;}
/*------------------ よくある質問 ------------------*/
#warranty_content .content_box#warranty03 .qanda{ margin-bottom: 60px; padding-top: 30px; box-sizing: border-box;}
#warranty_content .content_box#warranty03 .qanda dl{ background-color: #fff0b4; margin-bottom: 15px; padding: 30px; box-sizing: border-box;}
#warranty_content .content_box#warranty03 .qanda dl dt{ align-items: center; margin-bottom: 10px;}
#warranty_content .content_box#warranty03 .qanda dl dd{}
#warranty_content .content_box#warranty03 .qanda dl dt,
#warranty_content .content_box#warranty03 .qanda dl dd{ display: flex;}
#warranty_content .content_box#warranty03 .qanda dl dt span,
#warranty_content .content_box#warranty03 .qanda dl dd span{ display: block; width: 35px; height: auto; margin-right: 10px;}
#warranty_content .content_box#warranty03 .qanda dl dt span img,
#warranty_content .content_box#warranty03 .qanda dl dd span img{ width: 100%; height: auto;}
#warranty_content .content_box#warranty03 .qanda dl dt p,
#warranty_content .content_box#warranty03 .qanda dl dd p{ width: calc(100% - 45px);}
#warranty_content .content_box#warranty03 .qanda dl dt p{ font-size: 1.9em; line-height: 1.8; font-weight: 700;}
#warranty_content .content_box#warranty03 .qanda dl dd p{ font-size: 1.6em; line-height: 1.8;}
#warranty_content .content_box#warranty03 .saimokujikou{}
#warranty_content .content_box#warranty03 .saimokujikou .saimoku_title{ text-align: center; color: #f05a32; font-size: 2.5em; font-weight: 700; margin-bottom: 20px;}
#warranty_content .content_box#warranty03 .saimokujikou dl{ margin-bottom: 20px;}
#warranty_content .content_box#warranty03 .saimokujikou dl dt{ font-size: 1.5em; line-height: 1.8; font-weight: 700;}
#warranty_content .content_box#warranty03 .saimokujikou dl dd{ font-size: 1.4em; line-height: 1.8; color: #8c8c96;}
#warranty_content .content_box#warranty03 .saimokujikou ul{}
#warranty_content .content_box#warranty03 .saimokujikou ul li{ font-size: 1.4em; line-height: 1.8; color: #8c8c96; text-indent: -1em; padding-left: 1em;}

@media screen and (max-width:999px){

#warranty_content .content_box .content_box_inner .case_box .case_after{ display: block;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after01,
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after02{ width: 100%; padding: 20px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after01{ margin-right: 0; margin-bottom: 30px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com01{ margin-top: -40px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com02{ text-align: center;}
/*------------------ 駆けつけサービス ------------------*/
#warranty_content .content_box#warranty02 .kaketsuke{ padding: 30px 30px 0;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_title{ font-size: 2.3em;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_point{ width: 100px;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul{ width: calc(100% - 130px);}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail .kaketsuke_illust{ width: 110px; margin-top: 0;}
/*------------------ ライフスタイルアドバイザー ------------------*/
#warranty_content .content_box#warranty02 .lifestyle{ padding: 30px 30px;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_illust{ width: 130px;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text{ width: calc(100% - 150px);}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text .lifestyle_text_box{ padding: 20px;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text .lifestyle_text_box p{ font-size: 1.6em;}
/*------------------ よくある質問 ------------------*/
#warranty_content .content_box#warranty03 .qanda dl{ padding: 20px;}
#warranty_content .content_box#warranty03 .qanda dl dt p{ font-size: 1.8em; line-height: 1.6;}
#warranty_content .content_box#warranty03 .qanda dl dd p{ font-size: 1.5em; line-height: 1.6;}
#warranty_content .content_box#warranty03 .saimokujikou .saimoku_title{ font-size: 2.2em; margin-bottom: 15px;}
#warranty_content .content_box#warranty03 .saimokujikou dl{ margin-bottom: 15px;}
#warranty_content .content_box#warranty03 .saimokujikou dl dt{ font-size: 1.4em; line-height: 1.6;}
#warranty_content .content_box#warranty03 .saimokujikou dl dd{ font-size: 1.3em; line-height: 1.6;}
#warranty_content .content_box#warranty03 .saimokujikou ul li{ font-size: 1.3em; line-height: 1.6;}

}

@media screen and (max-width:767px){

#warranty_content .content_box .content_box_inner .case_box{ width: calc(100% + 40px); margin-left: -20px;}
#warranty_content .content_box .content_box_inner .case_box .case_after{ padding: 50px 20px 20px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com02{ font-size: 1.4em; margin: 10px 0 5px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com03{ font-size: 1.4em; margin-bottom: 5px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com04 p{ font-size: 1.6em;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com04 .case_icon{ max-width: 80px;}
#warranty_content .content_box .content_box_inner .case_box .case_after .case_after_com01 span{ font-size: 1.4em; padding: 0 10px;}

#warranty_content .content_box .content_box_inner .warranty01_bottom_title{ font-size: 1.8em;}
#warranty_content .content_box .content_box_inner .graph_box{ padding: 20px; display: block;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text{ width: 100%; margin-right: 0;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text .graph_text_title{ font-size: 1.8em;}
#warranty_content .content_box .content_box_inner .graph_box .graph_text .graph_text_title span{}
#warranty_content .content_box .content_box_inner .graph_box .graph_text p{ font-size: 1.2em; line-height: 1.5; margin-bottom: 5px;}
#warranty_content .content_box .content_box_inner .graph_box .graph_illust{ margin: 0 auto;}
/*------------------ 駆けつけサービス ------------------*/
#warranty_content .content_box#warranty02 .kaketsuke{padding: 20px 20px 0; margin-bottom: 20px;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_title{ font-size: 1.8em;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_text{ font-size: 1.3em;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail{ display: block;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul{ width: 100%; margin-right: 0; flex-wrap: wrap; justify-content: center;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul li{ max-width: 100%; width: calc(100% / 3);}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul li img{ width: calc(100% + 15px);}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail ul li:nth-child(n+4){ margin-top: -15px;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_detail .kaketsuke_illust{ width: 90px; margin: 0 auto;}
#warranty_content .content_box#warranty02 .kaketsuke .kaketsuke_point{ width: 80px; height: 80px; right: -10px;}
/*------------------ ライフスタイルアドバイザー ------------------*/
#warranty_content .content_box#warranty02 .lifestyle{ padding: 20px 20px 0;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_title{ font-size: 1.8em;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail{ display: block;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_text{ order: 1; width: 100%;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_illust{ order: 2;}
#warranty_content .content_box#warranty02 .lifestyle .lifestyle_detail .lifestyle_illust{ width: 110px; margin: 10px auto 0;}
/*------------------ よくある質問 ------------------*/
#warranty_content .content_box#warranty03 .qanda{ padding-top: 10px; margin-bottom: 30px;}
#warranty_content .content_box#warranty03 .qanda dl dt p{ font-size: 1.5em; line-height: 1.3;}
#warranty_content .content_box#warranty03 .qanda dl dd p{ font-size: 1.3em; line-height: 1.5;}
#warranty_content .content_box#warranty03 .saimokujikou .saimoku_title{ font-size: 1.9em;}
#warranty_content .content_box#warranty03 .saimokujikou dl{ margin-bottom: 10px;}
#warranty_content .content_box#warranty03 .saimokujikou dl dt{ font-size: 1.3em;}
#warranty_content .content_box#warranty03 .saimokujikou dl dd{ font-size: 1.2em;}
#warranty_content .content_box#warranty03 .saimokujikou ul li{ font-size: 1.2em;}

}

/*=========================== support ===========================*/

#support_content{}
#support_content .content_box{ border: 4px solid #f58282; box-sizing: border-box; background-color: #fff; margin-bottom: 30px;}
#support_content .content_box .content_box_title{ background-color: #f58282; box-sizing: border-box; text-align: center; position: relative; height: 90px;}
#support_content .content_box .content_box_title:before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/support_stripe@2x.png); background-repeat: repeat; background-size: 12px 12px;}
#support_content .content_box .content_box_title h3{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
#support_content .content_box .content_box_title h3 > span{ display: block; position: relative; color: #fff; font-size: 3em; line-height: 1.2; font-weight: 700;}
#support_content .content_box .content_box_title h3 > span span{ font-size: 0.6em;}
#support_content .content_box .content_box_inner{ padding: 40px; box-sizing: border-box; text-align: left;}
#support_content .content_box .content_box_inner .support_intro{ text-align: center; font-size: 1.6em; line-height: 1.6; font-weight: 700; margin-bottom: 60px;}
#support_content .content_box .content_box_inner .note_box{ background-color: #feefef; padding: 40px; box-sizing: border-box; position: relative;}
#support_content .content_box .content_box_inner .note_box:after{ content: ''; display: block; width: 100%; height: 20px; background-image: url(../images/support_note@2x.png); background-repeat: repeat-x; background-size: 180px 20px; position: absolute; top: -20px; left: 0;}
#support_content .content_box .content_box_inner .note_box .note_title{ text-align: center;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title01{ font-size: 2.7em; line-height: 1.4; font-weight: 700; margin-bottom: 10px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02{ margin-bottom: 20px; position: relative;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span{ color: #fff; font-size: 4.3em; line-height: 1.7; font-weight: 700; background: linear-gradient(transparent 0%, #f58282 0%); display: inline; padding: 0 10px 0px; position: relative;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span span.sokode{ position: absolute; top: 0; left: -115px; display: block; width: 105px; height: auto;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span span.sokode img{ width: 100%; height: auto;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title03{ font-size: 2.7em; line-height: 1.4; font-weight: 700; margin-bottom: 20px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title03 span{ background: linear-gradient(transparent 60%, #ffff8c 60%);}
#support_content .content_box .content_box_inner .note_box .note_title > p{ text-align: left; font-size: 1.6em; line-height: 1.6; margin-bottom: 40px;}
#support_content .content_box .readMoreContainer::after{ background: linear-gradient(to bottom, transparent 40%, #feefef 100%);}
#support_content .content_box .readMoreBtn{ display: block; margin: 0 auto; padding: 12px 40px; border: 0; color: #f58282; border: 3px solid #f58282; background-color: #fff; box-sizing: border-box; cursor: pointer; border-radius: 50vh; font-size: 2em; font-weight: 700;}
#support_content .content_box .attention{ color: #8c8c96; font-size: 1.4em; line-height: 1.4; position: relative; padding-top: 40px; box-sizing: border-box;}
/*------------------ support01 ------------------*/
#support_content .content_box.support01 .note_box .sokuryo_detail{ display: flex; align-items: center; justify-content: space-between;}
#support_content .content_box.support01 .note_box .sokuryo_detail > p{ font-size: 1.6em; line-height: 1.6; width: calc(100% - 375px);}
#support_content .content_box.support01 .note_box .sokuryo_detail .sokuryo_illust{ max-width: 335px; width: 100%; height: auto;}
#support_content .content_box.support01 .note_box .sokuryo_detail .sokuryo_illust img{ width: 100%; height: auto;}
#support_content .content_box.support01 .note_box .attention{ color: #8c8c96; font-size: 1.4em; line-height: 1.4; position: relative; padding-top: 40px; box-sizing: border-box;}
#support_content .content_box.support01 .note_box .attention:before{ content: ''; display: block; position: absolute; top: 0; left: -40px; width: calc(100% + 80px); border-top: 2px dashed #8c8c96;}
/*------------------ support02 ------------------*/
#support_content .content_box.support02 .note_box .cleaning_detail{ text-align: center;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_title{ margin-bottom: 30px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_title span{ font-size: 2.7em; line-height: 1.4; font-weight: 700; background: linear-gradient(transparent 60%, #ffff8c 60%);}
#support_content .content_box.support02 .note_box .cleaning_detail ul.cleaning_list{}
#support_content .content_box.support02 .note_box .cleaning_detail ul.cleaning_list li{ width: 100%; max-width: 750px; height: auto; margin: 0 auto 30px;}
#support_content .content_box.support02 .note_box .cleaning_detail ul.cleaning_list li img{ width: 100%; height: auto;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under{ display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under .cleaning_illust{ width: 100%; max-width: 355px; height: auto; margin-right: 30px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under .cleaning_illust img{ width: 100%; height: auto;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under p{ font-size: 2.7em; line-height: 1.4; font-weight: 700; color: #f58282;}
/*------------------ support03 ------------------*/
#support_content .content_box.support03 .note_box .vr_merit{ margin: 50px 0;}
#support_content .content_box.support03 .note_box .vr_merit .vr_merit_title{ text-align: center; margin-bottom: 20px;}
#support_content .content_box.support03 .note_box .vr_merit .vr_merit_title span{ background-color: #f58282; color: #fff; font-size: 2em; font-weight: 700; display: inline-block; padding: 15px 20px; border-radius: 50vh;}
#support_content .content_box.support03 .note_box .vr_merit dl{ background-color: #fff; margin-bottom: 10px; padding: 30px; box-sizing: border-box; border-radius: 10px; display: flex; align-items: center;}
#support_content .content_box.support03 .note_box .vr_merit dl dt{ width: 50px; text-align: center; margin-right: 20px;}
#support_content .content_box.support03 .note_box .vr_merit dl dt span{ display: block; width: 50px; height: 50px; border: 3px solid #f58282; box-sizing: border-box; border-radius: 50vh; font-size: 2.1em; font-weight: 700; line-height: 50px; color: #f58282;}
#support_content .content_box.support03 .note_box .vr_merit dl dd{ width: calc(100% - 70px); font-size: 2.1em; line-height: 1.4; font-weight: 700;}
#support_content .content_box.support03 .note_box .vr_detail{}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list{}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li{ width: 100%; max-width: 810px; height: auto; margin: 0 auto 30px; position: relative;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(1){ width: 70%;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_photo{ width: 100%; height: auto; position: relative;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_photo img{ width: 100%; height: auto; vertical-align: bottom;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_photo p{ position: absolute; top: 0; left: 0; display: inline-block; background-color: #f58282; font-size: 1.7em; color: #fff; padding: 10px 15px; box-sizing: border-box; border-radius: 0 0 10px 0;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(1) p{ background-color: #3c3c46;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(1) .vr_illust{ position: absolute; bottom: -20px; right: -100px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(3) .vr_illust{ position: absolute; bottom: -20px; right: -20px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_illust{ width: 245px; height: auto;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_illust img{ width: 100%; height: auto;}
/*------------------ support04 ------------------*/
#support_content .content_box.support04 .note_box .hosyo_detail{}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_title{ text-align: center; margin-bottom: 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_title span{ background-color: #f58282; color: #fff; font-size: 2em; font-weight: 700; display: inline-block; padding: 15px 20px; border-radius: 50vh;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list{ display: flex;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl{ background-color: #fff; width: calc(50% - 10px); text-align: center; padding: 30px; box-sizing: border-box; border-radius: 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl:nth-child(1){ margin-right: 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dt{ margin-bottom: 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dt span{ background-color: #3c3c46; color: #fff; font-size: 1.7em; font-weight: 700; display: inline-block; padding: 15px 20px; border-radius: 50vh;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dd{}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dd .hosyo_icon{ width: 155px; height: auto; margin: 0 auto 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dd .hosyo_icon img{ width: 100%; height: auto;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dd p{ font-size: 1.7em; line-height: 1.4; font-weight: 700;}
#support_content .content_box.support04 .note_box .attention{ color: #8c8c96; font-size: 1.4em; line-height: 1.4; position: relative; padding-top: 40px; box-sizing: border-box;}
#support_content .content_box.support04 .note_box .attention:before{ content: ''; display: block; position: absolute; top: 0; left: -40px; width: calc(100% + 80px); border-top: 2px dashed #8c8c96;}
/*------------------ support05 ------------------*/
#support_content .content_box.support05 .note_box .report{ width: 100%; max-width: 521px; height: auto; margin: 0 auto;}
#support_content .content_box.support05 .note_box .report img{ width: 100%; height: auto;}


@media screen and (max-width:999px){

#support_content .content_box .content_box_title{ height: 70px;}
#support_content .content_box .content_box_title h3 > span{ font-size: 2.5em;}
#support_content .content_box .content_box_title span:before{ width: 45px; height: 45px; background-size: 45px 45px;}
#support_content .content_box .content_box_inner{ padding: 30px;}
#support_content .content_box .content_box_inner > p{ font-size: 1.5em;}
#support_content .content_box .content_box_inner .support_intro{ font-size: 1.5em; margin-bottom: 40px;}
#support_content .content_box .content_box_inner .note_box{ padding: 30px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title01{ font-size: 2.1em; margin-bottom: 10px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02{ margin-bottom: 15px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span{ font-size: 3.2em; padding: 10px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span span.sokode{ left: -95px; width: 85px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 p{ left: 100px; width: 80px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title03{ font-size: 2.1em; margin-bottom: 15px;}
#support_content .content_box .content_box_inner .note_box .note_title > p{ font-size: 1.4em; margin-bottom: 30px;}
#support_content .content_box .readMoreBtn{ font-size: 1.8em;}
#support_content .content_box .attention{ font-size: 1.3em; padding-top: 30px;}
/*------------------ support01 ------------------*/
#support_content .content_box.support01 .note_box .sokuryo_detail{ display: block;}
#support_content .content_box.support01 .note_box .sokuryo_detail > p{ font-size: 1.4em; width: 100%;}
#support_content .content_box.support01 .note_box .sokuryo_detail .sokuryo_illust{ margin: 0 auto;}
#support_content .content_box.support01 .note_box .attention{ font-size: 1.3em; padding-top: 30px;}
#support_content .content_box.support01 .note_box .attention:before{ left: -30px; width: calc(100% + 60px);}
/*------------------ support02 ------------------*/
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_title{ margin-bottom: 20px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_title span{ font-size: 2em;}
#support_content .content_box.support02 .note_box .cleaning_detail ul.cleaning_list li{ margin: 0 auto 10px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under .cleaning_illust{ max-width: 250px; margin-right: 20px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under p{ font-size: 2em;}
/*------------------ support03 ------------------*/
#support_content .content_box.support03 .note_box .vr_merit{ margin: 40px 0;}
#support_content .content_box.support03 .note_box .vr_merit dl{ padding: 20px;}
#support_content .content_box.support03 .note_box .vr_merit dl dd{ font-size: 1.7em;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(1) .vr_illust{ right: -70px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_illust{ width: 160px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_photo p{ font-size: 1.5em;}
/*------------------ support04 ------------------*/
#support_content .content_box.support04 .note_box .attention{ font-size: 1.3em; padding-top: 30px;}
#support_content .content_box.support04 .note_box .attention:before{ left: -30px; width: calc(100% + 60px);}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dd p{ font-size: 1.6em;}

}


@media screen and (min-width: 768px){
#support_content .content_box .readMoreBtn{ transition: all 0.3s;}
#support_content .content_box .readMoreBtn:hover{ opacity: 0.5;}
}


@media screen and (max-width: 767px){

#support_content .content_box{ margin-bottom: 20px;}
#support_content .content_box .content_box_title{ height: 60px;}
#support_content .content_box .content_box_title h3 > span{ font-size: 1.9em;}
#support_content .content_box .content_box_title span:before{ width: 35px; height: 35px; background-size: 35px 35px;}
#support_content .content_box .content_box_inner{ padding: 0;}
#support_content .content_box .content_box_inner > p{ font-size: 1.4em;}
#support_content .content_box .content_box_inner .support_intro{ text-align: left; font-size: 1.3em; padding: 20px 20px 0; box-sizing: border-box; margin-bottom: 26px;}
#support_content .content_box .content_box_inner .note_box:after{ height: 16px; background-size: 144px 16px; top: -16px;}
#support_content .content_box .content_box_inner .note_box{ padding: 20px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title01{ font-size: 1.7em; margin-bottom: 5px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02{ margin-bottom: 5px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span{ font-size: 2.2em; padding: 5px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 > span span.sokode{ left: -32%; width: 30%;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title02 p{ left: 100px; width: 80px;}
#support_content .content_box .content_box_inner .note_box .note_title .note_title03{ font-size: 1.7em; margin-bottom: 5px;}
#support_content .content_box .content_box_inner .note_box .note_title > p{ font-size: 1.3em; margin-bottom: 20px;}
#support_content .content_box .readMoreBtn{ font-size: 1.6em; line-height: 1.2;}
#support_content .content_box .attention{ font-size: 1.1em; padding: 20px;}
/*------------------ support01 ------------------*/
#support_content .content_box.support01 .note_box .sokuryo_detail{ margin-bottom: 20px;}
#support_content .content_box.support01 .note_box .sokuryo_detail > p{ font-size: 1.3em;}
#support_content .content_box.support01 .note_box .sokuryo_detail .sokuryo_illust{ max-width: 250px;}
#support_content .content_box.support01 .note_box .attention{ font-size: 1.2em; padding-top: 20px;}
#support_content .content_box.support01 .note_box .attention:before{ left: -20px; width: calc(100% + 40px);}
/*------------------ support02 ------------------*/
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_title span{ font-size: 1.6em;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under{ display: block; margin-bottom: 20px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under .cleaning_illust{ max-width: 200px; margin: 0 auto 10px;}
#support_content .content_box.support02 .note_box .cleaning_detail .cleaning_under p{ font-size: 1.6em;}
/*------------------ support03 ------------------*/
#support_content .content_box.support03 .content_box_title h3 > span{ font-size: 1.6em;}
#support_content .content_box.support03 .note_box .vr_merit{ margin: 20px 0;}
#support_content .content_box.support03 .note_box .vr_merit .vr_merit_title span{ font-size: 1.7em; padding: 10px 15px;}
#support_content .content_box.support03 .note_box .vr_merit dl{ padding: 15px;}
#support_content .content_box.support03 .note_box .vr_merit dl dt{ width: 40px; margin-right: 10px;}
#support_content .content_box.support03 .note_box .vr_merit dl dt span{ width: 40px; height: 40px; font-size: 1.9em; line-height: 36px;}
#support_content .content_box.support03 .note_box .vr_merit dl dd{ width: calc(100% - 50px); font-size: 1.4em;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li{ margin-bottom: 10px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(1){ width: 100%;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_photo p{ position: relative; border-radius: 0; width: 100%; font-size: 1.3em; text-align: center; font-weight: 700;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(1) .vr_illust{ position: relative; right: auto; bottom: -5px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li:nth-child(3) .vr_illust{ position: relative; right: auto; bottom: -5px;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_illust{ max-width: 200px; width: 100%; height: auto; margin: 0 auto;}
#support_content .content_box.support03 .note_box .vr_detail ul.vr_list li .vr_illust img{ width: 100%; height: auto;}
/*------------------ support04 ------------------*/
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list{ margin-bottom: 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list{ display: block;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl{ width: 100%;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_title{ margin-bottom: 10px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_title span{ font-size: 1.5em; padding: 10px 15px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl{ padding: 20px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl:nth-child(1){ margin-right: 0; margin-bottom: 10px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dt span{ font-size: 1.3em; padding: 10px 15px;}
#support_content .content_box.support04 .note_box .hosyo_detail .hosyo_list dl dd p{ font-size: 1.5em;}
#support_content .content_box.support04 .note_box .attention{ font-size: 1.2em; padding-top: 20px;}
#support_content .content_box.support04 .note_box .attention:before{ left: -20px; width: calc(100% + 40px);}

}