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

.pcNone{display: none;}
#headerInner{ padding:5px 0 0; height: 75px;}
#headerInner h1 a{ font-size: 32px;	color: #333; vertical-align: middle;}
#headerInner h1 span{ font-size: 0.75rem; font-weight: normal;}
#headerInner h1 img{ margin-top: -8px; margin-right: 5px; width: 130px; height: auto;}
#headerInner #headerContents{ padding:10px 0;}

/*----------------------------------------------------------------------------
***                                                                   mainSec
----------------------------------------------------------------------------*/
#contentsArea h2{ font-size:42px; line-height:2em; text-align:center; color:#333;}

#mainImg{ width:100%; height:290px; background-color:#a2d7e0;}
#mainImgInner{
	width:920px;
	height:290px;
	margin:0 auto;
	padding:0 0 0 70px;
	background-image:url(/hoiku/images/main_p.png);
	background-position:right 30px top;
	background-repeat:no-repeat;
	background-size:auto 100%;
	position: relative;
	z-index: 0;	
}
#mainImgInner:after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(/hoiku/images/main_deco.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	z-index: -1;
}

#mainImg #midashi1{ font-size:22px; color:#fff; font-weight:bold; text-shadow: 2px 2px 8px #838383;}
#mainImg #midashi1 > span{ font-size: 20px; font-weight: bold;}
#mainImg #midashi1 strong{ font-size: 36px; display: block; line-height: 1.3em; margin-left: -0.5em;}
#mainImg .txtColorPk{ color: #ff7083;}
#mainImg .txtColorYe{ color: #4686c5;}
#mainImg .txtColorWt * { color: #FFF; }
#mainImg .txtColorWt{ line-height: 1.6em; margin-top: -1em; display: block;}
#mainImg .txtColorWt span{ font-size: 25px;}
#mainImg #midashi1 strong{ text-shadow: 2px 2px 5px #FFF;}

#formSec{ width:780px; margin:0 auto 50px; border:5px solid #1a2953; padding:50px;}
#formSec h2{ font-size:28px; color:#1a2953; text-align:center; margin:0 0 50px; line-height:1.2em;}

#formSec form{ width:600px; margin:0 auto;}
#formSec dl{ margin:0 0 1em;}
#formSec dl#programSelect dt{ font-size: 13px; line-height: 1.5em;}
#formSec dt{ width:20%; font-size:14px; font-weight:bold; line-height:2em; color:#171C61; float:left;}
#formSec .required{ font-size:12px; color:#e48691; margin:0 0 0 0.5em;}
#formSec dd{ width:80%; float:left; color:#333;}
#formSec dd input,
#formSec dd textarea{ width:75%; padding:0.5em; font-size:12px; color:#333; border:1px solid #999; border-radius:5px;}
#formSec dd textarea{ width:100%;}
#formSec dd input::placeholder{ color:#aaa;}
#formSec dd li{ width:100%; line-height:1.5em; margin:0 0 0.5em;}
#formSec dd li span{ font-size:14px; color:#333;}
#formSec dd #inputPost input{ width:12em;}
#formSec dd #inputPost button{ margin:1px 0 1px 10px;}
#formSec .subBtn{ font-size:16px; padding:6px 15px 9px; margin:10px 0 0; line-height:1.5em; background-color:#1a2953; border-radius:5px; border:none; color:#fff; cursor:pointer; transition:all .3s;}
#formSec .subBtn:hover{ opacity:0.6;}
#formSec .sslComment{ font-size:12px; color:#333;}

#formSec p{ font-size:18px; color:#333; text-align:center; margin:0 0 1em;}
#formSec .attention{ font-size:12px; color:#333; margin: 0.5em 0 0; text-align:left; text-indent: -1em; padding-left: 1em; width: 100%;}
#formSec .attention span{ margin:0.2em;}

#formSec dd.inputCon1 input{ width:5em; margin-right: 1%}
#formSec dd.inputCon2 input{ width:15em; margin-right: 1%}
#formSec dd.inputCon1 span{font-size: 14px; color: #333; vertical-align: middle;}
#formSec dd.inputCon2 span{font-size: 12px; color: #333;}
#formSec #enterSelect dd{ display: block;}
#formSec #enterSelect dd.inputCon2 input[type="text"] { width: 5em; }
#formSec #enterSelect div{ margin: 0 0.5em; width: 13em; display:inline-block;}
#formSec #enterSelect div span{ margin: 0 0.5em; font-size: 14px; color: #333;	vertical-align: middle;}
#formSec #enterSelect label{ display: block; margin:0 0 0.5em;}
#formSec #enterSelect label:last-of-type{ display:inline-block;}
#formSec label{ margin-right:2em;}
#formSec .checkInput{ display:none;}
#formSec .checkParts{ padding-left:1.8em; position:relative;}
#formSec .checkParts::before {
    content:"";
    display:block;
    width:1.2em;
    height:1.2em;
    border:1px solid #4d4d4d;
    background-color:#FFF;
    position:absolute;
    top:0.2em;
    left:0;
}
#formSec .checkInput:checked + .checkParts::after {
    content:"";
    display:block;
    width:0.4em;
    height:0.8em;
	border-bottom:3px solid #e7264e;
	border-right:3px solid #e7264e;
    position:absolute;
    top:0.2em;
    left:0.3em;
	transform:rotate(45deg);
}

#formSec .radioInput{ display:none;}
#formSec .radioParts {
	position: relative;
	display: flex;
	align-items: center;
}
#formSec .radioParts::before {
	content: ''; 
	display: block; 
	border-radius: 50%;
	border: 1px solid #000;
	width: 16px;
	height: 16px;
	margin-right: 0.5em;
}

#formSec .radioInput:checked+.radioParts::after {
	content: '';
	position: absolute;
	left: 4px;
	display: block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #000;
}
/*プライバシーポリシー*/
#formSec .privacy_check{ text-align:center;}
#formSec .privacy_check label{ padding: 0;    margin: 0;}
#formSec .privacy_check input[type="checkbox"]{vertical-align: middle;transform: scale(1.4);}