@charset "UTF-8";
/* --------------------------------------------------
*	00. Reset
*	01. Font
*	02. Element / Module
*	03. Footer
*	04. margin-top / margin-bottom
*	05. *****
*	99. @media only screen
 -------------------------------------------------- */


/* --------------------------------------------------
   00. Reset
-------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;vertical-align:top;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;color:#333;}*{box-sizing: border-box;}*:before,*:after{box-sizing: inherit;}


/* --------------------------------------------------
   02. Element / Module
-------------------------------------------------- */

body {
	font-family:"ヒラギノ角ゴ Pro W3", HiraKakuProN-W3, sans-serif;
	-webkit-text-size-adjust:none;
	word-spacing: 0.1em;
	font-size:26px;
	line-height:1.8;
	letter-spacing:-0.001em;
}

a {color:#0000ee; text-decoration:underline; cursor:pointer;}
a:visited{color:#0000dd;}
a:hover{color:#0000dd;}
a:focus,
a:active{color:#0000dd;}
em, strong{font-weight:bold; font-style:normal;}
hr {border:none; border-top:2px dotted #333; margin:70px 0;}
input,textarea {-webkit-appearance:none;}
input[type=text], input[type=tel], input[type=email], select {font-size:32px!important;}


/*header {border-bottom:2px solid #999;}*/
/*header {background:#FFF;}
header div {width:580px; height:120px; margin:0 auto; display:flex; justify-content: space-between;}
header div img {margin-top:25px; width:126px; height:73px;}*/
header {background-image:url("../img/back_top.png"); background-size:680px; width:100%; height:320px;}
header div {width:690px; margin:0 auto; height:320px; position:relative;}
header div #logo {position:absolute; top:0; right:0; width:150px; height:90px;}
header div #yata {position:absolute; bottom:0; right:-10px; width:169px; height:213px;}
header div h1 {position:absolute; top:30px; left:10px; padding:0;}
header div h1 img {width:468px; height:151px;}
header div h2#header {position: absolute; top:160px; left:10px; padding:0;}
header div h2#header img {width:590px; height:44px;}

/*h1 {margin:0 10px 0 0; padding:35px 0 0; text-align:right; font-size:1.0em; line-height:1.8em; font-weight:bold; color:#171C61;}*/
/*h1 {margin:0 10px 0 0; padding:30px 0 0; text-align:right; font-size:0.96em; line-height:1.8em; font-weight:bold; color:#171C61;}*/
/*h1 strong {background:#171C61; display:inline-block; padding:0 10px; border-radius:8px; color:#ffea00; font-size:0.8em;}
h1 strong span {font-size:1.48em;}*/


section {margin:0 auto; padding:0;}
div {width:690px; margin:0 auto; padding:0;}
div.imgC123 {padding-top:2.0em;}
img.imgC123 {max-width:600px; width:100%; display:block; margin: 0 auto;}

/*h2 {margin:90px auto 70px; font-size:1.5em; font-weight:bold; color:#171C61; text-align:center; line-height:1.4;}*/

h2 {margin:70px 0 20px; font-size:1.2em; font-weight:bold;}
h2.long {font-size:1.06em;}
h2.tight {margin-top:40px;}
h2 span {color:#D13232;}
h2.aboutNotes {width:100%; margin:60px 0 0; padding:15px 30px 10px; background:#D3E0EA; font-size:1.06em; color:#000; text-align:left; border-radius:8px 8px 0 0; line-height:1.4;}
h2.aboutNotes span {font-size:0.8em; font-weight:normal; color:#D13232;}


input[type="text"], input[type="tel"], input[type="email"] {width:100%; height:100%; padding:10px; border:2px solid #666; border-radius:8px; font-size:1.2em; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.25);}

input[type="button"] {width:100%; height:100%; padding:10px; border:none; border-radius:8px; font-size:1.2em; font-weight:bold; color: #FFF; background:#BBB;}

ul.textBox {margin:0; padding:0; display:flex; justify-content:space-between; width:100%;}
ul.textBox li {margin:0; list-style:none; width:100%; height:84px;}
ul.textBox li.half {width:336px;}

ul.radioBt {margin:0; padding:0; display:flex; justify-content:space-between; width:100%;}
ul.radioBt li {width:50%; height:84px;}
/* ul.radioBt li input {opacity: 0; position: absolute; left:0; top:0;} */
ul.radioBt li input {opacity: 0; position: absolute;}
ul.radioBt li input + label{display:block; width:100%; height:84px; padding:10px 10px 0 10px; border:2px solid #666; text-align:center; font-size:1.2em;}
ul.radioBt li.long input + label{height:120px; line-height:1.3;}
ul.radioBt li:first-child input + label {border-radius:8px 0 0 8px; width:100%;}
ul.radioBt li:last-child input + label {border-radius:0 8px 8px 0; border-left:none; width:100%;}

ul.radioBt3 {margin:0; padding:0; display:flex; justify-content:space-between; width:100%;}
ul.radioBt3 li {width:34%; height:84px;}
ul.radioBt3 li:first-child {width:24%;}
ul.radioBt3 li:last-child {width:40%;}
ul.radioBt3 li input {opacity: 0; position: absolute;}
ul.radioBt3 li input + label{display:block; width:100%; height:84px; padding:15px 10px 0 10px; border:2px solid #666; text-align:center; font-size:1.0em; border-radius:8px;}

ul.radioBt.wide li{width:100%;}
ul.radioBt.wide li input + label{padding:10px 10px 0 20px; border:2px solid #666; border-radius:8px; width:100%; text-align:left;}
ul.radioBt.wide li input:checked + label{padding:10px 10px 0 90px;}
ul.radioBt.wide.mendan_cafe li input:checked + label{padding:10px 10px 0 70px;}

ul.radioBt input[type="radio"] + label, ul.radioBt3 input[type="radio"] + label {background:#F1F1F1;}
ul.radioBt input[type="radio"]:checked + label {background:#FFF url("../img/check_mark.png") no-repeat 25px 50%; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.25);}
ul.radioBt3 input[type="radio"]:checked + label {background:#FFF url("../img/check_mark_2.png") no-repeat 12px 50%; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.25);}
ul.radioBt.wide.mendan_cafe input[type="radio"]:checked + label {background:#FFF url("../img/check_mark.png") no-repeat 20px 50%; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.25);}

ul.checkBox {margin:0; padding:0; display:flex; justify-content:space-between; width:100%;}
ul.checkBox li {width:100%; height:84px;}
ul.checkBox li input {opacity: 0; position: absolute;}
ul.checkBox li input + label{display: inline-flex;　align-items: center; width:100%; height:84px; padding:24px 25px 0 30px; border:2px solid #666; border-radius:8px; width:100%; text-align:left; font-size:1.0em; line-height:1.4;}
ul.checkBox li input + label.long{font-size:0.96em; padding:6px 25px 0 30px;}
ul.checkBox li input:checked + label{padding-left:80px;}

ul.checkBox input[type="checkbox"] + label {background:#F1F1F1;}
ul.checkBox input[type="checkbox"]:checked + label {background:#FFF url("../img/check_mark.png") no-repeat 25px 50%; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.25);}


ul.birth {margin:0; padding:0; display:flex; justify-content:space-between; width:100%;}
ul.birth li {height:84px; border-radius:8px;}
/*ul.birth li#birth_era, ul.birth li#f_birth_era {width:156px;}
ul.birth li#birth_year, ul.birth li#f_birth_year {width:194px;}*/
ul.birth li#birth_year, ul.birth li#f_birth_year {width:360px;}
ul.birth li#birth_month, ul.birth li#birth_day, ul.birth li#f_birth_month, ul.birth li#f_birth_day {width:140px;}

select {-moz-appearance:none; -webkit-appearance:none; appearance:none; border:none; outline:none; background:transparent; width:100%; height:84px; padding:2px 0 0 20px; margin:0; border:2px solid #666; border-radius:8px; font-size:1.2em; background:url(../img/select_arrow.png), linear-gradient(rgba(255, 255, 255, 0.6), rgba(209, 209, 209, 0.6)); background-position:right; background-repeat:no-repeat;}

.noBorder {border:none!important;}

input::placeholder {color:#BBB;}
div.moveBt {margin:140px 0;}
div.moveBt p.next {font-size:1.5em; font-weight:bold; color:#FFF; width:100%; height:100px; background:#DE8722; text-align:center; padding:16px 0 0; border-radius:8px; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.25); cursor:pointer;}
div.moveBt p.next.back {margin-top:60px; background:#BBB;}
div.moveBt p.next.none {margin-top:60px; background:#BBB; box-shadow:none; cursor:default;}
div.moveBt p.afterBt {margin-top:25px; text-align:center; font-size:0.96em; font-weight:bold;}
div.moveBt p.afterBt strong {background: linear-gradient(transparent 0%, #ffff66 0%);}

div.blueBox {width:100%; padding:40px 0; background:#eb8e8b;}
div.blueBox p {width:690px; margin:0 auto 15px; padding:0; color:#FFF; font-size:1.4em; font-weight:bold;}
div.blueBox ul {width:690px; margin:0 auto; padding:0; display:block;}
div.blueBox ul li {padding-left:1em; text-indent:-1em; height:initial; font-size:0.96em; margin-bottom:0.5em; line-height:1.4; color:#FFF; font-weight:bold;}
div.blueBox ul li:last-of-type {margin-bottom:0;}

/*p.message {text-align:center; font-size:1.2em; font-weight:bold; margin:0; padding:25px 0; color:#FFF; background:#eb8e8b; border-bottom:2px solid #999; line-height:1.5;}*/
.message p {
  margin-bottom: 20px;
}
/*div.message {width:100%; margin:0; padding:20px 0; background:#eb8e8b; border-bottom:2px solid #999;}*/
div.message {width:100%; height:128px; margin:0; padding:0; background:#eb8e8b; border-bottom:2px dotted #FFF; border-top:2px dotted #FFF;}
div.message img.online {position:absolute; top:90px; left: 50%; transform: translateX(-50%); margin:auto; width:750px;}
div.message h2 {width:690px; margin:0 auto 20px;}
div.message h2 img {width:100%; max-width:690px; height:auto;}
div.message p {text-align:center; font-size:1.0em;}
/*div.message h2 {width:690px; margin:0 auto; font-size:2.0em; text-align:center; letter-spacing:0.15em; font-weight:bold; color:#FFF; line-height:1.5;}
div.message h2 span {color:#fef752;}
div.message h2 span.large {font-size:1.4em; letter-spacing:0;}
div.message h2 span.small {font-size:0.8em;}*/
p.hope {color:#eb8e8b; font-size:1.5em; margin:60px 0 0; font-weight:bold;}


.textNotes01 {color:#D13232; font-size:0.8em; padding-left:1em; text-indent:-1em; line-height:1.4;}
.textNotes02 {font-size:1.0em; padding-left:1em; text-indent:-1em; line-height:1.4; margin-top:30px;}
.textNotes03 {font-size:0.8em; padding-left:1em; text-indent:-1em; line-height:1.4;}


/* select incentive */
#incen {
	width: 100%;
	margin: 0 auto 35px;
	padding: 0;
	list-style: none;
}

ul#incen {
    display: flex;
    flex-wrap: wrap;
}

.incenItem {
    width:336px;
	position: relative;
	margin: 20px 0 0;
	padding: 0;
	height: 160px;
	cursor: pointer;
}

.incenItem:nth-child(1), .incenItem:nth-child(2) {
	margin-top: 0;
}

.incenItem:nth-child(odd) {
	margin-right: 18px;
}

.incenItem:last-child {
	margin-bottom: 0;
}

.incenItem.active .incenRadio img {
	top: -24px;
}

.incenRadio {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 24px;
	height: 24px;
	overflow: hidden;
	margin-top: -12px;
}

.incenRadio img {
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.incenImg {
	background-color: #fff;
	height: 160px;
	border-radius: 10px;
    width: 336px;
}

.incenImg img {
	width: 100%;
}

.incenImg:after {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	height: 160px;
	width: 100%;
	border-radius: 10px;
	border: 2px solid #e6e6e6;
}

.incenItem.active .incenImg {
	background-color: #f5f6f7;
}

.incenItem.active .incenImg:after {
	border-color: #ddd;
}

.incenHeading {
	margin: 24px 0 20px 0;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	font-weight: bold;
}

.incenBadge {
	background-color: #c80f5a;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 5px 6px 4px 6px;
	vertical-align: 0.15em;
	margin-right: 4px;
}

p.incen {margin-bottom:35px;}

.aboutNotesBox {
	background-color:#ECF2F6;
  border-radius:0 0 8px 8px;
  padding:30px 30px 35px;
}

.aboutNotesBox p{
  font-size:21px;
  line-height:1.6;
  margin: 0 0 15px;
}

.aboutNotesBox ul{
  display: inline;
  font-size:21px;
}

.aboutNotesBox ul li{
  padding-left:1em;
  text-indent:-1em;
  line-height:1.4;
  margin-top:0.6em;
  height:inherit;
}


/* Madoguchi枠 */
#madoguchi div, #madoguchi2 div {width:auto;}
#pref1_0 label, #pref2_0 label {margin-top:10px; padding-left:38px; text-indent:-38px; font-size:0.96em; line-height:1.6; color:#6291b3; text-decoration:underline; font-weight:bold; display:inline-block; cursor:pointer; position:relative;}
#pref1_0 input[type=checkbox], #pref2_0 input[type=checkbox] {display:none;}
#pref1_0 label:before, #pref2_0 label:before {content:''; width:28px; height:28px; display:inline-block; margin-right:10px; background:url(../img/check_mark_mini.png) no-repeat 0 0; vertical-align:bottom;}
#pref1_0 input[type=checkbox]:checked + label:before, #pref2_0 input[type=checkbox]:checked + label:before {background:url(../img/check_mark_mini.png) no-repeat 0 center;}


/* ppAdmit & rules枠 */
.acd-check{display:none;}
.acd-label {display:block; width:100%; border:2px solid #999; border-radius:8px; padding:15px 30px; margin:10px auto 0; background:url(../img/swich_back.png) right 20px top 40px no-repeat #fceeed; font-size:1.0em; font-weight:bold; line-height:1.4;}
.acd-label span {font-size:0.8em; color:#D13232;}
.acd-content {border-radius:0 0 8px 8px; height:0; opacity:0; padding:0 30px; background:#FFF; display:none;}
.acd-content p.title {font-size:0.78em; font-weight:bold; margin:15px auto 5px;}
.acd-content p.text-std {font-size:0.72em; margin-bottom:10px;}
.acd-content p.ml1em {margin-left:1em;}
.acd-content p.ml2em {margin-left:2em;}

input[type="checkbox"].acd-check:checked + .acd-label {border:2px solid #999; border-radius:8px 8px 0 0; background:url(../img/swich_back.png) right 20px top -55px no-repeat #fceeed;}
input[type="checkbox"].acd-check:checked + .acd-label + .acd-content{border-top:none; border:2px solid #999; border-top:0px; background:#FFF; padding:30px; height:auto; opacity:1; display:block;}

div.agreeCheck {margin-top:30px; padding:15px; border-radius:8px;}
div.agreeCheck input.ppAdmit {}
div.agreeCheck p.labelTxt {font-size:0.76em; padding:15px 10px; margin-bottom:15px; border-top:2px dotted #FFF; border-bottom:2px dotted #FFF; background:#F1F1F1;}

.chkbox {margin-bottom:15px;}
p.agreeCheck label {display:block; padding-left:38px; text-indent:-38px; line-height:1.4;}
.chkbox label {padding-left:38px; text-indent:-38px; font-size:0.96em; line-height:1.6; color:#ef8683; text-decoration:underline; display:inline-block; cursor:pointer; position:relative;}
.chkbox input[type=checkbox] {display:none;}
.chkbox label:before {content:''; width:28px; height:28px; display:inline-block; margin-right:10px; background:url(../img/checkbox_img.png) no-repeat 0 0; vertical-align:bottom;}
.chkbox input[type=checkbox]:checked + label:before {background:url(../img/checkbox_img.png) no-repeat 0 center;}



/* company */
#company {margin:0 auto 70px;}
#company h3 {font-size:1.2em; margin:0 0 1.2em; line-height:1.0em;}
#company ul {font-size:1.0em; line-height: 1.2; padding:0 15px;}
#company ul li {padding-left:4em; text-indent:-4em; margin-bottom:10px;}
#company ul li:last-of-type {margin-bottom:0;}


span.spOnly, br.spOnly {display:inline;}
span.pcOnly, br.pcOnly {display:none;}


/* --------------------------------------------------
   03. Footer
-------------------------------------------------- */

footer {padding:20px 0 0; text-align:center; border-top:2px solid #CCC;}
footer img.pMark {margin-bottom: 20px;}
footer p {height:100px; padding:40px 0 15px; font-size:0.74em; text-align:center; border-top:2px solid #CCC;}


/* --------------------------------------------------
   04. margin-top / margin-bottom
-------------------------------------------------- */

.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt35 {margin-top:35px!important;}
.mt50 {margin-top:50px!important;}
.mt55 {margin-top:55px!important;}
.mt70 {margin-top:70px!important;}
.mt100 {margin-top:100px!important;}

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb50 {margin-bottom:50px!important;}
.mb55 {margin-bottom:55px!important;}
.mb70 {margin-bottom:70px!important;}
.mb100 {margin-bottom:100px!important;}


/* --------------------------------------------------
   05. CROCO:お申し込み状況表示枠
-------------------------------------------------- */

dl#order_sts {width:690px; margin:50px auto; font-size:0.86em;}
dl#order_sts dt {padding:10px; background:#eb8e8b; border-radius:8px 8px 0 0; color:#FFF; text-align:center; font-weight: bold;}
dl#order_sts dd {height:4.3em; border:2px solid #eb8e8b; background:#FFF; border-top:2px dotted #eb8e8b; border-radius:0 0 8px 8px; overflow: hidden;}
dl#order_sts dd ul {padding:0.25em 0; color:#ff006d; text-align:center; font-weight: bold;}


/* --------------------------------------------------
   99. @media only screen
-------------------------------------------------- */

@media only screen and (min-width:1240px) {
    body {font-size:14px;}
    /*header div {width:560px;}*/
    header div {width:690px;}
    header div h1 {left:0;}
    header div h2#header {top:176px; left:0;}
    /*h1 {padding:36px 0 0; font-size:1.8em;}*/
    /*h2 {margin:55px auto;}*/
    h2 {margin:55px 0 10px;}
    /*h3 {margin:55px 0 10px;}*/
    div.imgC123 {padding-top:3.5em;}
    img.imgC123 {margin-top:1.5em;}
    /*div.message h2 {font-size:2.6em;}
    div.message img.online {width:500px; top:70px;}*/
    div.message {height:90px;}
    div.message h2 img {width:70%; display: block; margin: 0 auto;}
    div.message p {font-size:1.8em; margin:0;}
    input[type=text], input[type=tel], input[type=email], select {font-size:1.2em!important;}
    ul.textBox li {height:68px;}
    ul.radioBt li, ul.radioBt3 li {height:68px;}
    ul.radioBt li input + label, ul.radioBt3 li input + label {height:68px; padding:15px 10px 0 10px; font-size:1.4em;}
    ul.radioBt input[type="radio"]:checked + label.apartment{background:#FFF url("../img/check_mark.png") no-repeat 20px 50%; padding-left:50px;}
    ul.radioBt3 input[type="radio"]:checked + label.apartment{background:#FFF url("../img/check_mark_2.png") no-repeat 10px 50%; padding-left:50px;}
    ul.checkBox li {height:60px;}
    ul.checkBox li input + label{height:68px; padding:20px 25px 0 30px;}
    ul.birth li {height:68px;}
    select {height:68px; padding:5px 0 0 20px;}
    ul.checkBox li input + label.reason {font-size:18px!important;}
    ul.checkBox li input + label.reason.long{font-size:0.96em; padding:6px 25px 0 30px; font-size:18px!important; padding:20px 0 0 30px;}
    ul.checkBox li input:checked + label.reason {padding-left:70px;}
    .aboutNotesBox p{font-size:18px;}
    .aboutNotesBox ul{font-size:18px;}
   .acd-label {background:url(../img/swich_back.png) right 20px top 15px no-repeat #fceeed;}
    input[type="checkbox"].acd-check:checked + .acd-label {background:url(../img/swich_back.png) right 20px top -80px no-repeat #fceeed;}
    div.moveBt p.next {padding:30px 0 0;}
    span.spOnly, br.spOnly {display:none;}
    span.pcOnly, br.pcOnly {display:inline;}
    dl#order_sts {font-size:1.0em;}
    dl#order_sts dd {height:4.5em; overflow: hidden;}
    dl#order_sts dd ul {padding:0.35em 0;}
}