@import url(layout.css); 

.inp_form { height:12.5rem; text-align: center; padding-top: 1.6rem; position:relative;}
.inp_form .inp_area:nth-child(2n){background:url(../images/astrocx/inp_area2_line.png) no-repeat center 0;background-size:100%;padding-top: 0.7rem;margin-top:0.7rem;}
.inp_form strong { color: #fff; font-size: 0.6rem; display:block; font-weight: 400; dtext-shadow: 0px 0px 8px rgba(36, 51, 117, 0.68);}

.inp_form .inpbox { width:5.5rem;}
.inp_form .timebox { width:4rem;}
.inp_form .placebox { width:6rem;}
.inp_form em { background:-webkit-gradient(linear, 72% 100%, 68% 0%, from(#2165c5), to(#63a4ff));}

.view .wrapper{background-image:url(../images/bg3.jpg);background-position: 0 0;}
.view .mpart {background-size: 100%;margin: 0;}
.view .vision .s_mide { height:14rem;}
.mpart .inp_form .inp_area:nth-child(2n){padding-top: .8rem;margin-top: .8rem;}


.toollist{ display:block; position:static; padding-bottom:0.5rem;}
.toollist ul li{ margin:0;}

/*鏌ヨ缁撴灉*/
.top_box {}
.top_box h2{color:#fff;font-size:0.46rem;margin-bottom: 0.5rem;text-align: center;}
.top_box h2 strong { line-height: .62rem; display: block; padding: .2rem .4rem }
.top_box h2 small {display: inline-block;font-size: .32rem;background: rgb(255 255 255 / 10%);border-radius: .3rem;padding: .1rem .2rem;}
.m_box{max-width: 10rem;position: relative;}
.m_box .a_icon { margin-left: 3.3333rem; height: 4.6rem; overflow: hidden }
.m_box .a_icon span { width:3.3333rem; display: inline-block; float: left; text-align: center; vertical-align: bottom }
.m_box .a_icon span i {clear: both;background:url(../images/pao.png) no-repeat 0 0;background-size: 100%;border-radius: 100%;display: inline-block;}
.m_box .a_icon span i img{ width:2.3rem; height:auto; display:block;}
.m_box .a_icon span:nth-child(2n) i {  margin-top: 1.6rem }
.m_box .a_icon span:nth-child(2n) i img { width: 1rem; }
.m_box .a_icon span:nth-child(2n) strong { display: none }
.m_box .a_icon span em { font-size: .26rem; color: #fff; clear: both; display: block }
.m_box .a_icon span strong { overflow: hidden }
.m_box .a_icon span strong { display:block; text-align: center; margin-top: 0.1rem;}
.m_box .a_icon span strong {color: #30b7a1;font-size: 0.5rem;}
.m_box .a_icon span strong small { color:#fff; font-size: 0.33rem; display: block; margin-top: .1rem;}

.m_box ul {margin: 0.37rem 0.5rem 0;background: linear-gradient(349deg, #011c294d, #0125208c);border-radius: .5rem .5rem 0 0;padding: 0.37rem 0.5rem 0.3rem;box-sizing:border-box;font-size:0.36rem;line-height:0.8rem;box-shadow: inset 0 0.4rem 0.4rem rgb(0 0 0 / 3%);background: rgb(0 0 0 / 34%);}
.m_box ul li {float:left;width:50%;color: #589ccc;}
.m_box ul li label{color: rgb(255 255 255 / .6);}
.m_box ul li:nth-child(4n+1),.m_box ul li:nth-child(4n+2){color: #53bfac;}
.viewcont {width: 100%;background: rgb(255 255 255 / 10%);border-radius: .4rem;position: relative;box-shadow: 0 -0.1rem 0.2rem rgb(0 0 0 / 10%);}
.other em { float:left; display:block; width:1rem; height:1rem; border-radius:100%; background:#f79896;}
.other em img { width:100%; height:auto;}
.other span { display:block; margin-left: 1.2rem; background:#f79896; height:1rem; line-height: 1rem; color:#fff; padding:0 0.2rem; border-radius: 5px;}
.other span i { float:right; background:url(../images/arrow_r.png) no-repeat right center; background-size: 0.15rem auto; padding-right: 0.3rem; font-size: 0.38rem;}

.advan {margin: 0 0 0.2rem;FONT-VARIANT: JIS04;padding-bottom: 0.3rem;}
.advan p { line-height: 0.8rem; margin-bottom: 0.3rem;}
.advan p span{color: #6ac599;background: rgb(31 72 51 / 70%);padding:0 0.2rem;border-radius: 5px;display:inline-block;margin-right: 5px;}
.advan p:nth-child(2n) span {background: rgb(86 39 40 / 71%);color: #de8286;}
.advan p:nth-child(3n) span {background: #2a3b58cf;color: #6991da;}

.info p{ line-height:1rem; font-size: 0.463rem;}
.info p strong{color: #565db1;font-weight: 700;}

.viewcont .li_txt{ margin:0;padding:0 0.37rem;width: 100%;box-sizing:border-box;}
.viewcont .li_txt a{ color:#6280c6;}

.list_more {padding: 0.25rem 0;}
.list_more h2 { color: #578bda; border: 0; padding:0; }
.list_more  ul.li_txt {margin: 0.2rem 0.22rem 0;}
.list_more  ul.li_txt li{width:50%; float:left;font-size: 0.4rem; text-align: center; line-height: 1rem; height: auto; white-space: normal;}
.list_more  ul.li_txt li a {display:block;border-radius: 1em;padding:0 0.2rem;overflow:hidden;background: rgb(208 224 250 / 15%);margin: .1rem;}
.list_more  ul.li_txt li:nth-child(3n-1) a {background: rgb(223 235 252 / 15%);}
.list_more  ul.li_txt li:nth-child(3n-2) a {background: rgb(239 245 253 / 15%);}
.list_more  ul.li_txt:nth-of-type(2) li a {background: rgb(250 208 213 / 15%);}
.list_more  ul.li_txt:nth-of-type(2) li:nth-child(3n-1) a {background: rgb(252 223 228 / 15%);}
.list_more  ul.li_txt:nth-of-type(2) li:nth-child(3n-2) a {background: rgb(253 239 241 / 15%);}
.tool_txt { margin-bottom: 0; }

.cont {padding: .5rem;}
.cont p {margin: 0 0 .36rem;text-align: justify;color: rgb(255 255 255 / 80%);}

.back { background-size: 100% 16rem; padding:0 0 .5rem; }
.back  a { background: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#2165c5), to(#63a4ff)); color: #fff; border-radius: 1rem; line-height: 1rem; display: block; width: 3.5rem; margin: 0 auto; text-align: center; box-shadow: 0px 2px 6px rgba(77, 136, 236, 0.4); }