@charset "utf-8";

/*++++++++++++++
planer
++++++++++++++*/

section#interview {
    padding: 0 0 100px 0;
}

.planer-box {
    position: relative;
    width: 100%;
}

section#interview .planer-box:before {
    content: "";
    width: 70%;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.intro {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 3% 0 0;
    justify-content: center;
    align-items: center;
}


.intro-wrap {
    max-width: 390px;
    /* margin: 0 0 0 auto; */
}


.intro * {
    display: block;
    width: 100%;
}

.interview-wrap {
    max-width: 1050px;
    width: auto;
    margin: auto;
}

.contact {
    max-width: 640px;
    margin: auto;
}

.contact-wrap {border-top: 1px solid #ccc;padding: 50px 0 0;}
	section#interview .inner {
	max-width: none;
}
.contact-wrap .button2.date p {
	background: url("../images/common/date.svg") no-repeat left center;
	background-size: 19px;
}

section#interview .interviewbox {
	/* max-width: 86%; */
	padding: 0;
	box-sizing: border-box;
	margin: auto;
}

section#interview .planer{
	/* overflow: hidden; */
	margin: 0 auto 100px;
	max-width: 1200px;
	position: relative;
	padding: 80px 0 80px 0;
	display: flex;
	align-items: center;
	/* background: #f7f7f7; */
	height: 450px;
}





section#interview .planer .copy b {
	font-weight: normal;
	font-size: 1.7em;
	letter-spacing: 2px;
	line-height: 1.8;
	/* text-align: center; */
	display: block;
	color: #365598;
}


section#interview .planer .name dt{
	padding: 0;
	color: #000;

	letter-spacing: 3px;
	font-weight: 500;
	background: none;
	border: none;

}

section#interview .planer .name dt:after {
	display:none;
}


section#interview .planer .name dd b{
	color: #000;
	/* font-size: 2.2em; */
	font-weight: 500;
	letter-spacing: 2px;
	display: block;
	margin: 0 0 5px;
	/* text-align: center; */
}

section#interview .planer .name dd em{
	/* text-align: center; */
	color: #000;
	font-size: 0.7em;
	letter-spacing: 2px;
}

section#interview .planer figure{
	/* float: right; */
	width: 53%;
	/* background: url(../images/interview/planer.jpg) no-repeat; */
	/* height: 100%; */
	/* background-size: cover; */
	margin: 0;
}

section#interview .box {
	/* border: 2px solid #ab987a; */
	box-sizing: border-box;
	position: relative;
	/* padding: 40px 40px 60px; */
	box-sizing: border-box;
}
section#interview .box h5 {
	letter-spacing: 2px;
}
section#interview .box:before {
	/* content:""; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px;
	width: 99%;
	border: 1px solid #ab987a;
	box-sizing: border-box;
	z-index: -1;
}



section#interview .box dt {
    line-height: 1.8;
    color: #365598;
    letter-spacing: 2px;
    /* border-bottom: 1px dashed #92753d; */
    position: relative;
    /* background: #fff; */
    padding: 0 0 0 50px;
    /* background: linear-gradient(to bottom, #365598, #5eacca); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}
section#interview .interview-wrap dd {
	margin: 0 0 0 60px;
}
section#interview .box dt:after {
	content: "";
	position: absolute;
	top: 18px;
	left: 0;
	/* color: #fff; */
	background: linear-gradient(to bottom, #365598, #5eacca);
	/* border: 1px solid #92753d; */
	width: 30px;
	height: 1px;
	/* border-radius: 100px; */
	text-align: center;
	font-family: 'Jomolhari', serif;
	line-height: 2;
}

section#interview .box dd p {
	font-size: 0.9em;
}
@media screen and (max-width: 1699px) {

/*++++++++++++++
planer
++++++++++++++*/

.intro-wrap {
    max-width: 390px;
    /* margin: 0 0 0 auto; */
}

.contact a {margin: auto;width: auto;}	

.contact-wrap {}
	section#interview .inner {
}
.contact-wrap .button2.date p {
}


section#interview .box:before {
	/* content:""; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px;
	width: 99%;
	border: 1px solid #ab987a;
	box-sizing: border-box;
	z-index: -1;
}



}
@media screen and (max-width: 1299px) {

/*++++++++++++++
planer
++++++++++++++*/

.intro-wrap {
}


.interview-wrap {
    max-width: 800px;
    width: 90%;
    margin: auto;
}

.contact-wrap {}
	section#interview .inner {
}
.contact-wrap .button2.date p {
}


section#interview .planer{
	/* overflow: hidden; */
	margin: 0 auto 100px;
	max-width: 1200px;
	position: relative;
	padding: 80px 0 80px 0;
	display: flex;
	align-items: center;
	/* background: #f7f7f7; */
	height: 450px;
}





section#interview .planer .copy b {
	font-size: 1.5em;
}

section#interview .box:before {
	/* content:""; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px;
	width: 99%;
	border: 1px solid #ab987a;
	box-sizing: border-box;
	z-index: -1;
}


}
@media screen and (max-width: 1023px) {

/*++++++++++++++
planer
++++++++++++++*/

.planer-box {
}

.intro {
    width: 80%;
    order: 2;
    justify-content: left;
}


.intro-wrap {
}

.interview-wrap {max-width: 100%;}


.contact-wrap {}
	section#interview .inner {
}
.contact-wrap .button2.date p {
}

section#interview .planer{max-width: 95%;height: auto;display: flex;flex-direction: column;}

section#interview .planer .copy b {
}

section#interview .planer .name dt:after {
	display:none;
}


section#interview .planer figure{
	width: auto;
	order: 1;
	margin: 0 auto 30px;
}

section#interview .box:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px;
	width: 99%;
	border: 1px solid #ab987a;
	box-sizing: border-box;
	z-index: -1;
}


section#interview .box dd p {
	font-size: 0.9em;
}
}
@media screen and (max-width: 767px) {

/*++++++++++++++
planer
++++++++++++++*/

section#interview {
    padding: 0 0 100px 0;
}

.intro {width: 98%;}


.intro-wrap {
    max-width: 100%;
}


.interview-wrap {width: 95%;}

.contact {
    max-width: 90%;
}

section#interview .planer .copy b {
	font-size: 1.4em;
}


section#interview .planer .name dt:after {
	display:none;
}

section#interview .planer figure{
	width: auto;
}

section#interview .box:before {
	/* content:""; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px;
	width: 99%;
	border: 1px solid #ab987a;
	box-sizing: border-box;
	z-index: -1;
}



section#interview .interview-wrap dd {margin: 0 0 0 50px;}

section#interview .box dt:after {
	content: "";
	position: absolute;
	top: 18px;
	left: 0;
	background: linear-gradient(to bottom, #365598, #5eacca);
	width: 30px;
	height: 1px;
	text-align: center;
	font-family: 'Jomolhari', serif;
	line-height: 2;
}

section#interview .box dd p {
	font-size: 0.9em;
}
}