﻿@charset "utf-8";
/* CSS Document */

#koushiyousei #contents p {
	font: 1.4rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#koushiyousei #contents h2 {
	color: #12566c;
	text-align: center;
	font-weight: normal;
}
#koushiyousei #contents h3 {
	text-align: center;
	font: normal 2.5rem "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #12566c;
}
#koushiyousei #contents .outer {
	padding: 40px 70px;
	background-color: #FFFFFF;
}
#koushiyousei #contents .themeList {
}
#koushiyousei #contents .outer dd {
	flex-basis: 70%;
	border-bottom: 1px solid #c4d5da;
	padding: 15px 0px;
}
#koushiyousei #contents .outer dt {
	flex-basis: 24%;
	padding: 15px 0px;
	border-bottom: 1px solid #c4d5da;
	margin-right: 50px;
	font-weight: bold;
}
#koushiyousei #contents .outer dl {
	line-height: 2.4rem;
	font: 1.4rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	display: flex;
	flex-wrap: wrap;
}
#koushiyousei #contents .course {
}
#koushiyousei #contents .course .coursetxt {
	display: flex;
	flex-wrap: wrap;
}
#koushiyousei #contents .course .coursetxt dt {
	background-color: #6cc4bd;
	text-align: center;
	color: #FFFFFF;
}
#koushiyousei #contents .course .coursetxt dd {
}
#koushiyousei #contents .schedule {
	margin-top: 55px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 40px;
}
#koushiyousei #contents .schedule .title {
	border-bottom: none;
	background-color: #c4c4c4;
	color: #FFFFFF;
	padding: 0;
	text-align: center;
}
#koushiyousei #contents .themeList ul > li:before {
	content: "■";
	position: relative;
	padding-right: 3px;
}
#koushiyousei #contents .contactBtn {
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#koushiyousei #contents .contactBtn a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #d54545;
	padding: 20px 0;
}
#koushiyousei #contents .koushiLinkBtn a{
	display: inline-block ;
	vertical-align: top;
	max-width: 300px;
	width: 100%;
	border: 2px solid #cfa55b;
	font: 2.5rem "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"!important;
}
#koushiyousei #contents p.koushiLinkBtn a.contactLink{

}
#koushiyousei #contents p.koushiLinkBtn a.kouzaLink{
	background-color:#83cdc7;
	margin-left: 9%;
}

#koushiyousei #contents .contactBtn a:after {
	width: 5px;
	height: 10px;
	content: "";
	margin-left: 10px;
	background-image: url(../images/arrow_01.png);
	display: inline-block;
	position: absolute;
	right: 10%;
	top: 43%;
}
#koushiyousei #sec01 {
	background-image: url(../../images/koushiyousei/bg_koushiyousei_01.jpg);
	background-size: cover;
}
#koushiyousei #sec02 {
	background-image: url(../../images/koushiyousei/bg_koushiyousei_01.jpg);
	background-size: cover;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

pcSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width: 768px), print {
#koushiyousei #contents p {
	line-height: 3rem;
}
#koushiyousei #contents h2 {
	font-size: 3.5rem;
	margin-bottom: 45px;
}
#koushiyousei #contents h3 {
	padding-bottom: 20px;
}
#koushiyousei #contents .outer {
}
#koushiyousei #contents .themeList {
	margin: 50px 0;
}
#koushiyousei #contents .outer dd {
}
#koushiyousei #contents .outer dt {
}
#koushiyousei #contents .outer dl {
}
#koushiyousei #contents .course {
	margin-bottom: 35px;
}
#koushiyousei #contents .course .coursetxt {
	margin-bottom: 30px;
}
#koushiyousei #contents .course .coursetxt dt {
	flex-basis: 14%;
	padding: 12px 5px;
	margin-right: 25px;
}
#koushiyousei #contents .course .coursetxt dd {
	flex-basis: 80%;
}
#koushiyousei #contents .schedule {
}
#koushiyousei #contents .schedule .title {
}
#koushiyousei #contents .themeList ul > li:before {
}
#koushiyousei #contents .contactBtn {
	width: auto;
}
#koushiyousei #contents .contactBtn a {
}
#koushiyousei #contents .contactBtn a:after {
}
#koushiyousei #sec01 {
	padding: 55px 0px 50px;
}
#koushiyousei #sec01 .pagelink {
	padding-bottom: 15px;
}
#koushiyousei #sec02 {
	padding: 55px 0px 50px;
}
#koushiyousei #sec02 .pagelink {
	padding-bottom: 25px;
	line-height: 2rem;
}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

spSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
#koushiyousei #contents p {
	line-height: 2.4rem;
}
#koushiyousei #contents h2 {
	margin-bottom: 10px;
	font-size: 2.4rem;
	line-height: 3rem;
}
#koushiyousei #contents h3 {
	padding-bottom: 10px;
}
#koushiyousei #contents .outer {
}
#koushiyousei #contents .themeList {
	margin: 30px 0;
}
#koushiyousei #contents .outer dd {
}
#koushiyousei #contents .outer dt {
}
#koushiyousei #contents .outer dl {
}
#koushiyousei #contents .course {
	margin-bottom: 30px;
}
#koushiyousei #contents .course .coursetxt {
	font-size: 1.4rem;
	margin-bottom: 15px;
}
#koushiyousei #contents .course .coursetxt dt {
	padding: 5px;
	margin-bottom: 10px;
}
#koushiyousei #contents .course .coursetxt dd {
}
#koushiyousei #contents .schedule {
}
#koushiyousei #contents .schedule .title {
}
#koushiyousei #contents .themeList ul > li:before {
}
#koushiyousei #contents .contactBtn {
	width: 100%;
}

#koushiyousei #contents p.koushiLinkBtn a {
    display: block !important;
    vertical-align: top;
    max-width: 100% !important;
    width: 100%;
}
#koushiyousei #contents p.koushiLinkBtn a.kouzaLink{
	margin-top: 25px;
	margin-left: 0 !important;
}
#koushiyousei #contents .contactBtn a {
}
#koushiyousei #contents .contactBtn a:after {
}
#koushiyousei #sec01 {
	padding: 30px 0px;
}
#koushiyousei #sec02 {
	padding: 30px 0px;
}
#koushiyousei .pagelink > p {
	line-height: 2rem;
}
}
