@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
/*---------------------------------------

[reset]

[base]
	font
	anchor
	add class

[clearfix]


---------------------------------------*/

/* CSS Document */
/*===============================================
●style.css
===============================================*/
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
*:before,
*:after {
	box-sizing: inherit;
}
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
.gm-style img {/* googlemap api表示対応 */
	max-width: inherit;
	height: inherit;
	max-height: inherit;
	width /***/: inherit;
}
.container {
	width: 100%;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figcaption, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td, figure {
	margin: 0;
	padding: 0;
	border: 0;
}

article,
aside,
footer,
header,
nav,
section,
main {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,
ul {
    list-style: none;
}
fieldset,img,a img,abbr,acronym {
	border: 0;
}

li img,dt img {
	vertical-align: top;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

a {
	outline: none;
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

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

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */

/*--------------------------------------- font */
html {
	font-size: 62.5%;
/* 1em=10px化 */
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
	color: #282828;
	-webkit-text-size-adjust: 100%;
	font-size: 1.6em;
/* 基準フォントサイズ1.6em=16px */
}

/*....................... h  */
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h2 {
    position: relative;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0;
    margin-bottom: 1em;
    font-family: "M PLUS Rounded 1c";
    color: #3e764a;
}
h2::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    background: #3e764a;
    z-index: 1;
}
h2::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #42b23c;
}
h3 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 15px 5px 30px;
    margin-bottom: 1em;
    line-height: 1.1em;
    color: #fff;
    border-radius: 30px;
    background: #3e764a;
}
h3::before {
    position: absolute;
    content: '';
    bottom:0;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: #42b23c;
    z-index: 1;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 3px 10px;
    margin-bottom: 1em;
    color: #3e764a;
    border-left: 8px solid #42b23c;
    
}
h5 {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    margin-bottom: 1em;
    border-bottom: 3px dotted #3e764a;
}
h6 {
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    margin-bottom: 1em;
    border-left: 3px solid #42b23c;
}


@media screen and (min-width: 600px) {
/*....................... h  */
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h2 {
    position: relative;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0;
    margin-bottom: 1em;
    font-family: "M PLUS Rounded 1c";
    color: #3e764a;
}
h2::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    background: #3e764a;
    z-index: 1;
}
h2::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #42b23c;
}
h3 {
    position: relative;
    font-size: 25px;
    font-weight: bold;
    padding: 5px 15px 5px 40px;
    margin-bottom: 1em;
    line-height: 1.1em;
    color: #fff;
    border-radius: 30px;
    background: #3e764a;
}
h3::before {
    position: absolute;
    content: '';
    bottom:0;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: #42b23c;
    z-index: 1;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 3px 10px;
    margin-bottom: 1em;
    color: #3e764a;
    border-left: 8px solid #42b23c;
    
}
h5 {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    margin-bottom: 1em;
    border-bottom: 3px dotted #3e764a;
}
h6 {
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    margin-bottom: 1em;
    border-left: 3px solid #42b23c;
}
}
@media screen and (min-width: 1025px) {
.container {
	width: 100%;
    padding-right: 90px;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h2 {
    position: relative;
    font-size: 35px;
    font-weight: bold;
    padding: 10px 0;
    margin-bottom: 1em;
    font-family: "M PLUS Rounded 1c";
    color: #3e764a;
}
h2::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 200px;
    height: 4px;
    background: #3e764a;
    z-index: 1;
}
h2::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #42b23c;
}
h3 {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    padding: 8px 20px 8px 40px;
    margin-bottom: 1em;
    color: #fff;
    border-radius: 40px;
    background: #3e764a;
}
h3::before {
    position: absolute;
    content: '';
    bottom:0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #42b23c;
    z-index: 1;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
h4 {
    font-size: 22px;
    font-weight: bold;
    padding: 3px 15px;
    margin-bottom: 1em;
    color: #3e764a;
    border-left: 8px solid #42b23c;
    
}
h5 {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0px;
    margin-bottom: 1em;
    border-bottom: 3px dotted #3e764a;
}
h6 {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px;
    margin-bottom: 1em;
    border-left: 3px solid #42b23c;
}
}

/*--------------------------------------- br */
    .br-sp {
        display: block
    }
    .br-pc {
        display: none;
    }
@media screen and (min-width: 600px) {
    .br-sp {
        display: none
    }
    .br-pc {
        display: block;
    }
}
@media screen and (min-width: 1025px) {
    .br-sp {
        display: none
    }
    .br-pc {
        display: block;
    }
}

/*....................... menu */
    #g-nav{
        position:fixed;
        z-index: -999;
        opacity: 0;
        top:0;
        width:100%;
        height: 100vh;
        background:#fdf6ee;
        transition: all 0.9s;
    }
    
    #g-nav .g-nav-cnt-img{
        background: url(img/nav_bg_sp.jpg)no-repeat top center;
        background-size: cover;
        width:96%;
        height: 18vh;
        border-radius: 0px 0px 10px 0px;
        position: relative;
    }
    #g-nav .g-nav-cnt-img_lower{
        background: url(img/nav_bg_lower_sp.jpg)no-repeat top center;
        background-size: cover;
        width:96%;
        height: 18vh;
        border-radius: 0px 0px 10px 0px;
        position: relative;
    }
    #g-nav .g-nav-cnt{
        width:98%;
        left: 2%;
        height: auto;
        margin-top: 10px;
        position: relative;
        float: left;
    }
    #g-nav .g-nav-cnt a{
        transition: all 0.2s ease-in-out;
    }
    #g-nav .g-nav-cnt a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    #g-nav .nav_logo{
        background: url(img/nav_logo_wht.svg)no-repeat top right;
        background-size: 100%;
        width:200px;
        height: 85px;
        position: absolute;
        top:30px;
        left: 3%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_logo_blk{
        display: none;
    }
    #g-nav .g-nav-cnt .nav_cnt{
        position: relative;
        width:89%;
        top:5px;
        left: 5%;
    }
    #g-nav .g-nav-cnt .nav_list{
        display: block;
        top: 10%;
        left: 18%;
        margin-bottom: 10px;
    }
    #g-nav .g-nav-cnt .nav_list ul{
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list li{
        margin-bottom: 12px;
        width: 130px;
        height: 20px;
        text-indent: -9999px;
    }
    #g-nav .g-nav-cnt .nav_list_sub{
        margin-bottom: 18px;
    } 
    #g-nav .g-nav-cnt .nav_list_sub ul{
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list_sub li{
        margin-bottom: 10px;
        width: 200px;
        height: 25px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_list_sub .nav_no8 {
        width:250px;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no1 a{
        background: url(img/nav_no01_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list .nav_no2 a{
        background: url(img/nav_no02_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no3 a{
        background: url(img/nav_no03_blk.svg)no-repeat top left;
        background-size:100%;

        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no4 a{
        background: url(img/nav_no04_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no5 a{
        background: url(img/nav_no05_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no6 a{
        background: url(img/nav_no06_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no7 a{
        background: url(img/nav_no07_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no8 a{
        background: url(img/nav_no08_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_guidance a{
        display: block;
        top: 10%;
        left: 18%;
        background: url(img/nav_guidance_event.svg)no-repeat top left;
        background-size:100%;
        width: 300px;
        height: 30px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt{
        display: block;
        top: 0%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        overflow: auto;
        border-bottom:1px solid #ccc;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt ul li{
        display: block;
        width: 100px;
        margin-right: 3%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt .nav_nationwide a{
        display: block;
        background: url(img/nav_nationwide.svg)no-repeat center #3e764a;
        background-size: 40%;
        border-radius: 30px;
        width: 100px;
        height: 30px;
        margin-right: 5px;
        float: left;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt .nav_area a{
        display: block;
        background: url(img/nav_area.svg)no-repeat center #3e764a;
        background-size: 40%;
        border-radius: 30px;
        width: 100px;
        height: 30px;
        margin-right: 0;
        float: left;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt{
        clear: both;
        display: block;
        width: 95%;
        position: relative;
        bottom:0px;
        left: 10px;
        top: 20px;
        margin: 0 auto;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt ul li{
        display: block;
        width: 45.5%;
        margin-right: 2%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt img{
        width: 100%;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt{
        clear: both;
        display: block;
        width: 100%;
        position: relative;
        top:0px;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt ul li{
        display: block;
        margin-right: 25px;;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt li a{
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        color: #000;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt ul li:before {
        content: "ー";
        font-size: .5em;
        color: #000;
        margin-left: 0px;
        }
    #g-nav .g-nav-cnt .sns_List{
        position: absolute;
        top: 5px;
        right: 0px;
        width: 60px;
        height: 200px;
    }
    #g-nav .g-nav-cnt .sns_List .centering{
        width: fit-content;
        margin: auto;
    }
    #g-nav .g-nav-cnt .sns_List ul li{
        width: 20px;
        height: 20px;
        margin-bottom: 25px;
    }
    #g-nav .g-nav-cnt .sns_List .icon_tw a{
        width: 20px;
        height: 20px;
        background: url(img/sns_icon_tw.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_x a{
        width: 20px;
        height: 20px;
        background: url(img/sns_icon_x.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_fb a{
        width: 20px;
        height: 20px;
        background: url(img/sns_icon_fb.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_ig a{
        width: 20px;
        height: 20px;
        background: url(img/sns_icon_ig.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_yt a{
        width: 20px;
        height: 20px;
        background: url(img/sns_icon_yt.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_li a{
        width: 20px;
        height: 20px;
        background: url(img/sns_icon_li.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_BTNarea-cnt{
        clear: both;
        display: block;
        width: 95%;
        position: relative;
        bottom:0px;
        left: 10px;
        top: 20px;
        margin: 0 auto 20px;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_BTNarea-cnt ul li{
        display: block;
        width: 45.5%;
        margin-right: 2%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_BTNarea-cnt .online_btn a{
        width: 100%;
        height: 50px;
        display: block;
        text-indent: -9999px;
        background:url("img/tit_online_sp.svg")no-repeat center #42b23c;
        background-size: 90%;
    } 
    #g-nav .g-nav-cnt .nav_BTNarea-cnt .consultationList_btn a{
        width: 100%;
        height: 50px;
        display: block;
        text-indent: -9999px;
        background:url("img/tit_consultationList_sp.svg")no-repeat center #0e541d;
        background-size: 90%;
    }

    #g-nav.panelactive{
        opacity: 1;
        z-index:2000;
    }

    #g-nav.panelactive #g-nav-list{
        position: fixed;
        z-index: 999; 
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }



/* btn*/
    .openbtn{
        position:fixed;
        z-index: 9999;
        top:5px;
        right: 10px;
        cursor: pointer;
        width: 70px;
        height:50px;
    }
    .openbtn .menutxt{
        background: url(img/menu_txt_sp.svg)no-repeat top center;
        background-size: 100%;
        width: 80%;
        height: 30px;
        position: absolute;
        top: 35px;
    }

    .openbtn span{
        display: inline-block;
        transition: all .5s;
        position: absolute;
        left: 10px;
        height: 2px;
        background-color: #fff;
        width: 80%;
        cursor: pointer;
    }

    .openbtn span:nth-of-type(1) {
        top:15px; 
    }

    .openbtn span:nth-of-type(2) {
        display: none;
    }

    .openbtn span:nth-of-type(3) {
        top:25px;
    }

    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 60%;
    }

    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }

    .openbtn.active span:nth-of-type(3){
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 60%;
    }
    .openbtn.active .menutxt{
        opacity: 0;
    }


@media screen and (min-width: 600px) {
/*....................... menu */
    #g-nav{
        position:fixed;
        z-index: -999;
        opacity: 0;
        top:0;
        width:100%;
        height: 100vh;
        background:#fdf6ee;
        transition: all 0.9s;
    }
    
    #g-nav .g-nav-cnt-img{
        background: url(img/nav_bg_sp.jpg)no-repeat top center;
        background-size: cover;
        width:96%;
        height: 23vh;
        border-radius: 0px 0px 10px 0px;
        position: relative;
    }
    #g-nav .g-nav-cnt-img_lower{
        background: url(img/nav_bg_lower_sp.jpg)no-repeat top center;
        background-size: cover;
        width:96%;
        height: 23vh;
        border-radius: 0px 0px 10px 0px;
        position: relative;
    }
    #g-nav .g-nav-cnt{
        width:98%;
        left: 2%;
        height: 76vh;
        margin-top: 2vh;
        position: relative;
        float: left;
    }
    #g-nav .g-nav-cnt a{
        transition: all 0.2s ease-in-out;
    }
    #g-nav .g-nav-cnt a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    #g-nav .nav_logo{
        background: url(img/nav_logo_wht.svg)no-repeat top right;
        background-size: 100%;
        width: 250px;
        height: 100px;
        position: absolute;
        top: 90px;
        left: 3%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_logo_blk{
        display: none;
    }
    #g-nav .g-nav-cnt .nav_cnt{
        position: relative;
        width:89%;
        top:5px;
        left: 5%;
    }
    #g-nav .g-nav-cnt .nav_list{
        display: block;
        top: 10%;
        left: 18%;
        margin-bottom: 10px;
    }
    #g-nav .g-nav-cnt .nav_list ul{
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list li{
        margin-bottom: 15px;
        width: 160px;
        height: 30px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_list_sub{
        margin-bottom: 25px;
    } 
    #g-nav .g-nav-cnt .nav_list_sub ul{
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list_sub li{
        margin-bottom: 15px;
        width: 260px;
        height: 30px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_list .nav_no1 a{
        background: url(img/nav_no01_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list .nav_no2 a{
        background: url(img/nav_no02_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no3 a{
        background: url(img/nav_no03_blk.svg)no-repeat top left;
        background-size:100%;

        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no4 a{
        background: url(img/nav_no04_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no5 a{
        background: url(img/nav_no05_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no6 a{
        background: url(img/nav_no06_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no7 a{
        background: url(img/nav_no07_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no8 a{
        background: url(img/nav_no08_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_guidance a{
        display: block;
        top: 10%;
        left: 18%;
        background: url(img/nav_guidance_event.svg)no-repeat top left;
        background-size:100%;
        width: 400px;
        height: 40px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt{
        display: block;
        top: 0%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        overflow: auto;
        border-bottom:1px solid #ccc;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt ul li{
        display: block;
        width: 100px;
        margin-right: 3%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt .nav_nationwide a{
        display: block;
        background: url(img/nav_nationwide.svg)no-repeat center #3e764a;
        background-size: 40%;
        border-radius: 30px;
        width: 100px;
        height: 30px;
        margin-right: 5px;
        float: left;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt .nav_area a{
        display: block;
        background: url(img/nav_area.svg)no-repeat center #3e764a;
        background-size: 40%;
        border-radius: 30px;
        width: 100px;
        height: 30px;
        margin-right: 0;
        float: left;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt{
        clear: both;
        display: block;
        width: 95%;
        position: relative;
        bottom:0px;
        left: 10px;
        top: 20px;
        margin: 0 auto;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt ul li{
        display: block;
        width: 45.5%;
        margin-right: 2%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt img{
        width: 100%;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt{
        clear: both;
        display: block;
        width: 100%;
        position: relative;
        top:0px;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt ul li{
        display: block;
        margin-right: 25px;;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt li a{
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        color: #000;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt ul li:before {
        content: "ー";
        font-size: .5em;
        color: #000;
        margin-left: 0px;
        }
    #g-nav .g-nav-cnt .sns_List{
        position: absolute;
        top: 20px;
        right: 20px;
        width: 70px;
        height: 200px;
    }
    #g-nav .g-nav-cnt .sns_List .centering{
        width: fit-content;
        margin: auto;
    }
    #g-nav .g-nav-cnt .sns_List ul li{
        width: 30px;
        height: 30px;
        margin-bottom: 30px;
    }
    #g-nav .g-nav-cnt .sns_List .icon_tw a{
        width: 30px;
        height: 30px;
        background: url(img/sns_icon_tw.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_fb a{
        width: 30px;
        height: 30px;
        background: url(img/sns_icon_fb.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_ig a{
        width: 30px;
        height: 30px;
        background: url(img/sns_icon_ig.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_yt a{
        width: 30px;
        height: 30px;
        background: url(img/sns_icon_yt.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .sns_List .icon_li a{
        width: 30px;
        height: 30px;
        background: url(img/sns_icon_li.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_BTNarea-cnt{
        clear: both;
        display: block;
        width: 95%;
        position: relative;
        bottom:0px;
        left: 10px;
        top: 20px;
        margin: 0 auto 20px;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_BTNarea-cnt ul li{
        display: block;
        width: 45.5%;
        margin-right: 2%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_BTNarea-cnt .online_btn a{
        width: 100%;
        height: 50px;
        display: block;
        text-indent: -9999px;
        background:url("img/tit_online_sp.svg")no-repeat center #42b23c;
        background-size: 60%;
    } 
    #g-nav .g-nav-cnt .nav_BTNarea-cnt .consultationList_btn a{
        width: 100%;
        height: 50px;
        display: block;
        text-indent: -9999px;
        background:url("img/tit_consultationList_sp.svg")no-repeat center #0e541d;
        background-size: 60%;
    }

    #g-nav.panelactive{
        opacity: 1;
        z-index:2000;
    }

    #g-nav.panelactive #g-nav-list{
        position: fixed;
        z-index: 999; 
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }



/* btn*/
    .openbtn{
        position:fixed;
        z-index: 9999;
        top:5px;
        right: 30px;
        cursor: pointer;
        width: 70px;
        height:50px;
    }
    .openbtn .menutxt{
        background: url(img/menu_txt_sp.svg)no-repeat top center;
        background-size: 100%;
        width: 80%;
        height: 30px;
        position: absolute;
        top: 35px;
    }

    .openbtn span{
        display: inline-block;
        transition: all .5s;
        position: absolute;
        left: 10px;
        height: 2px;
        background-color: #fff;
        width: 80%;
        cursor: pointer;
    }

    .openbtn span:nth-of-type(1) {
        top:15px; 
    }

    .openbtn span:nth-of-type(2) {
        display: none;
    }

    .openbtn span:nth-of-type(3) {
        top:25px;
    }

    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 60%;
    }

    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }

    .openbtn.active span:nth-of-type(3){
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 60%;
    }
    .openbtn.active .menutxt{
        opacity: 0;
    }

}
@media screen and (min-width: 1025px) {
    #g-nav{
        position:fixed;
        z-index: -999;
        opacity: 0;
        top:0;
        width:100%;
        height: 100vh;
        background:#fdf6ee;
        transition: all 0.9s;
    }
    
    #g-nav .g-nav-cnt-img{
        background: url(img/nav_bg.jpg)no-repeat right;
        background-size: cover;
        width:50%;
        height: 100vh;
        position: relative;
        float: left;
    }
    #g-nav .g-nav-cnt-img_lower{
        background: url(img/nav_bg_lower.jpg)no-repeat right;
        background-size: cover;
        width:50%;
        height: 100vh;
        position: relative;
        float: left;
    }
    #g-nav .g-nav-cnt{
        width:40%;
        left: 3.3%;
        height: 93vh;
        margin-top: 4vh;
        position: relative;
        float: left;
    }
    #g-nav .g-nav-cnt a{
        transition: all 0.2s ease-in-out;
    }
    #g-nav .g-nav-cnt a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    #g-nav .nav_logo{
        display: none;
    }
    #g-nav .g-nav-cnt .nav_logo_blk{
        background: url(img/nav_logo.svg)no-repeat top right;
        background-size: 100%;
        position: relative;
        display: block;
        width:320px;
        height: 120px;
        top:0;
        left: 0%;
    }
    #g-nav .g-nav-cnt .nav_cnt{
        position: relative;
        width:80%;
        top:30px;
        left: 3%;
    }
    #g-nav .g-nav-cnt .nav_list{
        display: block;
        top: 15%;
        left: 18%;
        margin-bottom: 15px;
    }
    #g-nav .g-nav-cnt .nav_list ul{
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list li{
        margin-bottom: 15px;
        width: 180px;
        height: 26px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_list_sub{
        margin-bottom: 25px;
    } 
    #g-nav .g-nav-cnt .nav_list_sub ul{
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list_sub li{
        margin-bottom: 10px;
        width: 280px;
        height: 30px;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_list .nav_no1 a{
        background: url(img/nav_no01_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    } 
    #g-nav .g-nav-cnt .nav_list .nav_no2 a{
        background: url(img/nav_no02_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no3 a{
        background: url(img/nav_no03_blk.svg)no-repeat top left;
        background-size:100%;

        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no4 a{
        background: url(img/nav_no04_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list .nav_no5 a{
        background: url(img/nav_no05_blk.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no6 a{
        background: url(img/nav_no06_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no7 a{
        background: url(img/nav_no07_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_list_sub .nav_no8 a{
        background: url(img/nav_no08_blk.svg)no-repeat top left;
        background-size:100%;
        height: 30px;
        display: block;
    }
    #g-nav .g-nav-cnt .nav_guidance a{
        display: block;
        top: 17%;
        left: 18%;
        background: url(img/nav_guidance_event.svg)no-repeat top left;
        background-size:100%;
        width: 400px;
        height: 35px;
        text-indent: -9999px;
        margin-bottom: 5px;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt{
        display: block;
        top: 0%;
        padding-bottom: 15px;
        margin-bottom: 15px;
        overflow: auto;
        border-bottom:1px solid #ccc;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt ul li{
        display: block;
        width: 120px;
        margin-right: 5%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt .nav_nationwide a{
        display: block;
        background: url(img/nav_nationwide.svg)no-repeat center #3e764a;
        background-size: 60%;
        border-radius: 30px;
        width: 120px;
        height: 50px;
        margin-right: 20px;
        float: left;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_area-cnt .nav_area a{
        display: block;
        background: url(img/nav_area.svg)no-repeat center #3e764a;
        background-size: 60%;
        border-radius: 30px;
        width: 120px;
        height: 50px;
        margin-right: 0;
        float: left;
        text-indent: -9999px;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt{
        clear: both;
        display: block;
        width: 100%;
        position: relative;
        bottom: 50px;
        top: 50px;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt ul li{
        display: block;
        width: 45%;
        margin-right: 5%;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_BNarea-cnt img{
        width: 100%;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt{
        clear: both;
        display: block;
        width: 100%;
        position: relative;
        top:0px;
        overflow: hidden;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt ul li{
        display: block;
        margin-right: 25px;;
        float: left;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt li a{
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        color: #000;
    } 
    #g-nav .g-nav-cnt .nav_Otherarea-cnt ul li:before {
        content: "ー";
        font-size: .5em;
        color: #000;
        margin-left: 0px;
        }
    #g-nav .g-nav-cnt .sns_List{
        display: none;
    }
    #g-nav .g-nav-cnt .nav_BTNarea-cnt{
        display: none;
    } 
    #g-nav.panelactive{
        opacity: 1;
        z-index:2000;
    }

    #g-nav.panelactive #g-nav-list{
        position: fixed;
        z-index: 999; 
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }



/* btn*/
    .openbtn{
        position:fixed;
        z-index: 9999;
        top:22px;
        right: 10px;
        cursor: pointer;
        width: 70px;
        height:50px;
    }
    .openbtn .menutxt{
        background: url(img/menu_txt.svg)no-repeat top center;
        background-size: 100%;
        width: 80%;
        height: 30px;
        position: absolute;
        top: 35px;
    }

    .openbtn span{
        display: inline-block;
        transition: all .5s;
        position: absolute;
        left: 10px;
        height: 2px;
        background-color: #0e541d;
        width: 80%;
        cursor: pointer;
    }

    .openbtn span:nth-of-type(1) {
        top:15px; 
    }

    .openbtn span:nth-of-type(2) {
        display: none;
    }

    .openbtn span:nth-of-type(3) {
        top:25px;
    }

    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 60%;
    }

    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }

    .openbtn.active span:nth-of-type(3){
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 60%;
    }
    .openbtn.active .menutxt{
        opacity: 0;
    }

    
}

/*===================================== TOP START */

/*....................... header */
    header{
        width: 100%;
        height: 65px;
        position: fixed;
        top:0;
        display: block;
        z-index: 1;
    }
    header a{
        transition: all 0.2s ease-in-out;
    }
    header a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*.............. top */
    header h1 a{
        width: 160px;
        height: 80px;
        display: block;
        text-indent: -9999px;
        background: url("img/main_logo.svg") no-repeat top center;
        background-size: 100%;
        margin: 3px 0 0 10px;
        float: left;
    }
    header  .nav_list{
        display: none;
        float: right;
        position: relative;
        top: 36px;
        right: 5%;
        
    }
    header  .nav_list ul{
        display: block;
    } 
    header .nav_list li{
        margin-bottom: 20px;
        width: 130px;
        height: 26px;
        margin-right: 30px;
        text-indent: -9999px;
        float: left;
    } 
    header .nav_list .nav_no1 a{
        background: url(img/nav_no01_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    } 
    header .nav_list .nav_no2 a{
        background: url(img/nav_no02_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    header .nav_list .nav_no3 a{
        background: url(img/nav_no03_wht.svg)no-repeat top left;
        background-size:100%;

        display: block;
    }
    header .nav_list .nav_no4 a{
        background: url(img/nav_no04_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    header .nav_list .nav_no5 a{
        background: url(img/nav_no05_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    header .nav_list .nav_no6 a{
        background: url(img/nav_no06_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    
    .HeightMin{
            position: fixed;
            z-index: 300;
            height:65px;
            animation: DownAnime 1.5s forwards;
            background: rgba(0,0,0,0.7);
    }

    @keyframes DownAnime{
            from {
            opacity: 0;
            transform: translateY(-95px);
            }
            to {
            opacity: 1;
            transform: translateY(0);
            }
    }

@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1025px) {
    header{
        width: 100%;
        height: 95px;
        position: fixed;
        top:0;
        display: block;
        z-index: 1;
    }
    header a{
        transition: all 0.2s ease-in-out;
    }
    header a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*.............. top */
    header h1 a{
        width: 230px;
        height: 90px;
        display: block;
        text-indent: -9999px;
        background: url("img/main_logo.svg") no-repeat top center;
        background-size: 100%;
        margin: 5px 0 0 10px;
        float: left;
    }
    header  .nav_list{
        display: block;
        float: right;
        position: relative;
        top: 36px;
        right: 5%;
        
    }
    header  .nav_list ul{
        display: block;
    } 
    header .nav_list li{
        margin-bottom: 20px;
        width: 130px;
        height: 26px;
        margin-right: 30px;
        text-indent: -9999px;
        float: left;
    } 
    header .nav_list .nav_no1 a{
        background: url(img/nav_no01_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    } 
    header .nav_list .nav_no2 a{
        background: url(img/nav_no02_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    header .nav_list .nav_no3 a{
        background: url(img/nav_no03_wht.svg)no-repeat top left;
        background-size:100%;

        display: block;
    }
    header .nav_list .nav_no4 a{
        background: url(img/nav_no04_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    header .nav_list .nav_no5 a{
        background: url(img/nav_no05_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    header .nav_list .nav_no6 a{
        background: url(img/nav_no06_wht.svg)no-repeat top left;
        background-size:100%;
        display: block;
    }
    
    .HeightMin{
            position: fixed;
            z-index: 300;
            height:95px;
            animation: DownAnime 1.5s forwards;
            background: rgba(0,0,0,0.7);
    }

    @keyframes DownAnime{
            from {
            opacity: 0;
            transform: translateY(-95px);
            }
            to {
            opacity: 1;
            transform: translateY(0);
            }
    }

}
/*.................................... side */

    .sidenav{
        display: none;
    }

@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1025px) {
    .sidenav{
        position: fixed;
        right: 0;
        width: 90px;
        height: 100vh;
        display: block;
        z-index: 3000;
        background:#fafafa;
    }
    .sidenav a{transition: all 0.2s ease-in-out;} 
    .sidenav a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    } 
    .sidenav .online_btn a{
        position: absolute;
        bottom: 200px;
        width: 90px;
        height: 200px;
        display: block;
        text-indent: -9999px;
        background:url("img/tit_online.svg")no-repeat center #42b23c;
        background-size: 27%;
    } 
    .sidenav .consultationList_btn a{
        position: absolute;
        bottom: 0px;
        width: 90px;
        height: 200px;
        display: block;
        text-indent: -9999px;
        background:url("img/tit_consultationList.svg")no-repeat center #0e541d;
        background-size: 27%;
    }
    .sidenav .sns_List{
        position: absolute;
        top: 100px;
        width: 90px;
        height: 200px;
    }
    .sidenav .sns_List .centering{
        width: fit-content;
        margin: auto;
    }
    .sidenav .sns_List ul li{
        width: 25px;
        height: 25px;
        margin-bottom: 20px;
    }
    .sidenav .sns_List .icon_tw a{
        width: 25px;
        height: 25px;
        background: url(img/sns_icon_tw.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    .sidenav .sns_List .icon_x a{
        width: 23px;
        height: 23px;
        background: url(img/sns_icon_x.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    .sidenav .sns_List .icon_fb a{
        width: 25px;
        height: 25px;
        background: url(img/sns_icon_fb.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    .sidenav .sns_List .icon_ig a{
        width: 25px;
        height: 25px;
        background: url(img/sns_icon_ig.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    .sidenav .sns_List .icon_yt a{
        width: 25px;
        height: 25px;
        background: url(img/sns_icon_yt.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    .sidenav .sns_List .icon_li a{
        width: 25px;
        height: 25px;
        background: url(img/sns_icon_li.svg)no-repeat;
        background-size:100%;
        display: block;
    }
    
}


/*....................... main Visual */

    main{
        display: block;
    }
    
/*........... main Top */    
    main .main_top{
        max-width: 100%;
        height: 100vh;
        z-index: -1;
        display: block;
        position: relative;
    }
    
    main .main_tit{
        width: 90%;
        height: 150px;
        display: block;
        background: url(img/main_tit_sp.svg)no-repeat center top;
        background-size: 100%;
        text-indent: -9999px;
        position: absolute;
        top: 30vh;
        left: 5%;
    }
  .l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10rem;
  }

  .l-section {
  }
  .l-section .l-inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [class*=swiper]:focus {
    outline: none;
  }

  .slide-media,
  .thumb-media {
    position: relative;
    overflow: hidden;
  }
  .slide-media img,
  .thumb-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
    .swiper {
        z-index: -20;
    }

  .swiper-button-prev, .swiper-button-next {
    display: grid;
    place-content: center;
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .swiper-button-prev::before, .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
    -webkit-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
  }
  .swiper-button-prev::after, .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid var(--color-gray);
    border-width: 3px 3px 0 0;
  }
  .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0;
  }

  .mv01 {
    margin-bottom: 0;
  }
  .mv01 .l-inner {
    padding-bottom: 0;
  }
  .mv01 .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  }
  .mv01 .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .mv01 .swiper-pagination {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 3.2rem;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
  }
  .mv01 .swiper-pagination-bullet {
    display: block;
    width: 3px;
    height: 4rem;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background-color: rgba(255, 255, 255, 0.4);
  }
  .mv01 .swiper-pagination-bullet:not(:first-child) {
    margin-top: 0.8rem;
  }
  .mv01 .swiper-pagination-bullet-active {
    background-color: var(--color-theme);
  }
  .mv01 .slide-media {
    height: 100vh;
  }
  .mv01 .slide-media img {
    -webkit-transition: 7s 1s ease-out;
    transition: 7s 1s ease-out;
    filter: brightness(0.6) contrast(110%);
  }
  .mv01 .slide-title {
    font-size: 4rem;
    font-weight: normal;
    line-height: 1.6;
    position: absolute;
    right: 8rem;
    bottom: 15%;
    margin-left: 16rem;
    text-align: right;
    color: #fff;
  }
  .mv01 .swiper-slide[class*=-active] .slide-media img {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translateX(-3.5%) scale(1.05);
            transform: translateX(-3.5%) scale(1.05);
  }
  .mv01 .swiper-slide[class*=-active] .slide-title {
    -webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
            animation: mv01-fadeIn 2s 0.5s var(--easing) both;
  }

  @-webkit-keyframes mv01-fadeIn {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0;
      -webkit-filter: blur(300px);
              filter: blur(300px);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
    }
  }

  @keyframes mv01-fadeIn {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0;
      -webkit-filter: blur(300px);
              filter: blur(300px);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
    }
  }

  @media only screen and (max-width: 1024px) {
    html {
      -webkit-text-size-adjust: 100%;
    }
    .l-inner {
      padding: 0 4rem;
    }
    .pc {
      display: none !important;
    }
    .mv01 {
      margin-bottom: 8rem;
    }
    .mv01 .slide-media {
      height: max(100vh, 100vw);
    }
  }
  @media only screen and (max-width: 599px) {
    html {
      font-size: 50%;
    }
    .pc-tab {
      display: none !important;
    }
    .mv01 .slide-title {
      font-size: 2.8rem;
      right: 4rem;
      margin-left: 6rem;
    }
  }
  @media only screen and (min-width: 1025px) {
    .tab-sp {
      display: none !important;
    }
    .swiper-button-prev::before, .swiper-button-next::before {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }
  @media only screen and (min-width: 600px) {
    .sp {
      display: none !important;
    }
  }
    
    
/*........... main lower tit*/ 
    
    main .main_lower{
        max-width: 100%;
        height: 65px;
        z-index: -1;
        display: block;
        position: relative;
        background: #3e764a;
    }   
    main .lower-breadcrumb{
        width: 100%;
        padding-right: 0px;
    }
    main .lower-breadcrumb .breadcrumb {
        margin: 0;
        padding: 1.5% 3.5% 0.5% 3.5%;
        list-style: none;
    }

    main .lower-breadcrumb .breadcrumb li {
        display: inline;
        list-style: none;
        font-weight: bold;
        font-size: 0.8em;
    }

    main .lower-breadcrumb .breadcrumb li:after {
        content: url(img/arrow.svg);
        display: inline-block;
        width: 11px;
        height: 11px;
        padding: 0 0.2em;
        color: #555;
    }

    main .lower-breadcrumb .breadcrumb li:last-child:after {
        content: '';
    }

    main .lower-breadcrumb .breadcrumb li a {
        text-decoration: none;
        color: #000;/*色*/
    }

    main .lower-breadcrumb .breadcrumb li a:hover {
        text-decoration: underline;
    }
    main .lower-breadcrumb .breadcrumb .name {
        color: #2b6a38;
    }
    
    main .main_lower-titCnt{
        max-width: 100%;
        padding-right: 0px;
        position: relative;
    }    
    main .main_lower-titCnt .titCnt-img{
        max-width: 95%;
        margin: .2% auto 3.5%;
        position: relative;
        display: block;
        z-index: 1;
    } 
    main .main_lower-titCnt .titCnt-img img{
        min-width: 100%;
        height: auto;
        border-radius: 15px;
        filter: brightness(0.8) contrast(100%);
    }
    main .main_lower-titCnt .titCnt-tit{
        max-width: 95%;
        position: absolute;
        top:13%;
        left: 10%;
        display: block;
        z-index: 2;
        color: #fff;
        font-size: 7vw;
        letter-spacing: 3px;
        padding: 0;
        font-family: "M PLUS Rounded 1c";
        font-weight: bold;
    } 
    main .main_lower-titCnt .titCnt-tit::before,main .main_lower-titCnt .titCnt-tit::after{
        display: none
    }
    main .main_lower-titCnt .titCnt-txt{
        max-width: 95%;
        position: absolute;
        top:43%;
        left: 10%;
        display: block;
        z-index: 2;
        color: #fff;
        font-size: 2.3vw;
        letter-spacing: 1px;
    } 

@media screen and (min-width: 600px) {
    main .main_tit{
        width: 70%;
        height: 350px;
        display: block;
        background: url(img/main_tit_sp.svg)no-repeat center top;
        background-size: 100%;
        text-indent: -9999px;
        position: absolute;
        top: 30vh;
        left: 5%;
    }
    
/*........... main lower tit*/ 
    
    main .main_lower{
        max-width: 100%;
        height: 65px;
        z-index: -1;
        display: block;
        position: relative;
        background: #3e764a;
    }   
    main .lower-breadcrumb{
        width: 100%;
        padding-right: 0px;
    }
    main .lower-breadcrumb .breadcrumb {
        margin: 0;
        padding: 1.5% 3.5% 0.5% 3.5%;
        list-style: none;
    }

    main .lower-breadcrumb .breadcrumb li {
        display: inline;
        list-style: none;
        font-weight: bold;
        font-size: 0.8em;
    }

    main .lower-breadcrumb .breadcrumb li:after {
        content: url(img/arrow.svg);
        display: inline-block;
        width: 11px;
        height: 11px;
        padding: 0 0.2em;
        color: #555;
    }

    main .lower-breadcrumb .breadcrumb li:last-child:after {
        content: '';
    }

    main .lower-breadcrumb .breadcrumb li a {
        text-decoration: none;
        color: #000;/*色*/
    }

    main .lower-breadcrumb .breadcrumb li a:hover {
        text-decoration: underline;
    }
    main .lower-breadcrumb .breadcrumb .name {
        color: #2b6a38;
    }
    
    main .main_lower-titCnt{
        max-width: 100%;
        padding-right: 0px;
        position: relative;
    }    
    main .main_lower-titCnt .titCnt-img{
        max-width: 95%;
        margin: .2% auto 3.5%;
        position: relative;
        display: block;
        z-index: 1;
    } 
    main .main_lower-titCnt .titCnt-img img{
        min-width: 100%;
        height: auto;
        border-radius: 15px;
        filter: brightness(0.8) contrast(100%);
    }
    main .main_lower-titCnt .titCnt-tit{
        max-width: 95%;
        position: absolute;
        top:18%;
        left: 8%;
        display: block;
        z-index: 2;
        color: #fff;
        font-size: 5.5vw;
        letter-spacing: 3px;
        padding: 0;
        font-family: "M PLUS Rounded 1c";
        font-weight: bold;
    } 
    main .main_lower-titCnt .titCnt-tit::before,main .main_lower-titCnt .titCnt-tit::after{
        display: none
    }
    main .main_lower-titCnt .titCnt-txt{
        max-width: 95%;
        position: absolute;
        top:43%;
        left: 8%;
        display: block;
        z-index: 2;
        color: #fff;
        font-size: 2.0vw;
        letter-spacing: 1px;
    }     

}
@media screen and (min-width: 1025px) {
    main{
        display: block;
    }
    
/*........... main Top */    
    main .main_top{
        max-width: 100%;
        height: 100vh;
        z-index: -1;
        display: block;
        position: relative;
    }
    
    main .main_tit{
        width: 750px;
        height: 220px;
        display: block;
        background: url(img/main_tit_pc.svg)no-repeat center top;
        background-size: 100%;
        text-indent: -9999px;
        position: absolute;
        top: 40vh;
        left: 5%;
    }
  .l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10rem;
  }

  .l-section {
  }
  .l-section .l-inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [class*=swiper]:focus {
    outline: none;
  }

  .slide-media,
  .thumb-media {
    position: relative;
    overflow: hidden;
  }
  .slide-media img,
  .thumb-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
    .swiper {
        z-index: -20;
    }

  .swiper-button-prev, .swiper-button-next {
    display: grid;
    place-content: center;
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .swiper-button-prev::before, .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
    -webkit-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
  }
  .swiper-button-prev::after, .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid var(--color-gray);
    border-width: 3px 3px 0 0;
  }
  .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0;
  }

  .mv01 {
    margin-bottom: 0;
  }
  .mv01 .l-inner {
    padding-bottom: 0;
  }
  .mv01 .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  }
  .mv01 .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .mv01 .swiper-pagination {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 3.2rem;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
  }
  .mv01 .swiper-pagination-bullet {
    display: block;
    width: 3px;
    height: 4rem;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background-color: rgba(255, 255, 255, 0.4);
  }
  .mv01 .swiper-pagination-bullet:not(:first-child) {
    margin-top: 0.8rem;
  }
  .mv01 .swiper-pagination-bullet-active {
    background-color: var(--color-theme);
  }
  .mv01 .slide-media {
    height: 100vh;
  }
  .mv01 .slide-media img {
    -webkit-transition: 7s 1s ease-out;
    transition: 7s 1s ease-out;
    filter: brightness(0.7) contrast(110%);
  }
  .mv01 .slide-title {
    font-size: 4rem;
    font-weight: normal;
    line-height: 1.6;
    position: absolute;
    right: 8rem;
    bottom: 15%;
    margin-left: 16rem;
    text-align: right;
    color: #fff;
  }
  .mv01 .swiper-slide[class*=-active] .slide-media img {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translateX(-3.5%) scale(1.05);
            transform: translateX(-3.5%) scale(1.05);
  }
  .mv01 .swiper-slide[class*=-active] .slide-title {
    -webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
            animation: mv01-fadeIn 2s 0.5s var(--easing) both;
  }

  @-webkit-keyframes mv01-fadeIn {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0;
      -webkit-filter: blur(300px);
              filter: blur(300px);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
    }
  }

  @keyframes mv01-fadeIn {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0;
      -webkit-filter: blur(300px);
              filter: blur(300px);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
    }
  }

  @media only screen and (max-width: 1024px) {
    html {
      -webkit-text-size-adjust: 100%;
    }
    .l-inner {
      padding: 0 4rem;
    }
    .pc {
      display: none !important;
    }
    .mv01 {
      margin-bottom: 8rem;
    }
    .mv01 .slide-media {
      height: max(100vh, 100vw);
    }
  }
  @media only screen and (max-width: 599px) {
    html {
      font-size: 50%;
    }
    .pc-tab {
      display: none !important;
    }
    .mv01 .slide-title {
      font-size: 2.8rem;
      right: 4rem;
      margin-left: 6rem;
    }
  }
  @media only screen and (min-width: 1025px) {
    .tab-sp {
      display: none !important;
    }
    .swiper-button-prev::before, .swiper-button-next::before {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }
  @media only screen and (min-width: 600px) {
    .sp {
      display: none !important;
    }
  }
    
    
/*........... main lower tit*/ 
    
    main .main_lower{
        max-width: 100%;
        height: 95px;
        z-index: -1;
        display: block;
        position: relative;
        background: #3e764a;
    }   
    main .lower-breadcrumb{
        width: 100%;
        padding-right: 90px;
    }
    main .lower-breadcrumb .breadcrumb {
        margin: 0;
        padding: 1.5% 0 0.5% 3.5%;
        list-style: none;
    }

    main .lower-breadcrumb .breadcrumb li {
        display: inline;
        list-style: none;
        font-weight: bold;
        font-size: 0.8em;
    }

    main .lower-breadcrumb .breadcrumb li:after {
        content: url(img/arrow.svg);
        display: inline-block;
        width: 13px;
        height: 13px;
        padding: 0 0.2em;
        color: #555;
    }

    main .lower-breadcrumb .breadcrumb li:last-child:after {
        content: '';
    }

    main .lower-breadcrumb .breadcrumb li a {
        text-decoration: none;
        color: #000;/*色*/
    }

    main .lower-breadcrumb .breadcrumb li a:hover {
        text-decoration: underline;
    }
    main .lower-breadcrumb .breadcrumb .name {
        color: #2b6a38;
    }
    
    main .main_lower-titCnt{
        max-width: 100%;
        padding-right: 90px;
        position: relative;
    }    
    main .main_lower-titCnt .titCnt-img{
        max-width: 95%;
        margin: .2% auto 3.5%;
        position: relative;
        display: block;
        z-index: 1;
    } 
    main .main_lower-titCnt .titCnt-img img{
        min-width: 100%;
        height: auto;
        border-radius: 30px;
        filter: brightness(0.9) contrast(100%);
    }
    main .main_lower-titCnt .titCnt-tit{
        max-width: 95%;
        position: absolute;
        top:28%;
        left: 6%;
        display: block;
        z-index: 2;
        color: #fff;
        font-size: 3.8vw;
        letter-spacing: 3px;
    } 
    main .main_lower-titCnt .titCnt-tit::before,main .main_lower-titCnt .titCnt-tit::after{
        display: none
    }
    main .main_lower-titCnt .titCnt-txt{
        max-width: 95%;
        position: absolute;
        top:48%;
        left: 6%;
        display: block;
        z-index: 2;
        color: #fff;
        font-size: 1vw;
        line-height: 1.8em;
        letter-spacing: 3px;
    } 
}

/*....................... Top news */
   #newsArea{
        width: 95%;
        height: 90px;
        padding:10px 10px;
        display: block;
        background: #fff;
        position: absolute;
        top: 60vh;
        right: 2.5%;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        overflow: hidden;
        z-index: 1;
    }
    
    #newsArea .newsTit{
        width: 100%;
        height: 20px;
        display: block;
        margin-left: 2%;
        background: url("img/main_news_tit.svg")no-repeat left ;
        background-size: 40%;
        text-indent: -9999px;
        border-right: 0px solid #000;
    }
    #newsArea .newsCnt{
        width: 100%;
        height: 60px;
        margin-left: 1%;
        padding-top: 5px;
        display: block;
        float: left;
        overflow: hidden;
    }
    
    #newsArea .newsCnt .newsDeteArea{
        width: 100%;
        display: block;
        color: #000;
        overflow: hidden;
        margin-bottom: 5px;
    }
    #newsArea .newsCnt .newsDeteArea .deta{
        width: 25%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    #newsArea .newsCnt .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    #newsArea .newsCnt .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    #newsArea .newsCnt .newsTxtArea{
        clear: both;
        width: 100%;
        display: block;
        color: #000;
        font-size: 0.8em;
    }
    #newsArea .newsCnt .newsTxtArea a{
        text-decoration: none;
        color: #000;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    #newsArea .newsCnt .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    

#newsArea.UpMove{
        animation: UpNewsAnime 1.0s forwards;
}

@keyframes UpNewsAnime{
  from {
        opacity: 1;
        transform: translateY();
  }
  to {
        opacity: 0;
        transform: translateY(50px);
  }
}


#newsArea.DownMove{
        animation: DownNewsAnime 1.0s forwards;
}
@keyframes DownNewsAnime{
  from {
        opacity: 0;
        transform: translateY(50px);
  }
  to {
        opacity: 1;
        transform: translateY(0);
  }
}    
@media screen and (min-width: 600px) {
/*....................... Top news */
   #newsArea{
        width: 95%;
        height: 90px;
        padding:10px 10px;
        display: block;
        background: #fff;
        position: absolute;
        top: 60vh;
        right: 2.5%;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        overflow: hidden;
        z-index: 1;
    }
    
    #newsArea .newsTit{
        width: 22%;
        height: 22px;
        display: block;
        margin-left: 2%;
        background: url("img/main_news_tit.svg")no-repeat left ;
        background-size: 100%;
        text-indent: -9999px;
        border-right: 0px solid #000;
    }
    #newsArea .newsCnt{
        width: 100%;
        height: 60px;
        margin-left: 1%;
        padding-top: 5px;
        display: block;
        float: left;
        overflow: hidden;
    }
    
    #newsArea .newsCnt .newsDeteArea{
        width: 100%;
        display: block;
        color: #000;
        overflow: hidden;
        margin-bottom: 5px;
    }
    #newsArea .newsCnt .newsDeteArea .deta{
        width: 13%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    #newsArea .newsCnt .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    #newsArea .newsCnt .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    #newsArea .newsCnt .newsTxtArea{
        clear: both;
        width: 100%;
        display: block;
        color: #000;
        font-size: 0.8em;
    }
    #newsArea .newsCnt .newsTxtArea a{
        text-decoration: none;
        color: #000;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    #newsArea .newsCnt .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    

    #newsArea.UpMove{
            animation: UpNewsAnime 1.0s forwards;
    }

    @keyframes UpNewsAnime{
        from {
              opacity: 1;
              transform: translateY();
        }
        to {
              opacity: 0;
              transform: translateY(50px);
        }
    }
}
@media screen and (min-width: 1025px) {
    #newsArea{
        width: 700px;
        height: 80px;
        padding:10px 20px;
        display: block;
        background: #fff;
        position: absolute;
        top: 80vh;
        right: 5%;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        overflow: hidden;
        z-index: 1;
    }
    
    #newsArea .newsTit{
        width: 24%;
        height: 60px;
        display: block;
        background: url("img/main_news_tit.svg")no-repeat left center;
        background-size: 85%;
        text-indent: -9999px;
        border-right: 1px solid #000;
        float: left;
    }
    #newsArea .newsCnt{
        width: 70%;
        height: 60px;
        margin-left: 2%;
        padding-top: 10px;
        display: block;
        float: left;
        overflow: hidden;
        overflow-y:scroll;
    }
    
    #newsArea .newsCnt .newsDeteArea{
        width: 100%;
        display: block;
        color: #000;
    }
    #newsArea .newsCnt .newsDeteArea .deta{
        width: 22%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    #newsArea .newsCnt .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    #newsArea .newsCnt .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    #newsArea .newsCnt .newsTxtArea{
        clear: both;
        width: 100%;
        display: block;
        color: #000;
        font-size: 0.85em;
    }
    #newsArea .newsCnt .newsTxtArea a{
        text-decoration: none;
        color: #000;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    #newsArea .newsCnt .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    

#newsArea.UpMove{
        animation: UpNewsAnime 1.0s forwards;
}

@keyframes UpNewsAnime{
  from {
        opacity: 1;
        transform: translateX();
  }
  to {
        opacity: 0;
        transform: translateX(50px);
  }
}


#newsArea.DownMove{
        animation: DownNewsAnime 1.0s forwards;
}
@keyframes DownNewsAnime{
  from {
        opacity: 0;
        transform: translateX(50px);
  }
  to {
        opacity: 1;
        transform: translateX(0);
  }
}    
}

/*===================================== footer START */
    footer{
        width: 100%;
        padding-right: 0px;
    }
    footer a{
        transition: all 0.2s ease-in-out;
    }
    footer a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    footer .contact_btn a{
        background: url("img/contact_tit.svg")no-repeat top center;
        background-size: 100%;
        width: 180px;
        height: 110px;
        margin: 0 auto 30px;
        display: block;
        text-indent: -9999px;
    }
    footer .footer-cnt {
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        display: block;
        background: #0e541d;
        position: relative;
    }
    footer .footer-cnt .foot_pagrTop_bg{
        background: url("img/foot_pagrTop_bg.svg")no-repeat top center;
        background-size: 100%;
        width: 150px;
        height: 30px;
        display: block;
        position: absolute;
        top:-28px;
        right: 0px;
        
    }
    footer .footer-cnt .foot_pagrTop_icn a{
        background: url("img/foot_pagrTop_icn.svg")no-repeat top center;
        background-size: 100%;
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        top:15px;
        right: 51px;  
    }
    footer .footer-cnt-area {
        width: 95%;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        position: relative;
        color: #fff;
    }
    footer .footer-cnt-area .foot_logo{
        background: url("img/foot_logo.svg")no-repeat top center;
        background-size: 100%;
        width: 125px;
        height: 150px;
        margin: 0 auto 20px;
        display: block;
        position: relative;
        text-indent: -9999px;
    }
    footer .footer-cnt-area .footer-cnt-list{
        position: relative;
    } 
    footer .footer-cnt-area .footer-cnt-list a{
        text-decoration: none;
        color: #fff;
    }
    footer .footer-cnt-area .footer-cnt-list-cnt{
        width: 48%;
        display:block;
        float: left;
        margin-right: 1%;
        margin-left: 1%
    } 
    footer .footer-cnt-area .footer-cnt-list-cnt .Topline{
        border-bottom: solid 2px #fff;
        position: relative;
        margin-bottom: 12px;
    }
    footer .footer-cnt-area .footer-cnt-list-cnt .Topline:after {
          position: absolute;
          content: " ";
          display: block;
          border-bottom: solid 2px #13a332;
          bottom: -2px;
          width: 30%;
    }
    footer .footer-cnt-area .footer-cnt-list-cnt .footer-cnt-list-tit{
        font-size: 1.1em;
        margin-bottom: 10px;
        letter-spacing: 1.3px;
    } 
    footer .footer-cnt-area .footer-cnt-list-cnt ul li a{
        display: block;
        font-size: 0.8em;
        letter-spacing: 1.3px;
        margin-bottom: 10px;
    } 
    footer .footer-cnt-area .footer-cnt-list-cnt .foot_list{
        margin-bottom: 15px;
    } 
    
/*....................... bn area */
    
    footer .footer-bn{
        width: 100%;
        overflow: hidden;
    }
    footer .footer-bn1 ul{
        width: 100%;
    } 
    footer .footer-bn1 li{
        width: 50%;
        height: 70px;
        float: left;
        border-right: 1px solid #0e541d;
        border-bottom: 1px solid #0e541d;
        text-indent: -9999px;
    }
    footer .footer-bn1 li:last-child{
        border-right: 0px;
    }
    footer .footer-bn2 ul{
        width: 100%;
    } 
    footer .footer-bn2 li{
        width: 50%;
        height: 70px;
        float: left;
        border-right: 1px solid #0e541d;
        border-bottom: 1px solid #0e541d;
        text-indent: -9999px;
    }
    footer .footer-bn2 li:last-child{
        border-right: 0px;
    }
    footer .footer-bn .foot-bn1 a{
        background: url("img/foot_bn1.jpg")no-repeat center;
        background-size: 100%;
        width: 80%;
        height: 55px;
        margin: 13px auto 0;
        display: block;
    }
    footer .footer-bn .foot-bn2 a{
        background: url("img/foot_bn2.jpg")no-repeat center;
        background-size: 100%;
        width: 68%;
        height: 55px;
        margin: 12px auto 0;
        display: block;
    } 
    footer .footer-bn .foot-bn3 a{
        background: url("img/foot_bn3.jpg")no-repeat center;
        background-size: 100%;
        width: 80%;
        height: 55px;
        margin: 10px auto 0;
        display: block;
    }
    footer .footer-bn .foot-bn4 a{
        background: url("img/foot_bn4.jpg")no-repeat center;
        background-size: 100%;
        width: 80%;
        height: 55px;
        margin: 10px auto 0;
        display: block;
    }
    
/*....................... copy area */
    
    footer .footer-copy{
        clear: both;
        width: 90%;
        margin: 0 auto;
        height: 300px;
        position: relative;

    }
    footer .footer-copy a{
        text-decoration: none;
        color: #000;
    }
    footer .footer-copy .foot-copyLink{
        font-size: 9px;
        position: relative;
        top:40px;
        margin-bottom: 10px;
    }
    footer .footer-copy .foot-copyLink ul li{
        font-size: 11px;
        float: left;
        margin-right: 20px;
    }
    footer .footer-copy .foot-copyLink li:last-child{
        margin-right: 0px;
    }
    footer .footer-copy .copyright{
        clear: both;
        font-size: .8em;
        letter-spacing: 1px;
        position: relative;
        top:50px;
    }
    .bannerLink {
        position:fixed;
        left:0;
        bottom:40px;
        z-index:3000;
        width:250px;
    }
    .bannerLink .banner_pc {
        display:none;
    }
@media screen and (min-width: 600px) {
    .bannerLink {
        width:350px;
    }
    .bannerLink .banner_sp {
        display:none;
    }
    .bannerLink .banner_pc {
        display:block;
    }
}
@media screen and (min-width: 1025px) {
    footer{
        width: 100%;
        padding-right: 90px;
    }
    footer a{
        transition: all 0.2s ease-in-out;
    }
    footer a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    footer .contact_btn a{
        background: url("img/contact_tit.svg")no-repeat top center;
        background-size: 100%;
        width: 220px;
        height: 135px;
        margin: 0 auto 30px;
        display: block;
        text-indent: -9999px;
    }
    footer .footer-cnt {
        width: 100%;
        padding: 60px 0;
        margin: 0 auto;
        display: block;
        background: #0e541d;
        position: relative;
    }
    footer .footer-cnt .foot_pagrTop_bg{
        background: url("img/foot_pagrTop_bg.svg")no-repeat top center;
        background-size: 100%;
        width: 203px;
        height: 40px;
        display: block;
        position: absolute;
        top:-40px;
        right: 50px;
        
    }
    footer .footer-cnt .foot_pagrTop_icn a{
        background: url("img/foot_pagrTop_icn.svg")no-repeat top center;
        background-size: 100%;
        width: 60px;
        height: 60px;
        display: block;
        position: absolute;
        top:20px;
        right: 68px;  
    }
    footer .footer-cnt-area {
        width: 1100px;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        position: relative;
        color: #fff;
    }
    footer .footer-cnt-area .foot_logo{
        background: url("img/foot_logo.svg")no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 225px;
        margin-right: 60px;
        display: block;
        position: relative;
        float: left;
        text-indent: -9999px;
    }
    footer .footer-cnt-area .footer-cnt-list{
        position: relative;
    } 
    footer .footer-cnt-area .footer-cnt-list a{
        text-decoration: none;
        color: #fff;
    }
    footer .footer-cnt-area .footer-cnt-list-cnt{
        width: 250px;
        display:block;
        float: left;
        margin-right: 50px;
    } 
    footer .footer-cnt-area .footer-cnt-list-cnt .Topline{
        border-bottom: solid 2px #fff;
        position: relative;
        margin-bottom: 12px;
    }
    footer .footer-cnt-area .footer-cnt-list-cnt .Topline:after {
          position: absolute;
          content: " ";
          display: block;
          border-bottom: solid 2px #13a332;
          bottom: -2px;
          width: 30%;
    }
    footer .footer-cnt-area .footer-cnt-list-cnt .footer-cnt-list-tit{
        font-size: 1.3em;
        margin-bottom: 10px;
        letter-spacing: 1.3px;
    } 
    footer .footer-cnt-area .footer-cnt-list-cnt ul li a{
        display: block;
        font-size: 0.9em;
        letter-spacing: 1.3px;
        margin-bottom: 10px;
    } 
    footer .footer-cnt-area .footer-cnt-list-cnt .foot_list{
        margin-bottom: 15px;
    } 
    .bannerLink {
        width:450px;
        max-width:calc(100% - 800px);
    }
    .bannerLink .banner_sp {
        display:none;
    }

/*....................... bn area */
    
    footer .footer-bn{
        width: 100%;
    }
    footer .footer-bn1 ul{
        width: 100%;
    } 
    footer .footer-bn1 li{
        width: 25%;
        height: 70px;
        float: left;
        border-right: 1px solid #0e541d;
        border-bottom: 1px solid #0e541d;
        text-indent: -9999px;
    }
    footer .footer-bn1 li:last-child{
        border-right: 1px solid #0e541d;
    }
    footer .footer-bn2 ul{
        width: 100%;
    } 
    footer .footer-bn2 li{
        width: 25%;
        height: 70px;
        float: left;
        border-right: 1px solid #0e541d;
        border-bottom: 1px solid #0e541d;
        text-indent: -9999px;
    }
    footer .footer-bn2 li:last-child{
        border-right: 0px;
    }

    footer .footer-bn .foot-bn1 a{
        background: url(img/foot_bn1.jpg)no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 70px;
        margin: 5px auto 0;
        display: block;
    }
    footer .footer-bn .foot-bn2 a{
        background: url("img/foot_bn2.jpg")no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 70px;
        margin: 5px auto 0;
        display: block;
    } 
    footer .footer-bn .foot-bn3 a{
        background: url("img/foot_bn3.jpg")no-repeat top  center;
        background-size: 100%;
        width: 200px;
        height: 70px;
        margin: 5px auto 0;
        display: block;
    }
    footer .footer-bn .foot-bn4 a{
        background: url("img/foot_bn4.jpg")no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 70px;
        margin: 5px auto 0;
        display: block;
    }
    
/*....................... copy area */
    
    footer .footer-copy{
        clear: both;
        width: 100%;
        height: 300px;
        position: relative;

    }
    footer .footer-copy a{
        text-decoration: none;
        color: #000;
    }
    footer .footer-copy .foot-copyLink{
        font-size: 11px;
        position: relative;
        top:40px;
        left:30px;
        margin-bottom: 10px;
    }
    footer .footer-copy .foot-copyLink ul li{
        font-size: 13px;
        float: left;
        margin-right: 20px;
    }
    footer .footer-copy .copyright{
        clear: both;
        font-size: 10px;
        letter-spacing: 2px;
        position: relative;
        top:50px;
        left:30px;
    }
    
}
/*===================== footer END */    
    

/*===================================== TOP END */
    
    
/*===================================== TOP CONTENTS START */
    
    section{
        display: block;
        clear: both;
    }
    .contents{
        width: 100%;
        padding-right: 90px;
        height: 100vh;
    }
    
/*...................................... Top about */
    
    .top_sec_about{
        width: 100%;
        padding-right: 0px;
        height: 850px;
        background: #fdf6ee;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .top_sec_about .order1 {
        order: 1;
    }
    .top_sec_about .order2 {
        order: 2;
    }
/*....................... Top about Voice */
    
    .top_sec_about .top_sec_about_voice{
        width: 95%;
        height: 450px;
        position: relative;
        top:0vh;
        bottom: 0;
        padding: 50px 0 0 7%;
        background:url(img/top_voice_img.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 50px;
        float: left;
        color: #fff;
        display: block;
    }
    
    .top_sec_about .top_sec_about_voice-cnt{
        width: 100%;
        display: block;
    }
    
    .top_sec_about .top_sec_about_voice-cnt .voice-tit{
        background:url(img/top_voice_tit.svg)no-repeat top;
        background-size: 100%;
        width: 180px;
        height: 160px;
        display: block;
        text-indent: -9999px;
        margin-bottom: 10px;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-txt{
        width: 200px;
        line-height: 1.8em;
        display: block;
        margin-bottom: 10px;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a{
        background:url(img/top_voice_viewmore.svg)no-repeat top;
        background-size: 100%;
        width: 200px;
        height: 60px;
        display: block;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*....................... Top about concept */
    
    .top_sec_about .top_sec_about_concept{
        width: 100%;
        height: 75vh;
        position: relative;
        display: flex;
        float: left;
        

    }   
    .top_sec_about .top_sec_about_concept .concept-ill{
        background:url(img/top_catch_ill.svg)no-repeat top;
        background-size: 100%;
        width: 130px;
        height: 120px;
        position: absolute;
        display: block;
        top:6%;
        left: 13%;

    }
    .top_sec_about .top_sec_about_concept .concept-tit{
        background:url(img/top_catch_tit.svg)no-repeat top;
        background-size: 100%;
        width: 80px;
        height: 350px;
        position: absolute;
        display: block;
        top:6%;
        right: 10%;
        text-indent: -9999px;
    }
    .top_sec_about .top_sec_about_concept .concept-txt{
        background:url(img/top_catch_copy.svg)no-repeat top;
        background-size: 100%;
        width: 200px;
        height: 410px;
        position: absolute;
        display: block;
        top:25%;
        right: 37%;
        text-indent: -9999px;
    }
    
/*...................................... Top Contents Link */
    
    .top_sec_cntLink{
        width: 100%;
        padding-right: 0px;
        height: auto;
        display: block;
        color: #fff;
    }  
    .top_sec_cntLink-cnt{
        width: 90%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List ul{
        width: 100%;
        position: relative;
        display: block;
    } 
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li{
        width: 100%;
        height: 190px;
        margin: 4% auto;
        padding: 20px 0 0;
        border-radius: 20px;
        background: #222;
        position: relative;
        display: block;

    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li:first-child{
        margin-right: 0%;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li:last-child{
        margin-left: 0%;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink1{
        background:url(img/top_cntLink_img1.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink2{
        background:url(img/top_cntLink_img2.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink3{
        background:url(img/top_cntLink_img3.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit1{
        background:url(img/top_cntLink_tit1.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto 0px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit1{
        background:url(img/top_cntLink_tit2.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit2{
        background:url(img/top_cntLink_tit2.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto 0px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit2{
        background:url(img/top_cntLink_tit3.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit3{
        background:url(img/top_cntLink_tit3.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto 0px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit3{
        background:url(img/top_cntLink_tit4.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-txt{
        width: 55%;
        height: 52px;
        margin: 0 auto;
        position: relative;
        display: block;
    } 
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .viewmore-btn a{
        background:url(img/top_cntLink_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 120px;
        height: 55px;
        display: block;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

/*...................................... Top Guidance */
    
    .top_sec_guidance{
        width: 100%;
        padding: 60px 0 0;
        margin-bottom: 0px;
        display: block;
        overflow: hidden;
        background: #3e764a;
        color: #fff;
    }
    .top_sec_guidance-cnt{
        width: 90%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-tit{
        background:url(img/top_guidance_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 90%;
        height: 60px;
        margin: 0 auto 30px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-reed{
        background:url(img/top_guidance_reed.svg)no-repeat top center;
        background-size: 100%;
        width: 95%;
        height: 20px;
        margin: 0 auto 20px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-copy{
        background:url(img/top_guidance_copy.svg)no-repeat top center;
        background-size: 100%;
        width: 95%;
        height: 60px;
        margin: 0 auto 20px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-copy{
        height:50px;
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-tit{
        background-image:url(img/top_guidance_tit_event.svg);
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-reed{
        background-image:url(img/top_guidance_reed_event.svg);
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-copy{
        background-image:url(img/top_guidance_copy_event.svg);
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea{
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntareaL{
        width: 100%;
        padding: 0 0%;
        margin: 0 auto;
        float: left;
        display: block;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntareaR{
        width: 100%;
        padding: 0 0%;
        margin: 0 auto;
        float: right;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img{
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        margin-bottom: 20px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img img{
        border-radius: 20px;
        width: 100%;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit{
        width: 120px;
        height: 50px;
        background: #0e541d;
        position: absolute;
        display: block;
        z-index: 2;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        text-indent: -9999px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit .img-tit1{
        background:url(img/top_guidance_nationwide_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 65px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: 14px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit .img-tit2{
        background:url(img/top_guidance_area_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 62px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: 15px;
    } 
    
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news {
    width: 100%;
    height: 140px;
    position: relative;
    display: block;
    overflow-y: auto;
    margin-bottom: 30px;
}
    
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news ul li{
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news li:last-child{
        border-bottom: 0;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news {
        width: 100%;
        height: 140px;
        position: relative;
        display: block;
        overflow-y:scroll;
        margin-bottom: 30px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
        color: #fff;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .deta{
        width: 25%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #fff;
        display: block;
        font-size: 0.8em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        font-size: 0.85em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea a{
        text-decoration: none;
        color: #fff;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

    .top_sec_guidance-cnt .top_sec_guidance-cntarea .viewmore-btn a{
        background:url(img/top_guidance_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 120px;
        height: 55px;
        display: block;
        margin: 0 auto 30px;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*...................................... Top add */
    .top_sec_matching .guidance_index_List {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_matching .guidance_index_bgArea {
        width: 100%;
        display: block;
        z-index: 1;
        background-color:#3e764a;
        padding-bottom:1px;
    }
    .top_sec_matching .guidance_matchMaintit{
        margin: 0 auto;
        height:50px;
        width: 75%;
        padding: 0;
        background:url(img/matching_maintit.svg)no-repeat center;
        background-size: 100%;
        z-index: 2;
        text-indent: -9999px;
    }
    .top_sec_matching .guidance_subtitL {
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
        padding: 0;
        z-index: 2;
        margin-bottom:5px;
    }
    .top_sec_matching .guidance_imgL {
        width: 90%;
        margin: 0 auto;
        display: block;
        z-index: 1;
    }
    .top_sec_matching .guidance_imgL img,.top_sec_matching .guidance_imgR img {
        border-radius: 15px;
        width: 100%;
    }
    .top_sec_matching .guidance_txtL {
        margin: 0 auto;
        font-size: 0.9em;
        display: block;
        z-index: 1;
        color:#fff;
        padding:5px 5% 5%;
    }
    .top_sec_matching .list_matching .viewmore-btn {
        z-index: 10;
    }
    .top_sec_matching .viewmore-btn a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .top_sec_matching .viewmore-btn a {
        background: url(img/top_guidance_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 120px;
        height:55px;
        display: block;
        margin: 0 auto 30px;
        transition: all 0.2s ease-in-out;
    }
@media screen and (min-width: 600px) {
    .top_sec_matching .guidance_matchMaintit {
        height:100px;
    }
}
@media screen and (min-width: 1025px) {
    .top_sec_matching .guidance_index_bgArea {
        padding:0 25% 1px;
    }
    .top_sec_matching .viewmore-btn a {
        width: 148px;
        height: 60px;
    }
}
/*...................................... Top News */
    
    .top_sec_news{
        width: 100%;
        padding: 60px 0 0px 0;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .top_sec_news-cnt{
        width: 80%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_news .top_sec_news-tit{
        background:url(img/top_news_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 140px;
        height: 60px;
        margin: 0 auto 30px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }

    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_img{
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        margin-bottom: 10px;
    } 
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_img img{
        border-radius: 20px;
        width: 100%;
    } 
    
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news ul{
        width: 100%;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news li{
        width: 100%;
        margin: 0 auto 20px;
        float: left;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
        color: #000;
        margin: 5px;
        overflow: hidden;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .deta{
        width: 22%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 0px;
        display: block;
        font-size: 0.7em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        font-size: 0.85em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea a{
        text-decoration: none;
        color: #000;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
@media screen and (min-width: 600px) {
/*...................................... Top about */
    
    .top_sec_about{
        width: 100%;
        padding-right: 0px;
        height: 100vh;
        background: #fdf6ee;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .top_sec_about .order1 {
        order: 1;
    }
    .top_sec_about .order2 {
        order: 2;
    }
/*....................... Top about Voice */
    
    .top_sec_about .top_sec_about_voice{
        width: 95%;
        height: 50vh;
        position: relative;
        top:0vh;
        bottom: 0;
        padding: 100px 0 0 15%;
        background:url(img/top_voice_img.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 50px;
        float: left;
        color: #fff;
        display: block;
    }
    
    .top_sec_about .top_sec_about_voice-cnt{
        width: 100%;
        display: block;
    }
    
    .top_sec_about .top_sec_about_voice-cnt .voice-tit{
        background:url(img/top_voice_tit.svg)no-repeat top;
        background-size: 100%;
        width: 180px;
        height: 160px;
        display: block;
        text-indent: -9999px;
        margin-bottom: 10px;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-tit{
        background:url(img/top_voice_tit_guide.svg)no-repeat top;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-txt{
        width: 200px;
        line-height: 1.8em;
        display: block;
        margin-bottom: 10px;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a{
        background:url(img/top_voice_viewmore.svg)no-repeat top;
        background-size: 100%;
        width: 200px;
        height: 60px;
        display: block;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a{
        background:url(img/top_voice_viewmore_guide.svg)no-repeat top;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*....................... Top about concept */
    
    .top_sec_about .top_sec_about_concept{
        width: 100%;
        height: 75vh;
        position: relative;
        display: flex;
        float: left;
        

    }   
    .top_sec_about .top_sec_about_concept .concept-ill{
        background:url(img/top_catch_ill.svg)no-repeat top;
        background-size: 100%;
        width: 160px;
        height: 120px;
        position: absolute;
        display: block;
        top:6%;
        left: 25%;

    }
    .top_sec_about .top_sec_about_concept .concept-tit{
        background:url(img/top_catch_tit.svg)no-repeat top;
        background-size: 100%;
        width: 120px;
        height: 500px;
        position: absolute;
        display: block;
        top:6%;
        right: 18%;
        text-indent: -9999px;
    }
    .top_sec_about .top_sec_about_concept .concept-txt{
        background:url(img/top_catch_copy.svg)no-repeat top;
        background-size: 100%;
        width: 300px;
        height: 410px;
        position: absolute;
        display: block;
        top:25%;
        right: 43%;
        text-indent: -9999px;
    }
    
/*...................................... Top Contents Link */
    
    .top_sec_cntLink{
        width: 100%;
        padding-right: 0px;
        height: auto;
        display: block;
        color: #fff;
    }  
    .top_sec_cntLink-cnt{
        width: 90%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List ul{
        width: 100%;
        position: relative;
        display: block;
    } 
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li{
        width: 100%;
        height: 17vh;
        margin: 4% auto;
        padding: 20px 0 0;
        border-radius: 20px;
        background: #222;
        position: relative;
        display: block;

    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li:first-child{
        margin-right: 0%;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li:last-child{
        margin-left: 0%;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink1{
        background:url(img/top_cntLink_img1.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink2{
        background:url(img/top_cntLink_img2.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink3{
        background:url(img/top_cntLink_img3.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit1{
        background:url(img/top_cntLink_tit1.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto 0px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit2{
        background:url(img/top_cntLink_tit2.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto 0px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit3{
        background:url(img/top_cntLink_tit3.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto 0px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit1{
        background:url(img/top_cntLink_tit2.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit2{
        background:url(img/top_cntLink_tit3.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit3{
        background:url(img/top_cntLink_tit4.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-txt{
        width: 55%;
        height: 60px;
        margin: 0 auto;
        position: relative;
        display: block;
    } 
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .viewmore-btn a{
        background:url(img/top_cntLink_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 120px;
        height: 55px;
        display: block;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

/*...................................... Top Guidance */
    
    .top_sec_guidance{
        width: 100%;
        padding: 60px 0 30px 0;
        margin-bottom: 0px;
        display: block;
        overflow: hidden;
        background: #3e764a;
        color: #fff;
    }
    .top_sec_guidance-cnt{
        width: 90%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-tit{
        background:url(img/top_guidance_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 65%;
        height: 80px;
        margin: 0 auto 30px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-reed{
        background:url(img/top_guidance_reed.svg)no-repeat top center;
        background-size: 100%;
        width: 90%;
        height: 40px;
        margin: 0 auto 20px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-copy{
        background:url(img/top_guidance_copy.svg)no-repeat top center;
        background-size: 100%;
        width: 90%;
        height: 100px;
        margin: 0 auto 40px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-copy{
        height:80px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea{
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntareaL{
        width: 100%;
        padding: 0 0%;
        margin: 0 auto;
        float: left;
        display: block;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntareaR{
        width: 100%;
        padding: 0 0%;
        margin: 0 auto;
        float: right;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img{
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        margin-bottom: 20px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img img{
        border-radius: 20px;
        width: 100%;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit{
        width: 120px;
        height: 50px;
        background: #0e541d;
        position: absolute;
        display: block;
        z-index: 2;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        text-indent: -9999px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit .img-tit1{
        background:url(img/top_guidance_nationwide_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 65px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: 14px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit .img-tit2{
        background:url(img/top_guidance_area_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 62px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: 15px;
    } 
    
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news ul li{
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news li:last-child{
        border-bottom: 0;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news {
        width: 100%;
        height: 180px;
        position: relative;
        display: block;
        overflow-y:scroll;
        margin-bottom: 30px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
        color: #fff;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .deta{
        width: 15%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #fff;
        display: block;
        font-size: 0.8em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        font-size: 0.85em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea a{
        text-decoration: none;
        color: #fff;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

    .top_sec_guidance-cnt .top_sec_guidance-cntarea .viewmore-btn a{
        background:url(img/top_guidance_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 120px;
        height: 55px;
        display: block;
        margin: 0 auto 30px;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    

    
/*...................................... Top News */
    
    .top_sec_news{
        width: 100%;
        padding: 60px 0 0px 0;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .top_sec_news-cnt{
        width: 70%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_news .top_sec_news-tit{
        background:url(img/top_news_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 140px;
        height: 60px;
        margin: 0 auto 30px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }

    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_img{
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        margin-bottom: 10px;
    } 
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_img img{
        border-radius: 20px;
        width: 100%;
    } 
    
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news ul{
        width: 100%;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news li{
        width: 100%;
        margin: 0 auto 20px;
        float: left;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
        color: #000;
        margin: 5px;
        overflow: hidden;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .deta{
        width: 13%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 0px;
        display: block;
        font-size: 0.7em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        font-size: 0.85em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea a{
        text-decoration: none;
        color: #000;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}
@media screen and (min-width: 1025px) {
    section{
        display: block;
        clear: both;
    }
    .contents{
        width: 100%;
        padding-right: 90px;
        height: 100vh;
    }
    
/*...................................... Top about */
    
    .top_sec_about{
        width: 100%;
        padding-right: 90px;
        height: 880px;
        background: #fdf6ee;
        position: relative;
        display: block;
    }
/*....................... Top about Voice */
    
    .top_sec_about .top_sec_about_voice{
        width: 50%;
        height: 830px;
        position: relative;
        display: block;
        top:8vh;
        bottom: 0;
        padding: 150px 0 0 7%;
        background:url(img/top_voice_img.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 50px;
        float: left;
        color: #fff;

    }
    
    .top_sec_about .top_sec_about_voice-cnt{
        width: 100%;
        display: block;
    }
    
    .top_sec_about .top_sec_about_voice-cnt .voice-tit{
        background:url(img/top_voice_tit.svg)no-repeat top;
        background-size: 100%;
        width: 250px;
        height: 220px;
        display: block;
        text-indent: -9999px;
        margin-bottom: 30px;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-tit{
        background:url(img/top_voice_tit_guide.svg)no-repeat top;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-txt{
        width: 250px;
        line-height: 1.8em;
        display: block;
        margin-bottom: 35px;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a{
        background:url(img/top_voice_viewmore.svg)no-repeat top;
        background-size: 100%;
        width: 200px;
        height: 60px;
        display: block;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a{
        background:url(img/top_voice_viewmore_guide.svg)no-repeat top;
    }
    .top_sec_about .top_sec_about_voice-cnt .voice-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*....................... Top about concept */
    
    .top_sec_about .top_sec_about_concept{
        width: 50%;
        height: 75vh;
        position: relative;
        display: block;
        float: left;

    }   
    .top_sec_about .top_sec_about_concept .concept-ill{
        background:url(img/top_catch_ill.svg)no-repeat top;
        background-size: 100%;
        width: 190px;
        height: 120px;
        position: absolute;
        display: block;
        top:12%;
        left: 22%;

    }
    .top_sec_about .top_sec_about_concept .concept-tit{
        background:url(img/top_catch_tit.svg)no-repeat top;
        background-size: 100%;
        width: 130px;
        height: 540px;
        position: absolute;
        display: block;
        top:5%;
        right: 15%;
        text-indent: -9999px;
    }
    .top_sec_about .top_sec_about_concept .concept-txt{
        background:url(img/top_catch_copy.svg)no-repeat top;
        background-size: 100%;
        width: 320px;
        height: 410px;
        position: absolute;
        display: block;
        top:35%;
        right: 41%;
        text-indent: -9999px;
    }
    
/*...................................... Top Contents Link */
    
    .top_sec_cntLink{
        width: 100%;
        padding-right: 90px;
        height: 30vh;
        display: block;
        color: #fff;
    }  
    .top_sec_cntLink-cnt{
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List ul{
        width: 100%;
        position: relative;
        display: block;
    } 
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li{
        width: 31.9999999%;
        height: 380px;
        margin: 1%;
        padding: 95px 0 0;
        border-radius: 30px;
        background: #222;
        position: relative;
        display: block;
        float: left;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li:first-child{
        margin-right: 0%;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List li:last-child{
        margin-left: 0%;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink1{
        background:url(img/top_cntLink_img1.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink2{
        background:url(img/top_cntLink_img2.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink3{
        background:url(img/top_cntLink_img3.jpg)no-repeat top center;
        background-size: cover;
        display: block;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit1{
        background:url(img/top_cntLink_tit1.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 250px;
        height: 55px;
        margin: 0 auto 10px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit2{
        background:url(img/top_cntLink_tit2.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 250px;
        height: 55px;
        margin: 0 auto 10px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-tit3{
        background:url(img/top_cntLink_tit3.svg)no-repeat top center;
        background-size: 100%;
        display: block;
        width: 250px;
        height: 55px;
        margin: 0 auto 10px;
        text-indent: -9999px;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit1{
        background:url(img/top_cntLink_tit2.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit2{
        background:url(img/top_cntLink_tit3.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List.guide .cntLink-tit3{
        background:url(img/top_cntLink_tit4.svg)no-repeat top center;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .cntLink-txt{
        width: 55%;
        height: 80px;
        margin: 0 auto;
        position: relative;
        display: block;
    } 
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .viewmore-btn a{
        background:url(img/top_cntLink_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 148px;
        height: 60px;
        display: block;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_cntLink-cnt .top_sec_cntLink-cnt-List .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

/*...................................... Top Guidance */
    
    .top_sec_guidance{
        width: 100%;
        padding: 90px 90px 30px 0;
        display: block;
        overflow: hidden;
        background: #3e764a;
        color: #fff;
    }
    .top_sec_guidance-cnt{
        width: 1100px;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-tit{
        background:url(img/top_guidance_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 500px;
        height: 80px;
        margin: 0 auto 30px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-reed{
        background:url(img/top_guidance_reed.svg)no-repeat top center;
        background-size: 100%;
        width: 600px;
        height: 30px;
        margin: 0 auto 20px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-copy{
        background:url(img/top_guidance_copy.svg)no-repeat top center;
        background-size: 100%;
        width: 600px;
        height: 90px;
        margin: 0 auto 50px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-copy{
        height:60px;
        margin-bottom:20px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea{
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntareaL{
        width: 48%;
        padding: 0 1%;
        margin: 0 auto;
        float: left;
        display: block;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntareaR{
        width: 48%;
        padding: 0 1%;
        margin: 0 auto;
        float: right;
        display: block;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea.addEvent .cntareaR{
        width:100%;
        float: none;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img{
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        margin-bottom: 20px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea.addEvent .cntarea_img {
        text-align:center;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea.addEvent .cntarea_img img {
        max-width:100%;
        width:auto;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img img{
        border-radius: 20px;
        width: 100%;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit{
        width: 120px;
        height: 50px;
        background: #0e541d;
        position: absolute;
        display: block;
        z-index: 2;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        text-indent: -9999px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit .img-tit1{
        background:url(img/top_guidance_nationwide_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 65px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: 14px;
    } 
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_img .img-tit .img-tit2{
        background:url(img/top_guidance_area_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 62px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: 15px;
    } 
    
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news {
        width: 100%;
        height: 220px;
        position: relative;
        display: block;
        overflow-y: auto;
        margin-bottom: 30px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news ul li{
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #fff;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news li:last-child{
        border-bottom: 0;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news {
        width: 100%;
        height: 220px;
        position: relative;
        display: block;
        overflow-y: auto;
        margin-bottom: 30px;
    }
    .top_sec_guidance-cnt.addEvent .top_sec_guidance-cntarea .cntarea_news {
        width: 50%;
        margin:0 auto 30px;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
        color: #fff;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .deta{
        width: 25%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #fff;
        display: block;
        font-size: 0.8em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        font-size: 0.85em;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea a{
        text-decoration: none;
        color: #fff;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

    .top_sec_guidance-cnt .top_sec_guidance-cntarea .viewmore-btn a{
        background:url(img/top_guidance_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 148px;
        height: 60px;
        display: block;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_guidance-cnt .top_sec_guidance-cntarea .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    
/*...................................... Top News */
    
    .top_sec_news{
        width: 100%;
        padding: 90px 0 90px 0;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .top_sec_news-cnt{
        width: 1200px;
        margin: 0 auto;
        position: relative;
        display: block;
        padding-right:90px;
    }
    .top_sec_news .top_sec_news-tit{
        background:url(img/top_news_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 180px;
        height: 80px;
        margin: 0 auto 30px;
        position: relative;
        display: block;
        text-indent: -9999px;
    }

    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_img{
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        margin-bottom: 20px;
    } 
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_img img{
        border-radius: 20px;
        width: 100%;
    } 
    
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news ul{
        width: 100%;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news li{
        width: 31.333333333333%;
        margin: 0 1%;
        float: left;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
        color: #000;
        margin: 5px;
        overflow: hidden;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .deta{
        width: 25%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        font-size: 0.85em;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea a{
        text-decoration: none;
        color: #000;
        display: block;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }
    .top_sec_news-cnt .top_sec_news-cntarea .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .top_sec_news-btn.viewmore-btn a{
        background:url(img/top_news_viewmore.svg)no-repeat top center;
        background-size: 100%;
        width: 148px;
        height: 60px;
        display: block;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .top_sec_news-btn.viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .top_sec_news-btn.viewmore-btn {
        margin-top:-60px;
        padding-bottom:90px;
        padding-right:90px;
    }
}
/*===================================== TOP CONTENTS END */


/*===================================== INNER CONTENTS START */
    
/*....................... job 森林の仕事紹介  */

    .job_index{
        width: 100%;
        height: auto;
        padding: 30px 0 30px 0;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .job_index-cnt{
        width: 90%;
        margin: 0 auto;
        position: relative;
        display: block;

    }
    .job_index-cnt .job_index_List{
        width: 100%;
        height: auto;
        position: relative;
        display: block;
    }
    .job_index-cnt  ul li{
        width: 100%;
        display: block;
    }
    .job_index-cnt li{
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .job_index-cnt .job_index_pictureR{
        position: relative;
        right: 0;
        width: 100%;
        display: block;
        z-index: 1;
    }
    .job_index-cnt .job_index_pictureR img{
        border-radius: 10px;
        width: 100%;
    }
    .job_index-cnt .job_index_pictureL{
        position: relative;
        left: 0;
        width: 100%;
        display: block;
        z-index: 1;
    }
    .job_index-cnt .job_index_pictureL img{
        border-radius: 10px;
        width: 100%;
    }
    .job_index-cnt .job_index_infoL{
        position: relative;
        top:1vh;
        width: 100%;
        margin-bottom: 50px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .job_index-cnt .job_index_infoR{
        position: relative;
        top:1vh;
        width: 100%;
        margin-bottom: 50px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .job_index-cnt .job_index_info-cnt{
        display: block;
        position: relative;
    }
    .job_index-cnt .job_index_info-cnt .info-tit1{
        background:url(img/job_tit1.svg)no-repeat top center;
        background-size: 100%;
        width: 150px;
        height: 45px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .job_index-cnt .job_index_info-cnt .info-tit2{
        background:url(img/job_tit2.svg)no-repeat top center;
        background-size: 100%;
        width: 150px;
        height: 45px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .job_index-cnt .job_index_info-cnt .info-tit3{
        background:url(img/job_tit3.svg)no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 60px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .job_index-cnt .job_index_info-cnt .info-tit4{
        background:url(img/job_tit4.svg)no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 60px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .job_index-cnt .job_index_info-cnt .info-reed{
        font-size: 1em;
    }
    .job_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 80%;
        width: 145px;
        height: 50px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 10px;
        left: 0px;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .job_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1025px) {
    .job_index{
        width: 100%;
        height: auto;
        padding: 30px 90px 60px 0;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .job_index-cnt{
        width: 1200px;
        margin: 0 auto;
        position: relative;
        display: block;

    }
    .job_index-cnt .job_index_List{
        width: 100%;
        height: 50vh;
        position: relative;
        display: block;
    }
    .job_index-cnt  ul li{
        width: 100%;
        display: block;
    }
    .job_index-cnt li{
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .job_index-cnt .job_index_pictureR{
        position: absolute;
        right: 0;
        width: 70%;
        display: block;
        z-index: 1;
    }
    .job_index-cnt .job_index_pictureR img{
        border-radius: 30px;
        width: 100%;
    }
    .job_index-cnt .job_index_pictureL{
        position: absolute;
        left: 0;
        width: 70%;
        display: block;
        z-index: 1;
    }
    .job_index-cnt .job_index_pictureL img{
        border-radius: 30px;
        width: 100%;
    }
    .job_index-cnt .job_index_infoL{
        position: relative;
        top:10vh;
        left: 0;
        width: 40%;
        background: #fff;
        height: 300px;
        border-radius: 30px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 5px solid #000;
    }
    .job_index-cnt .job_index_infoR{
        position: absolute;
        top:10vh;
        right: 0;
        width: 40%;
        background: #fff;
        height: 300px;
        border-radius: 30px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 5px solid #000;
    }
    .job_index-cnt .job_index_info-cnt{
        display: block;
        position: relative;
    }
    .job_index-cnt .job_index_info-cnt .info-tit1{
        background:url(img/job_tit1.svg)no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 50px;
        text-indent: -9999px; 
    }
    .job_index-cnt .job_index_info-cnt .info-tit2{
        background:url(img/job_tit2.svg)no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 50px;
        text-indent: -9999px; 
    }
    .job_index-cnt .job_index_info-cnt .info-tit3{
        background:url(img/job_tit3.svg)no-repeat top center;
        background-size: 100%;
        width: 300px;
        height: 90px;
        text-indent: -9999px; 
    }
    .job_index-cnt .job_index_info-cnt .info-tit4{
        background:url(img/job_tit4.svg)no-repeat top center;
        background-size: 100%;
        width: 300px;
        height: 90px;
        text-indent: -9999px; 
    }
    .job_index-cnt .job_index_info-cnt .info-reed{
        font-size: 1vw;
    }
    .job_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 80%;
        width: 155px;
        height: 60px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 20px;
        left: 0px;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .job_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}

/*....................... project 緑の雇用とは index  */


/*........... project_meaning */
    
    .project_meaning{
        width: 100%;
        padding-right: 0px;
        height: 700px;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .project_meaning-sbcnt{
        width: 100%;
        padding-right: 0;
        height: 42vh;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .project_meaning .order1 {
        order: 1;
    }
    .project_meaning .order2 {
        order: 2;
    }
    .project_meaning-sbcnt .order1 {
        order: 1;
    }
    .project_meaning-sbcnt .order2 {
        order: 2;
    }
/*............... project_meaning img */
    
    .project_meaning .project_meaning_img{
        width: 95%;
        height: 30vh;
        position: relative;
        top:0vh;
        bottom: 0;
        background:url(img/project_meaning_img_main.jpg)no-repeat right center;
        background-size: cover;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        float: left;
        color: #fff;
        display: block;
    }
    .project_meaning-sbcnt .project_meaning_img_sb1{
        width: 95%;
        height: 20vh;
        position: relative;
        display: block;
        top:2vh;
        left: 5%;
        bottom: 0;
        background:url(img/project_meaning_img_sub1.jpg)no-repeat right top;
        background-size: cover;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        float: left;
        color: #fff;

    }
    .project_meaning-sbcnt .project_meaning_img_sb2{
        width: 95%;
        height: 20vh;
        position: relative;
        display: block;
        top:2vh;
        bottom: 0;
        background:url(img/project_meaning_img_sub2.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        float: left;
        color: #fff;

    }
   
/*.............. project_meaning concept */
    
    .project_meaning .project_meaning_concept{
        width: 100%;
        height: 50vh;
        position: relative;
        display: flex;
        float: left;
        

    }   
    .project_meaning .project_meaning_concept .concept-ill{
        background:url(img/project_ill.svg)no-repeat top;
        background-size: 100%;
        width: 130px;
        height: 120px;
        position: absolute;
        display: block;
        top:4%;
        left: 10%;

    }
    .project_meaning .project_meaning_concept .concept-tit{
        background:url(img/project_tit_main.svg)no-repeat top;
        background-size: 100%;
        width: 80px;
        height: 350px;
        position: absolute;
        display: block;
        top:6%;
        right: 10%;
        text-indent: -9999px;
    }
    .project_meaning .project_meaning_concept .concept-txt{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        width: 200px;
        height: 410px;
        position: absolute;
        display: block;
        top:25%;
        right: 40%;
    }
/*....... sub */
    .project_meaning-sbcnt .project_meaning_concept{
        width: 90%;
        height: auto;
        top: 0%;
        margin:0 auto;
        position: relative;
        display: block;
        float: left;

    }   
    .project_meaning-sbcnt .project_meaning_concept .concept-tit1{
        background:url(img/project_tit_sub1.svg)no-repeat top;
        background-size: 100%;
        width: 85%;
        height: 40px;
        position: relative;
        display: block;
        top:0;
        left: 0%;
        text-indent: -9999px;
    }
    .project_meaning-sbcnt .project_meaning_concept .concept-tit2{
        background:url(img/project_tit_sub2.svg)no-repeat top;
        background-size: 100%;
        width: 100%;
        height: 40px;
        position: relative;
        display: block;
        top:0%;
        left: 0%;
        text-indent: -9999px;
    }
    .project_meaning-sbcnt .project_meaning_concept .concept-txt{
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        line-height: 1.5em;
        top:2%;
        left: 0%;
    } 
/*....................... project_index */

    .project_index{
        width: 100%;
        height: auto;
        padding: 30px 0 30px 0;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .project_index-cnt{
        width: 95%;
        margin: 0 auto;
        position: relative;
        display: block;

    }
    .project_index-cnt .project_index_List{
        width: 100%;
        height: auto;
        position: relative;
        display: block;
    }
    .project_index-cnt  ul{
        width: 100%;
        display: block;
    }
    .project_index-cnt li{
        width: 48%;
        margin: 0 1%;
        float: left;
        display: block;
        overflow: hidden;
    }
    .project_index-cnt .project_index_picture{
        position: relative;
        right: 0;
        width: 100%;
        display: block;
        z-index: 1;
    }
    .project_index-cnt .project_index_picture img{
        border-radius: 10px;
        width: 100%;
    }
    .project_index-cnt .project_index_info{
        position: relative;
        top:1vh;
        width: 100%;
        margin-bottom: 45px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .project_index-cnt .project_index_info-cnt{
        display: block;
        position: relative;
    }
    .project_index-cnt .project_index_info-cnt .info-tit1{
        background:url(img/project_List_tit1.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-tit2{
        background:url(img/project_List_tit2.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-tit3{
        background:url(img/project_List_tit3.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-tit4{
        background:url(img/project_List_tit4.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-reed{
        font-size: 1em;
    }
    .project_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 75%;
        width: 130px;
        height: 45px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 10px;
        left: 0px;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .project_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

@media screen and (min-width: 600px) {
/*....................... project 緑の雇用とは index  */


/*........... project_meaning */
    
    .project_meaning{
        width: 100%;
        padding-right: 0px;
        height: 80vh;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .project_meaning-sbcnt{
        width: 100%;
        padding-right: 0;
        height: 38vh;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .project_meaning .order1 {
        order: 1;
    }
    .project_meaning .order2 {
        order: 2;
    }
    .project_meaning-sbcnt .order1 {
        order: 1;
    }
    .project_meaning-sbcnt .order2 {
        order: 2;
    }
/*............... project_meaning img */
    
    .project_meaning .project_meaning_img{
        width: 95%;
        height: 30vh;
        position: relative;
        top:0vh;
        bottom: 0;
        background:url(img/project_meaning_img_main.jpg)no-repeat right center;
        background-size: cover;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        float: left;
        color: #fff;
        display: block;
    }
    .project_meaning-sbcnt .project_meaning_img_sb1{
        width: 95%;
        height: 20vh;
        position: relative;
        display: block;
        top:2vh;
        left: 5%;
        bottom: 0;
        background:url(img/project_meaning_img_sub1.jpg)no-repeat right top;
        background-size: cover;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        float: left;
        color: #fff;

    }
    .project_meaning-sbcnt .project_meaning_img_sb2{
        width: 95%;
        height: 20vh;
        position: relative;
        display: block;
        top:2vh;
        bottom: 0;
        background:url(img/project_meaning_img_sub2.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        float: left;
        color: #fff;
        margin-bottom: 50px;

    }
   
/*.............. project_meaning concept */
    
    .project_meaning .project_meaning_concept{
        width: 100%;
        height: 50vh;
        position: relative;
        display: flex;
        float: left;
        

    }   
    .project_meaning .project_meaning_concept .concept-ill{
        background:url(img/project_ill.svg)no-repeat top;
        background-size: 100%;
        width: 130px;
        height: 120px;
        position: absolute;
        display: block;
        top:4%;
        left: 30%;

    }
    .project_meaning .project_meaning_concept .concept-tit{
        background:url(img/project_tit_main.svg)no-repeat top;
        background-size: 100%;
        width: 110px;
        height: 450px;
        position: absolute;
        display: block;
        top:6%;
        right: 25%;
        text-indent: -9999px;
    }
    .project_meaning .project_meaning_concept .concept-txt{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        width: 200px;
        height: 410px;
        position: absolute;
        display: block;
        top:25%;
        right: 46%;
    }
/*....... sub */
    .project_meaning-sbcnt .project_meaning_concept{
        width: 90%;
        height: auto;
        top: 0%;
        margin:0 auto;
        position: relative;
        display: block;
        float: left;

    }   
    .project_meaning-sbcnt .project_meaning_concept .concept-tit1{
        background:url(img/project_tit_sub1.svg)no-repeat top;
        background-size: 100%;
        width: 60%;
        height: 60px;
        position: relative;
        display: block;
        top:0;
        left: 0%;
        text-indent: -9999px;
    }
    .project_meaning-sbcnt .project_meaning_concept .concept-tit2{
        background:url(img/project_tit_sub2.svg)no-repeat top;
        background-size: 100%;
        width: 72%;
        height: 65px;
        position: relative;
        display: block;
        top:0%;
        left: 0%;
        text-indent: -9999px;
    }
    .project_meaning-sbcnt .project_meaning_concept .concept-txt{
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        line-height: 1.5em;
        top:2%;
        left: 0%;
    } 
/*....................... project_index */

    .project_index{
        width: 100%;
        height: auto;
        padding: 30px 0 30px 0;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .project_index-cnt{
        width: 95%;
        margin: 0 auto;
        position: relative;
        display: block;

    }
    .project_index-cnt .project_index_List{
        width: 100%;
        height: auto;
        position: relative;
        display: block;
    }
    .project_index-cnt  ul{
        width: 100%;
        display: block;
    }
    .project_index-cnt li{
        width: 48%;
        margin: 0 1%;
        float: left;
        display: block;
        overflow: hidden;
    }
    .project_index-cnt .project_index_picture{
        position: relative;
        right: 0;
        width: 100%;
        display: block;
        z-index: 1;
    }
    .project_index-cnt .project_index_picture img{
        border-radius: 10px;
        width: 100%;
    }
    .project_index-cnt .project_index_info{
        position: relative;
        top:1vh;
        width: 100%;
        margin-bottom: 45px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .project_index-cnt .project_index_info-cnt{
        display: block;
        position: relative;
    }
    .project_index-cnt .project_index_info-cnt .info-tit1{
        background:url(img/project_List_tit1.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-tit2{
        background:url(img/project_List_tit2.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-tit3{
        background:url(img/project_List_tit3.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-tit4{
        background:url(img/project_List_tit4.svg)no-repeat top center;
        background-size: 100%;
        width: 160px;
        height: 50px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .project_index-cnt .project_index_info-cnt .info-reed{
        font-size: 1em;
    }
    .project_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 75%;
        width: 130px;
        height: 45px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 10px;
        left: 0px;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .project_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}

/*......................................  project_meaning */
@media screen and (min-width: 1025px) {

    
    .project_meaning{
        width: 100%;
        padding-right: 90px;
        height: 700px;
        position: relative;
        display: block;
        margin: 0;
    }
    .project_meaning-sbcnt{
        width: 100%;
        padding-right: 90px;
        height: 350px;
        position: relative;
        display: block;
        margin: 0;
    }
/*....................... project_meaning img */
    
    .project_meaning .project_meaning_img{
        width: 50%;
        height: 650px;
        position: relative;
        display: block;
        top:0vh;
        bottom: 0;
        background:url(img/project_meaning_img_main.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        float: left;
        color: #fff;

    }
    .project_meaning-sbcnt .project_meaning_img_sb1{
        width: 50%;
        height: 300px;
        position: relative;
        display: block;
        top:0vh;
        bottom: 0;
        background:url(img/project_meaning_img_sub1.jpg)no-repeat right top;
        background-size: cover;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        float: left;
        color: #fff;

    }
    .project_meaning-sbcnt .project_meaning_img_sb2{
        width: 50%;
        height: 27vh;
        position: relative;
        display: block;
        top:0vh;
        bottom: 0;
        background:url(img/project_meaning_img_sub2.jpg)no-repeat right top;
        background-size: cover;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        float: left;
        color: #fff;

    }
    

/*....................... project_meaning img concept */
    
    .project_meaning .project_meaning_concept{
        width: 50%;
        height: 55vh;
        position: relative;
        display: block;
        float: left;

    }   
    .project_meaning .project_meaning_concept .concept-ill{
        background:url(img/project_ill.svg)no-repeat top;
        background-size: 100%;
        width: 190px;
        height: 120px;
        position: absolute;
        display: block;
        top:10%;
        left: 22%;

    }
    .project_meaning .project_meaning_concept .concept-tit{
        background:url(img/project_tit_main.svg)no-repeat top;
        background-size: 100%;
        width: 130px;
        height: 540px;
        position: absolute;
        display: block;
        top:5%;
        right: 15%;
        text-indent: -9999px;
    }
    .project_meaning .project_meaning_concept .concept-txt{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        width: 320px;
        height: 410px;
        position: absolute;
        display: block;
        line-height: 2em;
        top:35%;
        right: 41%;
    } 
/*....... sub */
    .project_meaning-sbcnt .project_meaning_concept{
        width: 50%;
        height: 27vh;
        top: 8%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;

    }   
    .project_meaning-sbcnt .project_meaning_concept .concept-tit1{
        background:url(img/project_tit_sub1.svg)no-repeat top;
        background-size: 100%;
        width: 480px;
        height: 50px;
        position: absolute;
        display: block;
        top:6%;
        left: 15%;
        text-indent: -9999px;
    }
    .project_meaning-sbcnt .project_meaning_concept .concept-tit2{
        background:url(img/project_tit_sub2.svg)no-repeat top;
        background-size: 100%;
        width: 600px;
        height: 50px;
        position: absolute;
        display: block;
        top:5%;
        left: 15%;
        text-indent: -9999px;
    }
    .project_meaning-sbcnt .project_meaning_concept .concept-txt{
        width: 500px;
        height: 150px;
        position: absolute;
        display: block;
        line-height: 2em;
        top:28%;
        left: 15%;
    } 
/*....................... project_index */
    .project_index{
        width: 100%;
        height: auto;
        padding: 30px 90px 60px 0;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
        color: #000;
    }
    .project_index-cnt{
        width: 1200px;
        margin: 0 auto;
        position: relative;
        display: block;

    }
    .project_index-cnt .project_index_List{
        width: 100%;
        position: relative;
        display: block;
    }
    .project_index-cnt  ul{
        width: 100%;
        display: block;
    }
    .project_index-cnt li{
        width: 48%;
        height: 33vh;
        margin: 0 1% 30px;
        display: block;
        position: relative;
        overflow: hidden;
        float: left;
    }

    .project_index-cnt .project_index_picture{
        position: absolute;
        right: 0;
        bottom: 0;
        width: 97%;
        display: block;
        z-index: 1;
    }
    .project_index-cnt .project_index_picture img{
        border-radius: 20px;
        width: 100%;
    }
    .project_index-cnt .project_index_info{
        position: absolute;
        top:0vh;
        left: 0;
        width: 50%;
        background: #fff;
        height: 190px;
        border-radius: 20px;
        z-index: 2;
        border: 5px solid #000;
        display: block;
    }
    .project_index-cnt .project_index_info-cnt{
        display: block;
        position: relative;
        left: 0;
        top:5px;
    }
    .project_index-cnt .project_index_info-cnt .info-tit1{
        background:url(img/project_List_tit1.svg)no-repeat top center;
        background-size: 100%;
        width: 250px;
        height: 80px;
        text-indent: -9999px; 
    }
    .project_index-cnt .project_index_info-cnt .info-tit2{
        background:url(img/project_List_tit2.svg)no-repeat top center;
        background-size: 100%;
        width: 250px;
        height: 80px;
        text-indent: -9999px; 
    }
    .project_index-cnt .project_index_info-cnt .info-tit3{
        background:url(img/project_List_tit3.svg)no-repeat top center;
        background-size: 100%;
        width: 250px;
        height: 80px;
        text-indent: -9999px; 
    }
    .project_index-cnt .project_index_info-cnt .info-tit4{
        background:url(img/project_List_tit4.svg)no-repeat top center;
        background-size: 100%;
        width: 250px;
        height: 80px;
        text-indent: -9999px; 
    }
    .project_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 80%;
        width: 155px;
        height: 60px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 20px;
        left: 0px;
        margin: 0 auto;
    	transition: all 0.2s ease-in-out;
    }
    .project_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}


/*....................... guidance ガイダンス  */

.guidance_index{
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    color: #fff;
}
.guidance_index-cnt{
    width: 95%;
    margin: 0 auto;
    position: relative;
    display: block;

}
.guidance_index-cnt .guidance_index_List{
    width: 100%;
    /*height: 835px;*/
    position: relative;
    display: block;
}
.guidance_index-cnt.event .guidance_index_List{
    /*height: 450px;*/
}
.guidance_index-cnt .guidance_index_List.list_matching {
    height: 500px;
}
.guidance_index-cnt  ul{
    width: 100%;
    display: block;
}
.guidance_index-cnt li{
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.guidance_index-cnt .guidance_index_bg{
    /*position: absolute;*/
    top:0px;
    right: 0;
    width: 100%;
    /*height: 500px;*/
    display: block;
    z-index: 1;
    background: #3e764a;
    border-radius: 15px;
    padding:30px 0 30px;
}
.guidance_index-cnt.event .guidance_index_bg{
    /*height: 255px;*/
}
.guidance_index-cnt .guidance_index_bgArea{
    /*position: absolute;*/
    top:0px;
    right: 0;
    width: 100%;
    /*height: 500px;*/
    display: block;
    z-index: 1;
    background: rgba(101,148,81,1.00);
    border-radius: 15px;
}
.guidance_index-cnt .guidance_widetit{
    position: absolute;
    top:5px;
    left: 20px;
    width: 22%;
    padding: 0;
    background:url(img/guidance_wide_tit.svg)no-repeat center;
    background-size: 100%;
    height: 70px;
    z-index: 2;
    text-indent: -9999px;
}
.guidance_index-cnt .guidance_wideMaintit{
    position: relative;
    top:45px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    background:url(img/guidance_wide_maintit.svg)no-repeat center;
    background-size: 100%;
    height: 100px;
    z-index: 2;
    text-indent: -9999px;
}
.guidance_index-cnt .guidance_matchMaintit{
    position: relative;
    top:0;
    margin: 0 auto;
    width: 95%;
    padding: 0;
    background:url(img/matching_maintit.svg)no-repeat center;
    background-size: 100%;
    height: 100px;
    z-index: 2;
    text-indent: -9999px;
}
.guidance_index-cnt .guidance_areatit{
    position: absolute;
    top:5px;
    left: 20px;
    width: 22%;
    padding: 0;
    background:url(img/guidance_area_tit.svg)no-repeat center;
    background-size: 100%;
    height: 70px;
    z-index: 2;
    text-indent: -9999px;
}
.guidance_index-cnt .guidance_areaMaintit{
    position: relative;
    top:45px;
    margin: 0 auto;
    width: 80%;
    padding: 0;
    background:url(img/guidance_area_maintit.svg)no-repeat center;
    background-size: 100%;
    height: 80px;
    z-index: 2;
    text-indent: -9999px;
}
.guidance_index-cnt .guidance_subtitR{
    position: relative;
    top:3%;
    text-align: center;
    color: #fff;
    letter-spacing: 4px;
    padding: 0;
    height: 30px;
    z-index: 2;
}
.guidance_index-cnt .guidance_subtitL{
    position: relative;
    top:6%;
    text-align: center;
    color: #fff;
    letter-spacing: 4px;
    padding: 0;
    height: 30px;
    z-index: 2;
}
.guidance_index-cnt .list_matching .guidance_subtitL{
    top:-3%;
}
.guidance_index-cnt .guidance_imgR{
    /*position: absolute;*/
    right: 5%;
    /*top: 145px;*/
    width: 90%;
    margin: 0 auto;
    display: block;
    z-index: 1;
}
.guidance_index-cnt.event .guidance_imgR{
    top: 20px;
}
.guidance_index-cnt .guidance_imgL{
    /*position: absolute;*/
    right: 5%;
    /*top: 140px;*/
    width: 90%;
    margin: 0 auto;
    display: block;
    z-index: 1;
}
.guidance_index-cnt .list_matching .guidance_imgL{
    top: 115px;
}
.guidance_imgL img,
.guidance_imgR img{
    border-radius: 15px;
    width: 100%;
}
.guidance_index-cnt .guidance_txtR{
    position: relative;
    top: 220px;
    width: 90%;
    margin: 0 auto;
    font-size: 0.9em;
    display: block;
    z-index: 1;
}
.guidance_index-cnt .guidance_txtL{
    position: relative;
    top: 185px;
    width: 90%;
    margin: 0 auto;
    font-size: 0.9em;
    display: block;
    z-index: 1;
}
.guidance_index-cnt .viewmore-btn a{
    background:url(img/viewmore.svg)no-repeat center #275324;
    background-size: 85%;
    width: 140px;
    height: 50px;
    display: block;
    border-radius: 30px;
    position: relative;
    /*top: 15px;*/
    left: 0px;
	transition: all 0.2s ease-in-out;
}
.guidance_index-cnt .viewmore-btn a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.guidance_index-cnt .list_matching .viewmore-btn{
    position:absolute;
    bottom:30px;
    left:20px;
    z-index:10;
}
.guidance_index-cnt .pattarn1 {
    background-image:
    repeating-linear-gradient(to bottom,
    transparent 25px,
    rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
    transparent 27px,  transparent 51px, 
    rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
    transparent 53px,  transparent 77px, 
    rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
    transparent 79px,  transparent 103px, 
    rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
    transparent 105px,  transparent 129px, 
    rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),

    repeating-linear-gradient(to right,
    transparent 25px,
    rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
    transparent 27px,  transparent 51px, 
    rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
    transparent 53px,  transparent 77px, 
    rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
    transparent 79px,  transparent 103px, 
    rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
    transparent 105px,  transparent 129px, 
    rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}
.guidance_index-cnt .guidance_index_infoL{
    position: relative;
    /*top: 450px;*/
    left: 0;
    width: 95%;
    padding: 20px 20px 0 10px;
    background: #fff;
    /*height: 37vh;*/
    border-radius:0 20px 0 0;
    z-index: 2;
}
.guidance_index-cnt.event .guidance_index_infoL{
    /*top: 200px;*/
}
.guidance_index-cnt .guidance_index_infoR{
    /*position: absolute;*/
    /*top: 450px;*/
    right: 0;
    width: 95%;
    padding: 20px 10px 0 20px;
    background: #fff;
    /*height: 37vh;*/
    height:auto;
    border-radius:20px 0 0 0;
    z-index: 2;
}
.guidance_index-cnt .guidance_index_info-cnt{
    display: block;
    position: relative;
    color: #000;
}
.guidance_index-cnt .guidance_index_info-cnt .info-tit1{
    background:url(img/guidance_info_tit.svg)no-repeat top center;
    background-size: 100%;
    width: 140px;
    height: 38px;
    text-indent: -9999px; 
}
.guidance_index-cnt .guidance_index_info-cnt .info-reed{
    font-size: 1em;
    margin-bottom: 15px;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news {
    width: 100%;
    position: relative;
    display: block;
overflow-y: auto;
    height: 185px;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news ul li{
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news {
    width: 100%;
    position: relative;
    display: block;
    overflow-y: auto;
    /*height: 195px;*/
    height:60vh;
    margin-bottom:10px;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea{
    width: 100%;
    display: block;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .deta{
    width: 24%;
    float:left;
    margin-right: 10px;
    border-right: 1px solid #000;
    display: block;
    font-size: 0.8em;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .updeta_icon{
    margin-left: 5px;
    font-size: 0.7em;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .cat_name{
    float:left;
    margin-left: 0px;
    display: block;
    font-size: 0.7em;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea{
    clear: both;
    width: 100%;
    margin-top: 5px;
    line-height: 1.6em;
    font-size: 0.8em;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea a{
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: #000;
    transition: all 0.2s ease-in-out;
}
.guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*....................... guidance ガイダンス  */
@media screen and (min-width: 600px) {
    .guidance_index{
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
        color: #fff;
    }
    .guidance_index-cnt{
        width: 95%;
        margin: 0 auto;
        position: relative;
        display: block;

    }
    .guidance_index-cnt .guidance_index_List{
        width: 100%;
        /*height: 92vh;*/
        position: relative;
        display: block;
    }
    .guidance_index-cnt .guidance_index_List.list_matching {
        height: 70vh;
    }
    .guidance_index-cnt  ul{
        width: 100%;
        display: block;
    }
    .guidance_index-cnt li{
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
    }
    .guidance_index-cnt .guidance_index_bg{
        /*position: absolute;*/
        top:0px;
        right: 0;
        width: 100%;
        /*height: 67vh;*/
        display: block;
        z-index: 1;
        background: #3e764a;
        border-radius: 15px;
    }
    .guidance_index-cnt .guidance_index_bgArea{
        position: absolute;
        top:0px;
        right: 0;
        width: 100%;
        height: 65vh;
        display: block;
        z-index: 1;
        background: rgba(101,148,81,1.00);
        border-radius: 15px;
    }
    .guidance_index-cnt .list_matching .guidance_index_bgArea{
        height: 62vh;
    }
    .guidance_index-cnt .guidance_widetit{
        position: absolute;
        top:20px;
        left: 20px;
        width: 15%;
        padding: 0;
        background:url(img/guidance_wide_tit.svg)no-repeat top center;
        background-size: 100%;
        height: 70px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_matchMaintit{
        position: relative;
        top:15px;
        width: 80%;
        margin:0 auto;
        padding: 0;
        background:url(img/matching_maintit.svg)no-repeat left;
        background-size: 100%;
        height: 100px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_wideMaintit{
        position: relative;
        top:80px;
        margin: 0 auto;
        width: 80%;
        padding: 0;
        background:url(img/guidance_wide_maintit.svg)no-repeat center;
        background-size: 100%;
        height: 100px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_areatit{
        position: absolute;
        top:20px;
        left: 20px;
        width: 16%;
        padding: 0;
        background:url(img/guidance_area_tit.svg)no-repeat top center;
        background-size: 100%;
        height: 72px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_areaMaintit{
        position: relative;
        top:60px;
        margin: 0 auto;
        width: 60%;
        padding: 0;
        background:url(img/guidance_area_maintit.svg)no-repeat center;
        background-size: 100%;
        height: 80px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_subtitR{
        position: relative;
        top:65px;
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
        padding: 0;
        height: 30px;
        z-index: 2;
    }
    .guidance_index-cnt .list_matching .guidance_subtitL{
        top:10px;
    }
    .guidance_index-cnt .guidance_subtitL{
        position: relative;
        top:55px;
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
        padding: 0;
        height: 30px;
        z-index: 2;
    }
    .guidance_index-cnt .guidance_imgR{
        /*position: absolute;*/
        right: 5%;
        /*top: 210px;*/
        width: 90%;
        margin: 0 auto;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt.event .guidance_imgR{
        top: 40px;
    }
    .guidance_index-cnt .guidance_imgL{
        /*position: absolute;*/
        right: 5%;
        /*top: 180px;*/
        width: 90%;
        margin: 0 auto;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt .list_matching .guidance_imgL{
        top: 145px;
    }
    .guidance_imgL img,
    .guidance_imgR img{
        border-radius: 15px;
        width: 100%;
    }
    .guidance_index-cnt .guidance_txtR{
        position: relative;
        top: 485px;
        width: 90%;
        margin: 0 auto;
        font-size: 0.9em;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt .guidance_txtL{
        position: relative;
        top: 475px;
        width: 90%;
        margin: 0 auto;
        font-size: 0.9em;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt .list_matching .guidance_txtL{
        top: 420px;
    }
    .guidance_index-cnt .list_matching .viewmore-btn{
        position:absolute;
        bottom:115px;
        left:35px;
        z-index:10;
    }
    .guidance_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 85%;
        width: 140px;
        height: 50px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 0px;
        left: 0px;
    	transition: all 0.2s ease-in-out;
    }
    .guidance_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .guidance_index-cnt .pattarn1 {
        background-image:
        repeating-linear-gradient(to bottom,
        transparent 25px,
        rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
        transparent 27px,  transparent 51px, 
        rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
        transparent 53px,  transparent 77px, 
        rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
        transparent 79px,  transparent 103px, 
        rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
        transparent 105px,  transparent 129px, 
        rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),

        repeating-linear-gradient(to right,
        transparent 25px,
        rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
        transparent 27px,  transparent 51px, 
        rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
        transparent 53px,  transparent 77px, 
        rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
        transparent 79px,  transparent 103px, 
        rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
        transparent 105px,  transparent 129px, 
        rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
    }
    .guidance_index-cnt .guidance_index_infoL{
        position: relative;
        /*top: 60vh;*/
        left: 0;
        width: 95%;
        padding: 20px 20px 0 10px;
        background: #fff;
        /*height: 37vh;*/
        border-radius:0 20px 0 0;
        z-index: 2;
    }
    .guidance_index-cnt .guidance_index_infoL{
        /*top: 32vh;*/
    }
    .guidance_index-cnt .guidance_index_infoR{
        /*position: absolute;*/
        /*top: 58vh;*/
        right: 0;
        width: 95%;
        padding: 20px 10px 0 20px;
        background: #fff;
        /*height: 37vh;*/
        height:auto;
        border-radius:20px 0 0 0;
        z-index: 2;
    }
    .guidance_index-cnt .guidance_index_info-cnt{
        display: block;
        position: relative;
        color: #000;
    }
    .guidance_index-cnt .guidance_index_info-cnt .info-tit1{
        background:url(img/guidance_info_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 140px;
        height: 38px;
        text-indent: -9999px; 
    }
    .guidance_index-cnt .guidance_index_info-cnt .info-reed{
        font-size: 1em;
        margin-bottom: 15px;
    }
   .guidance_index-cnt .guidance_index_info-cnt .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
		overflow-y: auto;
        height: 185px;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news ul li{
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news li:last-child{
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
        overflow-y: auto;
        /*height: 185px;*/
        height:70vh;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .deta{
        width: 24%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 0px;
        display: block;
        font-size: 0.7em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        margin-top: 5px;
        line-height: 1.6em;
        font-size: 0.8em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea a{
        text-decoration: none;
        display: block;
        font-weight: bold;
        color: #000;
        transition: all 0.2s ease-in-out;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}
@media screen and (min-width: 1025px) {
    .guidance_index{
        width: 100%;
        height: auto;
        padding: 30px 90px 60px 0;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
        color: #fff;
    }
    .guidance_index-cnt{
        width: 1200px;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .guidance_index-cnt.info_list{
        width: 1025px;
    }
    .guidance_index-cnt .guidance_index_List{
        width: 100%;
        /*height: 450px;*/
        height:980px;
        position: relative;
        display: block;
    }
    .guidance_index-cnt .guidance_index_List.list_matching {
        height: 525px;
    }
    .guidance_index-cnt  ul{
        width: 100%;
        display: block;
    }
    .guidance_index-cnt li{
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
    }
    .guidance_index-cnt .guidance_index_bg{
        position: absolute;
        top:0px;
        right: 0;
        width: 100%;
        /*height: 600px;*/
        height:980px;
        display: block;
        z-index: 1;
        background: #3e764a;
        border-radius: 40px;
    }
    .guidance_index-cnt.event .guidance_index_bg{
        /*height:450px;*/
    }
    .guidance_index-cnt .guidance_index_bgArea{
        position: absolute;
        top:0px;
        right: 0;
        width: 100%;
        height: 600px;
        display: block;
        z-index: 1;
        background: rgba(101,148,81,1.00);
        border-radius: 40px;
    }
    .guidance_index-cnt .list_matching .guidance_index_bgArea{
        height: 500px;
    }
    .guidance_index-cnt .guidance_matchMaintit{
        position: absolute;
        top:35px;
        left: 30px;
        width: 55%;
        padding: 0;
        background:url(img/matching_maintit.svg)no-repeat left;
        background-size: 100%;
        height: 100px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_widetit{
        position: absolute;
        top:0;
        left: 30px;
        width: 16%;
        padding: 0;
        background:url(img/guidance_wide_tit.svg)no-repeat left;
        background-size: 100%;
        height: 170px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_wideMaintit{
        position: absolute;
        top:35px;
        right: 30px;
        width: 55%;
        padding: 0;
        background:url(img/guidance_wide_maintit.svg)no-repeat left;
        background-size: 100%;
        height: 100px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_areatit{
        position: absolute;
        top:0;
        left: auto;
        right:30px;
        width: 16%;
        padding: 0;
        background:url(img/guidance_area_tit.svg)no-repeat left;
        background-size: 100%;
        height: 170px;
        border-radius:20px 20px 20px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_areaMaintit{
        position: absolute;
        top:35px;
        left: 30px;
        width: 42%;
        padding: 0;
        background:url(img/guidance_area_maintit.svg)no-repeat left;
        background-size: 100%;
        height: 100px;
        z-index: 2;
        text-indent: -9999px;
    }
    .guidance_index-cnt .guidance_subtitR{
        position: absolute;
        top:20%;
        right: 50px;
        letter-spacing: 4px;
        padding: 0;
        height: 30px;
        z-index: 2;
    }
    .guidance_index-cnt .guidance_subtitL{
        position: absolute;
        top:20%;
        left: 50px;
        color: #fff;
        letter-spacing: 4px;
        padding: 0;
        height: 30px;
        z-index: 2;
    }
    .guidance_index-cnt .list_matching .guidance_subtitL{
        top:26%;
    }
    .guidance_index-cnt .guidance_imgR{
        position: absolute;
        right: 50px;
        top: 30%;
        width: 42%;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt.event .guidance_imgR{
        top:13%;
    }
    .guidance_index-cnt .guidance_imgL{
        position: absolute;
        left: 50px;
        /*top: 30%;*/
        top:50%;
        transform:translateY(-50%);
        width: 42%;
        display: block;
        z-index: 1;
        margin: 0;
    }
    .guidance_index-cnt .list_matching .guidance_imgL{
        top: 35%;
    }
    .guidance_imgL img,
    .guidance_imgR img{
        border-radius: 20px;
        width: 100%;
    }
    .guidance_index-cnt .guidance_txtR{
        position: absolute;
        right: 50px;
        top: 81%;
        width: 42%;
        font-size: 0.9em;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt .guidance_txtL{
        position: absolute;
        left: 50px;
        top: 81%;
        width: 42%;
        font-size: 0.9em;
        display: block;
        z-index: 1;
    }
    .guidance_index-cnt .list_matching .guidance_txtL{
        left: unset;
        right:70px;
        top:35%;
    }
    .guidance_index-cnt .list_matching .viewmore-btn {
        position: absolute;
        bottom: 110px;
        left: 52%;
        z-index:10;
    }
    .guidance_index-cnt .viewmore-btn a{
        background:url(img/viewmore.svg)no-repeat center #275324;
        background-size: 80%;
        width: 155px;
        height: 60px;
        display: block;
        border-radius: 30px;
        position: relative;
        top: 20px;
        left: 0px;
    	transition: all 0.2s ease-in-out;
    }
    .guidance_index-cnt .viewmore-btn a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .guidance_index-cnt .pattarn1 {
        background-image:
        repeating-linear-gradient(to bottom,
        transparent 25px,
        rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
        transparent 27px,  transparent 51px, 
        rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
        transparent 53px,  transparent 77px, 
        rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
        transparent 79px,  transparent 103px, 
        rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
        transparent 105px,  transparent 129px, 
        rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),

        repeating-linear-gradient(to right,
        transparent 25px,
        rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
        transparent 27px,  transparent 51px, 
        rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
        transparent 53px,  transparent 77px, 
        rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
        transparent 79px,  transparent 103px, 
        rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
        transparent 105px,  transparent 129px, 
        rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
    }
    .guidance_index-cnt .guidance_index_infoL{
        position: absolute;
        top: 178px;
        left: 0;
        width: 50%;
        padding: 20px 20px 0 20px;
        background: #fff;
        height: 450px;
        border-radius:0 30px 0 0;
        z-index: 2;
    }
    .guidance_index-cnt.event .guidance_index_infoL{
        top: 50px;
    }
    .guidance_index-cnt .guidance_index_infoR{
        position: absolute;
        /*top: 178px;*/
        top:50%;
        transform:translateY(-50%);
        right: 0;
        width: 50%;
        padding: 20px 10px 0 30px;
        background: #fff;
        /*height: 550px;*/
        height:890px;
        border-radius:30px 0 0 0;
        z-index: 2;

    }
    .guidance_index-cnt .guidance_index_info-cnt{
        display: block;
        position: relative;
        color: #000;
    }
    .guidance_index-cnt .guidance_index_info-cnt .info-tit1{
        background:url(img/guidance_info_tit.svg)no-repeat top center;
        background-size: 100%;
        width: 200px;
        height: 50px;
        text-indent: -9999px; 
    }
    .guidance_index-cnt .guidance_index_info-cnt .info-reed{
        font-size: 1em;
        margin-bottom: 30px;
    }
   .guidance_index-cnt .guidance_index_info-cnt .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
		overflow-y: auto;
        height: 185px;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news ul li{
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news li:last-child{
        border-bottom: 0;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news {
        width: 100%;
        position: relative;
        display: block;
        overflow-y: auto;
        /*height: 185px;*/
        height:660px;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea{
        width: 100%;
        display: block;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .deta{
        width: 18%;
        float:left;
        margin-right: 10px;
        border-right: 1px solid #000;
        display: block;
        font-size: 0.8em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .updeta_icon{
        margin-left: 5px;
        font-size: 0.7em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsDeteArea .cat_name{
        float:left;
        margin-left: 8px;
        display: block;
        font-size: 0.7em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea{
        clear: both;
        width: 100%;
        margin-top: 5px;
        line-height: 1.6em;
        font-size: 0.85em;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea a{
        text-decoration: none;
        display: block;
        font-weight: bold;
        color: #000;
        transition: all 0.2s ease-in-out;
    }
    .guidance_index-cnt .guidance_index_info-cnt .cntarea_news .newsTxtArea a:hover{
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
  

}

/*....................... voice 研修生の声 index  */


    .forPc {
        display: none;
    }
    .forSp {
        display: inline;
    }

@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1025px) {
    .forPc {
        display: inline;
    }
    .forSp {
        display: none;
    }
}

/*........... project_meaning */


/*....................... topics お知らせ index  */

.body_topics .news_table {
    margin:50px 0;
}
.body_topics .news_table tr {
    width:100%;
    border-top:1px solid #cdcdcd;
    display:flex;
    flex-wrap:wrap;
    padding:10px 0;
}
.body_topics .news_table th {
    vertical-align:top;
    width:7em;
}
.body_topics .news_table .news_category {
    width:12em;
    vertical-align:top;
}
.body_topics .news_table .news_msg {
    width:100%;
    padding-top:1px;
}
@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1025px) {

}
/*....................... topics お知らせ detail  */
.body_topics_detail .entry {
    margin:50px 0;
}
.body_topics_detail .entry .box .box_inner {
    display:inline-block;
    border:1px solid #dcdcdc;
    padding:10px;
    margin-top:30px;
}
.body_topics_detail .entry .box_center {
    text-align:center;
}



/*===================================== INNER CONTENTS END */