@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break: break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:18px;
text-align:left;
color:#333;
min-width:1200px;
}
@media screen and (max-width:640px){
html,body{ font-size:3.5vw; min-width:240px; max-width:640px;}
}

img { border-style:none; vertical-align:bottom; padding:0px; max-width:100%;}

p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left;}
p:last-child{margin:0px; }
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa { transition: all 0.3s ease;}
.opa:hover { opacity: 0.7;}


.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.clear { clear:both;}
.clearfix:after{ margin:0px; padding:0px; visibility:hidden; content:"."; display:block; line-height:0; clear:both;}

/*ヘッダー*/
/*キャッチ*/
#catch{ text-align:center; background:url(../images/catch_bg.jpg) center center no-repeat;}
#catch_b{ text-align:center; background:url(../images/catch_b_bg.jpg) center center no-repeat;}
#catch_b2{ text-align:center; background:url(../images/catch_b2_bg.jpg) center center no-repeat;}
@media screen and (max-width:640px){
#catch{ background: none;}
#catch_b{ background: none;}
#catch_b2{ background: none;}
}
/*フッター*/
.copyright{ background: #5395af; color: #fff; font-size: 16px; letter-spacing: 0.1em; line-height: 3em; text-align: center;}
@media screen and (max-width:640px){
.copyright{ font-size: 2.5vw;}
}

/*メイン*/
#content{}
section{ width:100%; background:#fff; margin:0 auto; position: relative; box-shadow:rgba(83, 149, 175, 0.66) 0 0 10px 5px;}
section .maincontent{ width: 1080px; margin: 0 auto;}
@media screen and (max-width:640px){
section .maincontent{ width: 94%;}
}

/*sec001*/
section#sec001{ background: url("../images/ricepaper2.png") fixed;overflow: hidden;}
section#sec001 h2{ background: #5395af; color: #fff; font-size: 60px; letter-spacing: 0.05em; line-height: 1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; text-align: center; padding: 1em 0; position: relative;}
section#sec001 h2:before{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; top: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#sec001 h2 strong{ display: inline-block;color: #FFE500; font-size: 84px; margin: 0.5em; position: relative;}
section#sec001 h2 strong:before{ content: ""; width: 160px; height: 1px; background: #fff; position: absolute; top: 50%; left: -160px; margin: 0 auto 0 0;}
section#sec001 h2 strong:after{ content: ""; width: 160px; height: 1px; background: #fff; position: absolute; top: 50%; right: -165px; margin: 0 auto 0 0;}
section#sec001 h2:after{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; bottom: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#sec001 h3{ text-align: center; font-size: 36px; line-height: 1em; letter-spacing: 0.1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; color: #5395af; margin: 40px 0;}
section#sec001 h3 strong{ display: inline-block; padding: 0 0.5em; position: relative;}
section#sec001 h3 strong:before{ content: ""; position: absolute; left: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec001 h3 strong:after{ content: ""; position: absolute; right: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec001 h4{ text-align: center; font-size: 36px; line-height: 1em; letter-spacing: 0.1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; color: #5395af; margin-bottom: 40px;}
section#sec001 h4 strong{ display: inline-block; padding: 0 0.5em; position: relative;}
section#sec001 h4 strong:before{ content: ""; position: absolute; left: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec001 h4 strong:after{ content: ""; position: absolute; right: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec001 .wake{ margin: 40px auto; background: rgba(255,255,255,0.8); padding: 20px 30px 40px; border-radius: 20px; box-shadow:rgba(83, 149, 175, 0.2) 0 0 10px 5px;}
section#sec001 .wake:last-child{ margin-bottom: 40px;}
section#sec001 .maincontent{ padding: 0px 0;}
section#sec001 .wake .dormitory ul{ display: table; table-layout: fixed; width: 100%;padding: 30px 0 0 0;}
section#sec001 .wake .dormitory ul li{ display: table-cell; vertical-align: middle; padding: 5px; text-align: center;}
section#sec001 .wake .dormitory ul li img{ border-radius: 20px;}
section#sec001 #btnArea{ background: #5395af;padding:40px 20px;margin: 0 0 40px 0;}
section#sec001 #btnArea h5{ text-align: center; font-size: 36px; line-height: 1em; letter-spacing: 0.1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; color: #fff; margin-bottom: 40px;}
section#sec001 #btnArea a{display: block;text-align: center;}
section#sec001 #btnArea a:hover{opacity: 0.7;}

@media screen and (max-width:640px){
section#sec001 h2{ font-size: 6vw; letter-spacing: 0.1em; line-height: 1.2em;}
section#sec001 .maincontent{ padding: 0;}
section#sec001 figure{ margin: 3% auto;}
section#sec001 figure img{ border: 1vw solid #fff;}
}
section#sec001 dl{ display: table; table-layout: fixed; width: 100%;}
section#sec001 dl dt{ display: table-cell; vertical-align: middle;}
section#sec001 dl dd{ display: table-cell; vertical-align: middle;}
@media screen and (max-width:640px){
section#sec001 dl,
section#sec001 dl dt,
section#sec001 dl dd{ display: block;}
}
section#sec001 #sec001_in{padding: 160px 0; position: relative;}
section#sec001 #sec001_in figure{ margin: 0 auto;}
section#sec001 #sec001_in figure img{ border: none; box-shadow: none; box-shadow:rgba(0, 0, 0, 0.66) 0 0 5px 2px;}
section#sec001 #sec001_in span.ico{ position: absolute; left: 0; right: 0; bottom: 40px; width:1000px; margin: auto; text-align: right;}
section#sec001 #sec001_in span.ico img{ width: 240px; border: 4px solid #fff; transform: rotate(5deg); box-shadow:rgba(255, 255, 255, 0.33) 0 0 5px 2px;}
@media screen and (max-width:640px){
section#sec001 #sec001_in{ background-size: 100% auto; padding: 18% 3%; position: relative;}
section#sec001 #sec001_in span.ico{ bottom: 4vw; width:80%;}
section#sec001 #sec001_in span.ico img{ border: 0.66vw solid #fff; width: 30%;}
section#sec001 h2 strong{ font-size: 9vw; margin-top: 0.5em; position: relative;}
section#sec001 h2 strong:before{ width: 6vw; left: -8vw;}
section#sec001 h2 strong:after{ width: 6vw; right: -8vw;}
section#sec001 h3{ font-size:4.5vw; line-height:1.2em; margin-bottom:3%; overflow: hidden;}


section#sec001 h4{ font-size:6vw; line-height: 1.2em; margin-bottom:3%;}
section#sec001 h4 span{ display:block; margin:0 auto 0.5em;}
section#sec001 h4 span img{ width: 16.6666%;}
section#sec001 .wake .dormitory ul li{ display: block; width:50%; float:left ;padding: 2%;}
section#sec001 .wake .dormitory ul li img{ border-radius: 3vw;}
section#sec001 #btnArea h5{ font-size: 6vw; letter-spacing: 0.025em; line-height: 1.2em;}
}

/*sec002*/
section#sec002{ background: url("../images/houndstooth-pattern.png") fixed;}
section#sec002 #sec002_t{ text-align:center; background:url(../images/sec002_t_bg.jpg) center center no-repeat;}
section#sec002 h2{ background: #5395af; color: #fff; font-size: 60px; letter-spacing: 0.1em; line-height: 1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; text-align: center; padding: 1em 1em; position: relative;}
section#sec002 h2:before{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; top: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#sec002 h2:after{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; bottom: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#sec002 h2 strong{ display: inline-block; font-size: 84px; margin-top: 0.25em; position: relative;}
section#sec002 h2 strong:before{ content: ""; width: 160px; height: 1px; background: #fff; position: absolute; top: 50%; left: -160px; margin: 0 auto 0 0;}
section#sec002 h2 strong:after{ content: ""; width: 160px; height: 1px; background: #fff; position: absolute; top: 50%; right: -165px; margin: 0 auto 0 0;}
section#sec002 h3{ font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; text-align: center; font-size: 48px; letter-spacing: 0.1em; line-height: 1em; color: #5395af; margin-bottom: 20px;}
section#sec002 h3 span{ display: inline-block; vertical-align: bottom; margin-right: 0.5em;}
section#sec002 .maincontent{ padding: 0 0 40px;}
section#sec002 .wake{ margin: 40px auto; background: rgba(255,255,255,0.8); padding: 20px 40px 40px; border-radius: 20px; box-shadow:rgba(83, 149, 175, 0.2) 0 0 10px 5px;}
section#sec002 .wake:last-child{ margin-bottom: 40px;}
section#sec002 dl{ margin:0 auto; display: table; table-layout: fixed; width: 100%;}
section#sec002 dl dt{ display: table-cell; vertical-align: middle; padding: 0 40px 0 0;}
section#sec002 dl dd{ display: table-cell; vertical-align: middle; width: 360px;}
section#sec002 dl dd img{ transform: rotate(-2.5deg);}
section#sec002 dl.even dt{ padding: 0 0 0 40px;}
section#sec002 dl.even dd img{ transform: rotate(2.5deg);}
@media screen and (max-width:640px){
section#sec002 #sec002_t{ background:none;}
section#sec002 h2{ font-size: 6vw; letter-spacing: 0.025em; line-height: 1.2em; padding: 1em 0;}
section#sec002 h2 strong{ font-size: 9vw; margin-top: 0.25em; position: relative;}
section#sec002 h2 strong:before{ width: 20vw; left: -20vw;}
section#sec002 h2 strong:after{ width: 20vw; right: -21vw;}
section#sec002 h3{ font-size:6vw; line-height: 1.2em; margin-bottom:3%;}
section#sec002 h3 span{ display:block; margin:0 auto 0.5em;}
section#sec002 h3 span img{ width: 16.6666%;}
section#sec002 .maincontent{ padding: 0 0 3%;}
section#sec002 .wake{ margin: 6% auto; padding:6%; border-radius:3vw;}
section#sec002 .wake:last-child{ margin-bottom:3%;}
section#sec002 dl{ display: block;}
section#sec002 dl dt{ display:block; padding:0; margin-bottom: 3%;}
section#sec002 dl dd{ display:block; width:100%; text-align: center;}
section#sec002 dl dd img{ width: 75%;}
section#sec002 dl.even dt{ padding: 0;}
}

/*sec003*/
section#sec003{ background: url("../images/old_mathematics.png") fixed;}
section#sec003 h2{ background: #5395af; color: #fff; font-size: 60px; letter-spacing: 0.1em; line-height: 1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; text-align: center; padding: 1em 1em; position: relative;}
section#sec003 h2:before{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; top: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#sec003 h2:after{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; bottom: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#sec003 .maincontent{ padding: 40px 0;}
section#sec003 h3{ text-align: center; font-size: 36px; line-height: 1em; letter-spacing: 0.1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; color: #5395af; margin-bottom: 40px;}
section#sec003 h3 strong{ display: inline-block; padding: 0 0.5em; position: relative;}
section#sec003 h3 strong:before{ content: ""; position: absolute; left: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec003 h3 strong:after{ content: ""; position: absolute; right: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec003 .interview ul{ display: table; table-layout: fixed; width: 100%;}
section#sec003 .interview ul li{ display: table-cell; vertical-align: middle; padding: 0; text-align: center;}
section#sec003 .interview ul li img{ border-radius: 20px;}
section#sec003 .interview{ margin: 40px 40px 0;}
section#sec003 .interview h4{ text-align: center; border: 10px double #5395af; font-size: 24px; letter-spacing: 0.1em; color: #5395af; background: #fff; padding: 0.5em; margin: 20px auto; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
section#sec003 .interview h4 strong{ display: block;}
section#sec003 .interview dl{ margin: 20px 20px 40px 80px; background: rgba(255,255,255,0.8); padding: 0 20px 20px; border-radius: 20px; box-shadow:rgba(83, 149, 175, 0.2) 0 0 10px 5px;}
section#sec003 .interview dl:nth-child(2n+1){ margin: 20px 80px 40px 20px;}
section#sec003 .interview dl:last-child{ margin-bottom: 0;}
section#sec003 .interview dl dt{ color: #5395af; font-size: 36px; letter-spacing: 0.05em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
section#sec003 .interview dl dt strong{ font-size: 60px; display: inline-block; margin-right: 0.25em;}
section#sec003 .interview dl dd{ border-left: 1px solid #5395af; margin-left: 2em; padding-left: 1em;}
@media screen and (max-width:640px){
section#sec003 h2{ font-size: 6vw; letter-spacing: 0.1em; line-height: 1.2em;}
section#sec003 .maincontent{ padding: 3% 0;}
section#sec003 h3{ font-size:4.5vw; line-height:1.2em; margin-bottom:3%; overflow: hidden;}
section#sec003 .interview ul li{ padding: 0 1.5%;}
section#sec003 .interview ul li img{ border-radius: 3vw;}
section#sec003 .interview{ margin:3% auto 0;}
section#sec003 .interview h4{ border:1vw double #5395af; font-size:3vw; line-height: 1.2em; margin:3% auto; width: 80%;}
section#sec003 .interview h4 strong{ display: block; font-size: 4vw; margin-bottom: 0.25em;}
section#sec003 .interview dl{ margin: 3% auto; padding:3%; border-radius:3vw;}
section#sec003 .interview dl:nth-child(2n+1){ margin: 3% auto;}
section#sec003 .interview dl dt{ font-size:4.5vw; padding: 0 0 0 12vw; position: relative;}
section#sec003 .interview dl dt strong{ font-size:6vw; position: absolute; left: 0; top: -1.5vw;}
section#sec003 .interview dl dd{ margin-left: 2em; padding: 0.5em 0 0.5em 1.5em;}
section#sec003 .interview dl dd p{ line-height: 1.4em; font-size:3vw;}
}

/*sec004*/
section#sec004{}
section#sec004 #message{ text-align:center; background:url(../images/sec004_bg.jpg) center center no-repeat;}
@media screen and (max-width:640px){
}

/*sec005*/
section#sec005{ background: url("../images/stripes-light.png") fixed;}
section#sec005 .maincontent{ padding: 80px 0;}
section#sec005 h2{ text-align: center; font-size: 60px; line-height: 1em; letter-spacing: 0.1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; color: #5395af; margin-bottom: 80px;}
section#sec005 h2 strong{ display: inline-block; padding: 0 0.5em; position: relative;}
section#sec005 h2 strong:before{ content: ""; position: absolute; left: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
section#sec005 h2 strong:after{ content: ""; position: absolute; right: -120px; top: 50%; width: 120px; height: 1px; background: #5395af;}
@media screen and (max-width:640px){
section#sec005 .maincontent{ padding: 6% 0;}
section#sec005 h2{ font-size:6vw; line-height:1.2em; letter-spacing: 0.05em; margin-bottom: 6%; overflow: hidden;}
}

/*form*/
section#form{ background: url("../images/purty_wood.png") fixed;}
section#form h2{ background: #5395af; color: #fff; font-size: 72px; letter-spacing: 0.1em; line-height: 1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; text-align: center; padding: 1em 1em; position: relative;}
section#form h2:before{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; top: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#form h2:after{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; bottom: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#form .maincontent{ padding: 40px 0;}
section#form #form_box{ background: #fff; padding: 40px; border-radius: 20px; box-shadow:rgba(255, 255, 255, 0.33) 0 0 10px 5px;}
section#form #form_box table{ width: 100%;}
section#form #form_box table th,
section#form #form_box table td{ padding: 0.5em;}
section#form #form_box table th{ background: #e6f0fa; width: 25%;}
section#form #form_box .submit{ text-align: center; margin-top: 20px;}
section#form #form_box .submit p{ margin-top: 1em;}
::placeholder{ font-weight: normal; color: #aaa;}
input[type=submit]{ -moz-appearance:none; -webkit-appearance:none; appearance:none; background:none; border:none;}
input, textarea, select{ font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; font-size: 24px; font-weight: bold; letter-spacing: 0.1em; width:100%; max-width:100%; padding:0.5em 1em; box-sizing:border-box; border: none; box-shadow: none; background: #e6f0fa; color: #5395af; border-radius: 12px; box-shadow:rgba(83, 149, 175, 0.5) 0 0 5px 2px;}
select{ border-radius: 8px 0 0 8px;}
textarea{ height: 10em;}
input[type=submit]{ display: inline-block; max-width:640px; background: #329632; color: #fff; border: 10px double #fff; border-radius: 0; cursor: pointer;}
@media screen and (max-width:640px){
section#form h2{ font-size:7.5vw}
section#form .maincontent{ padding:3% 0;}
section#form #form_box{ padding:3%; border-radius:3vw;}
section#form #form_box table th,
section#form #form_box table td{ display: block; width: 100%;}
section#form #form_box table th{ text-align: center;}
section#form #form_box .submit{ margin-top:1em;}
input, textarea, select{ font-size:4.5vw;}
input[type=submit]{ border:1.5vw double #fff;}
}

/*form2*/
section#form2{ box-shadow: none;}
section#form2 h2{ background: #5395af; color: #fff; font-size: 72px; letter-spacing: 0.1em; line-height: 1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; text-align: center; padding: 1em 1em; position: relative;}
section#form2 h2:before{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; top: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#form2 h2:after{ content: ""; width: 100%; height: 0.25em; position: absolute; left: 0; right: 0; bottom: 0; background: #5395af; background: -moz-linear-gradient(left,  #5395af 0%, #89b6c8 50%, #5395af 100%); background: -webkit-linear-gradient(left,  #5395af 0%,#89b6c8 50%,#5395af 100%); background: linear-gradient(to right,  #5395af 0%,#89b6c8 50%,#5395af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5395af', endColorstr='#5395af',GradientType=1 );}
section#form2 .maincontent{ padding: 40px 0;}
@media screen and (max-width:640px){
section#form2 h2{ font-size:7.5vw;}
section#form2 .maincontent{ padding:3% 0;}
}



@media print, screen and (min-width:641px){
.smp{ display:none !important;}
}
@media screen and (max-width:640px){
.pc{ display:none !important;}
}