@charset "utf-8";
/* ------------------------------------------------------------ common */
body { font-family: 'Noto-Sans-JP-Regular',sans-serif; color: #000;}
.linetop { text-align: center; font-weight: 600; padding: 0 0 10px; letter-spacing: 1px; }

.line { padding: 0; }
.line span { padding: 0 50px; font-size: 40px; font-family: 'TrajanusRoman'; color: #010101; letter-spacing: 10px; }
.line span small { display: block; font-size: 16px; color: #010101; letter-spacing: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 100%; letter-spacing: 2px; }

.line_pattern { background: url(../images/common/line_01.png) repeat-x center center; }
.line_pattern span { font-size: 40px; font-family: 'TrajanusRoman'; color: #010101; letter-spacing: 10px; display: block; width: 315px; margin: 0 auto; text-align: center; text-indent: 10px; padding: 20px 0 0;
background: url(../images/career/pattern.gif) repeat; }
.line_pattern span small { display: block; font-size: 16px; color: #010101; letter-spacing: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 100%; text-align: center; letter-spacing: 2px; }

.line_white { background: url(../images/career/line.png) repeat-x center center; }
.line_white span { font-size: 40px; font-family: 'TrajanusRoman'; color: #fff; letter-spacing: 10px; display: block; width: 315px; margin: 0 auto; text-align: center; text-indent: 10px; 
background: #27781e; }
.line_white span small { display: block; font-size: 16px; color: #fff; letter-spacing: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 100%; letter-spacing: 2px; }

.photo img { width: 100%; height: auto; }

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* ------------------------------------------------------------ fv */
.title { background: #fff; border-top: #27781e solid 10px; width: 1100px; margin: -115px auto 0; position: relative; }
.title h2 { text-align: center; padding: 50px 0 60px; font-size: 16px; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; font-weight: 600; }
.title h2 span { font-size: 22px; font-weight: 600; letter-spacing: 4px; }
.title h2 strong { font-size: 56px; text-align: center; display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding: 40px 0 0; letter-spacing: 18px; text-indent: 18px; }
.title h2 img { margin: 20px auto 0; }

/* ------------------------------------------------------------ intro */
#intro { background: #fffef3; padding: 40px 0; }
#intro table tr th { padding: 0 45px 0 0; }
#intro table tr td h4 { font-size: 19px; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; font-weight: 600; padding: 0 0 15px 0; }
#intro table tr td p { font-size: 14px; }

/* ------------------------------------------------------------ profile */
#profile { padding: 55px 0 140px; }
#profile h3 { margin: 0 0 65px; }
#profile table tr th { }
#profile table tr td { padding: 0 0 0 100px; }
#profile table tr td .job { font-size: 16px; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; font-weight: 600; }
#profile table tr td h4 { padding: 24px 0 0; font-size: 56px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
letter-spacing: 14px; line-height: 100%; }
#profile table tr td h4 span { display: block; font-size: 12px; font-family: 'Noto-Sans-JP-Medium'; letter-spacing: 3px; padding: 10px 0 35px; }
#profile table tr td .about { font-size: 16px; line-height: 190%; }

/* ------------------------------------------------------------ career */
#career { background: url(../images/career/pattern.gif) repeat; padding: 100px 0 140px; }
#career .bold { font-size: 30px; text-align: center; font-family: 'Noto-Sans-JP-Bold'; line-height: 100%; padding: 50px 0 30px; }
#career .fl { padding: 20px 0 0; }
#career .bold span { font-size: 40px; color: #27781e; font-family: 'TrajanusRoman'; font-weight: bold; letter-spacing: 2px; border-right: 2px solid #27781e; line-height: 100%; display: inline-block; *display: inline; *zoom: 1; padding: 0 15px 0 0; margin: 0 15px 0 0; }
#career .fl small { font-size: 16px; margin: 0 18px 0 0; }
#career .bold span.color { border: none; padding: 0; margin: 0; }
#career p.about { text-align: center; font-size: 16px; padding: 20px 0 0; line-height: 200%; }

#career .box ul { float: left; width: 483px; }
#career .box .center_bar { float: left; width: 18px; padding: 0 8px; }
#career .box ul li { border-top: 1px solid #e5e5e5; padding: 13px 0 0; }
#career .box ul li.one { margin: 205px 0 0; padding: 13px 0 101px; }
#career .box ul li.two { padding: 13px 0 73px; }
#career .box ul li.three { padding: 13px 0 103px; }
#career .box ul li.four { padding: 13px 0 62px; }
#career .box ul li.six { margin: 132px 0 280px; padding: 13px 0 247px 23px; }
#career .box ul li.seven { padding: 13px 0 243px 23px; }
#career .box ul li.eight { padding: 13px 0 0 23px; }
#career .box ul li img { padding: 25px 0 0; }
#career .box ul li p { font-size: 18px; padding: 0 0 10px 1em; text-indent: -1em; line-height: 150%; }
#career .box ul li p.strong { font-family: 'Noto-Sans-JP-Bold'; }
#career .box ul li p.year { font-size: 40px; color: #27781e; font-family: 'TrajanusRoman'; font-weight: bold; letter-spacing: 2px; line-height: 150%; padding: 0 0 0 1em; }

/* ------------------------------------------------------------ book */
#book { padding: 145px 0; }
#book ul { padding: 35px 0 0; }
#book ul li { float: left; width: 270px; padding: 0 31px; }
#book ul li .pic { text-align: center; padding: 0 0 15px; }
#book ul li h4 { font-size: 20px; text-align: center; line-height: 140%; }
#book ul li .tag { font-size: 16px; text-align: center; color: #dcdcdc; line-height: 100%; padding: 15px 0; }
#book ul li .amazonbtn { text-align: center; }
#book ul li:first-child .amazonbtn { padding: 27px 0 0; }
#book ul li .about { font-size: 16px; min-height: 215px; }

/* ------------------------------------------------------------ movie */
#movie { background: #27781e; padding: 120px 0 30px; }
#movie h3 { margin: 0 0 55px; }
#movie h4 { font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; color: #fff; padding: 25px 0 10px; line-height: 150%; }
#movie .about { font-size: 14px; color: #fff; padding: 0 0 70px; }
#movie ul li { float: left; width: 485px; }
#movie ul li:first-child { padding: 0 30px 0 0; }
#movie ul li h4 { font-size: 18px; padding: 20px 0 10px; }

/* ------------------------------------------------------------ hinata */
#hinata { padding: 150px 0 90px; background: url(../images/career/arrow.png) no-repeat center top; }
#hinata h3 { text-align: center; font-size: 34px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#hinata p { font-size: 16px; font-family: 'Noto-Sans-JP-Regular'; line-height: 200%; padding: 30px 0 90px; }
#hinata table { width: 100%; }
#hinata table tr th { width: 50%; }
#hinata table tr th img { width: 100%; height: auto; }
#hinata table tr td { width: 50%; }
#hinata table tr td ul { width: 410px; padding: 0 0 0 70px; }
#hinata table tr td ul li { background: url(../images/interview/check.png) no-repeat left 28px; padding: 25px 0 25px 50px; font-size: 20px; font-family: 'Noto-Sans-JP-Bold'; line-height: 150%; 
border-bottom: dotted 2px #e9e9e9; }
#hinata table tr td ul li:first-child { border-top: dotted 2px #e9e9e9; }

/* ------------------------------------------------------------ contact_interview */
#contact_interview { background: url(../images/interview/pattern_02.gif) repeat; padding: 10px; margin: 0 auto 100px; }
#contact_interview dl { background: #fff; padding: 40px 0; }
#contact_interview dl dt { padding: 0 0 35px; text-align: center; font-size: 27px; color: #429537; font-family: 'Noto-Sans-JP-Medium';}
#contact_interview dl dd { text-align: center; font-weight: bold; font-size: 18px; }
#contact_interview dl dd img { padding: 5px 0; }
#contact_interview dl dd ul { width: 960px; margin: 0 auto; }
#contact_interview dl dd ul li { float: left; border: solid #e5e5e5; border-width: 0 0 0 1px; padding: 0 25px; }
#contact_interview dl dd ul li:first-child { border: none; }
#contact_interview dl dd ul li span { font-size: 12px; color: #000; line-height: 100%; display: block; padding: 8px 0 0 33px; 
background: url(../images/common/contact_tell.gif) no-repeat 5px 8px; background-size: 20px;}
#contact_interview dl dd ul li span a { font-size: 29px; font-family: "Helvetica"; display: block; line-height: 100%; text-align: left; font-weight: bold; color: #221815; }
#contact_interview dl dd ul .fax span small { font-size: 12px; color: #888888; line-height: 100%; display: block; font-weight: normal; }
#contact_interview dl dd ul .fax span { font-size: 29px; font-family: "Helvetica"; display: block; line-height: 100%; text-align: left; font-weight: bold; color: #221815; padding: 9px 0 0 50px; background: url(../images/common/contact_fax.gif) no-repeat left 8px; }

/* ------------------------------------------------------------ interview_link */
#interview_link { padding: 0 0 110px; }
#interview_link table { width: 100%; }
#interview_link table tr th { width: 45%; }
#interview_link table tr th img { width: 100%; height: auto; }
#interview_link table tr td { background: #f3ede5; padding: 0 0 0 64px; width: 55%; }
#interview_link table tr td h4 { font-size: 30px; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; font-weight: 600; max-width: 500px; padding: 0 0 10px; }
#interview_link table tr td p { max-width: 500px; font-size: 16px; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; font-weight: 600; line-height: 200%; }
#interview_link table tr td p.detail_btn { text-align: center; padding: 25px 0 0; }
#interview_link table tr td p.detail_btn a { display: inline-block; *display: inline; *zoom: 1; background: url(../images/interview/arrow_01.png) no-repeat 60px center #6dba3a; 
padding: 18px 70px 18px 100px; color: #fff; font-size: 18px; letter-spacing: 1px; border-radius: 7px; }

/* ------------------------------------------------------------ bnr */
/* .bnr { display: block; margin: 60px 0 0; padding: 0; } */





/* ------------------------------------------------------------ mobile ------------------------------------------------------------  */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
body { font-family: 'Noto-Sans-JP-Regular',sans-serif; color: #000; }
.linetop { text-align: center; font-weight: 600; padding: 0 0 10px; letter-spacing: 1px; }

.line { }
.line span { padding: 0 20px; font-size: 24px; letter-spacing: 5px; }
.line span small { font-size: 14px; letter-spacing: normal; }

.line_pattern { }
.line_pattern span { padding: 0; font-size: 24px; letter-spacing: 5px; width: 175px; text-indent: 5px; }
.line_pattern span small { font-size: 14px; }

.line_white { }
.line_white span { font-size: 24px; letter-spacing: 5px; width: 165px; text-indent: 5px; }
.line_white span small { font-size: 14px; letter-spacing: 2px; }


.photo img { width: 100%; height: auto; }

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* ------------------------------------------------------------ fv */
.title { border-top: #27781e solid 10px; width: 88%; margin: -50px auto 0; }
.title h2 { padding: 10px 0 0; font-size: 14px; }
.title h2 span { font-size: 20px; }
.title h2 strong { font-size: 32px; padding: 25px 0 0; letter-spacing: 10px; text-indent: 10px; }
.title h2 img { width: 150px; height: auto; margin: 15px auto 0; }

/* ------------------------------------------------------------ intro */
#intro { width: 100%; padding: 40px 0; margin: 15% auto 0; }
#intro table { width: 94%; margin: 0 auto; }
#intro table tr th { padding: 0; display: block; }
#intro table tr th img { width: 100%; height: auto; }
#intro table tr td { display: block; }
#intro table tr td h4 { font-size: 18px; line-height: 150%; padding: 6% 0; }
#intro table tr td p { font-size: 14px; }

/* ------------------------------------------------------------ profile */
#profile { padding: 15% 3% 30px; }
#profile h3 { margin: 0 0 40px; }
#profile h3 img { width: 140px; height: auto; }
#profile table tr th { display: block; width: 100%; }
#profile table tr th img { width: 100%; height: auto; }
#profile table tr td { display: block; width: 100%; padding: 0; }
#profile table tr td .job { font-size: 16px; padding: 30px 0 0; }
#profile table tr td h4 { padding: 12px 0 20px; font-size: 32px; letter-spacing: 8px; line-height: 100%; }
#profile table tr td h4 span { font-size: 12px; letter-spacing: 2px; padding: 7px 0 0; }
#profile table tr td .about { font-size: 16px; line-height: 170%; }

/* ------------------------------------------------------------ career */
#career { padding: 40px 3% 50px; }
#career h3 img { width: 140px; height: auto; }
#career .bold { font-size: 20px; }
#career .fl small { font-size: 16px; margin: 0;  }
#career .bold span.color { border: none; padding: 0 0 5px; margin: 0; font-size: 27px; }
#career p.about { font-size: 16px; padding: 20px 0 0; line-height: 170%; text-align: left; }

#career .box_sp { padding: 9% 0 0; }
#career .box_sp ul li { background: url(../images/career/bar_sp.gif) no-repeat center bottom; background-size: 1px 60px; padding: 10px 0 65px; }
#career .box_sp ul li p.year { font-size: 27px; color: #27781e; font-family: 'TrajanusRoman'; font-weight: bold; letter-spacing: 2px; line-height: 150%; }
#career .box_sp ul li ul li { padding: 0 0 10px 1em; text-indent: -1em; font-size: 16px; background: none; line-height: 140%; }
#career .box_sp ul li img { width: 100%; height: auto; padding: 0 0 15px; }


/* ------------------------------------------------------------ book */
#book { padding: 50px 3% 0; }
#book h3 img { width: 110px; height: auto; }
#book ul { padding: 35px 0 0; }
#book ul li { float: none; width: 100%; padding: 0 0 80px; }
#book ul li .pic { padding: 0 0 15px; }
#book ul li .pic img { width: 120px; height: auto; }
#book ul li h4 { font-size: 18px; text-align: center; line-height: 140%; }
#book ul li .tag { font-size: 14px; text-align: center; color: #dcdcdc; line-height: 100%; padding: 15px 0; }
#book ul li .amazonbtn { padding: 20px 0 0; }
#book ul li:first-child .amazonbtn { padding: 20px 0 0; }
#book ul li .about { font-size: 16px; min-height: inherit; }


/* ------------------------------------------------------------ movie */
#movie { padding: 50px 3% 0; }
#movie h3 { margin: 0 0 30px; }
#movie h3 img { width: 120px; height: auto; }
#movie h4 { font-size: 18px; padding: 6% 0 10px; line-height: 150%; }
#movie .about { font-size: 14px; padding: 0 0 60px; }
#movie ul li { float: none; width: 100%; }
#movie ul li:first-child { padding: 0; }
#movie ul li h4 { font-size: 18px; padding: 6% 0 10px; }

/* ------------------------------------------------------------ hinata */
#hinata { padding: 70px 3% 50px; background-size: 80px;}
#hinata h3 { text-align: left; font-size: 20px; }
#hinata p { font-size: 16px; line-height: 170%; padding: 20px 0 50px; }
#hinata table { width: 94%; margin: 0 auto; }
#hinata table tr th { width: 100%; display: block; }
#hinata table tr th img { width: 100%; height: auto; }
#hinata table tr td { width: 100%; display: block; }
#hinata table tr td ul { width: 100%; padding: 30px 0 0; }
#hinata table tr td ul li { background: url(../images/interview/check.png) no-repeat 10px 18px; background-size: 25px; font-size: 16px; line-height: 150%; padding: 15px 0 15px 50px; }
#hinata table tr td ul li:first-child { border-top: dotted 2px #e9e9e9; }

/* ------------------------------------------------------------ contact_interview */
#contact_interview { width: 88%; padding: 3%; margin: 0 auto 15%; }
#contact_interview dl { padding: 6%; }
#contact_interview dl dt { padding: 0 0 6%; font-size: 18px; text-align: left; line-height: 150%; }
#contact_interview dl dd { text-align: center; font-weight: bold; font-size: 18px; }
#contact_interview dl dd img { padding: 5px 0; }
#contact_interview dl dd ul { width: 100%; margin: 0 auto; }
#contact_interview dl dd ul li { float: none; border: none; border-top: 1px solid #e5e5e5; padding: 6% 0; }
#contact_interview dl dd ul li.btn { font-size: 16px; line-height: 150%;}
#contact_interview dl dd ul li:first-child { border-top: 1px solid #e5e5e5; }
#contact_interview dl dd ul li span { font-size: 12px; line-height: 150%; padding: 8px 0 0 33px; background: url(../images/common/contact_tell.gif) no-repeat 5px 8px; background-size: 20px; 
text-align: left; }
#contact_interview dl dd ul li span a { font-size: 29px; font-family: "Helvetica"; display: block; line-height: 100%; text-align: left; font-weight: bold; color: #221815; }
#contact_interview dl dd ul li a img { width: 100%; height: auto; }
#contact_interview dl dd ul .fax span small { font-size: 12px; color: #888888; line-height: 100%; display: block; font-weight: normal; }
#contact_interview dl dd ul .fax span { font-size: 29px; font-family: "Helvetica"; display: block; line-height: 100%; text-align: left; font-weight: bold; color: #221815; padding: 9px 0 0 50px; background: url(../images/common/contact_fax.gif) no-repeat left 8px; }

/* ------------------------------------------------------------ interview_link */
#interview_link { width: 84%; margin: 0 auto 9%; padding: 5% 5% 10%; background: #f3ede5; }
#interview_link table { width: 100%; }
#interview_link table tr th { width: 100%; display: block; }
#interview_link table tr th img { width: 100%; height: auto; }
#interview_link table tr td { padding: 0; width: 100%; display: block; background: none; }
#interview_link table tr td h4 { font-size: 20px; max-width: inherit; padding: 6% 0 10px; line-height: 160%; }
#interview_link table tr td p { max-width: inherit; font-size: 16px; line-height: 170%; }
#interview_link table tr td p.detail_btn {  padding: 20px 0 0; }
#interview_link table tr td p.detail_btn a { background: url(../images/interview/arrow_01.png) no-repeat 18px center #6dba3a; padding: 10px 60px; font-size: 14px; line-height: 100%; }
#interview_link table tr td p.detail_btn a span { display: block; }

/* ------------------------------------------------------------ bnr */
/* .bnr { margin: 30px 0 0; padding: 0; } */

}