body {
	margin: 0 auto !important;
}

body {
	font-family: "Noto Sans JP", serif!important;
	max-width: 1920px;
	width: 100%;
}

html {
	background-color: #fff;
}

.u-desktop {
	display: none;
}


html {
	font-size: 16px;
}


html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeLegibility;
}

.wrapper{
	width: calc(1200 / 1920 * 100vw);
	margin:0 auto;
}



.hero {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height:calc(700 / 1920 * 100vw);
	max-width: 100%;
	position: relative;
	width: 100%;
}


.hero img{
	width: 100%;
}


.hidden-pc {
	display: none;
}

.hidden-sp {
	display: block;
}


.top_text{
	margin:80px auto;
	text-align: center;
}

.top_text p{
	line-height: 2.5;
	color: #063998;
	font-weight:bold;
	font-size: calc(24 / 1920 * 100vw);
}

.highlight{
	background-color: #ffff33;
}


#deffernce{
	padding-bottom: 80px;
}

#deffernce .title{
	position: relative;
	margin-bottom: 20px;
}

#deffernce .title img{
	display: block;
	position: absolute;
	top:calc(60 / 1920 * 100vw);
	left:calc(30 / 1920 * 100vw);
	width:  calc(148 / 1920 * 100vw);
}



#deffernce .title h2 .lead{
	font-size: calc(34 / 1920 * 100vw);
	font-weight:bold;
	text-align: center;
	color: #333333!important;
	border-bottom: 6px dotted #ff3333;
	padding-bottom:  calc(20 / 1920 * 100vw);
}

#deffernce .title h2{
	margin:0 auto;
	font-size: calc(80 / 1920 * 100vw);
	color: #063998;
	text-align: center;
	font-weight: bolder;
}

#deffernce .title h2 .small{
	font-size: calc(50 / 1920 * 100vw);	
}

.def_table table{
  border-width: 1px;
  border-color: rgb(190, 190, 190);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  width: calc(1000 / 1920 * 100vw);	
  margin:0 auto ;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.def_table table td{
	text-align: center;
	border:1px solid #bebebe;
	vertical-align:middle;
	font-size: calc(18 / 1920 * 100vw);	
}

.def_table table td img{
	max-width: 100%;
	display: block;
	padding: 4%;
	margin: 0 auto;
}

.navy{
	background: #063998;
	color: #fff;
	width: calc(160/ 1920 * 100vw);	
	padding: calc(15 / 1920 * 100vw) 0;
}

.green{
	background: #33cc66;
	color: #fff;
	width: calc(280/ 1920 * 100vw);	
	padding: calc(15 / 1920 * 100vw) 0;
	font-weight: bold;
}

.lble{
	background: #0099cc;
	color: #fff;
	width: calc(280/ 1920 * 100vw);	
	padding: calc(15 / 1920 * 100vw) 0;
	font-weight: bold;
}

.org{
	background: #ff9900;
	color: #fff;
	width: calc(280/ 1920 * 100vw);	
	padding: calc(15 / 1920 * 100vw) 0;
	font-weight: bold;
}

.lgreen{
	background: #e3f3e6;
	padding: calc(15 / 1920 * 100vw);
}

.llbule{
	background: #e3edf9;
		padding: calc(15 / 1920 * 100vw);
}

.lorg{
	background: #fbe6d6;
		padding: calc(15 / 1920 * 100vw);
}

.def_table table td .big{
	font-size: calc(24 / 1920 * 100vw);
	font-weight: bold;
}

.def_table table td.text{
	padding: calc(15 / 1920 * 100vw);
	text-align: left;
}

.def_table table td .red{
	font-size: calc(18 / 1920 * 100vw);
	color:#ee0000;
	font-weight: bold;
}

#merit{
	background: #e3f3e6;
	padding: 70px 0 10px;
	text-align: center;
}

#merit .wrapper{
	width: calc(1280 / 1920 * 100vw);
	margin:0 auto ;
}


.subtitle{
	font-size: calc(24 / 1920 * 100vw);
	background: #33cc66;
	padding: calc(15 / 1920 * 100vw);
	border-radius: 45px;
	color: #fff;
	text-align: center;
}

#merit h3{
	margin:20px auto 50px;
	color:#063998;
	font-size: calc(34 / 1920 * 100vw);
}

.merit_wraper{
	background: #fff;
	margin-bottom: 90px;
}

.merit_box{
	padding: 40px 40px 0 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	flex-wrap: wrap;
}

.merit_top{
	display: flex;
	justify-content:flex-start;
	width: 50%;
	align-items: center;
	margin-bottom: 45px;
}

.no{
	background: #063998;
	color: #fff;
	font-size: calc(28 / 1920 * 100vw);
	font-weight: bold;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.merit_top h4{
	color:#063998;
	font-size: calc(24 / 1920 * 100vw);
	font-weight: normal;
	margin-bottom: 10px;
}

.merit_txt{
	text-align: left;
	font-size: calc(18 / 1920 * 100vw);
}

.nomb{
	margin-bottom: 0!important;
}

.arrow{
	display:flex;
	justify-content: center;
	border-radius: 10px;
	align-items: center;
	text-align: center;
	font-size: calc(24 / 1920 * 100vw);
	color: #fff;
	background: #04358e;
	width: calc(800 / 1920 * 100vw);
	margin:25px auto 0;
	flex-wrap: wrap;
}

.arrow img{
	margin-right: 20px;
}

.arrow_wrap::after {
    content: url('/assets/images/common/arrow_after.png');
    display: block;
    width: 150px;
	position: relative;
	left: 43%;
}



#features,#speed,#comparison,#change,#itd{
    background: linear-gradient(to right, #e3edf9 0%, #e3edf9 50%, #fbe6d6 50%, #fbe6d6 100%);
	padding: 80px 0 10px;
	text-align: center;
}


#features .wrapper{
	width: calc(1280 / 1920 * 100vw);
	margin:0 auto ;
}

#features .subtitle,#speed .subtitle,#comparison .subtitle,#change .subtitle{
	background: #063998;
	font-size: calc(24 / 1920 * 100vw);
	padding: calc(15 / 1920 * 100vw);
	border-radius: 45px;
	color: #fff;
	text-align: center;
}

#features h3,#speed h3,#comparison h3,#change h3{
	font-size: calc(46 / 1920 * 100vw);
	color: #e10505;
	margin:35px 0 60px;
}

.feat_box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 100px;
	padding: 0 60px;
}

.feat_crl{
	width: calc(210 / 1920 * 100vw);
	height: calc(210 / 1920 * 100vw);
	background: #04358e;
	padding: 25px;
	border-radius: 50%;
	text-align: center;
	font-size: calc(18 / 1920 * 100vw);
	color: #ffff99;
	line-height: 1.5;
	margin:0 calc(30 / 1920 * 100vw);
}

.mb20{
	margin-bottom: 20px;
}


.feat_crl .small{
	font-size: calc(15 / 1920 * 100vw);
}

.sub_txt{
	font-size: calc(30 / 1920 * 100vw);
	color: #063998;
	font-weight: bold;
}

#speed{
	padding-top: 0;
}

#speed h3.mb20{
	margin-bottom: 20px!important;
}

#speed .wrapper{
	width: calc(1200 / 1920 * 100vw);
	margin:0 auto 20px;
}

.ex_box_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
}

.ex_box{
	background: #fff;
	width: calc(580 / 1920 * 100vw);
	height: calc(930 / 1920 * 100vw);
	display: flex;
	padding: calc(10 / 1920 * 100vw) calc(45 / 1920 * 100vw) calc(30 / 1920 * 100vw);
	justify-content: space-between;
	align-items:flex-start;
	flex-wrap: wrap;
}

.acom{
	width: calc(208 / 1920 * 100vw);
	padding-top:35px;
}

.bcom{
	width: calc(208 / 1920 * 100vw);
	padding-top:35px;
}

#speed .gray{
	width: 100%;
	background: #aaaaaa;
	color: #fff!important;
	font-size: calc(18 / 1920 * 100vw);
	padding: 5px 0;
	text-align: center;
	margin:10px 0;
	border-radius: 6px;
	font-weight: bold;
}


#speed .navy{
	width: 100%;
	background: #063998;
	color: #fff!important;
	font-size: calc(18 / 1920 * 100vw);
	padding: 5px 0;
	text-align: center;
	margin:10px 0;
	border-radius: 6px;
	font-weight: bold;
}

#speed .red{
	width: 100%;
	background: #e10505;
	color: #fff!important;
	font-size: calc(18 / 1920 * 100vw);
	padding: 5px 0;
	text-align: center;
	margin:10px 0 20px;
	border-radius: 6px;
	font-weight: bold;
}

.ex_box img{
	display: block;
	max-width: 100%;
}

.ex_box p{
	font-size: calc(20 / 1920 * 100vw);
	color: #000;
	width: 100%;
}

.pic_smaller{
	width: 45%;
}

.mg_fit{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: calc(240 / 1920 * 100vw);
}

.pic100{
	margin:0 auto;
	height: calc(225 / 1920 * 100vw);
}

.why{
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 40px;
}

.why_arrw{
	background: url('/assets/images/common/com_arr_bg.png') no-repeat;
	background-size: contain;
	color: #fff;
	font-size: calc(20 / 1920 * 100vw);
	font-weight: bold;
	width: calc(180 / 1920 * 100vw);
	margin-right: calc(20 / 1920 * 100vw);
	display: inline-block;
  	height: calc(100 / 1920 * 100vw);
	padding:calc(30 / 1920 * 100vw) calc(30 / 1920 * 100vw) 0 calc(-35 / 1920 * 100vw);
}


.why_txt{
	background: #fff;
	border:4px solid #003292;
	border-radius: 10px;
	width: calc(820 / 1920 * 100vw);
	font-size: calc(25 / 1920 * 100vw);
	font-weight: bold;
	padding: calc(25 / 1920 * 100vw) calc(35 / 1920 * 100vw);
	color: #003292;
}

.comp_pic{
	background: #fff;
	padding: calc(40 / 1920 * 100vw) calc(100 / 1920 * 100vw);
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.comp_pic h4{
	font-size: calc(25 / 1920 * 100vw);
	font-weight: bold;
	color: #e10505;
	margin-bottom: 20px;
}

.conp_pic_wrap{
	display: flex;
	justify-content:space-around;
	align-items: center;
}

.conp_pic_wrap img{
	display: block;
	max-width: 45%;
}

.com_pic1{
	width: calc(480 / 1920 * 100vw);
}

.com_pic2{
	width: calc(320 / 1920 * 100vw);
}

.comp_txt{
	display: flex;
	align-items: center;
	width: calc(820 / 1920 * 100vw);
	margin: 0 auto 5px;
}

.comp_big{
	font-size: calc(30 / 1920 * 100vw);
	color: #003292;
}

.comp_txt1{
	font-size: calc(20 / 1920 * 100vw);
	color: #000000;
	width: calc(372 / 1920 * 100vw);
	text-align: left;
	margin-right: calc(20 / 1920 * 100vw);
}

.comp_txt2{
	font-size: calc(20 / 1920 * 100vw);
	color: #000000;
	width: calc(278 / 1920 * 100vw);
}

.comp_big2{
	font-size: calc(30 / 1920 * 100vw);
	color: #003292;
	font-weight: bold;
}

.comp_arrw{
 display: inline-block;
  width:  calc(105 / 1920 * 100vw);
  height: calc(30 / 1920 * 100vw);
  background: #000000;
  clip-path: polygon(0 46.7%, 76.2% 46.7%, 76.2% 0, 100% 50%, 76.2% 100%, 76.2% 53.3%, 0 53.3%);
  margin-right: calc(30 / 1920 * 100vw);
}

.mt35{
	margin-top:35px;
}

.com_pic3 {
	max-width: 90%!important;
}

#change table{
	width: 100%;
}

#change table td{
	padding: calc(30 / 1920 * 100vw) calc(25 / 1920 * 100vw);
	text-align: left;
	font-size: calc(18 / 1920 * 100vw);
}

#change .def_table table td img{
	padding: 0;
	margin-left: 0;
}

#change table td.navy{
	width:  calc(340 / 1920 * 100vw);
	padding: calc(15 / 1920 * 100vw) 0;
	text-align: center;
}

#change table td.green{
	width:  calc(430 / 1920 * 100vw);
	padding: calc(15 / 1920 * 100vw) 0;
	text-align: center;
}

#change table td.orlb{
	width:  calc(430 / 1920 * 100vw);
	background:linear-gradient(-8deg, #ff9900 0%, #ff9900 50%, #0099cc 50%, #0099cc 100%); 
	color: #fff;
	padding: calc(15 / 1920 * 100vw) 0;
	text-align: center;
}

.td_flex{
	display: flex;
	justify-content:space-around;
	text-align: left;
	align-items: center;
}


#change table td.pad10{
	padding: 12px;
}

.img_icon{
	text-align: center;
}

.icon_txt{
	width:  calc(220 / 1920 * 100vw);
}

.img_icon img{
	width: 100%!important;
}


.td_flex p{
	text-align: left;
	font-size: calc(20 / 1920 * 100vw);
	color: #063998;
	font-weight: bold;
}

.cha_red{
	color: #e10505;
}

#change table{
	margin-bottom: 10px;
}

#itd h2{
	font-size: calc(34 / 1920 * 100vw);
    font-weight: bold;
    text-align: center;
    color: #333333 !important;
    border-bottom: 6px dotted #ff3333;
    padding-bottom: calc(20 / 1920 * 100vw);
	margin-bottom: 45px;
}

.ltd_wrap{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
	margin-bottom: 105px;
}

.ltd_box{
	background: #fff;
	border-radius: 10px;
    width: calc(580 / 1920 * 100vw);
	text-align: center;
	padding-bottom: 25px;
}

.ltd_box h3{
	text-align: center;
	width: 100%;
	background: #0099cc;
	color: #fff;
	font-weight: bold;
	border-radius: 10px 10px 0px 0;
	padding: 15px 0;
}

.ltd_box h4{
	text-align: center;
	width: 100%;
	color: #ee0000;
	font-weight: bold;
	font-size: calc(28 / 1920 * 100vw);
}

.ltd_box img{
	display: block;
	margin:30px auto;
	height: calc(345 / 1920 * 100vw);
}

p.itd{
	text-align: center;
	width: 100%;
	color: #000000;
	font-size: calc(20 / 1920 * 100vw);
}

.btn_warp{
	width: calc(490 / 1920 * 100vw);
	margin:20px auto 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.lb_btn{
	font-size: calc(20 / 1920 * 100vw);
	padding: 15px 0;
	text-align: center;
	background: #0099cc;
	width:  calc(240 / 1920 * 100vw);
	border-radius: 10px;
	margin-bottom: 10px;
}

.itd_pic{
	width: calc(490 / 1920 * 100vw);
	border:2px solid #0099cc;
	margin:0 auto 45px;
	border-radius: 10px;
	padding: calc(15 / 1920 * 100vw) calc(25 / 1920 * 100vw);
	text-align: center;
}

.itd_pic p.itd_lead{
	font-size: calc(22 / 1920 * 100vw);
	font-weight: bold;
	text-align: center;
}

.itd_pic img{
	max-width: 100%;
	height:  calc(328 / 1920 * 100vw);
}

.itd_pic p{
	text-align: left;
	font-size: calc(19 / 1920 * 100vw);
}

h4.lead2{
	color:#000000;
	font-size:  calc(24 / 1920 * 100vw);
	text-align: left;
	margin-bottom: 30px;
}

table.itd_table{
	width: 100%;
}

table.itd_table th{
	background: #f0f0f0;
	width: calc(250 / 1920 * 100vw);
	color:#525252;
	text-align: center;
	border:1px solid #999999;
	font-size:  calc(18 / 1920 * 100vw);
	padding: calc(15 / 1920 * 100vw) ;
}

table.itd_table td{
	background: #fafafa;
	color:#525252;
	text-align: center;
	border:1px solid #999999;
	font-size:  calc(18 / 1920 * 100vw);
	padding: calc(15 / 1920 * 100vw) ;
}


.itd_org{
	background: #ff9900!important;
}

.org_btn{
	font-size: calc(20 / 1920 * 100vw);
	padding: 15px 0;
	text-align: center;
	background: #ff9900;
	width:  calc(240 / 1920 * 100vw);
	border-radius: 10px;
	margin-bottom: 10px;
}

.itd_pic.ord_bod{
	border:2px solid #ff9900;
}


#cf{
	padding: 85px 0;
}

#cf h3{
	font-size: calc(36 / 1920 * 100vw);
	color: #ff0000;
	margin-bottom: 50px;
}

#cf p{
	font-size: calc(20 / 1920 * 100vw);
	margin-bottom: 70px;
}

#cf .wrapper{
	width: calc(1240 / 1920 * 100vw);
}

.cf_flex{
	background: #fff;
	text-align: center;
	display: flex;
	justify-content: space-between;
}

.cf_box{
	text-align: center;
	width: 48%;
}

.cf_box.boder{
	border:2px solid #04358e;
	padding: 25px;
	border-radius: 10px;
}

.cf_box img{
	max-width: 100%;
}

.cf_box h2{
	text-align: center;
	font-size: calc(26 / 1920 * 100vw);
	color: #fff;
	background: #04358e;
	padding: 15px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}



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

	.u-desktop {
		display: none;
	}

	.u-mobile {
		display: block;
	}
	
	.hero{
		width:100%;
		height: auto;
	}
	
	.wrapper{
		width: calc(670 / 750 * 100vw);
	}
	
	.top_text p{
		font-size: calc(30 / 750 * 100vw);
	}
	
	#deffernce .title img{
		width: calc(148 / 750 * 100vw);
		top: calc(-20 / 750 * 100vw);
    	left: calc(0 / 750 * 100vw);
	}
	
	#deffernce .title h2 .lead{
		font-size: calc(40 / 750 * 100vw);
		display: block;
		padding-bottom: calc(50 / 750 * 100vw);
		margin-bottom: 30px;
		line-height: 1.5;
	}
	
	
	#deffernce .title h2 .small {
    font-size: calc(48 / 750 * 100vw);
	}
	
	
	#deffernce .title h2 {
    margin: 0 auto 60px;
    font-size: calc(64 / 750 * 100vw);
		line-height: 0.5;
	}
	
	
	.def_table{
		overflow: scroll;
	}
	
	.def_table table {
    width: calc(1000 / 750 * 100vw);
	}
	
	.def_table table td {
    font-size: calc(18 / 750 * 100vw);
	}
	
	.def_table table td .big {
    font-size: calc(24 / 750 * 100vw);
	}
	
	.def_table table td .red {
    font-size: calc(18 / 750 * 100vw);
	}
	
	#merit .wrapper {
    width: calc(670 / 750 * 100vw);
	}
	
	.subtitle {
    font-size: calc(32 / 750 * 100vw);
    background: #33cc66;
    padding: calc(15 / 750 * 100vw);
	}
	
	#merit h3 {
    margin: 35px auto 50px;
    color: #063998;
    font-size: calc(40 / 750 * 100vw);
	}
	
	.merit_box {
    padding: 45px 20px 0 20px;
    display: block;
	}
	
	.no {
    font-size: calc(34 / 750 * 100vw);
    width: 50px;
    height: 50px;
	}
	
	.merit_top{
    width: 100%;
	align-items: flex-start;	
	}
	
	.merit_top div{
	width: calc(490 / 750 * 100vw);	
	}
	
	.merit_txt {
    text-align: left;
    font-size: calc(24 / 750 * 100vw);

	}
	
	
	.merit_top.nomb{
		margin-bottom: 45px!important;
	}
	
	.merit_top h4 {
    font-size: calc(30 /  750 * 100vw);
	}
	
	.arrow {
    display: flex;
    justify-content: center;
    border-radius: 10px;
    align-items: center;
    text-align: center;
    font-size: calc(28 / 750 * 100vw);
    width: 90%;
	padding: 20px;
    margin: 25px auto 0;
    flex-wrap: wrap;
	}
	
	.arrow_wrap::after {
	  content: '';/*何も入れない*/
	  width: 100px;/*画像の幅*/
	  height: 35px;/*画像の高さ*/
	  background:url(/assets/images/common/arrow_shita_sp.png) no-repeat 50%;
	  background-size: contain;
	  vertical-align: middle;
	  position: relative;
        left: 37.5%;
	}
	
	#features .wrapper {
    width: calc(730 / 750 * 100vw);
	}
	
	#features .subtitle, #speed .subtitle, #comparison .subtitle, #change .subtitle {
    background: #063998;
    font-size: calc(32 / 750 * 100vw);
    padding: calc(15 / 750 * 100vw);
    border-radius: 45px;
    color: #fff;
    text-align: center;
	}
	
	#features h3, #speed h3, #comparison h3, #change h3 {
    font-size: calc(50 / 750 * 100vw);
    color: #e10505;
    margin: 35px 0 60px;
	}
	
	.feat_box{
		padding: 0;
	}
	
	.feat_crl {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
    width: calc(210/ 750 * 100vw);
    height: calc(210 / 750 * 100vw);
    background: #04358e;
    padding: 11px 20px 20px 20px;
    border-radius: 50%;
    text-align: center;
    font-size: calc(18 / 750 * 100vw);
    color: #ffff99;
    line-height: 1.5;
    margin: 0 calc(11 / 750 * 100vw) 20px;
	}
	
	.feat_crl img{
		width: 60%;
		display: block;
		margin-bottom: -10px;
	}
	
	.feat_crl .small {
    font-size: calc(15 / 750 * 100vw);
	}
	
	#speed .wrapper {
    width: calc(670 / 750 * 100vw);
	}
	
	.sub_txt {
    font-size: calc(36 / 750 * 100vw);
	}
	
	.ex_box {
    background: #fff;
    width:100%;
    display: block;
    padding: calc(10 / 750 * 100vw) calc(45 / 750 * 100vw) calc(30 / 750 * 100vw);
	margin-bottom: 40px;
	height: auto;
	}
	
	.mg_fit,.pic100{
		height: auto;
	}
	
	.acom,.bcom {
    width: calc(257 / 750 * 100vw);
	}
	
	
	.ex_box_wrapper {
    display: block;
	}
	
	#speed .gray,#speed .navy,#speed .red {
    font-size: calc(27 / 750 * 100vw);
	}
	
	.ex_box p {
    font-size: calc(26 / 750 * 100vw);
	}
	
	#comparison .subtitle{
		display: block;
	}
	
	.why {
    display: block;
	}
	
	.why_arrw {
    background: url(/assets/images/common/arrow_sp.png) no-repeat;
    background-size: contain;
    color: #fff;
    font-size: calc(30 / 750 * 100vw);
    font-weight: bold;
    width: calc(220 / 750 * 100vw);
    margin:0;
    display: inline-block;
    height: calc(150 / 750 * 100vw);
    padding: 0;
}
	
	.why_txt {
    border: 4px solid #003292;
    width: 100%;
    font-size: calc(30 / 750 * 100vw);
    font-weight: bold;
    padding: 20px 30px;
}
	
	.comp_pic h4 {
    font-size: calc(30 / 750 * 100vw);
	text-align: left;
	}
	
	.comp_scroll{
		overflow: scroll;
		margin-bottom: 20px;
	}
	
	.comp_pic{
		width: 500px;
		margin: 0;
		padding: calc(40 / 750 * 100vw) calc(100 / 750 * 100vw);
	}

	.com_pic1,.com_pic2 {
    width: calc(500/ 750 * 100vw);
	}
	
	.conp_pic_wrap{
		justify-content: flex-start;
	}
	
	.comp_txt1 {
    font-size: calc(20 / 750 * 100vw);
	width: calc(372 / 750 * 100vw);	
	}
	
	.comp_big2 {
    font-size: calc(30 / 750 * 100vw);
	}
	
	.comp_big {
    font-size: calc(30 / 750 * 100vw);
	}
	
	.comp_txt {
    width: calc(750 /750 * 100vw);
	}
	
	#change table{
		width: 550px;
	}
	
	#change table td {
    padding: calc(30 / 750 * 100vw) calc(25 / 750 * 100vw);
    font-size: calc(18 / 750 * 100vw);
	}
	
	.td_flex p {
    text-align: left;
    font-size: calc(20 / 750 * 100vw);
	}
	
	.icon_txt {
    width: calc(220 / 750 * 100vw);
	}
	
	#change table td.navy {
    padding: calc(15 / 750 * 100vw) 0;
    text-align: center;
	}
	
	
	#itd h2 {
    font-size: calc(40 / 750 * 100vw);
	}
	
	.ltd_wrap {
		display: block;
	}
	
	.ltd_box{
		width: 100%;
	}
	
	.ltd_box:first-child{
		margin-bottom: 40px;
	}
	
	.ltd_box img {
    display: block;
    margin: 30px auto;
    height: auto;
	width: 60%;
	}
	
	.ltd_box h4 {
    font-size: calc(32 / 750 * 100vw);
	}

	
	.btn_warp {
    width: calc(590 / 750 * 100vw);
	}
	
	.lb_btn {
    font-size: calc(20 / 750 * 100vw);
    padding: 10px 0;
    text-align: center;
    background: #0099cc;
    width: calc(280 / 750 * 100vw);
	}
	
	.itd_pic {
    width: 88%;
    border: 2px solid #0099cc;
    margin: 0 auto 45px;
    border-radius: 10px;
    padding: calc(15 / 750 * 100vw) calc(25 / 750 * 100vw);
    text-align: center;
	}
	
	.itd_pic p.itd_lead {
    font-size: calc(28 / 750 * 100vw);
	}
	
	.itd_pic p {
    text-align: left;
    font-size: calc(19 / 750 * 100vw);
	}
	
	table.itd_table th {
    width: calc(250 / 750 * 100vw);
    font-size: calc(18 / 750 * 100vw);
    padding: calc(15 / 750 * 100vw);
	}
	
	table.itd_table td {
    background: #fafafa;
    font-size: calc(18 / 750 * 100vw);
    padding: calc(15 / 750 * 100vw);
	}
	
	.org_btn {
    font-size: calc(20 / 750 * 100vw);
	padding: 10px 0;	
    width: calc(280 / 750 * 100vw);
	}
	
	#cf .wrapper{
		display: block;
		width: calc(670 / 750 * 100vw);
	}
	
	.cf_flex{
		display: block;
	}
	
	.cf_box {
    width: 100%;
	}
	
	.cf_box:first-child{
		margin-bottom: 90px;
	}
	
	#cf h3 {
    font-size: calc(42 / 750 * 100vw);
	}
	
	#cf p{
		font-size: calc(24 / 750 * 100vw);
	}
	
	.cf_box h2 {
    text-align: center;
    font-size: calc(30 / 750 * 100vw);
	}
	
	
	input,
	textarea {
		font-size: medium;
		font-size: initial;
	}

		.hero img{
			width: 100%;
		}

	.hidden-pc {
		display: block;
	}

	.hidden-sp {
		display: none;
	}
}



@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}


/*# sourceMappingURL=style.css.map */