.ttl { margin: 0 auto 35px;}
.ttl h2 { font-size: 2.125em; font-weight: 100; line-height: 1.4; text-align: center;}
.ttl h2 span { display: block; padding: 10px 0; line-height: 1;}
.ttl h2 img{ border-top: solid 1px #2d287f; border-bottom: solid 1px #2d287f;}
.ttl p { padding-top: 20px; font-size: 1.286em; text-align: center;}
.ttl h2 br,
.ttl p br { display: none;}
.btn {}
.btn a { display: block; padding: 15px 0; background: #ffbe0b; border-radius: 6px; box-shadow: 0 0 8px #666;
 color: #000; font-size: 1.250em; font-weight: 700; line-height: 1; text-align: center; text-decoration: none;
}
.btn a:before{ content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 10px;
 background: url('../img/arw-bk.png') no-repeat; background-size: cover; vertical-align: text-bottom;
}
.btn a:hover{ background: #f9d267;}
@media (max-width: 481px) {
	.ttl h2 { font-size: 1.50em;}
	.ttl p { font-size: 1.00em;}
	.ttl h2 br,
	.ttl p br { display: block;}
	.btn a{ font-size: 15px;}
	.btn a:before{ width: 16px; height: 16px;}
}


/*	Index of page
--------------------------------------------- */
#index-kv { background: url('../img/bg-kv.jpg') no-repeat 50% 0; background-size: cover;}
#index-kv .inner-kv{ width: 92%; max-width: 1000px; margin: 0 auto; padding: 80px 0 70px;}
#index-kv h2 { margin-bottom: 30px; line-height: 1; text-align: right;}
#index-kv h2 img{ width: 100%; max-width: 600px;}
#index-kv ul { width: 100%; max-width: 600px; margin: 0 0 0 auto; text-align: center;}
#index-kv ul li { display: inline-block; margin: 0 12px;}
#index-kv ul li a{ display: block; width: 230px; height: 100px; padding-top: 18px; border-radius: 6px;
 color: #fff; font-size: 1.286em; text-align: center; text-decoration: none;
}
#index-kv ul li:first-child a{ background: #db2b39; box-shadow: 0 2px 0 #bc1e2b;}
#index-kv ul li:last-child a { background: #f3a712; box-shadow: 0 2px 0 #a29013;}
#index-kv ul li a img{ display: block; margin: 0 auto 10px; height: 35px;}
#index-kv ul li a em { display: block; text-align: center;}
#index-kv ul li a span:before { content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 8px;
 background: url('../img/arw-wh.png') no-repeat 50% 50%; background-size: cover; vertical-align: text-bottom;
}
#index-kv ul li:first-child a:hover{ background: #d94d5a;}
#index-kv ul li:last-child a:hover { background: #e9b54e;}
@media (max-width: 769px) {
	#index-kv h2 { text-align: center;}
	#index-kv ul { margin: 0 auto;}
}
@media (max-width: 641px) {
	#index-kv { background: url('../img/bg-kv-sp.jpg') no-repeat 50% 0; background-size: cover;}
}
@media (max-width: 481px) {
	#index-kv .inner-kv{ padding: 60px 0;}
	#index-kv ul li { width: 48.5%; margin: 0 auto; vertical-align: top;}
	#index-kv ul li a{ width: 92%; height: 72px; margin: 0 auto; padding-top: 10px; font-size: 12px;}
	#index-kv ul li a img{ margin: 0 auto 6px; height: 30px;}
	#index-kv ul li a em:before { width: 12px; height: 12px;}
}


#index-lead { padding: 60px 0;}
#index-lead p { color: #2d287f; font-family: "游明朝", "Yu Mincho", "YuMincho", serif; font-size: 1.375em; line-height: 2; text-align: center;}
#index-lead p em { font-size: 1.50em; }
#index-lead p span.br { display: block;}
#index-lead p span.line { display: inline-block; border-bottom: solid 2px #ffbe0b; line-height: 1.4;}
@media (max-width: 769px) {
	#index-lead p span.spbr { display: block;}
}
@media (max-width: 481px) {
	#index-lead p { font-size: 1.000em;}
	#index-lead p em { font-size: 1.188em; }
}


#index-door { background: url(I '../img/bg.jpg');}
#index-door .inner { display: flex; flex-direction: reverse; -webkit-align-items: center; align-items: center;}
#index-door .fig { width: 50%;}
#index-door .fig img{ width: 100%;}
#index-door .txt { width: 50%;}
#index-door .txt .inner-txt { width: 80%; max-width: 420px; margin: 0 auto;}
#index-door .txt h3{ margin-bottom: 15px; color: #fff; font-size: 2.063em; font-weight: 100; text-align: center;}
#index-door .txt h4{ margin-bottom: 25px; font-size: 1.438em; font-weight: 100; text-align: center;}
#index-door .txt h4 span{ display: inline-block; padding: 5px 10px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; color: #fff;}
#index-door .txt p { margin-bottom: 30px; color: #fff; letter-spacing: 0.075em; text-align: justify;}
#index-door .txt .btn { width: 90%; margin: 0 auto;}
@media (max-width: 769px) {
	#index-door .inner { display: block;}
	#index-door .fig { width: 100%;}
	#index-door .txt { width: 100%;}
	#index-door .txt .inner-txt { padding: 60px 0;}
}
@media (max-width: 481px) {
	#index-door .txt .inner-txt { padding: 40px 0;}
	#index-door .txt h3{ font-size: 20px;}
	#index-door .txt h4{ font-size: 18px;}
	#index-door .txt p { font-size: 14px;}
}

#index-news { background: #f0f0f0;}
.news-bloc .inner { width: 92%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}
#index-news .inner{ padding: 80px 0 60px;}
.news-bloc .news-ctn { display: flex; flex-wrap: wrap; margin: 0 auto; text-align: center;}
.news-bloc .bloc{ width: 33.3333%; margin: 0 auto 50px;}
.news-bloc .inner-bloc { width: 94%; max-width: 300px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px #999;}
.news-bloc .inner-bloc a{ display: block; text-decoration: none;}
.news-bloc .bloc figure { width: 100%;}
.news-bloc .bloc figure img{ width: 100%;}
.news-bloc .bloc .txt { padding: 25px; text-align: justify;}
.news-bloc .bloc .txt p.theme{ min-height: 108px;}
.news-bloc .bloc .txt .date { position: relative; padding-top: 20px; border-top: solid 1px #969696; }
.news-bloc .bloc .txt .date p { font-size: 0.813em;}
.news-bloc .bloc .txt .date .tag { display: block; width: 90px; height: 23px; position: absolute; top: 16px; right: 0;
 color: #fff; font-size: 0.813em; font-weight: 700; line-height: 23px; text-align: center;
}
.news-bloc .bloc .txt .date .tag-info{ background: #ffbe0b; }
.news-bloc .bloc .txt .date .tag-seminar{ background: #cf9228; }
.news-bloc .inner-bloc a:hover{ opacity: 0.8;}
.news-bloc .inner-bloc a:hover p.theme{ color: #222; text-decoration: underline;}

.news-bloc .btn { width: 85%; max-width: 380px; margin: 0 auto;}
@media (max-width: 769px) {
}
@media (max-width: 641px) {
	.news-bloc .ctn { display: block;}
	.news-bloc .bloc{ width: 100%; margin: 0 auto 30px;}
	.news-bloc .bloc .txt p.theme{ min-height: auto; padding-bottom: 20px;}
}
@media (max-width: 481px) {
	.news-bloc .inner{ padding: 50px 0;}
}

#index-feature .inner{ padding: 80px 0 0;}
#index-feature .bloc{ display: flex; -webkit-align-items: center; align-items: center; background: url('../img/bg.jpg');}
#index-feature .bloc:nth-child(even){ flex-direction: row-reverse;}
#index-feature .fig { width: 50%;}
#index-feature .fig img{ width: 100%;}
#index-feature .txt { width: 50%;}
#index-feature .txt .inner-txt{ width: 88%; margin: 0 auto;}
#index-feature .txt h2 { margin-bottom: 30px; color: #fff; font-size: 1.00em; font-weight: 100; text-align: center;}
#index-feature .txt h2 span { display: block; width: 103px; height: 53px; margin: 0 auto 20px; padding-top: 5px;
 background: url('../img/bg-topic-icn.png') no-repeat 50% 0;
 color: #f1d408; font-size: 1.375em;
}
#index-feature .txt h2 em { font-size: 1.625em; letter-spacing: 0.20em;}
#index-feature .txt h2 br.sp{ display: none;}
#index-feature .fig-sp { display: none;}
#index-feature .txt p{ width: 80%; margin: 0 auto; color: #fff;}
@media (max-width: 769px) {
	#index-feature .bloc{ display: block;}
	#index-feature .fig { display: none;}
	#index-feature .txt { width: 100%;}
	#index-feature .txt .inner-txt{ padding: 60px 0;}
	#index-feature .fig-sp { display: block; margin: 0 auto;}
	#index-feature .fig-sp img { width: 100%;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#index-feature .inner{ padding: 50px 0 0;}
	#index-feature .txt h2 em { font-size: 1.25em;}
	#index-feature .txt h2 br.sp{ display: block;}
	#index-feature .txt p{ width: 100%;}
	#index-feature .txt .inner-txt{ padding: 40px 0;}
}