﻿@charset "UTF-8";

body#admission {background-color:#f0f5da;}
section#wrapper {background-color:#FFF;}


section.content {width:80%; margin:-370px auto 0 auto; position: relative; z-index: 4; transition-duration:1s;}

section.content div.read {margin:10px 0 0 0; font-size:1.5rem; line-height: 1.8; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}


section.content h2 {width:330px; margin:0 auto 0 auto; position: relative; left: -30px;}

section.top_block {position:relative; margin:152px 0 0 0; padding:28% 0 0 0; min-width:960px; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_02.png"); background-repeat: no-repeat; background-position: center top; z-index: 4;}
section.top_block div.bird {position: absolute; right: 11%; top:30px; width:130px; z-index: 10; transition-property:right; transition-duration:1s;}


section.content_block {max-width: 510px; margin:60px auto 0 auto; position: relative;}
section.content_block div.read {margin:15px 0 0 0; font-size:1.5rem;}
section.content_block div.tel_block {margin:30px auto 0 auto;}


section.foot_block {position:relative; bottom:0; margin:0 0 0 0; padding:0 0 0 0; width: 100%; height: 350px;  background-image: url("../images/share/footer_bg_02.png"); background-size: cover; background-repeat: no-repeat; background-position: center top; z-index: 10;}

section.foot_block div.foot_img {width:800px; margin:0 auto 0 auto; position: absolute; left: 0; right:0; bottom:10px;}
footer {margin: 0 auto 0 auto;}
section.footer_block {margin:0 auto 0 auto;}


/** お問合せフォーム **/
section.contact_block {width:600px; margin:60px auto 0 auto; padding:20px 0 40px 0; background-color:#f7efe3; border-radius: 20px;}

input,
textarea {width:100%; padding: 1em; position: relative; border:2px solid #fadda9; font-size:1.3rem;}

span.red {color:#FF0000; }
span.red_box {display:block; color:#FFFFFF; border:; border-radius: 50%; background-color:#f39800; font-size:11px; margin:-2px 0 0 0; padding:.15em .2em; position: absolute; top:12px; right:-18px; text-align: center; font-weight: normal; width:25px; height:25px; line-height: 2.3; }
.err {color:red; margin:0 3em 0 auto; font-size:92%; line-height:1.6em; text-align: right;}
.err2 {text-align:center; color:red; margin:0px auto 0 auto; font-size:100%; line-height:1.6em;}

.fa-check-circle::before {color: #067980;}




section.check_block {width:80%; margin: 0 auto 40px auto;}
section.check_block dl {margin:0 0 20px 0; padding:0 0 0 0; display: flex;}
section.check_block dl dt {width:12em; position: relative; font-size:1.6rem; text-align: right; font-weight: normal; line-height: 2.9; font-feature-settings:"palt";}
section.check_block dl dd {width:55%; display: inline; margin:0 0 0 15px; font-size:87%; position: relative;}
/* section.check_block dl dd.font_big {font-size:150%; line-height: 1;}  */
section.check_block dl.email_block {margin:-15px 0 20px 0;}

div.check_button {margin:15px 0 0 0; text-align: center;
}
div.check_button div.item_check {margin:10px 0 0 0;}

div.file_block {margin:15px 0 0 0;}

div.cap_block {margin:20px 0 0 0;}
p.cap {font-size:87%; font-feature-settings:"palt"; text-indent:-1em; padding:0 0 0 1em; line-height: 1.7;}



textarea {width:100%;}
input[type="radio"] {line-height: 0; position: relative; top:-1px;}

div.item_block input[type="radio"] {width:100%; margin:0 auto 0 auto;}

input.text {margin:0 0 5px 0; width:10em;}/* 郵便番号 */
input.textarea {height: 10em;}

div.send {width:360px; margin:0 auto 0 auto; text-align: center;}
div.send input {padding:15px 50px; background-color:#22ac38; border-radius: 30px; border:none; font-size:140%; color:#FFF; letter-spacing: .15em;}


/* 確認画面 */
section.data_check_block {width:600px; margin:50px auto 0 auto;}
section.data_check_block h3 {width:96%; border:1px solid #FF0000; background-color:#ffe8e8; padding:10px 2%; text-align: center; font-size:100%; font-weight: normal; margin:0 0 20px 0;}
section.data_check_block dl {display: flex; margin:0 0 0 0; border-bottom:1px solid #999999;}
section.data_check_block dl:first-of-type {border-top:1px solid #999999;}
section.data_check_block dl dt {width:280px; background-color:#f7efe3; padding:8px 10px; text-align: right; font-size:1.5rem; font-feature-settings:"palt";}
section.data_check_block dl dd {width:470px; background-color:#FFFFFF; margin:0 0 0 10px; padding:1% 10px; white-space: pre-wrap; line-height: 2; font-size:1.4rem}
section.data_check_block dl dt.img {width:280px; padding:10px 10px;}
section.data_check_block dl dd.img {width:200px; padding:10px 0 10px 0;}

section.data_check_block div.submit {display: flex; margin:30px auto 0 auto; width:95%;}

section.data_check_block div.send_back {margin:0 30px 0 auto; text-align: center;}
section.data_check_block div.send_back input {padding:15px 50px; background-color:#888888; border-radius: 10px; border:none; font-size:140%; color:#FFF; letter-spacing: .15em;}

section.data_check_block div.send {margin:0 auto 0 auto; text-align: center;}
section.data_check_block div.send input {padding:15px 50px; background-color:#22ac38; border-radius: 10px; border:none; font-size:140%; color:#FFF; letter-spacing: .15em; }


/* 送信完了ページ */
#contact_comp section.content_block {width:600px; height: 300px; margin: 80px auto 0 auto;}
#contact_comp section.content_block p.close {margin:20px 0 0 0;}





@media (max-width: 1600px) {

section.content {margin:-340px auto 0 auto;}

section.top_block div.bird {right: 22%;}
section.content_block:first-of-type{margin:70px auto 0 auto;}

}

@media (max-width: 1400px) {

section.content {margin:-270px auto 0 auto;}

section.top_block div.bird {right: 15%;}
section.content_block:first-of-type{margin:70px auto 0 auto;}

}

@media (max-width: 1300px) {
section.content {margin:-250px auto 0 auto;}

section.top_block div.bird {right: 13%;}
section.content_block:first-of-type{margin:70px auto 0 auto;}

}

@media (max-width: 1180px) {
section.content {margin:-220px auto 0 auto;}

section.content_block:first-of-type{margin:70px auto 0 auto;}
}


@media (max-width: 1100px) {
section.content {margin:-200px auto 0 auto;}

section.top_block div.bird {right: 11%;}
section.content_block:first-of-type{margin:70px auto 0 auto;}

}

@media (max-width: 960px) {
	section.content {margin:-160px auto 0 auto;}
	section.top_block {position:relative; margin:152px 0 0 0; padding:28% 0 0 0; min-width:960px; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_02.png"); background-repeat: no-repeat;}

}

/*ipad*/
@media (max-width: 768px) {
section.top_block {margin:143px 0 0 0; padding:28% 0 0 0; width:100%; min-width: 100%; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_02_sp.png"); background-repeat: no-repeat; background-position: left top; background-size: contain;}
section.content {width:90%; margin:-100px auto 0 auto;}

section.top_block div.bird {right: 30px; width:80px;}
section.content_block:first-of-type{margin:90px auto 0 auto;}
footer {bottom:0; top:auto;}

/** お問合せフォーム **/
section.contact_block {width:100%;}
section.check_block dl dt {width:10em;}

}


/*iPhone7/6 Plus*/
@media (max-width: 414px) {
section.top_block {margin:77px 0 0 0; padding:28% 0 0 0; width:100%; min-width: 100%; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_02_sp.png"); background-repeat: no-repeat; background-position: left top; background-size: contain; z-index: 5;}


section.content {width:100%; margin:-60px auto 0 auto;}
section.content h2 {margin:0 auto 0 auto; width:43%; left: -10px;}
section.content_block {width:80%; margin:70px auto 0 auto;}


section.top_block div.bird {right: 30px; width:70px;}
section.content_block:first-of-type{margin:50px auto 0 auto;}
section.data_check_block dl dt {width:320px;}
section.foot_block {height: 130px;  background-image: url("../images/share/footer_bg.png"); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: 10; margin: 30px 0 0 0;}
section.foot_block div.foot_img {width:95%; margin:0 auto 0 auto; position: absolute; left: 0; right:0; bottom:0;}


/** お問合せフォーム **/
section.contact_block {margin:30px auto 0 auto; padding:10px 0 40px 0;}

input,
textarea {width:90%; padding: 1em; position: relative; border:2px solid #fadda9; font-size:1.3rem;}

span.red_box {margin:-2px 0 0 0; right:8px;}

section.check_block {width:80%; margin: 0 auto 40px auto;}
section.check_block dl {margin:20px 0 0 0; padding:0 0 0 0; display: block;}
section.check_block dl dt {width:90%; margin:0 auto 0 auto; text-align: left; line-height: 2;}
section.check_block dl dd {width:90%; display: block; margin:0 auto 0 auto; font-size:87%; position: relative;}
section.check_block dl.email_block {margin:20px 0 0 0;}

div.send {width:90%; margin:0 auto 0 auto; text-align: center;}

div.send input {border-radius: 20px; }

/* 確認画面 */
section.data_check_block {width:90%; margin:50px auto 0 auto;}

section.data_check_block div.submit {width:70%;}

section.data_check_block div.send_back input {padding:15px 10px; border-radius: 10px; text-align: center; width:auto;}

section.data_check_block div.send input {padding:15px 10px; width:auto; }

/* 送信完了ページ */
#contact_comp section.content_block {width:90%; height: 150px; margin: 40px auto 0 auto;}

}

/*iPhone 7/6*/
@media (max-width: 375px) {
section.content {width:100%; margin:-60px auto 0 auto;}

section.data_check_block div.submit {width:65%;}

}

/*iPhone 5/SE/4*/
@media (max-width: 320px) {


}
