@charset "UTF-8";

/****共通****/
body{
	margin: 0;
    font-size: 16px;
    line-height: 1.6;
    font-family:'Noto Sans JP',"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;    overflow-wrap: break-word;
    color:#08153F;
    font-weight: 400;
}


.left{float: left;}
.right{float: right;}
.cFix:after {
  display: block;
  clear: both;
  content: "";
}

.sp_view {
      display: none;
  }
.pc_view {
     display:block;
  }
p{
	margin: 0;
}

ul,li{
	list-style: none;
	padding: 0;
	margin: 0;
}
small{
	display: block;
	padding: 5px 0;
}
video{
	width: 100%;
	display: block;
}
img{
	border: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}
a:hover{
	text-decoration: none;
}
.bold{
	font-weight: 700;
}
.border-b{
	border-bottom: 1px solid #0a7c84;
}

.rounded{
	border-radius: 10px!important;
}
.pb_10{
	padding-bottom: 10px;
}
.pb_20{
	padding-bottom: 20px;
}
.pb_50{
	padding-bottom: 50px;
}
.pt_50{
	padding-top: 50px;
}
.pt_20{
	padding-top: 20px;
}
.pl_10{
	padding-left: 10px;
}
.pr_10{
	padding-right: 10px;
}
.pb_10{
	padding-bottom: 10px;
}
.t-orange{
	color: #FF521B;
}
.t-blue{
	color: #0B6CFF;
}
.t-white{
	color: #fff;
}
.center{
	margin: 0 auto;
}

.w100{
	width: 100%;
}
.w70{
	width: 70%;
}
.width_1000{
	max-width: 1000px;
	margin: 0 auto;
}



/********/

.wrapper{
	margin: 0 auto;
}
header{
	background: #08153F;
	
}
header .width_1000{
	display: flex;
	justify-content: space-between;
	padding: 2%;
}

header .logo01{
	max-width: 200px;
}
header .logo02{
	max-width: 100px;
}


/********/

section.fv_sec{
	background: url(../images/fv_bg.jpg);
	background-size: cover;
}

/********/

.copy01{
	background: #08153F;
}
.copy01 p{
	color: #fff;
	font-weight: 200;
	font-size: 48px;
	text-align: center;
	padding: 2%;
}
section.plan_sec{
	padding: 5% 0 7%;
	background: #F4F5F6;
}
section.plan_sec .sec_title{
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	padding: 3%;
}

section.plan_sec .width_1000{
	display: flex;
	justify-content: space-between;
      padding: 0 2%;
}
section.plan_sec img{
	max-width: 320px;
	margin: 0 auto;
}
section.plan_sec .monthly{
	padding: 5% 5% 2%;
}
section.plan_sec .monthly img{
	max-width: 450px;
	margin: 3% auto;
}
.plan_02{
	margin: 0 2%;
}
@media screen and (max-width: 600px){

.copy01 p{
	color: #fff;
	font-weight: 200;
	font-size: 24px;
	text-align: center;
	padding: 5% 2%;
}
section.plan_sec .width_1000{
	display: block;
	padding: 0 2%;
}
.plan_02{
	margin: 5% 0;
}
section.plan_sec .sec_title{
	font-size:26px ;
}
}

/********/
.service_options_sec{
	padding: 5% 0;
}
.service_options_sec .width_1000{
	display: flex;
	justify-content: space-between;
      padding: 0 2%;
}
.service_options_sec div.service,.service_options_sec div.options{
width: 48%;
}
div .service p{
color: #FFF;
text-align: center;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.56px;
border-radius: 133px;
background: #DDC407;
margin: 0 5%;
padding: 3%;
line-height: 1.2;
}
div .options p{
color: #FFF;
text-align: center;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.56px;
border-radius: 133px;
background: #133273;
margin: 0 5%;
padding: 3%;
line-height: 1.2;
}
.service_options_sec .service li{
 padding: 2% 2% 2% 4%;
 border-bottom: 1px solid #DDC407;
 border-left:6px solid #DDC407;
 margin: 5% 0;
 font-weight: 500;
  font-size: 1.5rem;
}
.service_options_sec .options li{
 padding: 2% 2% 2% 4%;
 border-bottom: 1px solid #133273;
 border-left:6px solid #133273;
 margin: 5% 0;
 font-weight: 500;
 font-size: 1.5rem;
 
}
.service_options_sec .cFix{
	max-width:1000px ;
	margin: 0 auto;
}
p.ather{
	text-align: right;
	font-size: 18px;
	font-weight: 600;
}

@media screen and (max-width: 600px){
.service_options_sec .width_1000{
	display: block;
	padding: 0 4%;
}
div .service p{
font-size: 18px;
}
div .options p{
font-size: 18px;
}
.service_options_sec div.service,.service_options_sec div.options{
width: 98%;
padding: 5% 0 5%;
}
.service_options_sec .service li,.service_options_sec .options li{
	font-size: 4.5vw;
}
p.ather{
	font-size: 4.5vw;
	padding: 0 4%;
}
}

/****sta_sec***/
section.cta_sec{
	background: #133273;
	padding: 5% 5% 7%;
}
section.cta_sec .sec_title{
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	padding: 3%;
	color: #fff;
}
.cta_tel{
	width: 50%;
	margin: 0 auto;
}
@media screen and (max-width: 600px){
.cta_tel{
	width: 90%;
	margin: 5% auto;
}
section.cta_sec .sec_title{
	font-size: 26px;
}
}


footer{
	background: #A2A1A1;
	padding: 5% 0;
}
footer .width_1000{
	padding: 0 2% ;
}
footer p.sec_title{
	font-size: 2rem;
	font-weight: 600;
	padding-bottom: 1%;
}
footer p{
	color: #fff;
	font-size: 1.5rem;
}
@media screen and (max-width: 600px){
footer p.sec_title{
	font-size: 1.2rem;
}
footer p{
	font-size: 1rem;
}
}
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
/****ここからレスポンシブcss*****/

@media screen and (max-width: 600px){
.pc_view {
      display: none;
  }
.sp_view {
      display: block;
  }

}