@charset "UTF-8";

/************************************
interviewTOPページ
************************************/
.interview_top #main #mv{ margin-top:4em}
.interview_top #main #mv .img{ max-width:1062px; width:94%; margin:auto;}
#okayama-gurashi #header .flex_wrap .nav_link a:nth-of-type(2){ display:inline-block;}

.interview_top #main #interview_wtap{ text-align:center;max-width:960px; width:94%; display:block; margin:4em auto 6em;}
.interview_top #main #interview_wtap > .wrap{ display:inline-block; text-align:left;}
.interview_top #main #interview_wtap .cont{ margin:auto; display:inline-block; text-align:left;}
.interview_top #main #interview_wtap .cont a:hover{ opacity:0.7;}
.interview_top #main #interview_wtap .cont .ttl{font-family: 'Kiwi Maru'; font-weight:900; font-size:1.3em; margin-bottom:0.3em;}
.interview_top #main #interview_wtap .cont .ttl img{display:inline-block; vertical-align:baseline; width:0.9em}
.interview_top #main #interview_wtap .cont .ttl span{display:inline-block; vertical-align:0.3em; margin-left:0.5em;}

.interview_top #main #interview_wtap .cont .text_wrap{text-align:left;}
.interview_top #main #interview_wtap .cont .text_wrap .text{ text-indent:-1em; padding-left:1em;}
.interview_top #main #interview_wtap .cont .text_wrap .text a{ display:inline-block; text-indent:0;}

.interview_top #main #interview_wtap .line_wrap{ text-align:center; margin:2.5em auto 3em;}


.interview_top #main #map_wrap{ text-align:center;max-width:1280px;width:94%; display:block; margin:6em auto 6em; border-bottom:2px dotted #EEDD77; padding-bottom:0em;}
.interview_top #main #map_wrap .ttl{font-family: 'Kiwi Maru'; font-weight:900; font-size:1.4em; margin-bottom:0.2em;}
.interview_top #main #map_wrap .ttl span{ display:inline-block;}
.interview_top #main #map_wrap .kome_text{ text-align:right; font-size:0.8em; max-width:1024px; margin:auto;}


.interview_top #main #map_wrap .cont_wrap{ text-align:center;max-width:960px; width:94%; display:block; margin:3em auto 6em;}
.interview_top #main #map_wrap .cont_wrap .cont{ margin-top:2em;}
.interview_top #main #map_wrap .cont_wrap .cont a{ display:inline-block; text-indent:0;}
.interview_top #main #map_wrap .cont_wrap .cont a:hover{ opacity:0.7;}
.interview_top #main #map_wrap .cont_wrap .cont .ttl{font-family: 'Kiwi Maru'; font-weight:900; font-size:1.2em; margin-bottom:0.2em; text-align:left; border-bottom:1px solid;}
.interview_top #main #map_wrap .cont_wrap .cont .ttl img{display:inline-block; vertical-align:baseline; width:0.9em}
.interview_top #main #map_wrap .cont_wrap .cont .ttl span{display:inline-block; vertical-align:0.2em; margin-left:0.5em;}

.interview_top #main #map_wrap .cont_wrap .cont .text_wrap{text-align:left;}
.interview_top #main #map_wrap .video_btn{ float:right; padding:0 0 1em 1em; background:#FFF; box-sizing:border-box; margin-top:3.5em; max-width:20em;}
.interview_top #main #map_wrap .video_btn span{ display:block;}



#modal .video_wrap{ max-height: 960px;position: relative;width: 0;height: 100%;padding-right: 53%;left: 0;right: 0;margin: auto;top: 0%;}
#modal .video_wrap .video{ }
#modal .video_wrap .video video{ position:absolute; width:100%; height:100%; left:0; top:0;}

/******************************
	モーダル用ここから
******************************/
body.modal_on{overflow:hidden;}
#modal{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.70); font-size:1em; line-height:1.8; z-index:200;overflow: auto;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
flex-wrap:wrap;
-moz-transition-property : transform;-webkit-transition-property : transform;-o-transition-property : transform;-ms-transition-property : transform;transition-property : transform;
-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
#modal .modal_wrap{ position:relative; width:92%; max-width:960px; margin:auto;height: 92%;}
#modal .modal_wrap .modal_close{position: absolute;right: -1.5em;top: -1.5em;width: 4em;z-index: 9;}

@media all and (max-width: 750px) {
#modal .video_wrap{padding-right: 100%;}
#modal .modal_wrap .modal_close{position: absolute;right: 0.5em;top: 0.5em;width: 3em;z-index: 9;}
}
/******************************
	モーダル用ここまで
******************************/




@media all and (max-width: 750px) {	
/************************************
interviewTOPページ
************************************/
.interview_top #main #interview_wtap .cont{ margin:auto; display:inline-block; text-align:left;}
.interview_top #main #interview_wtap .cont a:hover{ opacity:0.7;}
.interview_top #main #interview_wtap .cont .ttl{font-size:1.2em; line-height:1.3;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.interview_top #main #interview_wtap .cont .ttl img{}
.interview_top #main #interview_wtap .cont .ttl span{margin-left:0.3em; flex:1;}

.interview_top #main #interview_wtap .cont .text_wrap{text-align:left;}
.interview_top #main #interview_wtap .cont .text_wrap .text{ text-indent:-1em; padding-left:1em; font-size:0.9em;}
.interview_top #main #interview_wtap .cont .text_wrap .text a{ display:inline-block; text-indent:0;}

.interview_top #main #interview_wtap .line_wrap{ text-align:center; margin:2.5em auto 3em;}


.interview_top #main #map_wrap{ text-align:center;max-width:1280px;width:94%; display:block; margin:2em auto 4em; border-bottom:2px dotted #EEDD77; padding-bottom:0em;}
.interview_top #main #map_wrap .ttl{font-size:1.3em; line-height:1.4; margin-bottom:0.2em;}
.interview_top #main #map_wrap .ttl span{ display:inline-block;}
.interview_top #main #map_wrap .kome_text{ text-align:left; padding-left:1em; text-indent:-1em;}


.interview_top #main #map_wrap .cont_wrap{ text-align:center;max-width:960px; width:100%; display:block; margin:3em auto 6em;}
.interview_top #main #map_wrap .cont_wrap .cont{ margin-top:2em;}
.interview_top #main #map_wrap .cont_wrap .cont a{ display:inline-block; text-indent:0;}
.interview_top #main #map_wrap .cont_wrap .cont a:hover{ opacity:0.7;}
.interview_top #main #map_wrap .cont_wrap .cont .ttl{font-size:1.2em; line-height:1.3; padding-bottom:0.3em;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.interview_top #main #map_wrap .cont_wrap .cont .ttl img{}
.interview_top #main #map_wrap .cont_wrap .cont .ttl span{margin-left:0.3em; flex:1;}

.interview_top #main #map_wrap .cont_wrap .cont .text_wrap{text-align:left; font-size:0.9em;}
.interview_top #main #map_wrap .video_btn{ float:none; padding:0; margin:2em auto; max-width:80%;}
.interview_top #main #map_wrap .video_btn span{ display:block;}


}

@media all and (min-width: 751px) {
}
@media all and (max-width: 1024px) {
}
@media all and (min-width: 1281px) {
}


@font-face {
	font-family: 'Kiwi Maru';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/kiwi-maru-v7-japanese-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/kiwi-maru-v7-japanese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/kiwi-maru-v7-japanese-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/kiwi-maru-v7-japanese-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/kiwi-maru-v7-japanese-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/kiwi-maru-v7-japanese-regular.svg#KiwiMaru') format('svg'); /* Legacy iOS */
}

