@charset "utf-8";

html,body {
	height: 100%;
}
body {
  font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight:500;
color:rgb(102,51,0);
color:rgba(96,56,19,1.0);
}

@media print, screen and (min-width: 768px) {



/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width: 1200px;
margin:0px auto;
overflow:hidden;
}
.figmain_top{
margin:0;
}
.contContainer .innerBlock { /* トップページ メイン画像直下のエリア */
overflow:hidden;
}

.contContainer .contbody { /* トップページ メイン画像直下のエリア */
width:1030px;
margin:-218px auto 60px;
padding:24px 24px 60px;
background:rgba(255,255,255,0.9);
border-radius:4px;
position:relative;
}

.contContainer .contbody:after {
border:40px solid transparent;
border-top-color:rgba(255,255,255,0.9);
border-right: 80px solid transparent;
border-left: 80px solid transparent;
border-bottom-width:0;
bottom:-40px;
content:"";
display:block;
left:435px;
position:absolute;
width:0;
}

.contbody .hdimg_intro ul{ /* 写真4典 */
margin:0 auto 30px 4%;
width:100%;
}
.hdimg_intro ul li{
float:left;
display:block;
color:#ccc;
text-align:center;
position: relative;
-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.hdimg_intro ul li:nth-child(2n){
float:left;
display:block;
margin-top:1%;
margin-right:2%;
margin-left:2%;
text-align:center;
position: relative;
-moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}
.hdimg_intro ul li img{
box-shadow:0 0 10px rgba(100,100,100,0.5);
}

.wrap_float{
width:90%;
margin:0 5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing:border-box;
}
.wrap_float .float_l img{
margin:0 auto 10px;
text-align:center;
}

.wrap_colm01{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/*コラムボックス*/
.wrap_colm01 .colmBox{
width:48.5%;
border:1px solid #ccc;
margin-bottom:30px;
padding:30px 39px;
}
.wrap_colm01 .colmBox:last-child{
margin-right:0;
width:100%;
}
.wrap_colm01 .colmBox img{
margin-top:18px;
width:100%;
}
.wrap_colm01 .colmBox:last-child img{
margin-top:0px;
margin-left:24px;
width:auto;
}
.wrap_colm01 .colmBox h1{
font-size:22px;
font-weight:normal;
color:#333;
}

/*コラムボックス2(100%)*/
.wrap_colm02 .colmBox{
width:100%;
border:1px solid #ccc;
margin:0 auto 30px;
padding:30px 5%;
float:left;
overflow:hidden;
box-sizing:border-box;
}
.wrap_colm02 .colmBox img{
width:auto;
border:2px solid #fff;
float:left;
}
.wrap_colm02 .colmBox.fig_r img{
width:auto;
border:2px solid #fff;
float:right;
}
.wrap_colm02 .colmBox h1{
font-size:22px;
font-weight:normal;
color:#333;
}
.wrap_colm02 .colmBox .texbox{
width:62%;
float:right;
}

/*コラムボックス2-2(100%)　メッセージなど*/
.wrap_colm02_2 .colmBox{
width:100%;
margin:0 auto 30px;
padding:30px 5%;
float:left;
overflow:hidden;
border:1px solid #ccc;
}
.colmBox.Box_psg{ /*190129追加 企画、秘書、総務*/
background: linear-gradient( 180deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.8)) 100%,url(../images/recr_psg.jpg) no-repeat right bottom;
}
.wrap_colm02_2 .colmBox img{
width:270px;
border:2px solid #fff;
float:right;
}
.wrap_colm02_2 .colmBox h1{
font-size:22px;
font-weight:normal;
color:#333;
line-height:1.6;
}

.wrap_colm02_2 .colmBox h2{ /*190129追加 企画、秘書、総務*/
clear:both;
width:100%;
margin:1em auto ;
padding:0.6em 0;
line-height:1.4;
font-size:1.7rem;
font-weight:bold;
font-family: meirio, serif;
color:rgba(96,56,19,1.0);
background:rgba(114,78,22,0.1);
border:0px solid rgb(240,240,240);
text-align:center;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
border-radius:6px;
}
.wrap_colm02_2 .colmBox h2:first-child{ /*190129追加 企画、秘書、総務*/
margin-top:0;
}
.wrap_colm02_2 .colmBox h3{ /*190129追加 企画、秘書、総務*/
width:auto;
margin:1em 0 0.5em;
padding:2px 1em;
line-height:1.5;
font-size:14px;
font-weight:normal;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
color:#fff;
border:none 0;
display:inline-block;
background:rgb(170,136,111);
background-color:#724e16;
border-radius:12px;
}
.wrap_colm02_2 .colmBox .texbox{
width:62%;
float:left;
}

.colmBox2{ /*190129追加 企画、秘書、総務*/
background:rgba(252,245,245,1);
background-color: rgba(255,229,238,0.3);
margin:1em 0;
padding:.5em 1.5em;
}


/*ミッション*/
.contbody dl.type01 dt{
padding:3px 6px;
display:inline;
background-color:#53ccd0;
background-color:rgb(83,204,208);
color:#fff;
border-radius:6px;
}
.contbody dl.type01 dd{
margin:0.6em 0;
}

/*実績*/
ul.jisseki{
width:100%;
margin:12px 0;
color: #a67c52;
}

ul.jisseki > li{
float:left;
margin:3px;
padding:3px 6px;
width:45%;
background:rgb(242,242,242);
border-radius:6px;
}
ul.jisseki li > ul{
float:right;
padding:0px 6px;
}

/*コラムボックス3(32%) 一日にスケジュール*/
.wrap_colm03{
width:32%;
margin:0 0 30px 0;
}
.wrap_colm03 .colmBox{
padding:30px 12px;
border:1px solid #ccc;
border-radius:6px;
}
.wrap_colm03 .colmBox:last-child{
margin-top:0px;
margin-right:0;
width:auto;
}
.wrap_colm03 .colmBox h1{
font-size:22px;
font-weight:normal;
color:#333;
}

/*スタッフの一日*/
.stfftimeschedule h1{
text-align:center;
border-radius:6px;
line-height:60px;
margin-bottom:0.5em;
}
.stfftimeschedule .tmsche_vt h1{
background:rgb(245,139,206);
background:rgb(238,150,193);
color:rgb(255,255,255);
font-size:1.8rem;
}
.stfftimeschedule .tmsche_vn h1{
background:rgb(121,158,238);
color:rgb(255,255,255);
font-size:1.8rem;
}
.stfftimeschedule .tmsche_tm h1{
background:rgb(148,217,173);
color:rgb(255,255,255);
font-size:1.8rem;
}

.stfftimeschedule .colmBox{
padding:1em;
line-height:1.6;
font-family:'メイリオ',Meiryo,Times,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
background-color:#fff;
}

.stfftimeschedule ul li span{
font-weight:bold;
font-size:1.5rem;
}
.stfftimeschedule .tmsche_vttttt ul li span{
color:rgb(226,154,189);
}

.stfftimeschedule ul > li >ul{
margin :0.5em 0;
padding-left:1em;
font-size:1.3rem;
line-height:1.6;
}

.stfftimeschedule .tmsche_vt ul > li >ul{
border-left:6px solid rgb(226,154,189);
}
.stfftimeschedule .tmsche_vn ul > li >ul{
border-left:6px solid rgb(121,158,238);
}
.stfftimeschedule .tmsche_tm ul > li >ul{
border-left:6px solid rgb(148,217,173);
}


/*アクセス地図*/
.area_map img{
float:left;
margin-right:2em;
}
.ico_train:before{
font-family:"FontAwesome";
content: "\f238";
padding-right:10px;
position: relative;
top: 0px;
left:2px;
}
.ico_car:before{
font-family:"FontAwesome";
content: "\f1b9";
padding-right:6px;
position: relative;
top: 0px;
}

/* ================================================================================ */
/*      FONT STYLE    */  
/* ================================================================================ */
.pagetitle{
width:90%;
margin:0px auto;
text-align:center;
}
.pagetitle h1{
width:90%;
margin:0px auto 42px;
line-height:1.4;
font-size:24px;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:rgb(102,51,0);
color:rgb(114,78,22);
color:rgba(96,56,19,1.0);
color:#724e16;
text-align:center;
}
.p_message .pagetitle > h1:before{
content: url(../images/ornament-l.gif);
padding-right:6px;
position: relative;
top: 7px;
}
.p_message .pagetitle >  h1:after{
content: url(../images/ornament-r.gif);
padding-left:6px;
position: relative;
top: 7px;
}

.colmtype1 h1{
position:relative;
margin:0px 0 0.2em;
}
.colmtype1 h1 span{
width:auto;
padding:0.3em 1em;
line-height:2.5;
font-size:15px;
font-weight:normal;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
color:#fff;
border:none 0;
display:inline;
background:rgb(170,136,111);
background-color:#724e16;
border-radius:6px;
}
.colmtype1 h1:after{
position:absolute;
background-color:#724e16;
border-radius:3px;
content:"";
width:20px;
height:20px;
top:29%;
left:80px;
transform: rotate(45deg);
}

.colmtype2 h1{
width:auto;
margin:0px 0 24px;
padding:0;
line-height:2.5;
font-size:15px;
font-weight:normal;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}


/*先輩の声 コラムボックス(100%)*/
.area_voises h2{
font-size:15px;
}
.contbody.p_voice .colmBox{
border:none 0;
}
.voiceBox{
padding:3%;
margin-bottom:12px;
background-color: rgba(255,229,238,0.3);
background-color: rgba(255,255,255,1);
box-shadow:0 0 1px rgba(100,100,100,0.5);
border-radius:6px;
}
.voiceBox ul{
width:100%;
}
.voiceBox ul li{
margin-bottom:6px;
}
.voiceBox.vt ul li:before{
position:relative;
font-family: FontAwesome;
font-size:15px;
content: "\f075";
top:0em;
left:0em;
color:rgb(226,154,189);
margin-right:2px;
}
.voiceBox.vn ul li:before{
position:relative;
font-family: FontAwesome;
font-size:15px;
content: "\f075";
top:0em;
left:0em;
color:rgb(121,158,238);
margin-right:2px;
}
.voiceBox.tm ul li:before{
position:relative;
font-family: FontAwesome;
font-size:15px;
content: "\f075";
top:0em;
left:0em;
color:rgb(148,217,173);
margin-right:2px;
}
.voiceBox.dk ul li:before{
position:relative;
font-family: FontAwesome;
font-size:15px;
content: "\f075";
top:0em;
left:0em;
color:rgb(255,194,119);
margin-right:2px;
}

.colmtype3 h1{ /*先輩の声*/
margin:0px 0 20px;
line-height:1.4;
font-weight:normal;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
letter-spacing:6px;
font-size:20px !important;;
color:#724e16 !important;
position:relative;
text-align:center;
}
.colmtype3 h1:before{
font-size:16px;
content: "＼";
position:relative;
color:#724e16 !important;
margin-right:24px;
}

.colmtype3 h1:after{
font-size:18px;
content: "／";
position:relative;
color:#724e16 !important;
margin-left:24px;
}

h2{
margin:0px 0 42px;
line-height:1.4;
font-size:24px;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:rgb(102,51,0);
color:rgb(114,78,22);
color:rgba(96,56,19,1.0);
color:#724e16;
}
.wrap_colm02 h2{
margin:0px 0 24px;
}
.caption_h2{
margin-top:-30px;
font-size:1.5rem;
color:rgb(170,136,111);
}
.colmtype3 h2{ /*先輩の声　質問*/
position:relative;
margin:0px 0 12px;
}
.colmtype3 h2 span{ /*先輩の声　質問*/
width:auto;
padding:0.3em 1em;
line-height:2.5;
font-size:15px;
font-weight:normal;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
color:#fff;
border:none 0;
display:inline;
background-color:#724e16;
border-radius:6px;
position:relative;
z-index:4;
}

.colmtype3 h2:after{
position:absolute;
background-color:#724e16;
border-radius:3px;
content:"";
width:20px;
height:20px;
top:42%;
left:27px;
transform: rotate(45deg);
z-index:3;
}

/*よくある質問*/
.faqBox dl{
}
.faqBox dt{
font-size:18px;
position:relative;
margin:0px 0 18px 60px;
border-bottom:1px dotted #724e16;
color:#724e16;
}
.faqBox dd{
margin:12px 0 0px 60px;
}

.faqBox dt::before{
position:absolute;
background-color:#724e16;
border-radius:50px;
content:"";
width:50px;
height:50px;
top:-10px;
left:-60px;
z-index:6;
}
.faqBox dt::after{
position:absolute;
content:"Q";
color:#fff;
font-size:24px;
top:-6px;
left:-44px;
z-index:7;
font-family:sans-serif;
}

/*応募要項*/

.youkou{
margin:1em auto 42px;
padding:2em 0.5em;
background:rgba(114,78,22,0.1);
border-radius:6px;
text-align:center;
}


.sectTit01{
font-size:24px;
margin:0px 0 42px;
line-height:1.4;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:rgb(102,51,0);
color:rgb(114,78,22);
color:rgba(96,56,19,1.0);
color:#724e16;
}

.sectTit02{
margin:0px 0 20px;
line-height:1.4;
font-weight:normal;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
letter-spacing:0.3em;
font-size:24px;
font-size:16px;
color:#724e16;
}
.sectTit03{
font-size:24px !important;
margin:0px 0 42px;
line-height:1.4;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:rgb(153,134,117);
color: #a67c52;
}

/* ---------------------------------------------------- */
p{
line-height:24px;
 }

.iro_01{
color:rgba(96,56,19,1.0);
}


/* --------------------------
pan
-------------------------- */
.pan{
width:980px;
margin:-1em auto 3em;
font-size:12px;
font-size:1.2rem;
}
.pan ul > li{
display:inline-block;
color:#999;
padding-left:0.5em;
}
.pan ul > li:before{
font-family: FontAwesome;
font-size:15px;
content: "\f105";
position:relative;
top:1px;
left:-0.2em;
color:#999;
}
.pan ul > li:first-child:before{
font-family: FontAwesome;
font-size:15px;
content: "\f015";
position:relative;
top:1px;
left:-0.2em;
color:#999;
}
.pan ul > li a{
text-decoration:none;
color:#999;
}


/* ================================================================================ */
/*      ADJUST      */
/* ================================================================================ */
.layout_justify{
text-align:justify;
text-justify:inter-ideograph;
}
.letterspace_intro{
letter-spacing:1px;
}
/* ---------------------------------------------------- */
.txt_r{
text-align:right;
}
.txt_l{
text-align:left;
}
.txt_c{
text-align:center !important;
}
.txt_indent1{
margin-left:1em;
text-indent:-1em;
}
/* ---------------------------------------------------- */
.margpadd0{
margin:0;
padding:0;
}
/* ---------------------------------------------------- */

.mgR1em{margin-right:1em;}
.mgR2em{margin-right:2em;}
.mgR3em{margin-right:3em;}
.mgR4em{margin-right:4em;}
.mgR5em{margin-right:5em;}

.mgT1em{margin-top:1em;}
.mgT2em{margin-top:2em;}
.mgT3em{margin-top:3em;}
.mgT4em{margin-top:4em;}
.mgT5em{margin-top:5em;}

/* ---------------------------------------------------- */
.ico_new a::after{
position:relative;
content:"NEW";
margin-left:6px;
padding:3px;
font-size:10px;
color:#fff;
background-color: rgb(247,155,190);
border-radius:3px;
}
.bk_45{
background:url(../images/bk_line45.png) 0 0 repeat;
}
.line_dot1{
padding-bottom:3px;
border-bottom:4px dotted #ff99cc;
}
/*リスト　チェックアイコン*/
.ico_chck li{ /*190129追加 企画、秘書、総務*/
margin-left:1.5em;
text-indent:-1.6em;
}
.ico_chck li::before{ /*190129追加 企画、秘書、総務*/
font-family:"FontAwesome";
content: "\f046";
padding-right:10px;
position: relative;
top: 0px;
left:2px;
}


}