/* 共通 */
section .sel_tab {
    font-size: 1.6rem;
    list-style: none;
    border-bottom: solid 3px #0081da;
    width: 100%;
    margin-bottom: 30px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
section .sel_tab li {
    line-height: 1.4;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    width: 49.5%;
    padding: 0.5em 0.3em;
    background: #70a9da;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    cursor: pointer;
}
section .sel_tab li.active {
    background: #0081da;
}
section #nyannyan {
    display: none;
}


section h2 {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1;
	text-align: center;
    margin-bottom: 0.5em;
    width: 100%;
}
section .title_comments {
    font-size: 1.6rem;
	text-align: center;
}

section hr {
    border-bottom: solid 4px #f0e7e0;
    border-width: 0 0 4px;
    margin-top: 20px;
	width: 100%;
}

ul.blue_head {
	list-style: none;
	text-align: left;
}
ul.blue_head li {
	padding-left: 1em;
	position: relative;
}
ul.blue_head li:before {
	content: '';
	display: block;
	width: 0.5em;
	height: 0.5em;
	background: #367bc3;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 0px;
	top: 0.7em;
}

@media (min-width: 768px) {
section .sel_tab {
    font-size: 2rem;
    border-bottom-width: 5px;
    margin-bottom: 50px;
}
section .sel_tab li {
    width: 49.6%;
    padding: 1em;
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}
section h2 {
    font-size: 2.8rem;
}

section .title_comments {
    font-size: 1.8rem;
}
section hr {
    border-width: 0 0 5px;
    margin-top: 40px;
    clear: both;
}

}
@media (min-width: 1200px) {
header {
}
section {
    overflow: hidden;
}
section article.contents {
	padding: 100px 0px;
}

section .sel_tab {
    font-size: 2.2rem;
    margin-bottom: 80px;
}
section .sel_tab li {
    width: 49.6%;
    padding: 1em;
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}
section h2 {
    font-size: 3.4rem;
}

section hr {
    margin-top: 60px;
}

}


/* 序文 */
.intro {
    margin-bottom: 20px;
    position: relative;
}
.intro .photo_intro {
    width: 180px;
	float: right;
	margin: 0 0 1em 1em;
}
.intro .intro_txt {
    margin-bottom: 30px;
}

/* コースのご案内 */
.course {
    margin-bottom: 20px;
	text-align: center;
}
.course table {
	border-collapse: separate;
	border-spacing: 0px;
    background: #f0e7e0;
	margin: 0 auto 1.5em;
	text-align: left;
    border: solid 10px #f0e7e0;
    border-width: 10px 15px;
}
.course table th {
    font-weight: bold;
    display: block;
}
.course table td {
    font-weight: bold;
    display: block;
    padding-left: 1em;
}

/* 注意事項 */
.caution {
    margin-bottom: 40px;
}

/* 青パネル */
.outro > div {
    background: #fff;
    padding: 20px;
    border: solid 2px #c6dbf1;
}
.outro > div p {
    display: table;
    margin: auto;
}

@media (min-width: 360px) {
}

@media (min-width: 414px) {
}

@media (min-width: 768px) {
/* 序文 */
.intro {
    margin-bottom: 40px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.intro .photo_intro {
    width: 37%;
	float: none;
	margin: -15px 0;
}
.intro .intro_txt {
    width: 58%;
    margin: auto 0;
}

/* コースのご案内 */
.course {
    margin-bottom: 40px;
}
.course table {
	margin: 0 auto 1.5em;
    border-width: 20px 35px;
}
.course table th {
    display: table-cell;
	vertical-align: top;
	white-space: nowrap;
	text-align: right;
}
.course table td {
    display: table-cell;
}

/* 注意事項 */
.caution {
    margin-bottom: 50px;
}

/* 青パネル */
.outro > div {
    padding: 30px 40px;
    border-width: 3px;
}
}

@media (min-width: 1200px) {
/* 序文 */
.intro {
    margin-bottom: 60px;
}
.intro .photo_intro {
    width: 407px;
	margin: -15px 0;
}
.intro .intro_txt {
    width: 640px;
}

/* コースのご案内 */
.course {
    margin-bottom: 60px;
}
.course table {
    border-width: 30px 70px;
}

/* 注意事項 */
.caution {
    margin-bottom: 80px;
}

/* 青パネル */
.outro > div {
    padding: 30px 40px;
}

}

@media (min-width: 1320px) {
}