@media screen and (min-width: 667px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 667px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/*--------------*/
/* sp 667px */
/*--------------*/

@media screen and (max-width: 667px) { 
/*font-size*/
/*1.6rem*/
.balloon em ,
.balloon em a ,
.check__answer ,
.cta-block p,
.cta-block h5,
.cta-block .cta-block__lead ,
.voice__box h5::before,
.voice__box h5::after,
.voice__company ,
.cost__box ,
.multi-style_btn { font-size: 1.6rem;}
/*1.8rem*/
.voice__box h5 ,
.voice__lead ,
.result__answer { font-size: 1.8rem;}
/*2.0rem*/
h2.result__ttl ,
.check__answer strong,
.check__answer em { font-size: 2rem;}
/*2.4rem*/
.fz-36,
.result__answer strong ,
.cta-block em { font-size: 2rem;}
/*2.6rem*/
h2.result__ttl strong ,
.voice__lead strong ,
.voice__lead__blue ,
.cost__plus { font-size: 2.6rem;}
/*font-size small size*/
/*1.4rem*/
.balloon li ,
.icon-content p,
.icon-content__24 p em ,
.movie .lead,
.header__txt strong { font-size: 1.6rem;}
/*1.2rem*/
a .cta__cloud em ,
.cta-block p.cta-block__lead ,
.cost__box small { font-size: 1.2rem;}

/*c=920*/
.merit_02 {margin-left: 0!important;}
.business__box {border-radius: 0; min-height: auto;}
.business ul {padding: 1rem; margin-left: 2.5rem;}
.business ul li {font-size: 1.6rem;}
.bus_arrow {display: none;}

/*--------------*/
/* sp br */
/*--------------*/
br.sp { display: block;}
.sp__only { display: block;}
.sp__none { display: none;}

/*--------------*/
/* layout */
/*--------------*/

/*float: none*/
.cta__left-wrap,
.cta__right-wrap { float: none;}
/*-- 100% --*/
.wrap__movie,
.cta-footer__list,
.cta__left-wrap,
.cta__right-wrap,
.grid__unit--w33per,
.grid__unit--w50per,
.wrap__980,
.wrap__900,
.wrap__1100 { width: 100%!important;overflow: hidden;}
.mt100 { margin-top: 30px;}



/*header*/
header {
  display: block;
}

.header {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding: 0.4rem;
  position: fixed;
  z-index: 10;
  background: #fff;
  box-sizing: border-box;
   height: 56px;
}

.header__logo {  width: 10%; margin: 5px ;
}
.header__logo img { width: 70px;
}
/*
.header__txt { float: right;text-align: left;font-size: 1rem;line-height: 150%;margin: 5px 0;padding-left: 50px;width: 50%;-webkit-background-size: 12%;background-size: 12%;background-position: 10px 5px;}
header_display_none*/
.header__tel_box { display: none;}



.header__cta a {
float: right;
width: 280px;
height: 35px;
font-size: 1.2rem;
margin: 5px;
line-height: 35px;
}
.header__cta a::before {
display: none;
}

/*hero*/

.hero * ,
.hero__movie a { color: #000;}

.hero__ctabox,
.hero__ctabox * { color: #fff;}
.hero-img {background: #333 url(../img/hero_sp.png) no-repeat center top ;
background-size:cover; margin-top: 30px;}

@keyframes color_move { from {  color: #fff;}
50% {  color: #E5004F;}
to{  color: #f5c6d6;}
}

h2.hero__text{
font-size: 2.1rem;
font-weight:bold;
}
.hero__title { padding: 10px; margin-top:50px; }
/* hero__lead */
.hero__lead { font-weight: bold;}
.hero__lead::after { content: none;}
.hero__lead { font-size: 1.8rem;letter-spacing: 0.1rem; margin-bottom: 2rem;}
.hero__lead b { font-size: 2.2rem;color: #E5004F;}
/*font-size hero*/
.hero h1,
.hero h1 * { letter-spacing: -2px;margin: 0 auto; font-size: 3.5rem;padding: 0px 0px 0px 0px;}
.hero h1.hero__hero_kw_01 * { font-size: 3.5rem;}
.hero h3 ,
.hero h3 * { font-size: 2.5rem;letter-spacing: 0px;color: #000;line-height: 1;}
.hero h3.hero__hero_kw_03 * { font-size: 2.2rem; }
.hero h6 { display: none; }
/*main cta*/
.hero__ctabox { margin: 0 auto; text-align: center; margin-bottom: 20px; padding: 0.2rem 0 2.5rem; border:#ffffff solid 3px;}
p.hero__ctabox_text { font-size: 2.3rem; }


/*main cta*/
.hero__ctabox { margin: 0 auto; text-align: center; margin-bottom: 20px; padding: 0.2rem 0 2.5rem; border:#ffffff solid 3px;}
p.hero__ctabox_text { font-size: 2.3rem; }
h3, h6, h8, h9, h10 { margin-top: 0; margin-bottom: 0 }
 p { margin-top: 0; margin-bottom: 0 }  

/*crown*/
.hero__crown { margin: 1px auto 50px;width: 80%;}
.hero__crown ul li { width: 33%;height: 60px;padding-top: 1rem;margin: 0 ;-webkit-background-size: 90%;background-size: 90%;background-position: center 0px;}
.sub span {font-size: 1.5rem;color: #000;font-weight: 600;line-height:1.2;display:block}
.sub b {font-size: 2rem;color:  #E5004F;text-align: center;}
.sub {text-align: center;width: 100px;height: 70px;}
    
.hero__crown ul li.crown1,.hero__crown ul li.crown2,.hero__crown ul li.crown3,.hero__crown ul li.crown4 {
    height: 80px;
}

/*result*/
.main-block { padding: 2rem 0 2rem;}
.main-block .main-block__lead strong { font-size: 2.2rem;}
.main-block__btm_arrow a { bottom: -1.5rem;z-index: 5;}
.main-block__btm_arrow a:hover { bottom: -2rem;}
h2.text__ttl em { font-size: 3rem; font-weight:bold;}
p.result__share { font-size: 3.8rem;letter-spacing: 0;}
h2.result__ttl strong { font-size: 2.4rem;margin: 0;}
.result__logo ul { padding: 0 2%;}
h2.result__text {font-size: 1.8rem;font-weight:normal;}
h2.result__text small{font-size: 1.3rem; margin-top: 0rem;}
a.yellow  {
color:#FFF100;
font-size: 16px;
}


/*campaign*/
.cta-block p em{
font-size: 2.8rem;
text-align: center;
padding:10px 0;
font-weight: bold;
}
.multi-style_btn { padding: 2rem 0; margin: 0rem auto 2rem; font-size: 2rem; font-weight:normal;}
.multi-style_btn__blue,
.multi-style_btn__pink { border: .1rem solid #fff;}


/* ==========================================================================
   service
   ========================================================================== */


.secac {
  padding-top: 20px;
}

.secac h2 {
text-align: center;
  font-size: 3rem;
  font-weight: bold;
  line-height: 0.1;
}

.secac h2 small {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  
}

.secac dd {
  padding:15px;
}

.btnarea {
  text-align:center;
}

.ac_dd h1 {
  text-align: center;
  font-size: 2rem;
  color: #000;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ac_dd p {
  text-align: left;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.7;
  font-size: 1.6rem;
  padding: 1px 20px;
  text-indent: 0;
}


.ac_dt img{
  width:100%;
}

.ac_dd img{
  width:100%;
}

.ac_dd iframe{
  display: block;
  margin: 0 auto;
  text-align: center;
}


/*------------------------------------------------------------
difference
------------------------------------------------------------*/
#difference {
  background: #fff;
  table-layout: fixed;
  font-size: 14px;
  line-height: 1.4;
}

.comparison__table_sp {
  width:90%;
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #fadbda;
  margin-bottom: 20px;
}

.comparison__table_sp tr:nth-of-type(odd) {
  background: #fceded;
}
.comparison__table_sp th,
.comparison__table_sp td {
  text-align: center;
  vertical-align: middle;
  border: 3px solid #fff;
  padding: 20px 5px;
  font-size: 1.6rem;
}
.comparison__table_sp thead th {
  background: #E68AAA;
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;

}
.comparison__table_sp tbody th {
  font-weight: 600;
  font-size: 1.6rem;
}

.comparison__table_sp tbody td small {
  display: block;
  font-size: 1.6rem;
  color:#E5004F;
  font-weight: 600;
}

.comparison__anser_sp {
  width:90%;
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 3px solid #ea8400;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 3px;
}

.comparison__anser_sp p{
  color: #000;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 800;
}

.under_sp {
  background: linear-gradient(transparent 70%, yellow 70%);
  }


.font3_sp {
  color: #e50902;
  font-size: 1.6rem;
  }

.performance__table_sp {
  width:90%;
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #f2f7f9;
  margin-bottom: 20px;
}
.performance__table_sp tr:nth-of-type(odd) {
  background: #d9ecf6;
}
.performance__table_sp th,
.performance__table_sp td {
  text-align: center;
  vertical-align: middle;
  border: 3px solid #fff;
  padding: 30px 10px;
  font-size: 1.6rem;
}
.performance__table_sp thead th {
  background: #003791;
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;
}
.performance__table_sp tbody td {
  font-weight: 600;
  font-size: 1.6rem;
}

.performance__table_sp tbody th small{
  font-weight: 600;
  font-size: 1.1rem;
}

.performance__table_sp tbody td small {
  display: block;
  font-size: 1.6rem;
  color: #0062ad;
  font-weight: 600;
}

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

商品プラン

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

.plan {
width: 100%;
background: url(../img/plan-bg_sp.png) 0 0 repeat;
}

h2.plan_title {
font-size: 3.2rem;
text-align: center;
font-weight: bold;

}

p.plan__text {
 font-size: 2.4rem;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
color: #E5004F;
}

.plan__table {
  background: #f7fffa;
  table-layout: fixed;
  font-size: 1.2rem;
  width: 90%;
  height: 150%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.plan__table tr:nth-of-type(odd) {
  background: #E0F8EC;
}
.plan__table th,
.plan__table td {
  text-align: center;
  vertical-align: middle;
  border: 2px solid #fff;
  padding: 15px 0;
  line-height: 1.4;
  font-size:1.2rem;
  font-weight: bold;
}
.plan__table thead th {
  font-size: 1.2rem;
}
.plan__table tbody th {
  font-size: 1.2rem;
}

.plan__table tbody th small{
  font-size: 1.2rem;
}

.plan__table tbody td small {
  font-size: 1.2rem;
}

.title-border {
    height: 1px;
    border: none;
    border-top: 0;
}

/*------------------------------------------------------------
voice
------------------------------------------------------------*/
h2.voice__ttl { font-size: 3rem; font-weight:bold; margin-bottom: 10px;line-height: 1.2;}
h2.voice__sub_ttl { font-size: 2rem; font-weight:bold;text-align: left;}
p.voice__txt{ font-size: 2.5rem; margin-top: 20px;}


/*------------------------------------------------------------
flow
------------------------------------------------------------*/
h2.flow__ttl { font-size: 3rem; font-weight:bold; padding-bottom: 10px;}
.flow_b { width: 100%; margin: 0 auto; vertical-align: middle;}
.flow_b ul li {display: inline-block;position: relative;text-align: center;width: 100%; margin: 0 auto;height: auto;padding: 0 0 30px;}
p.flow_b__comment { width: 90%; margin: 0 auto;}

/*------------------------------------------------------------
support
------------------------------------------------------------*/
p.support__sub_text{ font-size: 1rem; text-align: left;}

/*------------------------------------------------------------
printer
------------------------------------------------------------*/
h2.printer__ttl { font-size: 3rem; font-weight:bold; margin-top: 20px;  margin-bottom: 10px;}
p.printer__sub_ttl { font-size: 2rem; font-weight:bold; text-align: center;}

/*------------------------------------------------------------
slide__table1
------------------------------------------------------------*/


.slide__table_sp {
  width: 90%;
  margin: 0 auto;
  border-collapse:collapse;
  text-align: left;
  text-indent: 0;
}


.slide__table_sp th,
.slide__table_sp td {
  border:1px solid #ccc;
  padding:25px;
}

.slide__table_sp td {
  font-size: 14px;
  line-height: 1.6;
  background: #fff;
  width: 40%;
  font-weight: normal;
}

.slide__table_sp th {
 text-align: center;
 background: #005ab3;
  font-weight: normal;
 color:#fff;
 font-size: 16px;
 width: 15%;
 padding: 10px 0;
}


/*------------------------------------------------------------
slide__table2
------------------------------------------------------------*/

.slide__table_sp2 {
  width: 90%;
  margin: 0 auto;
  border-collapse:collapse;
  text-align: left;
  text-indent: 0;
}


.slide__table_sp2 th,
.slide__table_sp2 td {
  border:1px solid #ccc;
  padding:25px;
}

.slide__table_sp2 td {
  font-size: 14px;
  line-height: 1.6;
  background: #fff;
  width: 40%;
  font-weight: normal;
}

.slide__table_sp2 th {
 text-align: center;
 background: #55b032;
  font-weight: normal;
 color:#fff;
 font-size: 16px;
 width: 15%;
 padding: 10px 0;
}


/*------------------------------------------------------------
slide__table3
------------------------------------------------------------*/

.slide__table_sp3 {
  width: 90%;
  margin: 0 auto;
  border-collapse:collapse;
  text-align: left;
  text-indent: 0;
}


.slide__table_sp3 th,
.slide__table_sp3 td {
  border:1px solid #ccc;
  padding:25px;
}

.slide__table_sp3 td {
  font-size: 14px;
  line-height: 1.6;
  background: #fff;
  width: 40%;
  font-weight: normal;
}

.slide__table_sp3 th {
 text-align: center;
 background: #ff8da1;
 font-weight: normal;
 color:#fff;
 font-size: 16px;
 width: 15%;
 padding: 10px 0;
}


/*------------------------------------------------------------
slide__table4
------------------------------------------------------------*/


.slide__table_sp4 {
  width: 90%;
  margin: 0 auto;
  border-collapse:collapse;
  text-align: left;
  text-indent: 0;
}


.slide__table_sp4 th,
.slide__table_sp4 td {
  border:1px solid #ccc;
  padding:25px;
}

.slide__table_sp4 td {
  font-size: 14px;
  line-height: 1.6;
  background: #fff;
  width: 40%;
  font-weight: normal;
}

.slide__table_sp4 th {
 text-align: center;
 background: #00afc0;
 font-weight: normal;
 color:#fff;
 font-size: 16px;
 width: 15%;
 padding: 10px 0;
}


/*--------------*/
/* sp hero btn */
/*--------------*/

/* hero_cta_btn */
.hero .main_btn_wrap { width: 100%;height: 10rem;position: relative;z-index: 100;}


.hero .main_btn { z-index: 100;position: relative;	
top: -1.5rem;margin-left: 2%;}
.hero .main_btn a { background: #ffbf43;display: block;border-radius: 5px;margin: 0 auto;width: 98%;height: 60px;font-size: 2rem;font-weight: 600;text-decoration: none;text-align: center;text-shadow: 0px 1px #f7a12f;box-shadow: 0px 5px #999;margin: 30px 0 0;position: relative;padding-top: 10px;top: 0px;}
.hero .main_btn *,
.hero .main_btn a { color: #fff;}
.hero .main_btn a { transition: all .3s;}
.hero .main_btn a:hover { background-color: #799CEE;top: 5px;box-shadow: none;}

.hero .main_btn .disc { font-size: 1.4rem;font-weight: bold;color: #333;}

.hero .main_btn .disc::before { left: 7px;top: 37px;}
.hero .main_btn .disc::after { left: 12px;top: 44px;}
.hero .main_btn .st { font-size: 2.6rem;}
.hero .main_btn .orange { color: #117cc5;font-size: 3.2rem;}
.hero .main_btn .cloud { font-size: 1.2rem;display: block;border: 2px solid #81A0E9;border-radius: 10px;background: #fff;color: #333;width: 80px;position: absolute;padding: 10px;text-shadow: none;}
.hero .main_btn .cloud:after { content: "";position: absolute;border-top: 10px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent;bottom: -9px;left: 5px;}
.hero .main_btn .cl_rig { top: -50px;right: -10px;}
.hero .main_btn .cl_lef { top: -50px;right: 100px;}
.hero .main_btn .cloud .jump { color: #1757b9;font-size: 1.6rem;line-height: 2.0;}
.hero .main_btn .cl_rig .jump { color: #ff5f5f;}
.hero .main_btn a .cloud{ display: block;}

.disc::before { content:"";position: absolute;top: 62px;right: 15px;width: 20px;height: 20px;background: #fff;display: block;border-radius: 100%;}
.disc::after { content: "";position: absolute;top: 68px;right: 22px;width: 5px;height: 5px;
border-bottom: 3px solid #1757b9;border-right: 3px solid #1757b9;transform: rotate(-45deg);}
.hero .main_btn a:hover .disc::after{ border-bottom: 3px solid #799CEE;border-right: 3px solid #799CEE;}

/* cloud */
.hero .main_btn .cloud { padding: 3px 5px;font-size: 1.0rem;}
.hero .main_btn .cl_lef,
.hero .main_btn .cl_rig { top: -35px;}
.hero .main_btn .cl_lef { right: 30%;}
.hero .main_btn .cl_rig { right: 2%;}
.hero .main_btn .cloud .jump { font-size: 1.4rem;}


 /*check */
 /* balloon */
.balloon li { height: 60px;padding: 20px 10px 0px;margin-bottom: 15px;}
.balloon em ,
.balloon em a { color: #5ca7c5;}
.balloon li.sp__center { margin-left: 80px;}
.balloon ,
.balloon__2 { width: 100%;}

/*checkbox*/
.checkbox { margin-left: 2%;width: 100%;}
.checkbox li { font-size: 1.6rem; padding-left: 2.5rem; position: relative;margin-bottom: .5rem;}
.checkbox li em { font-size: 120%; letter-spacing: 0; color: #117cc5;}
.checkbox li::before { content: "";top: 0%;margin-top: .8rem;left:  0rem;width: 1.5rem;height:1.5rem;position: absolute;border: 2px solid #666;}
.checkbox li::after { content: "";position: absolute;top: 0%;margin-top: .7rem;left: 0.3rem;width: 0.6rem;height: 1.2rem;border-right:  .2rem solid #f6be62;border-bottom: .4rem solid #f6be62;transform: rotate(45deg);-webkit-transform: rotate(45deg);box-shadow: .1rem .2rem #fff;}
.result__logo li,
.result__logo li img { width: 65px;height: 32px;margin: 0 0 .5rem .5rem;}
/* arrow */
.arrow { margin: 10px auto;height: 10px;}
.check__answer { margin: 10px 0;padding-top: 0px;}
.arrow:before { height: 10px;width: 50%;margin-left: -25%;}
.arrow:after { top: 10px;border: 150px solid transparent;border-top: 20px solid #f6be62;margin-left: -150px;}
/* answer */
.check__answer { margin-top: 30px;}

/* cta-block */

.cta__cloud {
display: none;
}
.cta-block p,
.cta-block h5,
.cta-block__lead { font-size: 3.75vw; margin: .5rem 0; padding: 0;}

.cta-block em {
font-size: 3.75vw;
font-weight: bold;
}


a .cta__cloud { display: none;}
.cta__right-wrap,
.cta__left-wrap { margin: 0; }
.cta__left-wrap_sp { margin-top:20px; }

.result-cap {
font-size: 1.2vw;
}

/*cta-block__list*/
.cta-block__list dt,
.cta-block__list dd { margin: 2px 0;padding: 0;}
.cta-block__list dt{ margin-left: 20px;}
.cta-block__list__footer dt, 
.cta-block__list__footer dd { font-size: 1rem;}


/*merit*/
.icon-content {margin: 0 1rem 2rem;}
.icon-content__icon_img { width: 30%;height: 10rem;float: left;margin: 0 1rem;border-width: .2rem;border-radius: .7rem;}
.icon-content .icon_01 { background-position: center -6.5rem;}
.icon-content .icon_03 { -webkit-background-size: 110%;background-size: 110%;background-position: center 5px;}
.icon-content h4 { text-align: left;font-size: 1.2rem;margin: 0 0 1rem;}
.icon-content__24 h4 b { font-size: 1.4rem;}
.icon-content__24 h4 em { font-size: 1.4rem;}
.icon-content p { font-size: 3.25vw;width: 90%;margin: 0;}
.icon-content p em { font-size: 3.5vw;}
/*tooltip*/

.tool{ display: none;}

.tool { background: #2d98df;color: #fff;}
.tooltip { width: 50%;overflow: visible;}
.tooltip h3 { color: #fff;}
.tooltip p { position: relative;margin-top: 10px;opacity: 1;width: 70%;left:0;padding: 10px 15px;height: 90px;}
.tooltip p::after { bottom: 100%;border: 5px solid transparent;border-bottom: 10px solid #fff;}


.grid__unit { padding: 0;}


/*cost*/

.wrap__cost { width: 100%;}
.cost__box { width: 45%;margin: 0;padding: 0;height: 50px;line-height: 50px;letter-spacing: 2px;}
.cost__plus { width: 10%;height: 50px;line-height: 50px;}
.cost__caption { width: 90%;}

/* faq */
.qa_sp {
margin-top:20px;
}
.qa_sp dt {
padding: 25px 30px 25px 40px;
position: relative;
border-radius: 5px;
}

.qa_sp dt:before {
content:'Q';
margin-left: 10px;
position: absolute;
top: 23px;
left: 5px;
color:#fff;
font-size:2rem;
}

.qa_sp dt span{
color:#fff;
font-size:1.6rem;
letter-spacing: 2px;
font-weight: 400;
line-height: 20px;
}

.qa_sp dt span:after {
content: '';
display: block;
width: 16px;
height: 16px;
border-top: 2px solid #fff;;
border-right: 2px solid #fff;;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-75%) rotate(-225deg);
transition: all .5s ease;
}
.qa_sp dd {
display: none;
margin:0;
padding:30px 30px 30px 100px;
position:relative;
font-size:2rem;
line-height: 20px;
margin-bottom: -3px;
text-indent: 0;
}
.qa_sp dd:before {
content:'A';
margin-left: 20px;
position: absolute;
top: 35px;
left: 10px;
font-size:2rem;
}
.qa_sp dl.active dt span:after {
transform: rotate(-45deg);
}

h2.faq_ttl_sp{ font-size: 3.2rem; font-weight:bold; margin-bottom: 10px;}
h2.faq__sub_ttl_sp{ font-size: 2rem; font-weight:bold;text-align: center;}
.qa_sp { width: 100%; margin: 0 auto; text-align: center;}
.qa_color1 {width: 90%; margin: 0 auto; text-align: center; }
.qa_color2 {width: 90%; margin: 0 auto; text-align: center; }
	
/* side menu */
.side_menu { top: auto;bottom: 0;left: 0;height: 8rem;width: 100%;margin: 0 auto;z-index:999;background: #000;padding: 0px;background-color: rgba(0,0,0,0.7);}
.side_menu .lead { color: #eee;text-align: center;margin: .5rem;font-size: 1.3rem;}
.side_menu ul { position: absolute;width: 100%;padding: 0;margin: 0px 10px;opacity: 1;bottom: 1rem;}
.side_menu ul::before { content: "";font-size: 0.7rem;position: absolute;top: 2px;left: 20px;color: #aaa;}
.side_menu  ul li a { float: left;font-size: 1.2rem;margin: 0;padding: 5px 5px 0;border: none;background: none;text-decoration: underline;line-height: 140%;}
.side_menu ul li a:before { display:none;}
.side_menu ul li a:after { content: "/";border: none;top: 5px;left: auto;right: 2px;}


.side_menu ul li.cta a { margin: 0;padding: 0;width: 45%;height: 5rem;line-height: 5rem;bottom: 5rem;left: 0rem;background: #f7a12f;border-radius: 0.3rem;display: inline-block;font-size: 1.4rem;color: #fff;text-decoration: none;}
.side_menu ul li.side_menu__right a { background: #2d98df;left: 50%;
}
.side_menu ul li.cta a:hover { width: 45%;padding: 0;text-align: center;}
.side_menu li a .cta_sub { display: none;}

.side_menu, .side_menu ul, .side_menu li {
	display: block;
}	


.cta-block {

}

.cta-block__list {
display:none;
}

/*cta-block__list*/
.cta-block__list { margin: 10px auto 0;width: 100%;color:#ccc;}
.cta-block p.cta-footer__tel { font-size: 1.4rem;}
.cta-block__list dl{ margin: 0 auto;line-height:1.0;text-align: center;}
.cta-block__list dt,
.cta-block__list dd { float: left;display: inline-block;margin-top: 5px;}
.cta-block__list dt{ font-size: 1.2rem;}
.cta-block__list dd a { color: #ddd;text-decoration: underline;font-size: 1.6rem;font-family: arial;letter-spacing:1px;font-weight:bold;}
.cta-footer__list dt,
.cta-footer__list dd { font-size: 1rem;}
.cta-block p.cta-block__tx { font-size: 1rem;margin: 5px auto;padding: 0;}
/*triangle*/
.divide__tri { position: absolute;display: block;bottom: -3rem;left: 50%;width:  0;height: 0;margin-left: -1.5rem;border: 1.5rem solid transparent;z-index: 4;}
.divide__tri__gray { border-top: 1.5rem solid #f2f2f2;}
.divide__tri__white { border-top: 1.5rem solid #fff;}
.divide__tri__orange { border-top: 1.5rem solid #ffbc3e;}
.divide__tri__blue { border-top: 1.5rem solid #2d98df;}

/*footer*/
/*.footer{ padding-bottom: 80px;}*/
.footer__logo{ margin-left: 10px;}
.footer__txt { font-size: 1.2rem;width: 75%;}
.footer__link { margin: 0;margin-right: 10px;padding-top: 5px;float: right;}
.footer__link a{ font-size: 1rem;}
.footer__copy { font-size: 1rem;}
}


/*--------------*/
/* landscreen  */
/*--------------*/
@media screen and (min-width: 415px) and (max-device-width: 667px) { * br.sp__only { display: none;}
.header__txt { text-align: right;margin-right: 2%; width: 50%;background: none;}
.side_menu { height: 6.5rem;margin: 0 auto .2rem;}
.side_menu ul { bottom: 0.5rem;}
.side_menu ul li a { display: none;}
.side_menu ul li.cta a { height: 3rem;line-height: 3rem;bottom: 0.5rem;}
.hero .main_btn_wrap { height: 5rem;}
.hero .main_btn { top: -6rem;}
.hero .main_btn .disc::before { left: 20%;margin-left: 2rem;}
.hero .main_btn .disc::after { left: 20%;margin-left: 2.5rem;}
.checkbox { margin-left: 20%;}
}



/*--------------*/
/* sp 414 */
/*--------------*/
@media screen and (max-width: 414px) {
.hero h1.h1__fz_6, .hero h1.h1__fz_6 * { font-size: 3.5rem;}

.hero .main_btn { top: 0;}
.hero__movie { margin: 30px 0 20px;}
.checkbox { margin-left: 10%;}
.icon-content .icon_01 {background-size: 90%;}
}

/*--------------*/
/* sp 375 */
/*--------------*/
@media screen and (max-width: 375px) {
.icon-content .icon_01 {background-position: center -5.5rem;}
}


/*--------------*/
/* sp 320 */
/*--------------*/
@media screen and (max-width: 320px) { /*font-size hero*/
/*2.6rem*/
h2.result__ttl strong ,
.voice__lead strong ,
.voice__lead__blue { font-size: 2rem;}

/*2.4rem*/
.icon-content__24 h4 em { font-size: 1.4rem;}
.cta-block p { font-size: 1.2rem;}
.cta-block p em { font-size: 2rem;}
.cta-block h5 { font-size: 1.4rem;}
.main-block h2 { font-size: 2rem;}

/*header*/
.header__logo { overflow: hidden;width: 50%;margin-left: 2%;}
.header__logo img { width: 100%;}
.header__txt{ background: none;font-size: 0.8rem;padding-left: 0px;padding-right: 2%;text-align: right;}
.header__txt strong { font-size: 1.2rem;}

/*hero*/
.hero h1,
.hero h1 *,
.hero h1.h1__fz_6, .hero h1.h1__fz_6 * { font-size: 2.8rem;letter-spacing: 0px;margin: 0 auto;}
.hero__crown ul li { padding-top: 7%;font-size: 2.2rem;}
.hero__crown ul li .sub { font-size: 1rem; }
.hero .main_btn .disc::before ,
.hero .main_btn .disc::after { display: none;}

/* result */
.result__share { font-size: 2.4rem;}
.cam50per p { font-size: 1.2rem;}
.hero__ctabox__w500 { font-size: 1.8rem;}

 /* balloon */
.balloon li { height: 60px;padding: 20px 5px 0px;margin-bottom: 15px;}
.balloon em ,
.balloon em a { font-size: 1.3rem;}
.balloon li { font-size: 1rem;}

/*checkbox*/
.checkbox {  margin-left: 2%; padding-left: 0; width: 98%;}
.checkbox li { font-size: 1.4rem ;}

/*icon-conent*/
.icon-content__icon_img { margin: 0 5% 0 2%;}
.icon-content__24 h4 b ,
.icon-content__24 h4 { font-size: 1.4rem;width: 98%;}
.icon-content__24 p,
.icon-content__24 p em { font-size: 1.2rem;}
.main-block .main-block__lead strong { font-size: 1.8rem;}

/*merit*/
.icon-content .icon_01 {background-position: center -4.5rem;}

/*voice*/
.voice__img { margin: 20px 10px 20px 0;}
.voice__company { font-size: 1.4rem;}
.voice h5 { font-size: 4vw;}
.cta-block__list { width: 90%;}
.cta-block p.cta-footer__tel { font-size: 1.2rem;}
.cta-block__list dt{ font-size: 0.8rem;}
.cta-block__list dd a { font-size: 1rem;}
.cta-block p.cta-footer__company { font-size: 1rem;}
.footer__txt { font-size: 1rem;}
.footer__copy { padding: 0 0 0px;}
#cboxTopCenter { width: 100%;}
/*hero font-size*/
.hero h1.fz_small__h1,
.hero h1.fz_small__h1 * { font-size: 2.4rem;}
.hero h1.fz_moresmall__h1,
.hero h1.fz_moresmall__h1 * { font-size: 2rem;}
.hero h3 ,
.hero h3 * { font-size: 1.8rem;}
.hero h3.fz_small__01  ,
.hero h3.fz_small__01 * { font-size: 1.4rem;}

.side_menu { height: 8rem;margin: 0 auto .5rem;}
.side_menu ul { bottom: 0.5rem;}
.side_menu ul li.cta a { height: 3rem;line-height: 3rem;bottom: 2rem;}
.side_menu  ul li a { font-size: 1rem;}
}


p.plan__text3 {
margin-top: 20px;
font-size: 2rem;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
color: #000;
}

p.plan__text3 span {
 font-size: 2rem;
font-weight: bold;
color: #E5004F;
}




.btn-square-shadow_two {
  margin-top: 25px;
  display: inline-block;
  padding: 0.8em 1.8em;
  text-decoration: none;
  background: #F39800;/*ボタン色*/
  color: #FFF;
  font-size: 1.8rem;
  border-bottom: solid 4px #CC8100;
  border-radius: 3px;
}


.btn-square-shadow_two:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

/* ポップアップ */

#layer_sp {
    display: none;  /* 初期表示は非表示 */
    position:  fixed;
    left: 0px;
    top: 0px;
    width: 80%;
    height: 80%;
    background-color: black;
    opacity: 0.5;
    z-index: 30;
}
#popup_sp {
    display: none;  /* 初期表示は非表示 */
    position:  fixed;
    left: 40%;
    top: 10%;
    width: 300px;
    height: 200px;
    margin-left: -300px;
    margin-top: -30px;
    background-color: white;
    border-radius: 5px;
    text-align: left;
    z-index: 30;
}

.popup_title_sp {
   font-size: 21px;
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
}

.popup_text_sp {
  font-size: 20px;
  padding: 25px;
  text-align: center;
  font-weight: bold;
}

.popup_text_sp {
  font-size: 20px;
  padding: 25px;
  text-align: center;
  font-weight: bold;
}

.popup_text2_sp {
  font-size: 18px;
  padding: 0px 70px;
  text-align: left;
}

.popup_btn_sp {
  font-size: 18px;
  text-align: center;

}

.title-border_sp {

  height: 1px;
  border: none;
  border-top: 10px #333 solid;
}
p.service_sp{
  margin-bottom: 20px;
}

.modal_wrap input{
    display: none;
}

.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}

.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content{
    position: relative;
    align-self: center;
    width: 60%;
    max-width: 800px;
    padding: 30px 30px 15px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
}

.close_button{
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 24px;
    cursor: pointer;
}

.modal_wrap input:checked ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}

.open_button{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 30px;
    margin: auto;
    padding: 8px 16px;
    color: #444;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border-radius: 16px;
    cursor: pointer;
}