@charset "utf-8";
/* CSS Document */
html,body,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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html{-webkit-text-size-adjust: 100%; height:100%;}
body{color:#000;font:12px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*font-size:small;*font:x-small}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;}

p{ margin-bottom:1em;}
ol{ list-style: none;}
img{ vertical-align:middle;}

a{ color:#009acb;}

.alignleft{ text-align:left;}
.alignright{ text-align:right;}
.aligncenter{ text-align:center;}
.fleft 	{ float: left;	margin: 0 20px 20px 0;}
.fright { float: right;	margin: 0 0 20px 20px;}
.clr{ clear:both;}

.inner{ width:1000px; margin:0 auto; position:relative; text-align:center;}

/*-----------------------------------------
head
-----------------------------------------*/
body { background:url(../img/bg.jpg) repeat-y center top #000; max-width:100%; height:100%; position:relative;}

/* top */
header{text-align:center; width:100%; height:660px; position:relative; background:#000;}
header h1{ position: absolute;top:50%; left:50%; right:50%; bottom:50%; margin-left:-407px; margin-top:0px; z-index:9999; text-indent: 100%; white-space: nowrap; overflow: hidden;padding-top:210px; width:814px; background:url(../img/title.png) no-repeat center bottom ;}
ul#rotation { margin:0; padding:0; position:relative; list-style:none;}
ul#rotation li { margin:0; padding:0; position:absolute; top:0; left:0; display: block; margin: 0 auto; width:100%; height:660px; opacity:0.75;}
ul#rotation li.a1{ background:url(../img/main_image01.jpg); background-size: cover; }
ul#rotation li.a2{ background:url(../img/main_image02.jpg); background-size: cover;}
ul#rotation li.a3{ background:url(../img/main_image03.jpg); background-size: cover;}
ul#rotation li.a4{ background:url(../img/main_image04.jpg); background-size: cover;}
h1.title{ clear:both;position:relative; height:300px;}
h1.title img{ position: absolute; left:50%; margin-left:-950px;}

.cont{ position:relative;margin-top:-330px;}
.body{ overflow:auto; position:relative;}
nav{width:1000px; height:180px; position: absolute; background:url(../img/menu_arch_over.png) no-repeat center bottom ;position:absolute;top:600px; left:50%; margin-left:-500px;z-index:10000;}
nav+div{ width:100%; height:470px; position: absolute;background:url(../img/menu_arch.png) no-repeat top center;top:455px; z-index:1000;}
.fixed { position: fixed; top: -55px; z-index:10000;}
.fixed2 { position: fixed; top: -200px; z-index:1000;}

nav ul{ height:148px; width:1000px; margin:0 auto; top:65px; position:relative;}
nav .twitter-share-button{ position:absolute; top:15px; left:900px;text-decoration:none; text-align:left;}
nav .fb-like{ position:absolute; top:40px; left:900px; text-decoration:none;text-align:left;}
nav .fa-twitter{ position:absolute; top:13px; left:50%; margin-left:420px; text-decoration:none; font-size:24px;}
nav .fa-twitter:hover{ color:#55acee;}
nav .fa-facebook-square{ position:absolute; top:13px; left:50%; margin-left:470px; text-decoration:none; font-size:24px;}
nav .fa-facebook-square:hover{ color:#4862a3;}
nav ul li{ display:inline-block; float:left; height:53px; margin:0 0 0 80px;}
nav ul li a{ line-height:53px; text-align:center; font-size:17px; padding: 0 10px; text-decoration:none; border-bottom:2px solid #fff; color:#000;}
nav ul li a:hover{ border-bottom:2px solid #009acb;}
nav ul li:nth-child(7) a,
nav ul li:nth-child(7) a:hover,
nav ul li:nth-child(8) a,
nav ul li:nth-child(8) a:hover{ border:0;}

nav ul li a img{ margin-top:-5px;}
nav ul li:first-child { margin:0; border:0;}
nav ul li:first-child a:hover{ border:0; border-color:#fff;}
.menubt{ display:none;}

nav ul li a,
nav .fa{-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}


/* 本文 */
.cont{position: relative; top:320px;}
.page{ top:420px;}
h2.title{ text-indent: 100%; white-space: nowrap; overflow: hidden; height:300px; padding-top:80px; z-index:900;}
h2#about{ background:url(../img/tit_about.jpg) center bottom no-repeat;}
h2#regular{ background:url(../img/tit_regular.jpg) center bottom no-repeat;}
h2#group{ background:url(../img/tit_group.jpg) center bottom no-repeat;}

.body { color:#fff; width:1000px; margin: 0 auto; padding-top:75px;position:relative; z-index:1500;}
.body h1{ font-size:32px; margin-bottom:1em; font-weight:normal; letter-spacing:4px; clear:both;}
.body h3{ font-size:32px; margin-bottom:1em; font-weight:normal; letter-spacing:4px; clear:both;}
.body h4{ font-size:26px; margin-bottom:1em; font-weight:normal; letter-spacing:4px;}
.body h5{ font-size:15px; margin-bottom:1em; font-weight:normal;}
.body p{ font-size:15px; line-height:2; overflow:hidden;}
.body p+h2,
.body p+h3,
.body p+h4,
.body p+h5{ margin-top:45px;}
.body span{ font-size:15px; line-height:2;}
.body a{ color:#009acb;}
.body a:hover{ text-decoration:none; color:#2fbeec;}
/*.body a[target="_blank"]{ background:url(../img/ic_window.gif) no-repeat right center; padding-right:20px;}*/
.body a i{ margin-right:5px;}

.body .left{ width:475px; margin-right:25px; float:left; margin-bottom:45px;}
.body .right{ width:475px; margin-left:25px; float:right; margin-bottom:45px;}

.body .list_c{ list-style:outside disc; padding-left:1.5em; font-size:15px;}
.body .list_c li{ margin-bottom:10px; line-height:1.6;}
.body .list_n{ list-style:outside decimal; padding-left:1.8em; font-size:15px;}
.body .list_n li{ margin-bottom:10px; line-height:1.6;}
.body .box{ border:1px solid #999; padding:15px 20px; margin-bottom:1em;}
.body ul.box{ padding-left:40px;}
.body .box2{ border:1px solid #999; padding:30px; margin-bottom:1em;}

.body .mitaka{ display:inline-block; border:1px solid #009acb; padding: 10px 40px; margin-top:10px;}
.body .mitaka:hover{ border:1px solid #2fbeec;}

.body .regular_desc{ float:left; width:580px;}
.body .pamphlet{ margin:0 auto; width:400px; text-align:center; float:right; margin-left:20px; margin-bottom:50px;}
.body .pamphlet a{ display:block; border:1px solid #009acb; padding: 15px;}
.body .pamphlet a:hover{ border:1px solid #2fbeec;}
.body .pamphlet img{margin-left:30px;}

.body table{ border-collapse:collapse; border:1px solid #fff; margin-bottom:70px;}
.body table th,
.body table td{ border:1px solid #fff; padding: 15px;vertical-align:middle; font-size:14px; text-align:center;}
/*.body table th.content{width: 650px;}*/
/* rewrite-190830 .body table th.content{width: 600px;}*/
.body table th.content{width: 360px;}

.body table th.date{width: 120px;}
/*.body table th.application{width: 150px;}*/
/* rewrite-190830 .body table th.application{width: 200px;}*/
.body table th.application{width: 440px;}
.body table td.application{text-align:left;}
.body table td.application h4,
.body table td.application p {margin: 5px;}

.body table h4{ font-size:20px; margin-bottom:10px;}
.body table p{ font-size:14px; margin-bottom:0; line-height:1.6;}
/* rewrite-190830 .body table img{ float:left; margin-right:10px;}*/
.body table img{ margin:10px;}
.body table td{ height:50px; line-height:1.5}
/* rewrite-190830 .body table td.content{ text-align:left;}*/
.body table td.content {vertical-align: top; }
.body table td.content div{text-align:left; display: block;}
/*.body table td a{ display:inline-block; width:170px; height:50px; border-bottom:2px solid #00607e; background:#009acb; text-align:center; line-height:50px; color:#fff; text-decoration:none; font-size:16px;}*/

.body table td a{ display:inline-block; width:200px; height:50px; border-bottom:2px solid #00607e; background:#009acb; text-align:center; line-height:50px; color:#fff; text-decoration:none; font-size:16px; margin: 3px;}

.body table td a:hover{ background: #2fbeec; color:#fff;}
.body table td a:active{ position:relative; top:0px; border:0; margin-top:2px;}
/*.body table td span{ display:inline-block; width:170px; height:50px; background:#666; text-align:center; line-height:50px; color:#fff; text-decoration:none; font-size:16px;}*/
.body table td span{ display:inline-block; width:200px; height:50px; background:#333; text-align:center; line-height:50px; color:#ccc; text-decoration:none; font-size:16px; margin: 3px;}
/*rewrite-190906 .body table td span.start { background-color: #666; color: #fff; width:200px; overflow: hidden;}*/
.body table td span.start { background-color: #7e7e7e; color: #fff; width:200px;}
.body table td span.end { background-color: #5e5e5e; color: #fff; width:200px;}


.body table.moushikomi th,
.body table.moushikomi td{ text-align:left;}
.body table.moushikomi th{ width:15em; color:#fff; font-weight:normal; background-color:rgba(155,155,155,.15)}


/* ステップ表示 */
#step_bar_box { text-align: center; overflow: hidden; margin-bottom: 30px; font-size:13px;}
.step_bar { list-style: none;}
.step_bar li { line-height: 46px; color: #333; text-decoration: none; padding: 0 15px 0 35px; background: #eee; display: inline-block; width:100px;}
.step_bar li::after { position: relative; display: block; margin-top: -25px; margin-left: auto; margin-right: -25px; height: 22px; width: 20px; content: " "; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); transform: skew(-30deg); background: #eee; border-right: 1px solid #000;} 
.step_bar li::before { float: right; display: block; margin-bottom: -25px; margin-left: auto; margin-right: -25px; height: 21px; width: 20px; content: " "; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg);transform: skew(30deg);background: #eee;border-right: 1px solid #000;}
.step_bar li:first-child {padding-left: 20px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.step_bar li:last-child { padding-left: 35px; padding-right: 40px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} 
.step_bar li:last-child::before { border: 0; background: transparent !important;}
.step_bar li:last-child::after { border: 0; background: transparent !important;}
.step_bar li.current { background: #009acb; color: #fff;} 
.step_bar li.current::before { background: #009acb;}
.step_bar li.current::after { background: #009acb;} 
.step_bar li.current:last-child { margin-right: -35px;}
.step_bar li.current:last-child::before { border: 0; background: transparent !important;}
.step_bar li.current:last-child::after { border: 0; background: transparent !important;}

.body form table { width:100%; margin-bottom:30px;}
.body form table th,
.body form table td{ text-align:left;}
.body form table th{ width:20em;  background-color:rgba(155,155,155,.15); font-weight:normal;}
.body form table th span{ color:#f33; font-size:80%; margin-left:5px;}
.body form table input[type=text],
.body form table select{ padding:5px; font-size:16px;}
.body form .submit_area{ text-align:center; margin-bottom:45px;}
.body form .submit_area input{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"; cursor:pointer; background:#009acb; color:#fff; width:400px; display:inline-block; height:60px; line-height:60px; font-size:18px; border:0; margin-bottom:20px; border-bottom:2px solid #00607e; outline:0;}
.body form .submit_area input:hover{ background: #2fbeec;}
.body form .submit_area input:active{ position:relative; top:0; border:0; height:58px; margin-top:2px;}
.body form .submit_area input:disabled{ background:#999; border-bottom-color:#666;}
.body form .submit_area input[name=back]{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"; cursor:pointer; background:#666; color:#fff; width:400px; display:inline-block; height:60px; line-height:60px; font-size:18px; border:0; margin-bottom:20px; border-bottom:2px solid #222;}
.body form .submit_area input[name=back]:hover{ background: #999;}
.body form .submit_area input[name=back]:active{ position:relative; top:0; border:0; height:58px; margin-top:2px;}
.body form li+li{ margin:5px 0;}
.body form table select[name=age],
.body form table select[name=MEMBER]{ display:inline-block; margin-right:10px;}



/*
.body form table select[name=age]+p,
.body form table select[name=MEMBER]+p{ float:right; text-align:left; width:505px;font-size:12px; margin-bottom:0; position:relative;  top:-2px; max-height:30px; overflow:visible;}
.body form table .sub_text{ float:right; text-align:left; width:505px;font-size:12px; margin-bottom:0; position:relative;  top:-2px; max-height:30px; overflow:visible;}
*/
.body form table .sub_text{ font-size:12px; }


.body .bt{ text-align:center; clear:both; margin-bottom:40px;}
.body .bt a{ display:inline-block;background:#009acb; font-size:22px; text-decoration:none; border-bottom:2px solid #00607e; line-height:2; padding: 20px 0; width:400px; color:#fff;}
.body .bt a:hover{ background:#2fbeec;}
.body .bt a:active{ position:relative; top:2px; border:0; margin-top:2px;}

footer{height:322px; /*background:url(../img/footer_bg.png) no-repeat bottom center;*/ clear:both; font-size:16px; text-align:center; color:#fff;}
footer h4{font-size:28px; margin-bottom:20px; padding-top:140px; font-weight:normal;}
footer p{ margin-bottom:40px; line-height:1.6;}
footer .copy{ font-size:14px; color:#666;}


/* フォームのエラー */
.error_msg { color:#f33; } 
.body table .each_error{ font-size:12px; color:#f33 ; background: none; display:inline; width:auto; height:auto; text-align:left; line-height:1; text-decoration:none; }