@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body {line-height:1.8em;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin:0; width:100%;position:relative;font-family: "Zen Kaku Gothic New", sans-serif;letter-spacing: 0.02em;padding:0;}
.home{padding: 0;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul,ol{padding:0;margin:0;text-align: justify;}
.cl:after { content: "";clear: both;display: block;}
.none{ display:none;}
div{ padding:0; margin:0; line-height: 1em;;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic;}
a img:hover {opacity: 0.7 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type:none;}
a {cursor: pointer; display: block;}
a:link {text-decoration: none; color:inherit; }
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color: inherit;}
a:active {text-decoration: none; color:inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
.in,.in2{ padding:0 4%; max-width: 1400px; margin: auto; position: relative; height: 100%; width: 100%; box-sizing: border-box;}
.tr{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.hdn{overflow: hidden;}
.pc{ display:block;}
.sp{ display:none;}
.on_pc{ display: block;}
.on_sp{ display: none;}
.blk{display: block;}
.tbl{display: table;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.m00{border-radius: 800px;}
.m20{border-radius: 20px;}
.m10{border-radius: 10px;}
.m05{border-radius: 5px;}
.flx{ display: flex!important; flex-wrap: wrap;}
.flx_b{ display: flex !important; flex-wrap: wrap; justify-content: space-between;}
.flx_r{flex-direction: row-reverse;}
.flx_c{ display: flex!important; flex-wrap: wrap; align-items: center;}
.fw5{ font-weight: 500;}
.fw7{ font-weight: 700;}
.f_w{ color: #fff;}
.shdimg {-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));}
.shdtx {text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);}
.grd{background-image: linear-gradient(120deg, #ec3227, #ff9d51); background-size: cover; height: 100%;}
.sn_hd{ padding: calc(15px + 1%) 0;}
.logo2{ max-width: 200px; width: 40%;}
.bx{ text-align: center; width: 100%;}
.logo{ max-width: 300px; width: 50%; margin: auto;}
.pp_tplnk{ display: table; margin: auto;}
.pp{}
.pp a{border-bottom: 2px solid #fff; font-weight: 700;margin:0 5px; padding: 0 0 10px 0;font-size: 1.4em; line-height: 10px; color: #fff;text-align: center;}
.soon{ margin: calc(60px + 4%) 0 0 0; text-align: center; font-size: 3rem; line-height: 1.5em; font-weight: 600; color: #fff; letter-spacing: 0.1em;}
.copy{ font-size: 1rem; text-align: center; line-height: 20px; padding:30px 0 10px 0; height: 20px;}

.pp_bx{ max-width: 900px; margin: calc(40px + 4%) auto calc(60px + 6%) auto;}
.pp_ttl{ font-size: 3rem; line-height: 1.25em; font-weight: 900;}
.pp_itr{ font-size: 1.6rem; line-height: 1.9em; padding: calc(30px + 4%) 0 calc(30px + 3%) 0;}
.pp_bxin{padding: 0 0 calc(25px + 3%) 0;}
.pp_inttl{ font-size: 2rem; font-weight: 700; line-height: 1.25em; padding: 0 0 calc(18px + 1%) 0;}
.pp_inttl2{ font-size: 1.6rem; font-weight: 700; line-height: 1.25em; padding:calc(5px + 0.5%)  0 calc(10px + 0.5%) 0;}
.pp_txbx{ font-size: 1.6rem; line-height: 1.85em;}
.pp_list1{padding: calc(10px + 1%) 0;}
.pp_list1 li{margin: 7px 0; padding:0 0 0 20px !important;line-height: 1.5em; position: relative;text-indent: 0 !important;}
.pp_list1 li:before{content: ""; display: block; position: absolute;}
.pp_list1 li:before{ border: 1px solid #ec3227;border-radius: 50px; width: 12px; height: 12px; left: 0; top: 6px;}
.pp_cn1 li{padding: 15px; display: flex; justify-content: space-between; align-items: center; margin: 4px 0; font-size: 1.45rem; line-height: 1.55em; letter-spacing: -0.01em;}
.pp_cn1 li:first-child{ padding: 5px;}
.pp_cn1 li:nth-child(even){ background: #efefef;}
.pp_cn1{ padding: calc(10px + 2%) 0;}
.pp_cnp1{ width: 52%; padding: 0 5% 0 0; border-right: 1px solid #ccc; font-weight: 500;}
.pp_cnp2{ width: 38%; font-weight: 500;}
.pp_cnp3{ font-size: 1.2rem; line-height: 1em; font-weight: 700; text-align: center;}

.pp_list2 li{margin: 7px 0 15px 0; padding:0 0 0 14px;text-indent: -1em; letter-spacing: 0;}
.pp_lnkbx{padding: calc(10px + 1%) 0;}
.pp_lnkbx a{padding: 10px 30px 10px 10px; border: 1px solid #ccc; border-radius: 5px; margin: 0 5px 5px 0; line-height: 1.3em; background: url(../images/ar_red.png) 98% center/12px no-repeat;}
.pp_lnkbx a:hover{background:#eee url(../images/ar_red.png) 99% center/12px no-repeat;}
.pp_ad{background: #f1f1f1; padding: calc(15px + 1%); border-radius: 5px; display: table; margin: 15px 0 0 0;}
.pp_list_p1{ font-size: 0.85em; text-indent: 0 !important; line-height: 1.6em;}

.idx_comp{ margin: calc(60px + 6%) auto calc(20px + 2%) auto; max-width: 900px;}
.idx_cmp_ttl{ text-align: center; font-size: 2.2rem; line-height: 1em; font-weight: 700; margin:0 0 calc(15px + 5%) 0;}
.idx_cmpbx{ margin: 0 0 calc(20px + 1%) 0;}
.idx_cmpbxbtm{border-radius: 5px; background: rgba(255,255,255,0.1); padding: calc(10px + 4%); margin: 0 0 20px 0;}
.idx_cmpbxbtm2{border-radius:5px; border: 1px solid #fff; padding:calc(10px + 4%); background: rgba(0,0,0,0.05);}
.idx_kaiyaku{ font-size: 1.6rem; line-height: 1.5em; border-bottom: 1px solid #fff; padding: 0 0 8px 0; margin: 0 auto calc(10px + 2%) auto; display: table; font-weight: 700;}
.idx_kai_tx{ font-weight: 500; font-size: 1.4rem; line-height: 1.6em; margin: 0 0 calc(10px + 1%) 0;}
.idx_kai_txb{ font-size: 1.4rem; line-height: 1.4em; margin: 0 0 calc(15px + 1%) 0; font-weight: 500;}
.idx_kai_txb2{padding: 15px 0 10px 0;}
.idx_kai_txb2 p{border: 1px solid #fff; padding:5px 15px; border-radius: 3px; margin: 0 5px 5px 0;}
.idx_kai_txb2 p:nth-child(even){border: none; padding: 5px;}
.idx_cmp_l{ width: 40%;}
.idx_cmp_li li{ padding: calc(10px + 2%) 0;}
.idx_cmpli_ttl{ font-size: 1.1rem; font-weight: 700; width: 85px; line-height: 1.4em;}
.idx_cmpli_tx{ width: calc(100% - 90px); font-size: 1.5rem; line-height: 1.4em;}
.idx_cmp_r{ width: 56%; height: 25vw;}
.idx_cmp_r iframe{ width: 100%; height: 100%;}
.idx_cmpli_ttl2{ font-size: 1.1rem; font-weight: 700; width: 110px; line-height: 1.4em;}
.idx_cmpli_tx2{ width: calc(100% - 120px); font-size: 1.5rem; line-height: 1.4em;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1250px) {

}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
	
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:768px) {
    .pc{ display:none !important;}
    .sp{ display:block !important;}
	
	.soon{ font-size:5vw;}
	
	.idx_cmp_l{ width: 100%;}
.idx_cmp_li li{ padding: calc(10px + 2%) 0;}
.idx_cmpli_ttl{ font-size: 1.1rem; font-weight: 700; width: 85px; line-height: 1.4em;}
.idx_cmpli_tx{ width: calc(100% - 90px); font-size: 1.5rem; line-height: 1.4em;}
	.idx_cmp_r{ width: 100%; height: 50vw;}


}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:620px) {
    .in{ padding:0 5%;}
    .on_pc{ display: none !important;}	
    .on_sp{ display:block !important;}
    /*header*/
	
	.pp_ttl{ font-size: 2.4rem;}
	.pp_itr{ font-size: 1.5rem; line-height: 1.8em;}
	.pp_txbx{ font-size: 1.4rem; line-height: 1.75em;}
	.pp_list1 li:before{width: 10px; height: 10px; top: 5px;}
	.pp_cn1 li{font-size: 1.3rem;}
	.pp_list2 li{padding:0 0 0 10px;text-indent: -1em;}
	}