html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,dfn,em,img,ins,q,strong,small,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
vertical-align:baseline;
border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{
display:block}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal}
table{
border-spacing:0;
border-collapse:collapse}
caption,th,td{
text-align:left}
q::before,q::after{
content:''}
object,embed{
vertical-align:top}
img,abbr,acronym,fieldset{
border:0}
li{
list-style-type:none}
a,label{
cursor:pointer}
a:active,a:focus{
outline:none}
button-moz-focus-inner,input-moz-focus-inner{
padding:0;
border:0}
*,*::before,*::after{
box-sizing:border-box;
background-repeat:no-repeat}
*::before,*::after{
pointer-events:none}
html{
overflow-y:scroll;
text-size-adjust:100%;
font-size:16px}
body{
min-width:none;
color:#444;
text-size-adjust:100%;
font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'游ゴシック',YuGothic,sans-serif;
font-smooth:always;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:1.7;
background:#7fcff4;}
::selection{
}
a{
color:#0af;
}
a:link{
color:#0af}
a:visited{
color:#0af}
a:hover{
color:#0af;
}
a:hover img{
opacity:.7}
a:active{
color:#0af}
img{
width:100%;
max-width:100%;
vertical-align:bottom}
.inner{
width:none;
margin:0 auto;
}
.main{
width:100%;
}
section{
width:100%;
margin:0 auto;
}
.cursor-pointer{
cursor:pointer;
}
.cursor-pointer:hover{
opacity:.7}
.section--mainvisual{
position:relative;
}
.section--mainvisual .main_box{
display:block;
position:relative;
}
.section--mainvisual .mainvisual{
display:block;
padding-top: 13%;
position:relative;
}
.section--mainvisual .menu-btn{
width:7.8125%;
position:fixed;
top:0;
right:0;
margin-top:3.125%;
margin-right:5.46875%;
z-index:9999}
.section--mainvisual .menu-area{
width:50%;
position:fixed;
display:none;
top:0;
right:0;
z-index:9998;
background-color:rgba(000,000,000,0.7);
padding-top:3.125%;
}
.section--mainvisual .menu-area.show{
display:block;
}
.section--mainvisual .sns_share{
width:15%;
position:absolute;
top:0;
left:0;
}
.section--mainvisual .sns_share .sns_share_twitter{
width:46.15384615384615%;
width:34.84375%;
display:inline-block;
margin-right:1.086956521739131%;
}
.section--mainvisual .top_txt{
width:50%;
position:absolute;
top:0;
left:0;
margin-left:3.125%;
margin-top:3.125%;
}
.section--mainvisual .top_txt img{
    vertical-align: top;
}
.section--mainvisual .sns_share{
width:13.84375%;
position:absolute;
top:0.5%;
left:64%;
margin-left:3.125%;
margin-top:3.125%;
}
.section--mainvisual #logo{
width:70%;
position:absolute;
top:0;
left:0;
margin-left:3.125%;
margin-top:3.125%;
}
.section--mainvisual #logo a{
display:inline-block;
}
.section--mainvisual #logo #logo_1{
width:24.84375%;
}
.section--mainvisual #logo #logo_2{
width:57.708333333333336%;
}
.section--mainvisual #logo a img{
vertical-align:top
}
.section--mainvisual .sns_share .sns_share_twitter img{
vertical-align:top}
.section--mainvisual .sns_share .sns_share_facebook{
width:34.84375%;
display:inline-block;
}
.section--mainvisual .sns_share .sns_share_facebook img{
vertical-align:top}
.section--mainvisual .linkbtn_wrapper{
font-size:0;
width:75%;
margin:5.46875% auto;
margin-top:1.086956521739131%;
}
.section--mainvisual .linkbtn_wrapper .linkbtn{
display:inline-block;
width:47.708333333333336%;
margin-bottom:3.125%;
}
.section--mainvisual .linkbtn_wrapper .linkbtn:nth-of-type(odd){
margin-right:3.125%;
}
.section--mainvisual .lead{
width:92.17391304347827%;
margin:0 auto;
margin-bottom:5.46875%;
}
.inner_box{
display:block;
padding:5.46875%;
}
.inner_box img{
margin-bottom:5.46875%;
}
.fotter_inner_box{
display:block;
}
.fotter_inner_box img{
vertical-align:top;
}
.section--mainvisual .entry-bar{
display:block;
width:73.28125%;
margin:4.6875% auto 0;
padding-bottom:7.8125%;
}
.section--prise{
width:92.17391304347827%;
margin:0 auto;
margin-bottom:5.46875%;
}
.section--form{
width:92.17391304347827%;
margin:0 auto;
margin-bottom:5.46875%;
}
.section--entry{
width:92.17391304347827%;
margin:0 auto;
margin-bottom:5.46875%;
text-align:center;
}
.section--qanda{
width:92.17391304347827%;
margin:0 auto;
text-align:center;
}
.section--entry h3{
font-size:1.4rem;
line-height:1.8rem;
}
.section--entry p{
font-size:1rem;
line-height:1.4rem;
}
.section--entry ol li{
width:86.95652173913044%;
margin:0 auto;
border:2px solid #004098;
padding:4.6875%;
margin:5.46875% auto 0;
background: #fff;
}
.section--entry .tab_wrapper{
width:71.875%;
margin:5.46875% auto 0;
}
.step_img{
width:34.84375%;
padding-bottom:4.6875%;
}
.section--qanda{
position:relative;
}
.section--qanda .inner_box img{
margin-bottom:0;
}
.section--qanda .qanda_wrapper{
margin:0 auto;
}
.section--qanda .qanda_wrapper .inner-contents{
padding-top:4.6875%;
}
.section--qanda .qanda_wrapper .inner-contents .qanda{
margin:0 auto;
box-sizing:content-box;
padding:10px 0;
border-bottom:1px solid #fff;
}
.section--qanda .qanda_wrapper .inner-contents .qanda .question{
display: table;
background: url('../img/qanda-q-tag.png') 0 5px no-repeat #4c8dc5;
color: #fff;
font-size: 12px;
font-weight: bold;
width: 100%;
height: 58px;
text-align:left;
}
.section--qanda .qanda_wrapper .inner-contents .qanda .question span{
display: table-cell;
padding-left: 64px;
color: #fff;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
line-height:1.2;
}
.section--qanda .qanda_wrapper .inner-contents .qanda .question img{
vertical-align:baseline}
.section--qanda .qanda_wrapper .inner-contents .qanda .answer{
display: table;
background: url('../img/qanda-a-tag.png') 0 0 no-repeat;
background-position:0px 10px;
color: #fff;
font-size: 12px;
font-weight: bold;
width: 100%;
text-align:left;
display:none;
padding:10px;
min-height:80px;
}
.section--qanda .qanda_wrapper .inner-contents .qanda .answer .answer-logo{
width:48px;
display:inline-block;
vertical-align:top;
}
.section--qanda .qanda_wrapper .inner-contents .qanda .answer .answer-logo img{
vertical-align:top}
.section--qanda .qanda_wrapper .inner-contents .qanda .answer .answer-text{
display: table-cell;
padding-left: 54px;
color: #fff;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
line-height:1.2;
}
.section--qanda .qanda_wrapper .inner-contents .qanda .answer .answer-text .y-link{}
.section--qanda .qanda_wrapper .inner-contents .qanda .answer .answer-text .annotation{
font-size:10px;
letter-spacing:-.5px}
.section--qanda .qanda_wrapper .frame-bottom img{
vertical-align:top}
.section--about{
position:relative;
}
.section--about .title{
width:54.375%;
margin:0 auto;
}
.section--about .about-text{
width:71.875%;
margin:1.5625% auto 4.6875%;
}
.section--about .about-btn{
width:8.59375%;
display:block;
position:absolute;
bottom:0;
left:0;
margin-left:51.71875%;
margin-bottom:34.84375%;
}
.section--about .about-btn img{
vertical-align:bottom}
.section--about .about-bnr{
display:block;
width:71.5625%;
margin:0 auto;
padding-bottom:10.9375%;
}
.fadein{
	transition: 1s;
}
.comming_soon_btn img{
padding:5%;
}
#comming-soon .section--mainvisual .mainvisual{
padding-top:80px;
}
.section--mainvisual .image_area {
    width: 92.17391304347827%;
    margin: 0 auto;
     margin-bottom: 0px;
    margin-bottom: 5.46875%;
}
.section--mainvisual .image_area img {
    margin-top: 5.46875%;
}
.section--mainvisual .moreimage_area{
    width: 92.17391304347827%;
    margin: 0 auto;
    margin-top: -19%;   
position: relative; 
}
.moreimage_area img{
padding:2.5%;
}
.title-img{
width:70%;
margin:0 auto;
position: relative; 
display:block;
}
.topBack{
text-align:right;
width:100%;
padding-right:10px;
position: relative; 
display:block;
}
.topBack img{
	width:20%;
}
.arrow{
width:100%;
position: relative; 
display:block;
}
.arrow img{
width:10%;
position: relative; 
display:block;
margin:0 auto
}
 /* footer
================================================== */
#footerCopy{
	align-items: center;
	color: #FFF;
	font-family: Helvetica;
	text-align:center;
}
#footerCopy .inner{
	width: 100%;
	margin: 0 auto;
	padding:0;
	height:128px;
	max-height:128px;
	min-height:128px;
	position:relative;
}
.footerLogo{
}
.footerLogo img{
width:34.84375%;
padding: 4.6875%;
}
#footerCopy .footerCopyright{
padding:0 4.6875%;
padding-bottom:0
}