@charset "UTF-8";



/*角丸*/
.radiusBox{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.radiusBox50{
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;	
}
.radiusTop{
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-radius-topright: 5px;  
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.radiusBottom{
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-radius-bottomright: 5px;  
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


.imgsp {
}
.imgpc {
width: auto;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.imgfull img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1500px;
}
@media screen and (max-width: 767px) {
.imgpc,.imgsp {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
}


/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */
#container{
/*display: none;*/
overflow: hidden;
position: relative;
/*width: 100%;*/
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 767px) {
#container {
}
}

.Box01{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
.Box01 {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
zoom: 1;
}
@media screen and (max-width: 767px) {
.Box01{
padding-top: 5%;
padding-bottom: 15%;
}
}
.bgTex01{
background-color: #D8E6EE;
}
.bgTex02{
/*background-image: url(../parts/tx02.jpg);*/
}


.row_mc{
max-width: 94%;
margin-top: 0;
margin-right: 3%;
margin-left: 3%;
margin-bottom: 0;
}
.row,.row00{
max-width: 1000px;
margin: 0 auto;
}
.row:after,.row00:after {
content: "";
display: block;
clear: both;
}
.row02 {
max-width: 900px;
margin: 0 auto;
}
.row900,.row900in {
max-width: 900px;
margin: 0 auto;
}
.row800 {
max-width: 800px;
margin: 0 auto;
}
.row800in {
max-width: 800px;
margin: 0 auto;
}
.row720 {
max-width: 720px;
margin: 0 auto;
}
.row720in {
max-width: 720px;
margin: 0 auto;
}
.row700 {
max-width: 700px;
margin: 0 auto;
}
.row700in {
max-width: 700px;
margin: 0 auto;
}
.row600in {
max-width: 600px;
margin: 0 auto;
}
.row460 {
max-width: 460px;
margin: 0 auto;
}
.row480in {
max-width: 480px;
margin: 0 auto;
}
.row730 {
max-width: 730px;
margin: 0 auto;
}
.row740 {
max-width: 740px;
margin: 0 auto;
}
.row02:after {
content: "";
display: block;
clear: both;
}
.pc_only {
display: block;
}
.sp_only {
display: none;
}

@media screen and (max-width: 767px) {
/* 左右に余白を設定 */
.row,.row02,.row720,.row730,.row900,.row800,.row700,.row740,.row460  {
padding: 0 5%;
}
.row00,.row720in,.row900in,.row800in,.row480in,.row700in,.row600in {
padding-top: 0;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0;
}
.pc_only {
display: none;
}
.sp_only {
display: block;
}
}


/*基本タイトル・リード・ボタン・バナー*/
h1.sec_title01{
padding-top: 10px;
text-align: center;
font-size: 26px;
padding-bottom: 10px;
margin-bottom: 30px;
line-height: 1.6em;
font-weight: bold;
} 
h1.sec_title01 span{
padding-top: 10px;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 14px;
display: block;
padding-bottom: 10px;
line-height: 1.2em;
font-weight: normal;
color: #000000;
}
@media screen and (max-width: 767px) {
h1.sec_title01{
padding-top: 10px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
font-weight: bold;
} 
h1.sec_title01 span{
padding-top: 5px;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 18px;
color: #000000;
display: block;
padding-bottom: 15px;
line-height: 1.2em;
}
h1.sec_title01 img{
width: 100%;
height: auto;
display: block;
} 
}
@media screen and (max-width: 360px) {
h1.sec_title01{
font-size: 18px;
} 
}

.btmline {
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid #EDEDED;
}
.btmline::after {
position: absolute;
bottom: -4px;
z-index: 2;
content: '';
width: 40%;
height: 4px;
background-color: #3498db;
margin-left: -20%;
}


h1.lead_title{
margin-bottom: 30px;
text-align: center;
font-size: 26px;
font-weight: bold;
line-height: 1.5em;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.color01{
color: #3865A6 !important;
}
.color02{
color: #D17D74 !important;
}
.color03{
color: #4CBAED !important;
}
.bgcolor01{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #01B2B2;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.bgcolor02{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #D17D74;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;	
}
.bgcolor03{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #4CBAED;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;	
}
.bgcolor_lightgrey{
padding-top: 10px;
padding-bottom: 10px;
background-color: #EEEEEE;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
font-weight: normal !important;
}

p.lead{
padding: 0px;
text-align: center;
font-size: 18px;
line-height: 1.8em;
margin-bottom: 40px;
}
p.lead strong{
background: linear-gradient(transparent 60%, #FFC0BF 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}


h2.lead_title{
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
color: #666666;
font-size: 20px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}

/*リードフォトタイトル*/
h1.lead_photo{
text-align: center;
display: block;
margin-bottom: 30px;
}
h1.lead_photo strong{
padding-top: 10px;
padding-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
text-align: center;
font-size: 26px;
font-weight: bold;
display: block;
line-height: 1.5em;
}
h1.lead_photo span{
text-align: center;
display: block;
margin-bottom: 30px;
}



/*ボタン*/
p.btn01,p.btn02 {
clear: both;
margin-left: auto;
margin-right: auto;
}
p.btn01 a{
padding-top: 20px;
padding-bottom: 20px;
margin-right: auto;
margin-left: auto;
width: 100%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size: 16px;
}
p.btn02 a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 100%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height: 1.5em;
}
p.btn01.corporate a,p.btn02.corporate a{
background-color: #049A09;
}
p.btn01.blue a,p.btn02.blue a{
background-color: #0080C3;
}
p.btn01.yellow a,p.btn02.yellow a{
background-color: #FCD006;
}
p.btn01.gray a,p.btn02.gray a{
background-color: #DDDDDD;
}
p.btn01.pink a,p.btn02.pink a{
background-color: #FF7EAD;
}
p.btn01.orange a,p.btn02.orange a{
background-color: #F38200;
}
p.btn01.black a,p.btn02.black a{
background-color: #000000;
}
p.btn01 .fa,p.btn02 .fa{
color: #000000;
margin-left: 20px;
}
p.btn01 a:link,p.btn02 a:link {
text-decoration: none;
color: #000000;
}
p.btn01 a:visited,p.btn02 a:visited {
text-decoration: none;
color: #000000;
}

p.btn01 a:hover,
p.btn01 a:active {
background-color: #EC361D;
color: #FFF;
}
p.btn01 a:hover .fa,
p.btn01 a:active .fa {
color: #FFF;
}

p.btn02 a:hover,
p.btn02 a:active {
background-color: #EC361D;
color: #FFF;
}
p.btn02 a:hover .fa,
p.btn02 a:active .fa {
color: #FFF;
}

/*ホワイト*/
.wt .fa,.wt{
color: #FFF !important;
}
.wt a:link {
text-decoration: none !important;
color: #FFF !important;
}
.wt a:visited {
text-decoration: none !important;
color: #FFF !important;
}
.wt a:hover, .wt a:active {
text-decoration: none !important;
color: #FFF !important;
}

/*ブラック*/
.bk .fa{
color: #000000;
}
.bk a:link {
text-decoration: none;
color: #000000;
}
.bk a:visited {
text-decoration: none;
color: #000000;
}
.bk a:hover, .bk a:active {
text-decoration: none;
color: #000000;
}

/*コーポレートカラー*/
.corp .fa{
color: #B71939 !important;
}
.corp a:link {
text-decoration: none !important;
color: #B71939 !important;
}
.corp a:visited {
text-decoration: none !important;
color: #B71939 !important;
}
.corp a:hover, .corp a:active {
text-decoration: none !important;
color: #B71939 !important;
}


/*エフェクト　ボタン*/
.button-1{
width: 100%;
text-align: center;
cursor: pointer;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.button-1 a{
font-size: 16px;
color: #000000;
text-decoration: none;
line-height: 70px;
transition: all .5s ease;
z-index: 2;
padding: 0;
margin: 0;
position: relative;
height: 70px;
display: block;
}
.button-1 img,.button-1 span{
display: inline-block;
vertical-align: middle;
}
.eff-1{
width: 100%;
left: -100%;
background: #000000;
position: absolute;
transition: all .2s ease;
z-index: 1;
height: 70px;
}
.button-1 a:hover{
color: #FFFFFF !important;
}
.button-1:hover .eff-1{
left:0;
}


.bg_corp{
background-color: #049A09;
/*background-image: url(../parts/bg_gold.png);*/
background-position: center center;
}
.bg_bk{
background-color: #222222;
}
.bg_orange{
background-color: #FF9000;
}
.bg_blue{
background-color: #009AE5;
}

.one-bana{
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align: center;
margin-bottom: 30px;
margin-top: 0px;
}
@media screen and (max-width: 767px) {
.one-bana{
margin-bottom: 20px;
}
.one-bana img {
width: 100%;
height: auto;
display: block;
} 
}

/*ボタン詳細*/
p.btn_detail {
clear: both;
margin-left: auto;
margin-right: auto;
z-index: 10;
}
p.btn_detail a{
padding-top: 8px;
padding-bottom: 8px;
margin-right: auto;
margin-left: auto;
width: 80%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size: 14px;
background-color: #FFFFFF;
}
p.btn_detail.color01 a{
/*background-color: #F0F0E1;*/
border: 3px solid #FFAC00;
}
p.btn_detail.color02 a{
border: 3px solid #FFFFFF;
}
p.btn_detail a:hover,
p.btn_detail a:active {
/*background-color: #EC361D;
color: #FFF;*/
width: 85%;
text-decoration: none;
}
@media screen and (max-width: 767px) {
p.btn_detail a{
width: 80%;
}
p.btn_detail a:hover,
p.btn_detail a:active {
width: 100%;
}
}



@media screen and (max-width: 767px) {
h1.sec_imgtitle{
margin-bottom: 30px;
} 
h1.sec_imgtitle img{
width: 100%;
height: auto;
display: block;
} 

h1.lead_photo strong{
padding-top: 10px;
padding-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
text-align: left;
font-size: 16px;
font-weight: bold;
display: block;
line-height: 1.5em;
}
h1.lead_photo strong br{
display: none;
}
h1.lead_title{
margin-bottom: 30px;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
}
h1.lead_title br{
display: none;
}
h1.lead_title span.color04{
display: block;
}
h2.lead_title{
margin-top: 0px;
margin-bottom: 30px;
text-align: center;
color: #666666;
font-size: 16px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
}

.bgcolor01{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #01B2B2;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;	
}
.bgcolor02{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #D17D74;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;	
}
.bgcolor03{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #4CBAED;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.bgcolor04{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #FFC926;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;	
}
.bgcolor05{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #01B2B2;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;	
}
.bgcolor_lightgrey{
padding-top: 10px;
padding-bottom: 10px;
background-color: #EEEEEE;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-weight: normal !important;
}
.bgcolor_line{
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF !important;
background-color: #5DBE38;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-weight: normal !important;
}
p.lead br{
display: none;
}
p.lead{
padding: 0px;
text-align: left;
font-size: 14px;
line-height: 1.8em;
margin-bottom: 30px;
}
p.leadfoot{
padding: 0px;
text-align: left;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 50px;
}
h1.lead_photo br{
display: none;
}
h1.lead_photo img{
width: 100%;
height: auto;
display: block;
}
p.btn01 a{
padding-top: 20px;
padding-bottom: 20px;
margin-right: auto;
margin-left: auto;
font-size: 14px;
width: 98%;
text-align: center;
margin-bottom: 0px;
display: block;
background-color: #FFFFFF;
padding-left: 1%;
padding-right: 1%;
}
p.btn02 a{
padding-top: 20px;
padding-bottom: 20px;
margin-right: auto;
margin-left: auto;
font-size: 16px;
width: 98%;
text-align: center;
margin-bottom: 0px;
display: block;
padding-left: 1%;
padding-right: 1%
}
}

/*セクションタイトル左右にライン*/
.section-title {
text-align: center;
margin-bottom: 40px;
}
.section-title.LeltT {
text-align: left;
}
.section-title div {
}
.section-title div span {
display: inline-block;
}
.section-title h1 {
font-size: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;
}
.section-title h1 span {
font-size: 20px;
padding-top: 10px;
padding-bottom: 0px;
display: block;
font-weight: normal;
}
.section-title h1 br {
display: none;
}

.section-title h1, .section-title h2, .section-title h3 {
display: inline-block;
}
.section-title h1 i {
font-style: normal;
display: block;
}
.section-title .line {
width: 90px;
background: #000000;
height: 1px;
margin: 5px 15px;
}
.section-title .line_wt {
width: 90px;
background: #FFFFFF;
height: 1px;
margin: 5px 15px;
}
.section-title .line.big {
width: 200px;
font-weight: bold;
}

.text-center {
vertical-align: middle;
display: table-cell;
text-align: center;
}
.fullimg img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.section-title {
margin-bottom: 20px;
}
.section-title h1 {
font-size: 20px;
padding-top: 10px;
padding-bottom: 8px;
line-height: 1.2em;
}
.section-title div span {
display: inline-block;
font-size: 14px;
}
.section-title h1 br {
display: block;
}
.section-title .line,.section-title .line_wt {
width: 14%;
margin: 5px 1%;
}
.section-title .line.big {
width: 100%;
font-weight: bold;
}
.fullimg img {
width: 100%;
height: auto;
display: block;
}
.fullimg p,.fullimg h1 {
height: auto;
display: block;
text-align: center;
}

}



#lineLR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center; /* for no-flexbox browsers */
margin-bottom: 10px;
}

#lineLR:before,
#lineLR:after {
border-top: 1px solid #000000;
content: "";
display: inline; /* for IE */
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex: 1;
flex-grow: 1;
}

#lineLR:before {
margin-right: 0.5em;
}

#lineLR:after {
margin-left: 0.5em;
}



.imagetitle {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: center;
}
.imagetitle p,.imagetitle h1{
display: inline-block;
vertical-align: middle;
}
.imagetitle h1 {
font-weight: bold;
font-size: 28px;
text-align: left;
padding-right: 10px;
color: #000000;
padding-left: 10px;
padding-top: 30px;
}
.imagetitle h1 span {
font-weight: normal;
font-size: 16px;
text-align: left;
padding-right: 15px;
line-height: 1.5em;
display: block;
margin-top: 10px;
}
.imagetitle p{
margin-right: 10px;
margin-left: 15px;
}
.imagetitle p.support{
margin-right: 10px;
width: 112px;
}
.imagetitle p.support img{
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.imagetitle p.shop a{
color: #FFFFFF;
background-color: #EA6C1A;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
font-weight: bold;
display: block;
}
/*
.imagetitle img{
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}*/
@media screen and (max-width: 767px) {
.imagetitle img{
width: 100%;
height: auto;
display: block;
}
.imagetitle h1 {
font-size: 25px;
text-align: center;
padding-right: 0px;
color: #000000;
padding-left: 0px;
padding-top: 10px;
line-height: 1.0em;
margin-bottom: 0px;
}
.imagetitle h1 span {
font-weight: normal;
font-size: 14px;
text-align: center;
padding-right: 0px;
line-height: 1.8em;
display: block;
margin-top: 10px;
}
}
@media screen and (max-width: 360px) {
.imagetitle h1 span {
font-weight: normal;
font-size: 14px;
text-align: center;
padding-right: 15px;
line-height: 1.8em;
}
.imagetitle p.support{
margin-right: 0px;
width: 100px;
}
}


/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */
#contents {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 40px;
padding-left: 10px;
}
/*　パンくず　*/
.pankuzu {
_zoom: 1;
font-size: 12px;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
color: #000000;
bottom: 10px;
width: 100%;
}
.pankuzu a:link {
text-decoration: underline;
color: #000000;
}
.pankuzu a:visited {
text-decoration: none;
color: #000000;
}
.pankuzu a:hover, .pankuzu a:active {
text-decoration: underline;
color: #000000;
}

/*　パンくずWP　Breadcrumb NavXT*/
.bread-crumb {
margin:0;
padding: 0px;
}
.bread-crumb li {
font-size:12px;
color:rgb(180,180,180);
float:left;
/*margin-right:1em;*/
list-style: none outside none;
}
.bread-crumb li:after {
content : '>';
padding-left:7px;
margin-right:7px;
}
.bread-crumb li:last-child:after {
content : '';
}
.bread-crumb li.current {
}


@media screen and (max-width: 767px) {
.pankuzu {
display: none;
}
}


/* ---------------------------------------------------------------- *
メインコンテンツローテーション 　slick slider
* ---------------------------------------------------------------- */
.mvslider {
	overflow: hidden;
	position: relative;
	height: 600px;
	width: 100%;
	/*max-width: 2000px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 125px;
}
.mvslider {
opacity: 0;
filter: alpha(opacity=0);        /* ie lt 8 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
-moz-opacity: 0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0;              /* Safari 1.x */
zoom: 1;
}

.mvslider .phots_mv {
*zoom: 1;
margin: auto;
}
.mvslider .phots_mv:after {
content: "";
display: table;
clear: both;
}
.mvslider p.t_rec {
position: absolute;
top: 10%;
left: 3%;
opacity: 1;
z-index: 1;
}
.mvslider p.t_guidance {
position: absolute;
top: 10%;
right: 7%;
opacity: 1;
z-index: 1;
}
/*.mvslider p.gd2020 {
position: absolute;
opacity: 1;
z-index: 3;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
}
.mvslider p.gd2020 img {
width: 2000px;
height: 600px;
}*/
@media screen and (max-width: 767px) {
.mvslider {
margin-top: 13%;
margin-bottom: 0px;
padding-bottom: 0px;
height: auto;
}
/*.mvslider p.gd2020 img {
display: none;
}*/
.mvslider p.t_rec {
position: absolute;
top: 8%;
left: 5%;
}
.mvslider p.t_rec img {
width: 50%;
height: auto;
display: block;
}
.mvslider p.t_guidance {
top: 5%;
right: 0%;
}
.mvslider p.t_guidance img {
width: 45%;
height: auto;
display: block;
margin-right: 0%;
margin-left: auto;
}
}
@media screen and (max-width: 320px) {
.mvslider p.t_rec img {
width: 40%;
height: auto;
display: block;
}
}



.mvslider .phots_mv-item .mv {
width: 100%;
height: 600px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; 
overflow: hidden;
}

/*IE11対応　画像が高さからはみ出す症状防止*/
/*.mvslider .phots_mv li {
width: 100%;
height: 600px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.mvslider .phots_mv li {
height: auto;
}
}
*/

/*.mvslider p.job01 {
position: absolute;
opacity: 1;
z-index: 3;
bottom: 60px;
left: 50%;
transform: translateX(-110%);
}
.mvslider p.job02 {
position: absolute;
opacity: 1;
z-index: 3;
bottom: 60px;
left: 50%;
transform: translateX(10%);
}
.mvslider .job01 img,.mvslider .job02 img {
width: 100%;
height: auto;
display: block;
margin-right: auto;
}*/
@media screen and (max-width: 767px) {

.mvslider .phots_mv-item .mv {
display: none;
}
.mvslider .phots_mv-item figure,.mvslider .phots_mv-item .mvsp {
display: block;
margin-bottom: 0px;
padding-bottom: 0px;
}
.mvslider .phots_mv-item figure img,.mvslider .phots_mv-item .mvsp img{
width: 100%;
height: auto;
display: block;
margin-bottom: 0px;
padding-bottom: 0px;
}
/*.mvslider p.job01,.mvslider p.job02 {
display: none;
}*/
}
/* ---------------------------------------------------------------- *
ジョブ　ボタン
* ---------------------------------------------------------------- */
/*.job_btn1 {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.job_btn1 ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.job_btn1 li.type2 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.job_btn1 li.type2 img {
width: 100%;
height: auto;
display: block;
}
.job_btn1 li img{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.job_btn1 ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.job_btn1 {
width: 100%;
}
}*/
/* ---------------------------------------------------------------- *
トップ　もり
* ---------------------------------------------------------------- */
/*.mori{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
background-image: url(../parts/tx_zarazara.jpg);
background-position: center top;
}
.mori h1{
text-align: center;
margin-bottom: 20px;
}
.mori p{
font-size: 17px;
line-height: 2.2em;
margin-bottom: 20px;
}
.mori p strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.mori{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
}
.mori h1 img{
margin-bottom: 20px;
width: 80%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.mori p{
font-size: 14px;
line-height: 2em;
margin-bottom: 20px;
}
}*/


/* ---------------------------------------------------------------- *
2カラム
* ---------------------------------------------------------------- */
.wrap_box {
_zoom: 1;
overflow: hidden;
width: 100%;
margin: 0;
padding-right: 0;
padding-left: 0;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
.wrap_box p.job_note {
clear: both;
text-align: center;
padding-top: 30px;
}
.iBox1,.iBox2 {
float: left;
margin-top: 0;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 0px;
width: 48%;
}
@media screen and (max-width: 767px) {
.iBox1 {
float: none;
width: 100%;
margin-right: 30px;
}
.iBox2 {
float: none;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 100%;
}
}


.list_dot {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
}
.list_dot ul {
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
padding-left: 30px;
padding-right: 20px;
}
.list_dot ul li {
font-size: 15px;
margin-bottom: 10px;
list-style-type: none;
position: relative;
}
.list_dot ul li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1.5em;
width: 14px;
height: 14px;
border-radius: 100%;
background-color: #3DAC11;
}
.list_dot ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.list_dot h1 img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.list_dot {
clear: both;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list_dot ul {
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
padding-left: 30px;
padding-right: 10px;
}
.list_dot ul li {
font-size: 14px;
}
}


/*ドット*/
.list_dot2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0px;
}
.list_dot2 ul {
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
padding-left: 20px;
}
.list_dot2 ul li.dot {
font-size: 14px;
margin-bottom: 5px;
list-style-type: none;
position: relative;
}
.list_dot2 ul li.dot::after {
display: block;
content: '';
position: absolute;
top: .7em;
left: -1.3em;
width: 10px;
height: 10px;
background-color: #3DAC11;
border-radius: 100%;
}
.list_dot2 ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.list_dot2 {
margin-right: auto;
margin-left: auto;
}
.list_dot2 ul li.dot {
font-size: 13px;
line-height: 1.8em;
}
.list_dot2 ul li.dot::after {
top: .6em;
}
}

/* ---------------------------------------------------------------- *
ジョブ　ボタン　エントリー
* ---------------------------------------------------------------- */
.job_entry {
width: 100%;
padding-top: 70px;
padding-bottom: 50px;
background-image: url(../parts/entry_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.job_btn2 {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.job_btn2 ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.job_btn2 li.type2 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.job_btn2 li.type2 img {
width: 100%;
height: auto;
display: block;
}
.job_btn2 ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.job_btn2 {
}
}


/* ---------------------------------------------------------------- *
お知らせ
* ---------------------------------------------------------------- */
.sec_news{
width: 100%;
margin: 0px;
padding-top: 70px;
padding-bottom: 70px;
background-image: url(../parts/tx_zarazara.jpg);
background-position: center top;
}
@media screen and (max-width: 767px) {
.sec_news{
padding-bottom: 30px;
padding-top: 0px;
}
}


.news_Box {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.news_Box ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.news_Box li.type1 {
width: 20%;
margin-left: 0%;
margin-right: 5%;
float: left;
margin-bottom: 0px;
}
.news_Box li.type2 {
width: 75%;
margin-left: 0%;
margin-right: 0%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.news_Box li.type1 h1 {
font-size: 30px;
font-weight: bold;
padding-top: 20px;
padding-bottom: 10px;
text-align: center;
}
.news_Box li.type1 h1 span {
font-size: 18px;
font-weight: normal;
display: block;
padding-top: 10px;
}
.news_Box ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.news_Box {
width: 100%;
}
.news_Box li.type1 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 10px;
}
.news_Box li.type2 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0px;
}
.news_Box li.type1 h1 {
font-size: 20px;
padding-top: 10px;
text-align: center;
}
.news_Box li.type1 h1 span {
font-size: 16px;
padding-top: 5px;
}
}
/*お知らせ　シンプルタイプ*/
.list_info {
margin: 0px;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 30px;
}
.list_info  ol {
clear: both;
}
.list_info  ol li {
/*_zoom: 1;
overflow: hidden;*/
padding-right: 0px;
padding-left: 0px;
border-bottom: 1px solid #BFBFBF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
position: relative;
padding-top: 5px;
}
.list_info  ol li dt {
color: #999;
float: left;
width: 22%;
padding-top: 15px;
}
.list_info  ol li dd {
margin-left: 22%;
position: relative;
}
.list_info  ol li dd h2{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
margin-left: 0px;
}
.list_info  ol li dd a :before {
position: absolute;
margin-left: -50px;
content: '\f101';
color: #00254B;
font-family: fontAwesome;
right: 10px;
top: 30%;
font-size: 16px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.list_info  ol li dd a:hover :before {
right: 0px;
}
.list_info  ol li dd span.cate{
background-color: #B6A563;
color: #FFF;
width: 150px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
display: block;
float: left;
text-align: center;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
* html .list_info  ol li dd {
zoom: 1;
}
.list_info  ol li dd h2 a:link {
text-decoration: none;
color: #666666;
}
.list_info  ol li dd h2 a:visited {
color: #666666;
text-decoration: none;
}
.list_info  ol li dd h2 a:hover, .list_info  ol li dd h2 a:active {
color: #666666;
text-decoration: underline;
}

.list_info  ol li dd .cate a:link {
text-decoration: none;
color: #FFF;
}
.list_info  ol li dd .cate a:visited {
color: #FFFFFF;
text-decoration: none;
}
.list_info  ol li dd .cate a:hover, .list_info  ol li dd .cate a:active {
color: #FFFFFF;
text-decoration: underline;
}
.list_info li p.update{
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
color: #FFFFFF;
font-size: 10px;
margin-bottom: 0px;
background-color: #FF0000;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 120px;
top: 10px;
display: inline-block;
z-index: 2;
}
@media screen and (max-width: 767px) {
.list_info  ol li dt {
color: #999;
float: none;
width: 100%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.list_info  ol li dd {
margin-left: 0px;
}
.list_info  ol li dd h2{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-right: 10%;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.list_info  ol li dd span.cate{
color: #FFF;
width: 70%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: block;
float: none;
text-align: center;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
font-size: 90%;
margin-left: auto;
}
.list_info li p.update{
font-size: 10px;
width: 35px;
height: 35px;
line-height: 35px;
left: 110px;
top: -5px;
}
}


/* ---------------------------------------------------------------- *
森林の作業を見る
* ---------------------------------------------------------------- */
.mori_work{
width: 100%;
margin: 0px;
background-image: url(../parts/work_bg.png);
background-position: center top;
background-repeat: no-repeat;
height: 660px;
background-color: #458C61;
position: relative;
}
.plural {
display: flex;
justify-content: center;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.mori_work p.btn_detail{
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
.mori_work p.mori1,.mori_work p.mori2{
padding-top: 560px;
}
@media screen and (max-width: 767px) {
.mori_work{
padding-bottom: 30px;
padding-top: 30px;
height: 200px;
background-size: cover;
background-position: center center;
border-top: 20px solid #458C61;
border-bottom: 50px solid #458C61;
}
.plural {
display: block !important;
justify-content: center;
width: 100%;
}
.mori_work p.mori1{
padding-top: 150px !important;
}
.mori_work p.mori2{
padding-top: 15px !important;
}
}

















































/* ---------------------------------------------------------------- *
お問い合わせ
* ---------------------------------------------------------------- */
.bs_home{
margin: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 30px;
width: 100%;
position: relative;
padding-top: 60px;
background-color: #D5E8B2;
}
.bs_home p{
font-size: 16px;
line-height: 1.6em;
margin-bottom: 10px;
text-align: center;
}
.bs_home .btn_pos{
}
@media screen and (max-width: 767px) {
.bs_home{
padding-bottom: 5%;
padding-top: 7%;
}
.bs_home{
padding-top: 30px;
}
.bs_home p{
font-size: 14px;
line-height: 1.5em;
margin-bottom: 0px;
text-align: left;
}
.bs_home .btn_pos{
width: 90%;
bottom: 0%;
left: 5%;
margin-left: auto;
position: static;
margin-right: auto;
}
}

/*シグネチャー*/
.signature {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.signature ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.signature li {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.signature li.type1 {
width: 48%;
margin-left: 1%;
margin-right: 1%;
text-align: left;
}
.signature li.type2 {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.signature li h1{
margin-bottom: 10px;
width: 80%;
margin-left: 0px;
margin-right: auto;
}
.signature  ul li h1 img{
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.signature li p.address{
text-align: left;
}
.signature ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

@media screen and (max-width: 767px) {
.signature {
width: 100%;
margin-bottom: 30px;
}
.signature  ul li,.signature li.type1,.signature li.type2 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 15px;
}
.signature li h1{
width: 90%;
margin-left: auto;
margin-right: auto;
}
/*
.signature  ul li h1 img{
width: 60%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}*/
.signature li p.address{
text-align: center;
font-size: 13px;
line-height: 1.8em;
}
.signature li p.phone {
font-size: 25px;
font-weight: bold;
padding-bottom: 10px;
text-align: center;
}
}
@media screen and (max-width: 360px) {
.signature li p.address{
font-size: 12px;
line-height: 1.8em;
}
}





















/* ---------------------------------------------------------------- *
列パターン
* ---------------------------------------------------------------- */
.list_row {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.list_row ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_row li.type3 {
width: 31%;
margin-left: 1.16666%;
margin-right: 1.16666%;
float: left;
margin-bottom: 20px;
}
.list_row li.type2 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.list_row li.type3 img,.list_row li.type2 img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.list_row ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.list_row {
width: 100%;
}
.list_row li.type3 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 15px;
}
.list_row li.type2 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0px;
}
}


/* ---------------------------------------------------------------- *
タームナビ
* ---------------------------------------------------------------- */
.terms_nav {
overflow: hidden;
}
.terms_nav h2 {
text-align: center;
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
}
.terms_nav h2 i {
background-color: #F8E71C;
padding: 5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 5px;
}
.terms_nav.n_cat {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0px;
}

.terms_nav ul {
position: relative;
left: 50%;
float: left;
}

.terms_nav ul li {
position: relative;
left: -50%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.terms_nav ul li i.fa{
margin-left: 10px;
}
.terms_nav ul li a{
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-right: 5px;
margin-left: 5px;
margin-top: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #DDDDDD;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.terms_nav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #049A09;
}
.terms_nav ul li.current-cat a{
background-color: #049A09;
}
.terms_nav ul li a:link {
text-decoration: none !important;
color: #FFF !important;
}
.terms_nav ul li a:visited {
text-decoration: none !important;
color: #FFF !important;
}
.terms_nav ul li a:hover, .wt a:active {
text-decoration: none !important;
color: #FFF !important;
}
@media screen and (max-width: 767px) {
.terms_nav ul li {
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.terms_nav ul li a{
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
margin-right: 5px;
margin-left: 5px;
margin-top: 0px;
font-size: 13px;
}
}





/* ---------------------------------------------------------------- *
ガイダンススライダー 
* ---------------------------------------------------------------- */
.g_slider {
overflow: hidden;
position: relative;
height: auto;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
clear: both;
margin-bottom: 30px;
}
.g_slider {
opacity: 0;
filter: alpha(opacity=0);        /* ie lt 8 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
-moz-opacity: 0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0;              /* Safari 1.x */
zoom: 1;
}

.g_slider .phots_mv {
*zoom: 1;
margin: auto;
padding-top: 21.25%;
}
.g_slider .phots_mv:after {
content: "";
display: table;
clear: both;
}

.g_slider .phots_mv-item {
float: left;
width: 100%;
height: auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.g_slider .g_head {
position: absolute;
left: 0%;
top: 0%;
z-index: 10;
width: 100%;
height: auto;
}
.g_slider .g_head img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.g_slider .phots_mv-item figure img{
width: 100%;
height: auto;
display: block;
margin-bottom: 0px;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.g_slider {
margin-top: 0px;
margin-bottom: 15px;
padding-bottom: 0px;
height: auto;
}
.g_slider .phots_mv-item {
position: relative;
height: auto;
background-image: none !important;
overflow: hidden;
margin-bottom: 0px;
}
.g_slider .phots_mv-item figure {
display: block;
margin-bottom: 0px;
padding-bottom: 0px;
}
}



/* ---------------------------------------------------------------- *
ガイダンスナビ
* ---------------------------------------------------------------- */
.guid_n {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.guid_n ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.guid_n li a {
width: 23%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
display: block;
background-color: #B4D134;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.guid_n li a:hover {
background-color: #8FAB17;
}
.guid_n ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.guid_n {
width: 100%;
margin-bottom: 30px;
}
.guid_n li a {
width: 49%;
margin-left: 0.5%;
margin-right: 0.5%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
}
}


/*メインタイトル*/
.g_contents h1.gd {
margin: 0;
padding: 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.g_contents h1.gd img {
height: 50px;
width: auto;
}
}
.g_contents h3 {
margin: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.g_contents h3 {
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}
}
/*リード*/
.g_contents p.gd_lead {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
width: 75%;
margin-left: auto;
margin-right: auto;
line-height: 2em;
font-size: 16px;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.g_contents p.gd_lead {
width: 100%;
font-size: 14px;
}
}


/*TX*/
.gd_tx01 {
background-image: url(../parts/gd_tx01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}
.gd_tx02 {
background-image: url(../parts/gd_tx02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
}
.gd_tx03 {
background-image: url(../parts/gd_tx03.jpg);
background-repeat: repeat-y;
background-size: contain;
background-position: center top;
}
.gd_tx04 {
background-image: url(../parts/bg_company.jpg);
background-repeat: repeat-y;
background-position: center top;
}
.gd_tx05 {
background-image: url(../parts/bg_company2.jpg);
background-repeat: repeat-y;
background-position: center top;
}
@media screen and (max-width: 767px) {
.gd_tx01,.gd_tx02 {
background-image: url(../parts/gd_tx01_sp.jpg);
padding: 0 5%;
background-size: cover;
background-position: center top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gd_tx03 {
background-image: url(../parts/gd_tx03.jpg);
padding-top: 30px;
padding-right: 5%;
padding-left: 5%;
padding-bottom: 0;
background-size: contain;
background-position: center top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gd_tx04 {
background-image: url(../parts/bg_company.jpg);
padding-top: 30px;
padding-right: 5%;
padding-left: 5%;
padding-bottom: 0;
background-size: contain;
background-position: center top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gd_tx05 {
background-image: url(../parts/bg_company2.jpg);
padding-top: 30px;
padding-right: 5%;
padding-left: 5%;
padding-bottom: 0;
background-size: contain;
background-position: center top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}

/* ---------------------------------------------------------------- *
ノート罫線付テキスト
* ---------------------------------------------------------------- */
.g_contents .note {
width: 100%;
padding: 0 1em;
background: linear-gradient(#FFD600 4px, transparent 1px);
background-size: auto 2.5em;
line-height: 2.5em;
border-bottom: 4px solid #FFD600;
overflow: hidden;
text-align: center;
font-size: 25px;
font-weight: bold;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.g_contents .note {
font-size: 18px;
margin-bottom: 20px;
text-align: left;
}
}


/* ---------------------------------------------------------------- *
林業って？
* ---------------------------------------------------------------- */
.g_what {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.g_what ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.g_what li.type2 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.g_what li.type2 img {
width: 100%;
height: auto;
display: block;
}
.g_what li p{
}
.g_what ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.g_what {
width: 90%;
}
.g_what li.type2 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0px;
}
}

/* ---------------------------------------------------------------- *
当日の内容
* ---------------------------------------------------------------- */
.g_theday {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
margin-top: 50px;
}
.g_theday ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.g_theday li {
position: relative;
margin-bottom: 80px;
}
.g_theday li.type1 {
width: 96%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-top: 0px;
}
.g_theday li.type2 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-top: 0px;
}
.g_theday li.type3 {
width: 96%;
margin-left: 2%;
margin-right: 2%;
float: left;
margin-top: 0px;
border: 1px solid #FF0000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
box-sizing: border-box;
padding-left: 30px;
background-color: #FFFFFF;
}
.g_theday li figure img {
position: absolute;
top: -50px;
left: -20px;
}
.g_theday li h2{
padding-top: 15px;
padding-bottom: 15px;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
background-image: linear-gradient(45deg, #8BD7F5, #00BDFF);
padding-left: 80px;
}
.g_theday li h2 span{
position: absolute;
top: -15px;
left: 80px;
font-size: 30px;
}
.g_theday li h3{
font-size: 20px;
font-weight: bold;
color: #DA0003;
text-align: left;
margin-bottom: 10px;
}
.g_theday li p{
font-size: 16px;
line-height: 2em;
}
.g_theday li.type3 p {
font-size: 14px;
line-height: 1.8em;
}
.g_theday ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.g_theday {
width: 100%;
}
.g_theday li {
margin-bottom: 40px;
}
.g_theday li figure img {
position: absolute;
top: -30px;
left: -20px;
width: 20%;
}
.g_theday li.type1,.g_theday li.type2 {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
}
.g_theday li h2{
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
padding-left: 50px;
}
.g_theday li h2 span{
left: 50px;
font-size: 25px;
}
.g_theday li h3{
font-size: 16px;
}
.g_theday li.type3 p {
font-size: 13px;
line-height: 1.6em;
}
.g_theday li p{
font-size: 14px;
line-height: 1.8em;
}
}


/* ---------------------------------------------------------------- *
インタビュー
* ---------------------------------------------------------------- */
.list_faq {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.list_faq ul {
list-style: none;
padding: 0px;
margin: 0;
width: 100%;
}
.list_faq li.LQ,.list_faq li.RQ {
width: 100%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0px;
padding-bottom: 0px;
}
.list_faq li h3 {
font-size: 24px;
font-weight: normal;
margin-bottom: 0px;
margin-left: 0px;
position: absolute;
line-height: 1.8em;
top: 18%;
text-align: left;
width: 55%;
padding: 0;
}
.list_faq li.LQ h3 {
left: 40%;
}
.list_faq li.RQ h3 {
left: 5%;
}
.list_faq li h3 span {
font-size: 16px;
padding-top: 5px;
padding-bottom: 10px;
display: block;
}
.list_faq li figure img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.list_faq li p {
font-size: 14px;
color: #333333;
margin-bottom: 0px;
line-height: 1.8em;
}
.list_faq ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

@media screen and (max-width: 767px) {
.list_faq {
width: 100%;
}
.list_faq ul {
width: 100%;
}
.list_faq li.LQ,.list_faq li.RQ {
padding-bottom: 0px;
}
.list_faq li h3 {
font-size: 11px;
line-height: 1.6em;
}
.list_faq li h3 span {
padding: 0;
font-size: 10px;
}
.list_faq li h4{
font-size: 14px;
}
.list_faq li p {
font-size: 13px;
}
.list_faq li {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0%;
}
.list_faq li.RQ {
width: 100%;
padding-left: 0%;
}
}
@media screen and (max-width: 375px) {
.list_faq li h3 {
font-size: 11px;
line-height: 1.4em;
}
.list_faq li h3 span {
font-size: 10px;
}
.list_faq li h4{
font-size: 14px;
}
.list_faq li p {
font-size: 13px;
}
}

/* ---------------------------------------------------------------- *
開閉コンテンツ
* ---------------------------------------------------------------- */
div.faqOC{
display: block;
cursor: pointer;
pointer-events: auto;
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: relative;
}
div.faqOC .detail{
display: block;
pointer-events: auto;
background-image: url(../parts/btn_detail01.svg);
background-repeat: no-repeat;
background-position: right center;
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: absolute;
left: 40%;
width: 201px;
height: 52px;
top: 67%;
}
div.faqOC.open .detail{
background-image: url(../parts/btn_detail02.svg);
}
div.faqOC.open{
cursor: pointer;
pointer-events: auto;
background-repeat: no-repeat;
background-position: right center;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
div.faqOC{
}
div.faqOC .detail{
left: 38%;
width: 100px;
height: 26px;
top: 73%;
}
div.faqOC.open{
cursor: pointer;
pointer-events: auto;
background-repeat: no-repeat;
background-position: right center;
padding-bottom: 0px;
padding-top: 0px;
}
}
@media screen and (max-width: 375px) {
div.faqOC .detail{
width: 80px;
height: 20px;
top: 73%;
}
}

/* ---------------------------------------------------------------- *
開閉コンテンツ
* ---------------------------------------------------------------- */
#OCbox{
margin-right: 0;
margin-left: 0;
margin-bottom: 0px;
margin-top: 10px;
}
#OCbox .toggle_box {
margin-right: 2%;
margin-left: 2%;
margin-bottom: 0px;
list-style: none;
display: none;
padding: 30px;
background-color: #FFFFFF;
margin-top: 20px;
border: 5px solid #000000;
background-image: url(../parts/gd_tx03.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
#OCbox .toggle_box h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
color: #60AB00;
}
#OCbox .toggle_box p {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
#OCbox{
}
#OCbox .toggle_box {
margin-right: 2%;
margin-left: 2%;
margin-bottom: 0px;
padding: 15px;
margin-top: 10px;
border: 2px solid #000000;
}
#OCbox .toggle_box h4 {
font-size: 16px;
}
div.rootOC{
}
div.rootOC.open{
}
}

/*予約ボタン*/
.button-g{
width: 100%;
text-align: center;
cursor: pointer;
position: relative;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding: 0;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 50px;
}
.button-g a{
transition: all .5s ease;
z-index: 2;
padding-top: 60px;
padding-bottom: 60px;
margin: 0;
position: relative;
display: block;
}
.button-g p{
font-size: 20px;
text-decoration: none;
line-height: 1.4em;
font-weight: bold;
text-shadow: 0px 0px 10px rgba(0,0,0,1),
1px 0px 2px rgba(0,0,0,1), 
0px 1px 2px rgba(0,0,0,1), 
-1px 0px 2px rgba(0,0,0,1), 
0px -1px 2px rgba(0,0,0,1);
}
.button-g a:hover{
text-shadow: 0px 0px 0px rgba(0,0,0,1),
1px 0px 2px rgba(0,0,0,1), 
0px 1px 2px rgba(0,0,0,1), 
-1px 0px 2px rgba(0,0,0,1), 
0px -1px 2px rgba(0,0,0,1);
}

.button-g img{
display: inline-block;
vertical-align: middle;
width: 40%;
height: auto;
}
.button-g span{
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.eff-g{
width: 100%;
left: -100%;
background-color: #FF7D00;
position: absolute;
transition: all .2s ease;
z-index: 1;
height: 500px;
}
.button-g a:hover{
color: #FFFFFF !important;
}
.button-g:hover .eff-g{
left:0;
}
.bg_guidance{
background-image: url(../parts/yoyaku_btn_bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.bg_jigyotai{
/*background-image: url(../parts/yoyaku_btn_bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;*/
background-color: #096C13;
}
@media screen and (max-width: 767px) {
.button-g p{
font-size: 14px;
line-height: 1.4em;
}
.button-g p span{
font-size: 11px;
}
.button-g img{
display: inline-block;
vertical-align: middle;
width: 90%;
height: auto;
}
}

/*林業で働きたい人へ*/
.rBox01{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 70px;
font-size: 16px;
line-height: 2em;
}
.rBox01 h1{
margin-bottom: 30px;
position: relative;
}
.rBox01 span.update{
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
color: #000000;
font-size: 15px;
margin-bottom: 0px;
background-color: #EFF700;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0px;
top: -20px;
display: inline-block;
z-index: 2;
font-weight: bold;
-webkit-box-shadow: 5px 5px 0px #275700;
-moz-box-shadow: 5px 5px 0px #275700;
box-shadow: 5px 5px 0px #275700;
}
.rBox01 h2{
margin-bottom: 30px;
font-size: 25px;
font-weight: bold;
}
.rBox01 p.r_iknow{
}
.rBox01 figure.r_iknow{
float: right;
padding-left: 40px;
padding-bottom: 10px;
}
.rBox01 figure img{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
@media screen and (max-width: 767px) {
.rBox01{
padding-top: 5%;
padding-bottom: 15%;
font-size: 14px;
line-height: 1.8em;
}
.rBox01 h1{
margin-bottom: 15px;
}
.rBox01 span.update{
font-size: 14px;
width: 50px;
height: 50px;
line-height: 50px;
}
.rBox01 h1 img{
width: 100%;
height: auto;
display: block;
}
.rBox01 h2{
margin-bottom: 20px;
font-size: 18px;
}
.rBox01 figure{
width: 60%;
}
.rBox01 figure.r_iknow{
padding-left: 10px;
padding-bottom: 10px;
}
.rBox01 figure img{
width: 100%;
height: auto;
display: block;
}
}



/* ---------------------------------------------------------------- *
MVスライダー　森林の流れ
* ---------------------------------------------------------------- */
.s_florw {
/*overflow: hidden;*/
position: relative;
height: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
clear: both;
}
.s_florw {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
zoom: 1;
}
.s_florw .phots_mv {
*zoom: 1;
margin: auto;
}
.s_florw .phots_mv:after {
content: "";
display: table;
clear: both;
}
.s_florw .phots_mv-item .mv{
width: 100%;
height: auto;
display: block;
}
.s_florw .phots_mv-item .mv img{
width: 100%;
height: auto;
display: block;
margin-bottom: 0px;
padding-bottom: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.s_florw .phots_mv-item h3{
font-size: 16px;
font-weight: bold;
padding: 0;
margin-bottom: 0px;
}
.s_florw .phots_mv-item p{
}
@media screen and (max-width: 767px) {
.s_florw {
margin-bottom: 0px;
}
}

.s_florw ul.phots_mv {
float: right;
width: 45%;
margin-top: 80px;
}
.s_florw ul.thumb_item {
float: left;
width: 50%;
margin-right: 5%;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.s_florw ul.phots_mv {
float: none;
width: 100%;
margin-top: 0px;
}
.s_florw ul.thumb_item {
float: none;
width: 100%;
margin-right: 0%;
}
}


/*サムネイル*/
.s_florw ul.thumb_item{
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url(../parts/r_flow_bg.png?v=20201015);
background-repeat: no-repeat;
width: 500px;
height: 480px;
position: relative;
background-position: center bottom;
}
/*.s_florw ul.thumb_item li.tmb1 img{
position: absolute;
right: 7%;
top: 12%;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb2 img{
position: absolute;
right: 5px;
top: 220px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb3 img{
position: absolute;
right: 90px;
top: 370px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb4 img{
position: absolute;
right: 310px;
top: 370px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb5 img{
position: absolute;
right: 405px;
top: 220px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb6 img{
position: absolute;
right: 380px;
top: 80px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb7 img{
width: 100px;
padding-left: 0px;
position: relative;
right: 250px;
}
*/
.s_florw ul.thumb_item li.tmb1 img{
position: absolute;
right: -12%;
top: 19%;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb2 img{
position: absolute;
right: -16%;
top: 270px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb3 img{
position: absolute;
right: 90px;
top: 400px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb4 img{
position: absolute;
right: 300px;
top: 320px;
z-index: 5;
width: 100px;
}
/*.s_florw ul.thumb_item li.tmb5 img{
position: absolute;
right: 310px;
top: 220px;
z-index: 5;
width: 100px;
}*/
.s_florw ul.thumb_item li.tmb6 img{
position: absolute;
right: 320px;
top: 100px;
z-index: 5;
width: 100px;
}
.s_florw ul.thumb_item li.tmb7 img{
width: 100px;
padding-left: 0px;
position: relative;
top: 0px;
right: 190px;
}

.s_florw ul.thumb_item li img{
width: 140%;
height: auto;
display: block;
margin-bottom: 400px;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.s_florw ul.thumb_item{
width: 100%;
height: auto;
position: relative;
background-position: center center;
background-size: contain;
display: none;
}
.s_florw ul.thumb_item li img{
width: 100%;
height: auto;
display: block;
margin-bottom: 500px;
cursor: pointer;
}

}




.list_line3 {
padding: 0px;
position: relative;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.7em;
}
.list_line3  ol {
}
.list_line3  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 8px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
position: relative;
}
.list_line3  ol li.fi {
padding-bottom: 13px;
padding-top: 13px;
}
.list_line3  ol li::after {
position: absolute;
bottom: 0px;
left: 0px;
content: '';
height: 1px;
}
/*
.list_line3  ol li::before {
position: absolute;
bottom: 0px;
left: 0px;
margin:0 auto;
content: '';
height: 1px;
}*/
.list_line3  ol li:first-child::before {
position: absolute;
top: 0px;
left: 0px;
content: '';
height: 1px;
}
.list_line3  ol li::before {
z-index: 2;
width: 100%;
background-color: #cccccc;
}
.list_line3  ol li::after {
width: 100%;
background-color: #cccccc;
}
.list_line3  ol li dt {
float: left;
color: #333;
margin-right: 2%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 23%;
font-weight: bold;
}
.list_line3  ol li dd {
margin-left: 25%;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.list_line3  ol li dd strong {
font-size: 18px;
}
.list_line3  ol li dd p{
margin: 0px;
padding: 0px;
}
* html .list_line3  ol li dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.list_line3  ol li {
font-size: 13px;
}
.list_line3  ol li.fi {
padding-bottom: 10px;
padding-top: 10px;
}
.list_line3  ol li dt {
color: #333;
margin-right: 2%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 28%;
}
.list_line3  ol li dd {
margin-left: 30%;
background-repeat: no-repeat;
background-position: 0px 0px;
}
}
@media screen and (max-width: 360px) {
.list_line3  ol li {
font-size: 12px;
}
}



.one_Day {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.one_Day ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.one_Day li.type1 {
width: 45%;
margin-left: 0%;
margin-right: 5%;
float: left;
margin-bottom: 0px;
}
.one_Day li.type2 {
width: 50%;
margin-left: 0%;
margin-right: 0%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.one_Day li.type50b {
width: 49%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 0px;
position: relative;
}
.one_Day li.type50 {
width: 49%;
margin-left: 0.5%;
margin-right: 0.5%;
float: left;
margin-bottom: 20px;
margin-top: 0px;
position: relative;
}
.one_Day li.type100 {
width: 99%;
margin-left: 0.5%;
margin-right: 0.5%;
float: left;
margin-bottom: 20px;
margin-top: 0px;
position: relative;
}
.one_Day li.type50 img {
width: 100%;
height: auto;
display: block;
}
.one_Day li.type1 h1 {
font-size: 30px;
font-weight: bold;
padding-top: 20px;
padding-bottom: 10px;
text-align: center;
}
.one_Day li.type1 h1 span {
font-size: 18px;
font-weight: normal;
display: block;
padding-top: 10px;
}
.one_Day ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.one_Day {
width: 100%;
}
.one_Day li.type1,.one_Day li.type2,.one_Day li.type50,.one_Day li.type100,.one_Day li.type50b {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 10px;
}
.one_Day li.type1 h1 {
font-size: 20px;
padding-top: 10px;
text-align: center;
}
.one_Day li.type1 h1 span {
font-size: 16px;
padding-top: 5px;
}
}

/*ユーチューブ*/
.youtube {
width: 100%;
padding-top: 56.25%;
position: relative;
top: 0;
left: 0;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*事業体へのリンク*/
/* ---------------------------------------------------------------- *
列パターン
* ---------------------------------------------------------------- */
.list_corp {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
width: 80%;
height: auto;
}
.list_corp ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_corp li{
width: 23%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
}
.list_corp li img {
width: 100%;
height: auto;
display: block;
}
.list_corp li p{
}
.list_corp ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.list_corp {
}
.list_corp li {
width: 48%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 10px;
}
}




/* ---------------------------------------------------------------- *
事業者一覧
* ---------------------------------------------------------------- */
.list_works {
_zoom: 1;
overflow: hidden;
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
width: 100%;
padding-bottom: 70px;
}
.list_works ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_works li {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 1.5%;
margin-bottom: 25px;
margin-left: 1.5%;
position: relative;
width: 22%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*background-color: rgba(255,255,255,0.2);*/
/*background-color: rgba(22,117,147,0.67);*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_works li::after {
display: block;
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.40);
bottom: 0px;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 1;
}
/*
.list_works li::after {
display: block;
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(22,117,147,0.67);
bottom: 0px;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 0;
}
.list_works li::before {
display: block;
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,1);
bottom: 0px;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 0;
}*/
.list_works li.lastbox {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 1.5%;
margin-bottom: 25px;
margin-left: 1.5%;
position: relative;
width: 22%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px dotted #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #FFFFFF;
text-align: center;
background-color: transparent;
}
.list_works li.lastbox::before,.list_works li.lastbox::after {
background-color: transparent;
}
.list_works li.lastbox p {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.list_works li h2{
padding-top: 7px;
padding-bottom: 7px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
text-align: center;
}
.list_works li h2 span{
display: block;
font-size: 13px;
margin-bottom: 5px;
}
.list_works li p.num{
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 0px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 10px;
top: 10px;
display: inline-block;
z-index: 10;
font-weight: bold;
}
.list_works li img{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: auto;
display: block;
opacity: 0.9;
}
.list_works li img:hover figcaption {
/*background-color: rgba(255,255,255,1);*/
}
.list_works ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.list_works {
width: 100%;
margin-bottom: 0px;
padding-bottom: 30px;
}
.list_works li,.list_works li.lastbox {
float: left;
width: 46%;
padding-bottom: 0px;
margin-right: 2%;
margin-left: 2%;
font-size: 13px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 15px;
}

.list_works li img{
width: 100%;
height: auto;
display: block;
padding-top: 0px;
}
.list_works li h2{
font-size: 14px;
line-height: 1.3em;
}
.list_works li h2 span{
font-size: 12px;
}
.list_works li p.num{
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
left: 7px;
top: 7px;
}
}


figure.eyeimg {
overflow: hidden;
z-index:1;
}
figure.eyeimg figcaption {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
-webkit-transition: .3s;
transition: .3s;
opacity: 1;
display: block;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_works li.lastbox figure.eyeimg figcaption {
pointer-events:none;
}

figure.eyeimg:hover figcaption {
opacity: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
figure.eyeimg h3 {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
}
figure.eyeimg p {
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
figure.eyeimg {
width: 100%;
}
}


.transform01 {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
figure:hover .transform01 {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

.img-block {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position:relative;
overflow:hidden;
z-index:1;
/*mix-blend-mode: multiply;*/
}
.bgc01{
background-color: #209424;
}

/*林業事業体*/
.cBox01{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 70px;
font-size: 16px;
line-height: 2em;
}
.cBox01 h1{
margin-bottom: 30px;
}
.cBox01 h2{
margin-bottom: 30px;
font-size: 25px;
font-weight: bold;
}
.cBox01 p.cmv{
margin-bottom: 25px;
}
.cBox01 p.cmv img{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.cBox01 p.cmv img{
width: 100%;
height: auto;
display: block;
}
.cBox01 p.c_lead{
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.cBox01{
padding-top: 5%;
padding-bottom: 15%;
font-size: 14px;
line-height: 1.8em;
}
.cBox01 h1{
margin-bottom: 15px;
}
.cBox01 h1 img{
width: 100%;
height: auto;
display: block;
}
.cBox01 h2{
margin-bottom: 20px;
font-size: 18px;
}
}

/*ガイダンス内容補足*/
.g_info{
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;
border: 4px solid #000000;
margin-bottom: 5px;
margin-left: 2%;
margin-right: 2%;
margin-top: 25px;
padding-top: 22px;
background-color: #F8EA4F;
}
.g_info h2{
font-size: 40px;
font-weight: bold;
line-height: 1.4em;
margin-bottom: 10px;
color: #006451;
}
.g_info h2 strong{
color: #FF0004;
}
.g_info p{
font-size: 21px;
line-height: 1.8em;
}
@media screen and (max-width: 767px) {
.g_info{
padding: 20px;
border: 2px solid #000000;
margin-top: 10px;
}
.g_info h2{
font-size: 18px;
margin-bottom: 10px;
}
.g_info p{
font-size: 13px;
line-height: 1.8em;
}
}


/* ---------------------------------------------------------------- *
関係市町
* ---------------------------------------------------------------- */
.relate {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.relate ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.relate li {
width: 23%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border: 5px solid #458C61;
font-size: 17px;
}
.relate li h3{
padding-bottom: 15px;
font-weight: normal;
display: block;
}
.relate li p{
color: #000000;
}
.relate ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
padding: 0;
clear: both;
}
@media screen and (max-width: 767px) {
.relate {
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
}
.relate li {
width: 48%;
margin-right: 1%;
margin-left: 1%;
font-size: 14px;
margin-bottom: 10px;
}
.relate li h3{
padding-bottom: 7px;
}
}
@media screen and (max-width: 375px) {
.relate li {
font-size: 12px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 320px) {
.relate li {
width: 100%;
margin-right: 0%;
margin-left: 0%;
}
}

/*外部リンク　アイコン設定*/
i.fa-external-link {
margin-left: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a:hover i.fa-external-link{
margin-left: 15px;
color: #FF0004;
}



/* ---------------------------------------------------------------- *
オンライン打合せ
* ---------------------------------------------------------------- */
.online_m{
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 80px;
}
.online_m h1{
padding-right: 0;
padding-left: 0;
margin-right: 0px;
margin-left: 0px;
font-size: 24px;
font-weight: bold;
text-align: center;
letter-spacing: -0.02em;
line-height: 1.4em;
margin-bottom: 30px;
position: relative;
background-color: #5896EB;
padding-top: 25px;
padding-bottom: 25px;
color: #FFFFFF;
}
.online_m h1::after {
content: "";
position: absolute;
top: 100%;
left: 48%;
height: 0;
width: 0;
border-top: 15px solid #5896EB;
border-right: 10px solid transparent;
border-bottom: 15px solid transparent;
border-left: 10px solid transparent;
}
.online_m h2.type2{
padding-right: 0;
padding-left: 0;
margin-right: 0px;
margin-left: 0px;
font-size: 20px;
font-weight: bold;
text-align: center;
letter-spacing: -0.02em;
line-height: 1em;
margin-bottom: 30px;
position: relative;
background-color: #333333;
padding-top: 25px;
padding-bottom: 25px;
color: #FFFFFF;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.online_m h2{
font-weight: bold;
font-size: 20px;
text-align: center;
padding-bottom: 20px;
}
.online_m p.note {
text-align: left;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 50px;
_zoom: 1;
overflow: hidden;
width: 90%;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.online_m p.note img {
float: left;
width: 25%;
height: auto;
display: block;
padding-right: 20px;
}

@media screen and (max-width: 767px) {
.online_m{
width: 100%;
margin-top: 0px;
margin-bottom: 40px;
padding-top: 0px;
padding-bottom: 0px;
}
.online_m h1{
font-size: 18px;
margin-bottom: 30px;
line-height: 1.5em;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
.online_m h2.type2{
font-size: 18px;
margin-bottom: 30px;
line-height: 1.5em;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
.online_m p.note {
text-align: left;
font-size: 14px;
line-height: 1.5em;
margin-bottom: 40px;
_zoom: 1;
overflow: hidden;
width: 90%;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: block;
-webkit-align-items: center;
align-items: center;
}
.online_m p.note img {
float: none;
width: 80%;
height: auto;
display: block;
padding-right: 20px;
clear: both;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 360px) {
.online_m h1{
font-size: 20px;
}
.online_m h2.type2{
font-size: 16px;
}
}


.calendar_Box{
	position: relative;
	z-index: 1;
}


/* ---------------------------------------------------------------- *
オンライン打合せの流れ
* ---------------------------------------------------------------- */
.online_bg {
background-image: url(../parts/online_pc.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 500px;
}
@media screen and (max-width: 767px) {
.online_bg {
background-image: url(../parts/online_sp.jpg);
width: 100%;
padding-top: 71.42857%;
height: auto;
}
}


.onl_flow {
_zoom: 1;
overflow: hidden;
width: 100%;
margin-bottom: 40px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
bottom: 0px;
right: 0px;
height: auto;
clear: both;
}
.onl_flow ul {
list-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.onl_flow li {
width: 32.3333%;
margin-left: 0.5%;
margin-right: 0.5%;
float: left;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
position: relative;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.onl_flow li.fBg1 {
background-color: #5896EB;
}
.onl_flow li i {
display: block;
padding-bottom: 10px;
}
.onl_flow li h3 {
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.onl_flow li h3 img {
width: 70%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}

.onl_flow li p.fNum {
font-size: 50px;
position: absolute;
top: 0px;
left: 0px;
color: rgba(255,255,255,0.8);
font-weight: bold;
padding-left: 5px;
line-height: 1em;
}
.onl_flow li p {
font-size: 16px;
line-height: 1.5em;
}
.onl_flow ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.onl_flow {
_zoom: 1;
overflow: hidden;
width: 100%;
margin: 0px;
height: auto;
padding-right: 0px;
padding-left: 0px;
bottom: 0px;
right: 0px;
padding-top: 2px;
padding-bottom: 2px;
}
.onl_flow ul {
width: 100%;
}
.onl_flow li {
width: 99.0%;
margin-left: 0.5%;
margin-right: 0.5%;
float: none;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
clear: both;
}
.onl_flow li h3 img {
width: 50%;
}
}
@media screen and (max-width: 360px) {
.onl_flow li {
margin-bottom: 1.2%;
}
.onl_flow li p {
font-size: 12px;
line-height: 1.5em;
}
}

/*ガイダンス中止のお知らせ*/
p.note202108 {
margin-bottom: 30px;
margin-top: 20px;
}
p.note202108 strong {
font-size: 20px;
font-weight: bold;
color: #FF0004;
display: block;
line-height: 1.5em;
}




.list_num3 {
clear: both;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
width: 100%;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list_num3 ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin: 0px;
}
.list_num3 ol li.number {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
}
.list_num3 ol li.number:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li.number.az:before {
content: counter(my-counter,lower-alpha);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li.number.az2:before {
content: counter(my-counter,upper-alpha);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li p.indent {
padding-left:40px;
text-indent:0px;
}


p.indent-1 {
padding-left:1em;
text-indent:-1em;
}

/*森林の仕事・動画で観てみよう*/
.morinoshigoto {
background-color: rgba(213,232,178,1.00);
padding: 20px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.morinoshigoto {
padding: 10px;
}
}


/*林でGo*/
h1.hayashi {
background-image: url(../parts/hayashi_bg.png);
background-repeat: repeat-x;
background-position: 0% 60px;
margin-bottom: 10px;
}
h1.hayashi img {
width: 60%;
height: auto;
margin-left: 15%;
margin-right: auto;
display: block;
}
@media screen and (max-width: 767px) {
h1.hayashi {
background-position: 0% 10%;
}
h1.hayashi img {
width: 90%;
margin-left: 0%;
}
}



.swiper-container{
text-align: center;
}
.swiper-container .swiper-slide img{
max-width: 100%;
width: 100%;
height: auto;
}
.swiper-container .swiper-slide {
position: relative;
width: 100%;
}
/*.swiper-container .swiper-slide:before {
content:"";
display: block;
padding-top: 56.25%;
}*/
.swiper-container .swiper-slide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
#thumbs .swiper-slide {
width: 20%;
height: 100%;
opacity: 0.2;
cursor: pointer;
}
#thumbs .swiper-slide:before {
content:none;
}
#thumbs .swiper-slide-active {
opacity: 1;
}


/*Not Found*/
.NotF{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
text-align: center;
}
.NotF h1{
font-size: 55px;
font-weight: bold;
padding-bottom: 50px;
color: #444444!important;
line-height: 1.3em;
}
.NotF h1 span{
font-size: 25px;
font-weight: bold;
display: block;
color: #0A4D9B;
}
.NotF p{
font-size: 16px;
color: #444444;
}
.NotF p.btn a{
padding-top: 10px;
padding-bottom: 10px;
display: block;
margin-top: 50px;
background-color: #0A4D9B;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.NotF p.btn{
width: 30%;
margin-left: auto;
margin-right: auto;
}
.NotF p.btn a:hover{
background-color: #000000;
}
@media screen and (max-width: 767px) {
.NotF{
padding-top: 10%;
padding-bottom: 10%;
}
.NotF h1{
font-size: 35px;
padding-bottom: 30px;
line-height: 1.3em;
}
.NotF h1 span{
font-size: 17px;
}
.NotF p{
font-size: 14px;
text-align: left;
}
.NotF p br{
display: none;
}
.NotF p.btn{
width: 80%;
text-align: center;
}
}

/*ユーチューブ　一覧*/
.movies {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin-bottom: 0px;
padding-bottom: 50px;
}
.movies .item {
}
.movies .item a {
padding: 15px;
display: block;
cursor: pointer;
}
.movies .item img {
max-width: 100%;
height: auto;
}
.movies .item p {
padding-top: 7px;
}
@media screen and (max-width: 767px) {
.movies {
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
padding-bottom: 25px;
}
.movies .item p {
padding-top: 5px;
font-size: 3vw;
line-height: 1.6em;
}
}



/*愛媛県公式チャンネル*/
.ken_ch {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
background-color: #FFF;
padding: 10px;
margin-bottom: 30px;
}
.ken_ch .item {
display:flex;
/*justify-content:center;*/
align-items:center;
}
.Box_ccw2 a:hover,.ccchu a:hover,.Box_ccw3 a:hover {
text-decoration: none;
}
.Box_ccw2 a:hover p,.ccchu a:hover p,.Box_ccw3 a:hover p {
text-decoration: underline!important;
}
.Box_ccw2 p.btn_more a:hover,.ccchu p.btn_more a:hover,.Box_ccw3 p.btn_more a:hover {
text-decoration: underline!important;
}
.ken_ch .item .in_t {
padding-left: 30px;
padding-right: 30px;
}
.ken_ch .item h2 {
font-size: 14px;
font-weight: bold;
line-height: 1.8em;
margin-bottom: 10px;
}
.ken_ch .item p {
font-size: 14px;
}
@media screen and (max-width: 767px) {
.ken_ch {
gap: 15px;
grid-template-columns: 1fr;
}
.ken_ch .item .in_t {
padding-left: 0px;
padding-right: 10px;
}
.ken_ch .item h2 {
font-size: 3.5vw;
margin-bottom: 10px;
}
.ken_ch .item p {
font-size: 3vw;
}
}


/* ---------------------------------------------------------------- *
メインMovie
* ---------------------------------------------------------------- */
.mv202301 img{
width: 100%;
height: auto;
display: block;
}


.main_v{
overflow: hidden;
background-color: #000000;
padding-bottom: 20px;
position: relative;
}
/*.main_v::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.2);
}*/

@media screen and (max-width:767px){
.main_v{
/*max-height: 650px;*/
max-height: 91vh;
}
.main_v .link_yuru {
position: absolute;
left: 0%;
top: 0%;
z-index: 50;
}
.main_v .link_yuru img {
width: 2000px;
height: 91vh;
}
}

.main_v .c_movie{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main_v .c_movie .non_video_image{
}
.main_v .c_movie{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main_v .c_movie .non_video_image{
width: auto;
}
@media screen and (max-width:767px){
.main_v .c_movie video,
.main_v .c_movie .non_video_image{
/*max-height: 650px;*/
max-height: 91vh;
}
}

/*森バナー*/
.mori_bnr{
margin-top: 30px;
}
.mori_bnr img{
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width:767px){
.mori_bnr{
margin-top: 10px;
}
}



/*SNS*/

.sns_lst {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
width: 25%;
margin-right: auto;
}
.sns_lst .item {
text-align: center;
}
.sns_lst .item a {
display: block;
cursor: pointer;
}
.sns_lst .item img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.sns_lst {
display: grid;
gap: 15px;
margin-right: auto;
margin-left: auto;
width: 30%;
margin-bottom: 20px;
}
}


/*リクルートLPバナー*/
figure.recBnr {
max-width: 750px;
margin-left: auto;
padding: 20px;
margin-right: auto;
background-color: #FFFFFF;
margin-top: 20px;
-webkit-box-shadow: 0 0 10px #DDD;
-moz-box-shadow: 0 0 10px #DDD;
box-shadow: 0 0 10px #DDD;
}
figure.recBnr img {
height: auto;
width: 100%;
display: block;
}
@media screen and (max-width: 767px) {
figure.recBnr {
margin-top: 10px;
width: 100%;
padding: 0px;
}
}