@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) {

.pc_only{
visibility:visible;
}
.sp_only{
display:none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

/* ================================================================================ */
/*      wrapper    */  
/* ================================================================================ */
body,
.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
width:100%;
margin:0 auto;
position: relative;
min-width: 980px;
background:#f4efea url(../images_common/bk_body.gif) repeat-x; 
}
.wrapper {
min-width:1200px;
}
.wrapper.active #nav {
height: 220px;
}
footer {
margin-top: auto;
}
/* ================================================================================ */
/*      header    */  
/* ================================================================================ */
.header{
height:160px;
width:100%;
background:#fff url(../images_common/bk_body.gif) repeat-x 0 0;
position:relative;
border-bottom:1px solid rgb(247,155,190);
z-index:1000;
}
.header .wrap{
width:1000px;
margin:0 auto;
position:relative;
}
.header .colm1{
float:left;
position:absolute;
top:0;
left:0;
width:385px;
height:120px;
margin-top:33px;
z-index:11000;
}
.header .colm1 img{
}
.header .colm2{
float:left;
position:absolute;
top:0;
left:385px;
width:460px;
height:120px;
margin-top:6px;
z-index:10003;
}
.header .colm2 img{
margin-top:40px;
}
.header .headline{
width:980px;
position:absolute;
top:3px;
left: 50%;
margin-left: -490px;
color:#666;
font-size:11px;
text-align:left;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.nav_home{
position:absolute;
width:75px;
height:98px;
right:5.6em;
top:52px;
z-index:10002;
font-family:sans-serif;
border-right:1px solid rgb(247,156,212);
text-align:center;
}
.nav_home a{
display:block;
padding:0.5em 0;
color:#666;
text-decoration:none;
line-height:106px;
}
.nav_home a:before{
font-family: FontAwesome;
font-size:15px;
content: "\f015";
position:absolute;
top:-1em;
left:2em;
color:#666;
}
.nav_access{
position:absolute;
width:10em;
top:0;
right:0;
background-color:#724e16;
border-radius:0 0 6px 6px;
z-index:10001;
}
.nav_access a{
display:block;
padding:0.5em 0.8em 0.5em 2.2em;
color:#fff;
text-decoration:none;
}
.nav_access a:before{
font-family: FontAwesome;
content: "\f0da";
position:absolute;
top:0.5em;
left:1em;
color:#fff;
}
/* ================================================================================ */
/*      globalNavArea header     */  
/* ================================================================================ */
.rightcolm{
width:1000px;
margin:0px auto 30px;
z-index:10;
position:relative;
}

#nav {
color: #333;
top: 60px;
width: 100%;
height: 160px;
right:0;
}
#nav .menu-icon-container {
position: absolute;
top: 48px;
right: 0%;
width:75px;
height:100px;
}
#nav .menu-list-container {
position: absolute;
top: 160px;
width: 100%;
height:auto; /*190129更新 変更前100%*/
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
background:rgba(255,252,246,0.9);
overflow-y: scroll;
box-shadow:0 0 10px rgba(100,100,100,0.5);
}
#nav .menu-list-container .navTitl{
padding:0.5em 1em;
color:#fff;
background:#000;
}
#nav .menu-list-wrap{
width:100%;
}
#nav .menu-list-container ul{ /*190129更新 変更前100%*/
padding-bottom:12px;
}
#nav .menu-list-container ul:first-child{
width:70%;
float:left;
}
#nav .menu-list-container ul:nth-child(2n){
width:30%;
float:left;
}

#nav .menu-list-container ul li {
width:50%;
float:left;
font-size: 110%;
border-bottom:1px dotted #99b944;
position: relative;
}
#nav .menu-list-container ul:nth-child(2) li {
width:99%;
}
#nav .menu-list-container ul li:before{
font-family: FontAwesome;
content: "\f0a9";
position:absolute;
top:0.8em;
left:1em;
}

#nav .menu-list-container ul li a{
display:block;
padding-top: 0.8em;
padding-left:2.2em;
text-decoration:none;
}
#nav .menu-list-container ul li a:hover{
color:#080808;
font-weight:bold;
background: rgba(255,255,255,0.8);
}
.menu-icon {
padding-top:45px;
display: block;
cursor: pointer;
border-radius:3px;
color:#666;
}
.menu-icon span {
display: block;
width: 70px;
height: 98px;
padding:0.5em 1em;
}
.menu-icon:hover span {
color:#666;
}
.menu-icon.active {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(-0deg);
}
.menu-icon span{
position:relative;
}
.menu-icon span:before {
font-family:"FontAwesome",sans-serif;
content: "\f0c9";
position:absolute;
top:-1em;
left:2.5em;
}
.menu-icon span:after {
font-family:"FontAwesome",sans-serif;
content: " \A0 MENU";
}
/* 開閉用ボタンがクリックされた時のスタイル */
.active .menu-icon span:before {
font-weight:normal;
font-family:"FontAwesome",sans-serif;
content: "\f00d";
position:absolute;
top:-1em;
left:2.5em;
}
.active .menu-icon span:after {
font-family:"FontAwesome",sans-serif;
content: " \A0 CLOSE";
}
/*メニュー開閉用ボタンがクリックされた時*/
.wrapper.active #nav .menu-list-container {
visibility: visible;
opacity: 1;
}

/*スクロールしたら固定*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
background-color:rgba(255,255,255,0.9);
}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width: 1200px;
margin:0 auto;
}
.figmain_top{
width:100%;
margin:0;
position: relative;
text-align:center;
}

.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典 */
width:100%;
margin:0 auto 30px 4%;
}
.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%;
}
.wrap_float .float_r{
width: 70%;
}
.wrap_float .float_l{
width: 30%;
}
.wrap_float .float_l img{
margin:0 auto 10px;
text-align:center;
}
.banner_naname{
background:rgba(255,188,53,1.0);  z-index: 300;
  position: absolute;
  top: 15px;
  right: -70px;
  width: 240px;
line-height:40px;
height:40px;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
text-align:center;
font-weight:bold;
letter-spacing:1px;
color:#481f0b;
text-shadow:0px 0 6px rgba(255,255,255,1.0),-1px -1px 0px rgba(255,255,255,1.0),1px 1px 0px rgba(255,255,255,1.0),1px -1px 0px rgba(255,255,255,1.0),-1px 1px 0px rgba(255,255,255,1.0);
}

/* ================================================================================ */
/*      FONT STYLE    */  
/* ================================================================================ */
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;
}
.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;
position:relative;
}
.sectTit02:before{
position:absolute;
border-left:1px solid #724e16;
content:"";
width:20px;
height:20px;
top:-0.5em;
left:28%;
transform: rotate(-45deg);
}

.sectTit02:after{
position:absolute;
border-left:1px solid #724e16;
content:"";
width:20px;
height:20px;
top:-0.5em;
right:28%;
transform: rotate(-135deg);
}

.sectTit03{
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(153,134,117);
color: #a67c52;
}
.contbody p{
font-size:15px;
}

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

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


/* ================================================================================ */
/*      contNav     */  
/* ================================================================================ */
#navBlock{
width:100%;
}

.contNav{
width:980px;
margin:30px auto 60px;
}
.contNav ul{
width:100%;
}
.contNav ul.navf01 li{
float:left;
width:49%;
font-size:16px;
margin-right:2%;
border-bottom:1px solid rgb(129,80,30);
position:relative;
}
.contNav ul li:nth-child(2n){
float:left;
width:49%;
margin-right:0;
}
.contNav ul.navf01 li a{
display:block;
padding:0.8em 1em 0.8em 2em;
color:rgb(129,80,30);
text-decoration:none;
}
.contNav ul.navf01 li a:hover{
background: rgba(255,229,238,0.5);
background: rgba(255,254,255,0.5);
border-radius:6px;
}
.contNav ul.navf01 li:before{
font-family: FontAwesome;
content: "\f0a9";
position:absolute;
top:0.9em;
left:1em;
}
.contNav ul.navf02 {
width:100%;
margin-top:30px;
margin-bottom:0;
}
.contNav ul.navf02 li{
position:relative;
float:left;
width:32%;
margin-right:2%;
margin-bottom:1%;
background:#fff;
border-radius:6px;
font-size:15px;
text-align:center;
}
.contNav ul.navf02 li:nth-child(3n){
margin-right:0 !important;
}
.contNav ul.navf02 li a{
display:block;
color: #a67c52;
text-decoration:none;
padding:.9em 0;
border:1px solid #fff;
box-sizing:border-box;
}
.contNav ul.navf02 li a:hover{
display:block;
border-radius:6px;
background-color: rgba(255,229,238,0.5);
color: #a67c52;
border:1px solid #fff;
box-sizing:border-box;
}
.contNav ul.navf02 li:before{
font-family: FontAwesome;
content: "\f0d7";
position:absolute;
top:-0.1em;
left:49%;
color:#ff99cc;
}

/* ================================================================================ */
/*      ピックアップバナー（ヘッダーに重ねる）    */  
/* ================================================================================ */
.banr_pkup{ /*ヘッダ−エリア*/
display:none;
position:absolute;
top:240px;
left:50%;
width:485px;
margin-left:30px;
}

.banr_pkup p{
float:left;
width:100%;
text-align:left;
background:rgba(255,255,255,.9);
background:#ff99cc;
border-radius:3px;
box-sizing:border-box;
padding:1.6rem;
font-size:1.5rem;
color:#fff;
display:block;
position: relative;
}

.banr_pkup p span{
padding:3px 6px;
margin-right:3px;
border-radius:4px;
background:#ff99cc;
color:#fff;
border:1px solid #fff;
}
.banr_pkup:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #ff99cc;
}
.banr_pkup a , .banr_pkup a:hover{
color:#fff;
}

/**/
.banr_pkup2{ /*ヘッダ−エリア*/
position:absolute;
top:240px;
left:50%;
width:485px;
margin-left:30px;
}

.banr_pkup2 p{
position: relative;
}

.banr_pkup2 p span{
padding:3px 6px;
margin-right:3px;
border-radius:4px;
color:#fff;
}
.banr_pkup2 a , .banr_pkup2 a:hover{
color:#fff;
text-decoration:none;
float:right;
width:50%;
text-align:center;
background:rgba(255,255,255,.9);
background:#33cccc;
background:rgba(51,204,204,.9);
border:1px solid #fff;
border-radius:3px;
box-sizing:border-box;
padding:1.6rem .6rem;
font-size:1.5rem;
color:#fff;
display:block;
}

.banr_pkup2 p span::before{
font-family: FontAwesome;
content: "\f0a9";
display:inline-block;
margin-right:6px;
}
/* ================================================================================ */
/*実習フォームへのリンク（フッターエリア）*/
/* ================================================================================ */
#form_jisshu_Block {
width:100%;
margin:0 auto;
padding:42px 0;
background:#ffffff;
background:rgba(211,239,227,.8);
background:#33cccc;
text-align: center;
background:rgba(211,239,227,.8) url(../images_common/bk_jisshu.png) no-repeat 0 bottom;
background-size:cover;
font-size:16px;
}
#form_jisshu{
margin:30px auto;
text-align:center;
position:relative;
}
#form_jisshu_Block h2{
font-size:18px;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#form_jisshu_Block h2 span{
margin-bottom:20px;
padding:0.5em 2em;
background:#fff;
border-radius:2em;
}
#form_jisshu_Block p{
line-height:1.6;
margin-bottom:1em;
}
#form_jisshu span{
position:relative;
}
#form_jisshu a{
line-height:1;
width:720px;
margin:0 auto;
padding:1.5rem 1rem;
display:inline-block;
font-size:21px;
color: #a67c52;
color: #ffffff;
text-decoration: none;
background:#33cccc;
border:1px solid #ffffff;
border-radius: 3px;
}

#form_jisshu a:hover{
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
filter:alpha(opacity=70);
opacity:0.7;
-moz-opacity:0.7;
}

#form_jisshu2 span:after{
font-family: FontAwesome;
content: "\f0a9";
position:relative;
display:inline-block;
margin-right:6px;
color:#ffffff;
}
#form_jisshu span:before{
content:url(../images_common/icon_winopen_l.png);
position:relative;
display:inline-block;
margin-right:9px;
color:#ffffff;
}
/* ================================================================================ */
/*      footer     */  
/* ================================================================================ */
footer {
width:100%;
color:#999999;
padding:30px 0;
margin-bottom:0;
text-align:left;
text-transform: uppercase;
color:#666666;
background:rgb(255,251,254);
position:relative;
}
.footer_info{
width:980px;
margin:0 auto 0px;
text-align:center;
position:relative;
overflow:hidden;
}

.footer_info .Box_l{
width: 50%;
float:left;
padding-bottom:20px;
}
.footer_info .Box_r{
width: 50%;
float:right;
padding-top:10px;
}
.footer_info .Box_b{
width: 50%;
position:absolute;
left:0;
bottom:0;
}

footer .copyRight{
font-size:77%;
}
.footer span{
display:none;
}

/* ================================================================================ */
/*      RETURN HOME      */
/* ================================================================================ */
#return_home {
position: absolute;
width:400px;
top: 45px;
right: 0px;
z-index:1001;
}
#return_home span{
display:none;
}
#return_home ul li{
float:right;
padding-left:20px;
line-height:1.5;
}
#return_home a{
width: 173px;
height: 32px;
display: block;
font-size:77%;
color: #fff;
-webkit-border-radius:0 0 0 5px;
-moz-border-radius:0 0 0 5px;
border-radius:15px;
text-align: center;
line-height: 1.0;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#return_home a:hover{
background-color:#fff;
}
#return_home a.home{background:#006600 url(../images_common/button_home.png) no-repeat 0 50%;}
#return_home a:hover.home,#return_home a.home_active{background:#eb9420 url(../images_common/button_home_on.png) no-repeat 0 50%;}
#return_home a.hojin{background:#006600 url(../images_common/button_hojin.png) no-repeat 0 50%;}
#return_home a:hover.hojin,#return_home a.hojin_active{background:#eb9420 url(../images_common/button_hojin_on.png) no-repeat 0 50%;}
/* ================================================================================ */
/*      RETURN PAGE TOP      */
/* ================================================================================ */
#pagetop_Block {
width:100%;
position:fixed;
right:30px;
bottom:84px;
z-index:1000;
text-align:center;
width:60px;
height:60px;
}
#pagetop{
margin:0 auto;
text-align:center;
}
#pagetop span{
font-size:9px;
}
#pagetop a{
float:right;
line-height:1.2;
display:block;
margin:0;
font-family: FontAwesome;
font-size:30px;
color: #a67c52;
text-align: center;
text-decoration: none;
border-radius: 6px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
text-shadow: 0 0 6px rgba(255,255,255,0.8);
filter:alpha(opacity=70);
opacity:0.7;
-moz-opacity:0.7;
}
#pagetop a:hover {
color: #fff;
text-shadow:0 3px 3px rgba(0,0,0,0.1);
filter:alpha(opacity=100);
opacity:1.0;
-moz-opacity:1.0;
text-shadow: 0 0 6px rgba(255,255,255,0.6);
}

/* ================================================================================ */
/*      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;}

.margT0per{
margin-top:0px;
}
.margT150per{
margin-top:12px;
}
.margT200per{
margin-top:24px;
}
.margT300per{
margin-top:36px;
}
.margB100per{
margin-bottom:0;
}
.margB150per{
margin-bottom:12px;
}
.margB300per{
margin-bottom:36px;
}
.margL1em{
margin-left:1em;
}
.margL2em{
margin-left:2em;
}
.margL3em{
margin-left:3em;
}
/* ---------------------------------------------------- */
.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;
}
/*リスト　チェックアイコン*/
.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;
}

/*marker*/
.marker1{ /*190129追加 企画、秘書、総務*/
padding-bottom: 3px;
background:linear-gradient(transparent 85%, #ffcade 85%);
}

/* ---------------------------------------------------- */
.paddR1em{
padding-right:1em;
}
.paddR2em{
padding-right:2em;
}

/* ---------------------------------------------------- */
.sp_only{
display:none;
}

/*コメント（わくつき）*/
.chushaku1{
padding:12px;
border-radius:6px;
font-size:1.3rem;
color:#ff69b4;
border:1px solid #ff69b4;
}


}