@charset "shift_jis";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +base & parts   */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#landing{color: #333;font-size: 4.2vw;}
.recommend .group02 h2 img{vertical-align: middle;}
.note{font-size: .8em;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*======================
 fv
======================*/
.top{
	background: url(../img/fv_bg01.jpg) no-repeat center top/100%;
}
.fv{
	mask-image: linear-gradient(to bottom, black 95%, transparent 100%);
}

/*======================
 ofr
======================*/
[class^="ofr"]{
	padding: 12vw 4vw 8vw;
}
.ofr02{
	background: url(../img/hinadanset_bg03.jpg) repeat-y center top/100%;
}
[class^="ofr"] .inner{
	padding: 4vw 4vw 8vw;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(204,204,204);
}
[class^="ofr"] p:first-of-type{
	margin: -9.3vw -4vw 0;
}
[class^="ofr"] .emphasis{
	margin: 5vw 0 3vw;
	font-weight: bold;
	font-size: 6.1vw;
	text-align: center;
	line-height: 1.3;
}
[class^="ofr"] p:nth-child(3){
	margin-right: -2vw;
}
[class^="ofr"] .note{
	color: #666;
	text-align: right;
}
/* --- ????????????? --- */
[class^="ofr"] .cp_ofr_btn a{
	margin-top: 2vw;
	padding: 2vw;
	font-size: 1.2em;
}

/*======================
 movie
======================*/
.movie{
	padding: 8vw 4vw;
	background: url(../img/hinadanset_bg01.jpg) repeat-y center top/100%;
}
.movie .cm_movie_box{
	margin-top: 4vw;
}
.movie .cm_movie_box,.movie iframe{
	width: 92vw;
	height: 92vw;
}

/*======================
 recommend
======================*/
.recommend .group01{
	padding: 6vw 4vw 46vw;
	background: url(../img/recommend_bg01.png) no-repeat center top/100%,url(../img/recommend_bg02.png) no-repeat center bottom/100%;
}
.recommend .group01 p:last-of-type{
	margin-top: 22.4vw;
}
/* --- ?????? --- */
.recommend .group02{
	padding: 8vw 4vw;
	background: url(../img/hinadanset_bg02.jpg) repeat-y center top/100%;
}
.recommend .group02 section+section{
	margin-top: 8vw;
}
.recommend .group02 h2{
	padding: 3vw 0;
	border-radius: 7%/50%;
	background-color: #755b2e;
}
.recommend .group02 h2+p,.recommend .group02 .img{
	margin-top: 4vw;
}
.recommend .group02 .img+.note{
	margin-top: 2vw;
}

/*======================
 point
======================*/
.point>.emphasis{
	margin: -3.5vw 0 8vw;
}
/* --- ?????? --- */
.point [class^="point"]{
	padding: 4vw;
}
.point [class^="point"] .inner{
	background-color: rgba(255,255,255,0.75);
	box-shadow: 0 0 15px rgb(204,204,204);
}
.point [class^="point"] .inner h2{
	padding-top: 8vw;
}
.point [class^="point"] .inner p{
	margin: 4vw;
}
.point [class^="point"] .inner p+p{
	margin-top: -4vw;
}
.point01{
	background: url(../img/point_bg01.jpg) no-repeat center top/100%;
}
.point02{
	background: url(../img/point_bg02.jpg) no-repeat center top/100%;
}
.point03{
	background: url(../img/point_bg03.jpg) no-repeat center top/100%;
}
.point04{
	background: url(../img/point_bg04.jpg) no-repeat center top/100%;
}

/*======================
 instructor
======================*/
.instructor {
	margin: 6vw 0;
	padding: 10vw 4vw;
	background: url(../img/instructor_bg01.jpg) no-repeat center top;
	color: #755b2e;
}
.instructor h2 {
	padding: 0 3vw 4vw;
	border-bottom: 0.5vw #755b2e solid;
	text-align: center;
}
.instructor .inner {
	padding: 7vw 3vw 15vw;
	font-weight: bold;
}
.instructor .inner > p{
	font-size: 0.95em;
}
.instructor .inner .flexbox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4vw;
}
.instructor .inner .img {
	width: 40%;
}
.instructor .inner .txt_r {
	margin-top: 12vw;
	width: 55%;
}
.instructor .inner .txt_r .name {
	font-size: 0.78em;
	line-height: 1.5;
}
.instructor .inner .txt_r .name span {
	font-size: 0.8em;
}
.instructor .inner .txt_r .tBox {
	width: 80%;
	padding-left: 8vw;
}
.instructor .importantPoints {
	position: relative;
	padding: 12vw 4vw 7vw;
	border: 0.5vw #755b2e solid;
	background-color: #fff;
}
.instructor .importantPoints .emphasis {
	position: absolute;
	top: -6.5vw;
	left: calc(50% - 36.5vw);
	width: 80%;
	height: 10vw;
	padding-top: 2vw;
	border-radius: 10vw;
	background-color: #755b2e;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.instructor .importantPoints .point_box {
	font-weight: bold;
	margin-bottom: 7vw;
}
.instructor .importantPoints .point_box:nth-last-of-type(1) {
	margin-bottom: 0;
}

.instructor .importantPoints .point_box dt {
	margin-bottom: 4vw;
}
.instructor .importantPoints .point_box dd {
	font-size: 0.85em;
	line-height: 1.2;
}
.instructor .importantPoints .point_box dd.yellow {
	margin-top: 2.5vw;
	padding-left: 4.4vw;
	text-indent: -4.4vw;
	font-size: 1em;
	color: #988606;
}

/*======================
 spec
======================*/
.spec h2{
	padding: 1vw 4vw;
	background-color: #755b2e;
	color: #fff;
}
.spec table{
	border-bottom: 2px #755b2e solid;
	font-size: 3.2vw;
	text-align: left;
}
.spec tr{
	border-top: 2px #97652b dotted;
}
.spec tr:first-of-type,.spec .emphasis,.spec .emphasis+tr{
	border-top: 2px #fff solid;
}
.spec th{
	width: 23%;
	padding: 2.6vw 2.6vw 2.6vw 4vw;
	background-color: #755b2e;
	color: #fff;
	font-weight: normal;
}
.spec .emphasis th{
	padding: 1vw 4vw;
	font-weight: bold;
}
.spec td{
	padding: 2.6vw 4vw 2.6vw 2.6vw;
}