@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                  wrap
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
***                                                           コンテンツ
----------------------------------------------------------------------------*/
#formSec{}
#formSec h2{font-size: 2.2rem; margin: 2rem auto 0;}

/* フォーム */
#formSec form .inputBox{ max-width:740px; margin:0 auto; padding:1rem;}
#formSec form .inputBox ul{ margin:0 auto 3em;}
#formSec form .inputBox .inputItemList{ position:relative;}
#formSec form .inputBox .inputItemList:after{
	content:"";
	width:100%;
	height:1px;
	background:linear-gradient(-90deg, #ccc 0%, #ccc 70%, #45A8B2 70%, #45A8B2 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 70%, #45A8B2 70%, #45A8B2 100%); 
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 70%, #45A8B2 70%, #45A8B2 100%);
	display:block;
}
#formSec form .inputBox .inputItemList dl{ padding:1.5em 0;}
#formSec form .inputBox .inputItemList dt,
#formSec form .inputBox .inputItemList dd{ font-size:112.5%;}
#formSec form .inputBox .inputItemList dt{ width:30%; padding-right: 1rem; line-height:2em;}
#formSec form .inputBox .inputItemList dt .textNote{ text-align:right; color:#ff0000; float:right;}
#formSec form .inputBox .inputItemList dd{ width:70%; padding-left: 1rem;}
#formSec form .inputBox .inputItemList dd ul{ margin:0;}
#formSec form .inputBox .inputItemList dd ul li{ margin:0.5em 0;}
#formSec form .inputBox .inputItemList dd .radioItem{ display:none;}
#formSec form .inputBox .inputItemList dd .radioItem + label{padding-left:25px; position:relative;}
#formSec form .inputBox .inputItemList dd .radioItem + label::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:15px;
	border:1px solid #999;
	border-radius:50%;
}
#formSec form .inputBox .inputItemList dd .radioItem:checked + label{ color:#EAA200;}
#formSec form .inputBox .inputItemList dd .radioItem:checked + label::after{
	content:"";
	display:block;
	position:absolute;
	top:3px;
	left:3px;
	width:11px;
	height:11px;
	background:#EAA200;
	border-radius:50%;
}
#formSec form .inputBox .inputItemList dd .inputItem{ width:100%; border:none; border-radius:5px; padding:0.5em; background-color:#f5f5f5; font-size:1rem; font-weight:500;}
#formSec form .inputBox .inputItemList dd .inputItem::placeholder{ font-size:112.5%;}
#formSec form .inputBox .inputItemList dd .inputItem#Mail{margin-bottom: 0.6rem;}
#formSec form .inputBox .inputItemList .inputNameBox dd{ padding-left: 1rem;}
#formSec form .inputBox .inputItemList dd span{ display:block; margin:0.5em auto 0;}
#formSec form .inputBox .inputItemList dd #howold{ width:30%; border:1px solid #666;}
#formSec form .inputBox .inputItemList dd #post{ width:50%;}
#formSec form .inputBox .inputItemList dd #auto-addr{ color:#666; margin:0 1em; border:1px solid #666; padding:0.2em 1em; border-radius:3px; cursor:pointer;}
#formSec form .inputBox #submit-area{}
#formSec form .privacy_check input{margin: 5px 5px 0 0;}
#formSec form .inputBox .sendBtn{ text-align:center; margin:0 auto;}
#formSec form .inputBox .sendBtn button{
	max-width:280px;
	width:100%;
	margin:1.5em auto;
	position:relative;
	background-color:#384250;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	padding:0.6em;
	border-radius:100px;
	display:block;
	text-decoration:none;
	border:none;
	letter-spacing:1px;
	cursor:pointer;
}
#formSec form .inputBox .sendBtn button:hover{ opacity:0.6;}
#formSec form .inputBox .commonBtn{ text-align:center; margin:0 auto;}
#formSec form .inputBox .commonBtn a{
	text-align: center;
	max-width:200px;
	width:100%;
	margin:1.5em auto;
	position:relative;
	font-size:1.1rem;
	font-weight:bold;
	padding:0.4em;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	border-bottom:2px solid #45A8B2;
	color:#384250;
	overflow:hidden;
	z-index:0;
}

/* confirmページ */
#confirmSec{}
#confirmSec h2{font-size: 2.2rem; margin: 2rem auto 0;}
#confirmSec .lead{ font-size:1.1rem; margin:1rem auto;}
#confirmSec #confirmArea{ max-width:800px; margin:2em auto; padding:0 2em;}
#confirmSec #confirmArea .inputItemList{ position:relative;}
#confirmSec #confirmArea .inputItemList:after{
	content:"";
	width:100%;
	height:1px;
	background:linear-gradient(-90deg, #ccc 0%, #ccc 75%, #45A8B2 75%, #45A8B2 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #45A8B2 75%, #45A8B2 100%); 
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #45A8B2 75%, #45A8B2 100%);
	display:block;
}
#confirmSec #confirmArea .inputItemList dl{ padding:1em 0;}
#confirmSec #confirmArea .inputItemList dt,
#confirmSec #confirmArea .inputItemList dd{ font-size:1rem;}
#confirmSec #confirmArea .inputItemList dt{ width:25%; padding:0;}
#confirmSec #confirmArea .inputItemList dd{ width:75%; padding:0 2em;}
#confirmSec #confirmArea #submit-area{}
#confirmSec #submit-area .sendBtn{ text-align:center; margin:0 1.5em;}
#confirmSec #submit-area .sendBtn button{
	max-width:300px;
	width:100%;
	margin:1.5em auto;
	position:relative;
	background-color:#384250;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	padding: 0.5em 2em 0.4em;
	border-radius:100px;
	display:block;
	text-decoration:none;
	border:none;
	letter-spacing:1px;
	cursor:pointer;
}
#confirmSec #submit-area .sendBtn button:hover{ opacity:0.6;}
#confirmSec #submit-area .backBtn{ text-align:center; margin:0 1.5em;}
#confirmSec #submit-area .backBtn a{
	max-width:240px;
	width:100%;
	margin:1.5em auto;
	position:relative;
	font-size:1.1rem;
	font-weight:bold;
	padding:0.4em 1em;
	border-radius:100px;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	border:1px solid #384250;
	color:#384250;
	overflow:hidden;
	z-index:0;
}
#confirmSec #submit-area .backBtn a:before{
	content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size:7px;
	background-image:linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
	background-size:7px 7px;
	background-attachment:fixed;
	z-index:-1;
	opacity:0.3;
}

/* thanksページ */
#thanksSec{}
#thanksSec h2{font-size: 2.2rem; margin: 2rem auto 0;}
#thanksSec .messageBox{ max-width:1000px; margin:2rem auto 3rem;}
#thanksSec .messageBox h3{ text-align:center; font-size:250%; margin:1em auto; color:#8EB800;}
#thanksSec .messageBox p{ text-align:center; margin:0.5em auto; font-size:1rem;}
#thanksSec .messageBox .infoBox{ max-width:700px; margin:2em auto; padding:2em; background: #F7F7F7;}
#thanksSec .messageBox .infoBox dt.logoImg a{ position:relative; padding:0 0 0 50px;}
#thanksSec .messageBox .infoBox dt.logoImg a:before{
	content:"";
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    background-image:url(../images/common/logo_image.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#thanksSec .messageBox .infoBox dl{text-align: center;}
#thanksSec .messageBox .infoBox dt{font-size: 1.2rem; text-align: center; border-bottom: dashed 1px #000;display: inline-block; padding: 0rem 0.4em 0.2em; margin-bottom: 0.6em;}
#thanksSec .messageBox .infoBox dd{ font-size:1rem; text-align: center; font-weight:bold; line-height:1.4em;}
#thanksSec .messageBox .infoBox dd a{ color:#000; text-decoration:none;}
#thanksSec .messageBox .infoBox dd a:hover{ color:#EAA200;}
#thanksSec .messageBox .infoBox dd span{ display:block; font-size:75%; font-weight:500;}
#thanksSec .messageBox .commonBtn{ text-align:center; margin:0 auto;}
#thanksSec .messageBox .commonBtn a{
	max-width:200px;
    width:100%;
    margin:1.5em auto;
    position:relative;
    background-color:#384250;
    color:#fff;
    font-size:1rem;
    font-weight:500;
    padding:0.6em;
    border-radius:100px;
    display:block;
    text-decoration:none;
    letter-spacing:1px;
}

/* errorページ */
#errorSec{ padding:3em;}
#errorSec h2{ text-align:center; font-size:250%; margin:1em auto; color:#45A8B2;}
#errorSec p{ font-size:112.5%; margin:0 auto 1em;}
#errorSec p input{
	max-width:200px;
    width:100%;
    margin:1.5em auto;
    position:relative;
    background-color:#384250;
    color:#fff;
    font-size:125%;
    font-weight:500;
    padding:0.6em;
    border-radius:100px;
    display:block;
    text-decoration:none;
    letter-spacing:1px;
	text-align:center;
	border:none;
	cursor:pointer;
}


/* 800px以下*/
@media screen and (max-width:800px){
}