@charset "utf-8";

/* --------------------------------------------------------- */
/* base.css */
/* --------------------------------------------------------- */

#wrap{position:relative;overflow:hidden;}
.section{width:100%;margin:0 auto;}
.content{width:100%;margin:0 auto;}
.layer{width:100%;max-width:1200px;margin:0 auto;}
.sp{display:none;}

a{display:block;}
img{width:auto;max-width:100%;height:auto;}


/* ヘッダー
----------------------- */
#header{}
#header .logo{width:14%;margin:0.834% auto;}



/* メイン
----------------------- */
#main{margin-top:0!important;}
#main h2{margin:4.167% auto 2.5%;font-size:32px;line-height:100%;text-align:center;}
#main .txt{font-size:20px;line-height:170%;text-align:center;}
#main .btn{}
#main .btn a{color:#fff;font-weight:bold;text-align:center;text-decoration:none;transition:opacity ease 0.3s;}
#main .red a{background:#e15e68;}
#main .gray a{background:#888;}

/* form */
form{width:54.167%;/*650*/margin:0 auto;border:1px solid #ccc;border-radius:15px;box-sizing:border-box;}
form input,
form button{-moz-appearance:none;-webkit-appearance:none;appearance:none;
display:block;text-align:center;border:none;}
form .input{border-radius:15px;background:#f5f5f5;position:relative;}
form .input span{display:block;width:100%;color:#e15e68;font-size:18px;font-weight:bold;line-height:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;}
form .input span:before,
form .input span:after{color:#333;}
form input{width:100%;padding:1em;font-size:20px;line-height:100%;background:none;box-sizing:border-box;position:relative;z-index:2;}
form button{width:100%;padding:1em 0;color:#fff;font-size:20px;font-weight:bold;line-height:100%;border-radius:30px;background:#e15e68;transition:opacity ease 0.3s;cursor:pointer;}

form .pwshow{}
form .pwshow label{display:block;padding:0.75em 0;color:#e15e68;font-size:16px;font-weight:bold;text-align:center;border:2px solid #e15e68;border-radius:20px;position:relative;}
form .pwshow label input{height:100%;position:absolute;top:0;left:0;cursor:pointer;}

/* send/comp */
.sendBox,
.compBox{width:54.167%;/*650*/margin:8.334% auto 22.5%;border:1px solid #ccc;border-radius:15px;box-sizing:border-box;}
.sendBox .icon{width:12.038%;margin:12.77% auto 3.077%;}
.sendBox .note{margin-bottom:1.5em;font-weight:normal;}
.compBox .note{margin:20% 0 15.385%;font-weight:normal;}
.sendBox .btn,
.compBox .btn{width:53.847%;/*350*/margin:0 auto 16.924%;}
.sendBox .btn a,
.compBox .btn a{padding:1em 0;color:#fff;font-size:20px;font-weight:bold;line-height:100%;border-radius:30px;background:#e15e68;transition:opacity ease 0.3s;cursor:pointer;}


#main .btn a:hover,
#main button:hover{opacity:0.7;}



/* ページトップへ戻る
----------------------- */
#pagetop{position:fixed;right:0;bottom:0;width:60px;padding-top:60px;margin:0;background:url(/common/img/pagetop.png) no-repeat center;background-size:100% auto;cursor:pointer;z-index:5;}
#pagetop:hover{opacity:0.7;}


/* フッター
----------------------- */
#footer{border-top:1px solid #ccc;}
#footer .copy{padding:2.5% 0;font-size:15px;line-height:100%;text-align:center;}



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

/* メイン
----------------------- */
#main{}
#main h2{font-size:2.207vw;}
#main .txt{font-size:1.38vw;}

/* form */
form .input span{font-size:1.242vw;}
form input{font-size:1.38vw;}
form button{font-size:1.38vw;}

form .pwshow label{font-size:1.104vw;}

/* send/comp */
.sendBox .btn a,
.compBox .btn a{font-size:1.38vw;}


/* ページトップへ戻る
----------------------- */
#pagetop{width:4.138vw;padding-top:4.138vw;}


/* フッター
----------------------- */
#footer .copy{font-size:1.035vw;}
	
}



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

.layer{width:92%;}
.pc{display:none;}
.sp{display:block;}

	
/* ヘッダー
----------------------- */
#header{}
#header .logo{width:28.986%;/*200*/margin:1.885% auto;}


/* メイン
----------------------- */
#main{}
#main h2{margin:5.798% auto;font-size:6vw;/*45*/}
#main .txt{font-size:3.734vw;/*28*/line-height:160%;}

/* form */
form{width:100%;}
form .input span{font-size:3.467vw;/*26*/}
form input{font-size:3.734vw;}
form button{font-size:4.267vw;/*32*/border-radius:50px;}

form .pwshow label{    padding:1em 0;font-size:3.2vw;border-radius:40px;}

/* send/comp */
.sendBox,
.compBox{width:100%;margin:14.493% auto 39.131%;}
.sendBox .icon{width:calc((118/688)*100%);margin:10.145% auto 4.348%;}
.compBox .note{margin:21.74% 0 10.145%;}
.sendBox .btn,
.compBox .btn{width:72.464%;margin:0 auto 13.044%;}
.sendBox .btn a,
.compBox .btn a{font-size:4.267vw;/*32*/border-radius:50px;}


#main .btn a:hover,
#main button:hover{opacity:1;}


/* ページトップへ戻る
----------------------- */
#pagetop{width:10.667vw;padding-top:10.667vw;}
#pagetop:hover{opacity:1;}


/* フッター
----------------------- */
#footer .copy{padding:4.348% 0;font-size:2.934vw;/*22*/}

}