@charset "utf-8";
html{
  scroll-behavior: smooth;
}
#containers{
    background: #fff;
}
.mainview{
    margin-top: 90px;
    background: #002e15;
}
.slide{
    margin:0 auto;
    width: 100% !important;
    max-height: 548px !important;
    max-width: 1200px !important;
    margin:0 auto;
    text-align: center;
    display:block;
}
#bxslider {
    margin:0 auto;
    width: 100% !important;
    max-height: 548px !important;
    max-width: 1200px !important;
    margin:0 auto;
    text-align: center;
    display:block;
}
#bxslider li img{
    margin:0 auto;
    display: block;
}
#bxslider li h2{
    position: relative;
    max-width: 1200px !important;
    margin:0 auto;
    text-align: left;
    color:#fff;
    font-size:4vw;
background: -moz-linear-gradient(left,  rgba(0,46,21,1) 0%, rgba(0,46,21,1) 30%, rgba(0,46,21,0) 50%, rgba(0,46,21,0) 100%); background: -webkit-linear-gradient(left,  rgba(0,46,21,1) 0%,rgba(0,46,21,1) 30%,rgba(0,46,21,0) 50%,rgba(0,46,21,0) 100%); background: linear-gradient(to right,  rgba(0,46,21,1) 0%,rgba(0,46,21,1) 30%,rgba(0,46,21,0) 50%,rgba(0,46,21,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e15', endColorstr='#00002e15',GradientType=1 );padding: 2vw ;top:16vw;
}
#bxslider li:nth-child(2) h2{
    top:25vw;
background: -moz-linear-gradient(left,  rgba(0,46,21,1) 0%, rgba(0,46,21,1) 30%, rgba(0,46,21,0) 50%, rgba(0,46,21,0) 100%); background: -webkit-linear-gradient(left,  rgba(0,46,21,1) 0%,rgba(0,46,21,1) 30%,rgba(0,46,21,0) 50%,rgba(0,46,21,0) 100%); background: linear-gradient(to right,  rgba(0,46,21,1) 0%,rgba(0,46,21,1) 30%,rgba(0,46,21,0) 50%,rgba(0,46,21,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e15', endColorstr='#00002e15',GradientType=1 );
}
#bxslider li:nth-child(3) h2{
    top:25vw;
text-align: right;
background: -moz-linear-gradient(left,  rgba(0,46,21,0) 0%, rgba(0,46,21,0) 50%, rgba(0,46,21,1) 70%, rgba(0,46,21,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,46,21,0) 0%, rgba(0,46,21,0) 50%, rgba(0,46,21,1) 70%, rgba(0,46,21,1) 100%);background: linear-gradient(to right,  rgba(0,46,21,0) 0%, rgba(0,46,21,0) 50%, rgba(0,46,21,1) 70%, rgba(0,46,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e15', endColorstr='#00002e15',GradientType=1 );
}
/*
#bxslider li:nth-child(2) h2{
text-align: center;
background: -moz-linear-gradient(left,  rgba(0,46,21,0) 15%, rgba(0,46,21,1) 35%, rgba(0,46,21,1) 65%, rgba(0,46,21,0) 85%); background: -webkit-linear-gradient(left,  rgba(0,46,21,0) 15%, rgba(0,46,21,1) 35%, rgba(0,46,21,1) 65%, rgba(0,46,21,0) 85%);background: linear-gradient(to right,  rgba(0,46,21,0) 15%, rgba(0,46,21,1) 35%, rgba(0,46,21,1) 65%, rgba(0,46,21,0) 85%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e15', endColorstr='#00002e15',GradientType=1 );
}
#bxslider li:nth-child(3) h2{
text-align: right;
background: -moz-linear-gradient(left,  rgba(0,46,21,0) 0%, rgba(0,46,21,0) 50%, rgba(0,46,21,1) 70%, rgba(0,46,21,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,46,21,0) 0%, rgba(0,46,21,0) 50%, rgba(0,46,21,1) 70%, rgba(0,46,21,1) 100%);background: linear-gradient(to right,  rgba(0,46,21,0) 0%, rgba(0,46,21,0) 50%, rgba(0,46,21,1) 70%, rgba(0,46,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e15', endColorstr='#00002e15',GradientType=1 );
}
*/
#bxslider li h2 span{
    display: block;
    font-size:2.5vw;
}

#main{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
}

#main #container{
    width: 100%;
}


#main #sidebar{
    max-width: 200px;
    width: 100%;
    margin-right: 50px;
}

#main #sidebar .circle-title{
    background: #409ecd;
    border-radius: 5px 5px 0 0;
    display: flex;
}

#main #sidebar .circle-title a{
    color: #fff;
    width: 100%;
    padding: 40px 10px;
    text-align: center;
    font-family: 'Noto Serif JP',serif;
    font-size: 20px;
}

.waku01 {
    padding: 25px;
    background: #f9f3f4;
}
.waku02 {
    padding: 25px;
    background: #fff;
}
/* 見出し */

.ttl01 {
    margin-bottom: 4vh;
    color: #004921;
	font-size: 24px;
}

.ttl01 span {
	display: flex;
	align-items: center;
}

.ttl01 span:before, .ttl01 span:after {
	content: "";
	flex-grow: 1;
	height: 1px;
    height: 4px;
  border-top: solid 1px #004921;
  border-bottom: solid 1px #004921;
	display: block;
}
.ttl01 span:before {
	margin-right: 1.4em;
}
.ttl01 span:after {
	margin-left: 1.4em;
}

.red{
    color:#f11458;
    padding-left:1em;
    text-indent:-1em;
}

.pab0{padding-bottom: 0 !important}

h3.ttl02{
    font-size: 26px;
    line-height: 1.6;
    margin-bottom: 2vh;
}

h4.midashi{
    color: #004921;
    font-weight: bold;

}

/* 見出し */

/* 写真・文章 */
.txtpic01 .lt{
    width: 60%;
    margin-right: 5%;
}

.txtpic01 .rt{
    width: 35%;
}

.txtpic02 .lt{
    width: 70%;
    margin-right: 5%;
}

.txtpic02 .rt{
    width: 25%;
}

/* 写真・文章 */





/* ##### font ##### */

/* フォントを指定したいところで */
.min{font-family: 'Noto Serif JP',serif;}

/* ##### fontここまで ##### */



/* ##### 共通 ##### */


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
a {
    color: #333;
}

a.wh{
    color:#fff;
}

a.wh:hover{
    color:#fff;
}

a.bl{
    color: #3487c1;
}
a.bl:hover{
    color: #3487c1;
}

a.bl:hover{
    opacity: 0.8;
    -webkit-transition-property: all;
    -webkit-transition: 0.3s linear;
    transition-property: all;
    transition: 0.3s linear;
}

img {
    width: 100%;
}

figure {
    margin: 0;
}

[data-element-id] .wrapper {
    opacity: 1;
}

.icon path{
	color:#0aa8e3;
}
.wrapper {
    width: 100%;
    overflow: hidden;
    opacity: 0;
}

.content {
    width: 100%;
}
.indent{
  text-indent: -1em;
  padding-left: 2em;
}



.inner{
    max-width: 1000px;
    margin: 0 auto;
    padding: 8vh 0;
}
.inner p{
    font-size: 15px;
    line-height: 1.6;
}

.lt{
    float: left;
}
.rt{
    float: left;
}

/*マージン*/


.mgt0 {
    margin: 0vh 0 15px 0 !important;
}

.mgt5 {
    margin: 2.5vh 0 10px 0 !important;
}

.mgt10 {
    margin: 5vh 0 15px 0 !important;
}


.mgb1{
    margin-bottom:1vh;
}

.mgb3{
    margin-bottom:3vh;
}
.mgb5{
    margin-bottom:5vh;
}
.mgb8{
    margin-bottom:8vh;
}
.mgb10{
    margin-bottom:10vh;
}

.pd30{
    padding-top: 3vh;
    padding-bottom: 3vh;
}
.pd50{
    padding-top: 5vh;
    padding-bottom: 5vh;
}
.pd80{
    padding-top: 8vh;
    padding-bottom: 8vh;
}
.pd100{
    padding-top: 10vh;
    padding-bottom: 10vh;
}
.pd120{
    padding-top: 15vh;
    padding-bottom: 15vh;
}

.t_cen{
    text-align: center;
}

.t_lt{
    text-align: left;
}

.t_rt{
    text-align: right;
}

.th_lt th{
    text-align: left;
}

.td_lt td{
    text-align: left;
}

/* ▼ページタイトル*/
.base01_ttl{
    background: url("../img/page_bg07.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.base02_ttl{
    background: url("../img/page_bg02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.base03_ttl{
    background: url("../img/page_bg03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.base04_ttl{
    background: url("../img/page_bg01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.base05_ttl{
    background: url("../img/page_bg01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.page_ttl{
    padding: 90px 0 0;
    background-repeat: no-repeat;
    color: #004921;
    background: #e4f1ea;
}

.page_ttl .in{
    margin: 0 auto;
    max-width: 1000px;
    display: flex;
    height: 200px;
    justify-content: center;align-items: center;
}

.page_ttl h2{
    font-size: 34px;
    line-height: 1.0;
    margin: 0 auto;
    color: #004921;
}

.page_ttl h2 span{
    font-size: 16px;
    border: 1px solid #333;
    text-align: center;
    padding: 8px 30px;
    font-weight: bold;
    display: table;
    margin: 0 auto 15px auto;
}

.breadcrumbs{
    background: #409ecd;
    margin-bottom: 5vh;
}

.breadcrumbs .in{
    margin: 0 auto;
    max-width: 1000px;
    padding: 8px 0;
    font-size: 15px;
}

.breadcrumbs .in a,.breadcrumbs .in {
    color: #fff;
}

/* ▲ページタイトル*/
.conts{
    overflow: hidden;
    background: url(../img/img_nami03.png);
    top: 0;
    background-repeat: repeat-x;
    margin-top: -32px;
    padding-top: 32px;
    z-index: 10;
    position: relative;
}



/* ##### 共通 ##### */

.btn01 {
    max-width: 300px;
    width: 100%;
    display: inline-block;
    background: #409ecd;
    text-align: center;
    font-size: 20px;
    margin: 5vh auto 5vh auto;
    display: block;
    transition: 0.5s;
    border-radius: 5px;
}

.btn01 span {
    display: block;
    position: relative;
    display: inline-block;
    padding-right: 20px;
    text-decoration: none;
}

.btn01 a{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.arrow01{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  text-decoration: none;
    color: #fff;
}

span.arrow01:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}

span.arrow01.blue:before {
  border-top: solid 1px #409ecd;
  border-right: solid 1px #409ecd;
}

span.arrow01.blue{
    color: #409ecd;
}


span.arrow02{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  text-decoration: none;
}

.btn01:hover {
    opacity: 0.8;
}

.btn01:hover span {
    color: #fff;
}
.btn01:hover span:after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    right: -50px;
}

span.arrow02:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}

span.arrow03{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  text-decoration: none;
}

span.arrow03:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}

.nav01{
    display: flex;
    justify-content: center;

}
.nav01 li{
    margin-right: 5px;
    width: 100%;
}

.nav01 li:last-child{
    margin-right: 0;
}

.nav01 li a{
    background: #409ecd;
    color: #fff;
    display: block;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 20px 5px;
    font-size: 24px;
}

.navW3{
    flex-flow: wrap;
}

.navW3 li{
    width: 32% !important;
    margin-bottom: 5px;
}

.nav_icon li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 20px;
}

.nav_icon li img{
    max-width: 40px !important;
    margin: 0 auto 5px auto;
}


.tel01{
    background: #409ecd;
    color: #fff;
    font-size: 30px;
    padding: 20px 30px;
    border-radius: 15px;
    text-align: center;
    margin: 5px auto;
    display: block;
    width: 50%;
    line-height: 1.0;
}

.tel01 span{
    display: block;
    font-size: 16px;
    margin-top: 5px;
}

.tel02 span.tel{
    font-size: 24px;
    display: inline;
    color: #409ecd;
}

/* ##### ヘッダー ##### */

#hd{
    position: fixed;
    top:0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    background: rgba(255,255,255,0.95);
    box-shadow: 5px 5px 5px rgba(0,0,0,.04);
    height: 90px;
}

.sp_tel{
    display: none;
}

#hd .hd01 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}

a.menu-trigger {
    display: none !important;
}

h1.hd_logo{
    position: absolute;
    top: 1.5vh;
    max-width: 230px;
    display: block;
    max-height: 58px;
}

.is-fixed h1.hd_logo{
    transition: .2s;
    transition-timing-function: ease-in;
    transition-timing-function : ease-out
}

.hd_nav_box .hd_nav {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 0;
    top: 55px;
}

.hd_nav_box .hd_nav li{
    padding: 0 8px;
    font-size: 13px;
    border-right: 1px solid #ddd;
    font-weight: bold;
}

@media (max-width: 1100px) {
.hd_nav_box .hd_nav li{
    font-size: 12px
}

}

@media (max-width: 1200px) {

.hd_nav_box .hd_nav li{
    padding: 0 0.3vw;
}

}

.hd_nav_box .hd_nav li.sp{
    display: none;
}

.hd_nav_box .hd_nav li a:hover{
    color: #004921;
    opacity: 1;
    font-weight: bold;
}

.home .hd_nav_box .hd_nav li:first-child a,
.page-id-8 .hd_nav_box .hd_nav li:nth-child(2) a,
.page-id-28 .hd_nav_box .hd_nav li:nth-child(3) a,
.page-id-12 .hd_nav_box .hd_nav li:nth-child(4) a,
.page-id-35 .hd_nav_box .hd_nav li:nth-child(5) a,
.page-id-10 .hd_nav_box .hd_nav li:nth-child(6) a,
.page-id-14 .hd_nav_box .hd_nav li:nth-child(7) a,
.page-id-16 .hd_nav_box .hd_nav li:nth-child(8) a,
.page-id-18 .hd_nav_box .hd_nav li:nth-child(9) a{
    color: #004921;
}

/*
.hd_nav_box .hd_nav li:last-child{
    border: none;
}
*/

.hd_nav_box .hd_contact{
    position: absolute;
    right: 0;
}

.hd_nav_box .hd_contact ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.hd_nav_box .hd_contact ul li{
    text-align: center;
    margin: 0 5px;
}

.hd_nav_box .hd_contact ul li.tab a{
    padding: 5px 20px;
    display: block;
    border-radius: 0 0 10px 10px;
}

.hd_nav_box .hd_contact ul li.nav_qa a{
    background: #898989;
    color: #fff;
}

.hd_nav_box .hd_contact ul li.nav_qa a span{
    position: relative;
    padding-left: 24px;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.hd_nav_box .hd_contact ul li.nav_qa a span:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/hd_qa.png) no-repeat;
    background-size: contain;
    top: 0;
    bottom: 0px;
    margin: auto;
}


.hd_nav_box .hd_contact ul li.nav_em a{
    background: #004921;
    color: #fff;

}
.hd_nav_box .hd_contact ul li.nav_em a span{
    position: relative;
    padding-left: 22px;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.hd_nav_box .hd_contact ul li.nav_em a span:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/hd_kinkyu.png) no-repeat;
    background-size: contain;
    top: 0;
    bottom: 0px;
    margin: auto;
}



.hd_nav_box .hd_contact ul li.nav_tel{
    margin: 7px 0px 0px 5px;
}


.hd_nav_box .hd_contact ul li.nav_tel a span{
    position: relative;
    padding-left: 38px;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.hd_nav_box .hd_contact ul li.nav_tel a span:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 35px;
    height: 26px;
    background: url(../img/hd_tel.png) no-repeat;
    background-size: contain;
    top: -6px;
    bottom: 0px;
    margin: auto;
}

.hd_nav_box .hd_contact ul li.nav_tel a{
    color: #004921;
    font-size: 30px;
}

.hd_nav_box .hd_contact ul li.nav_mail a{
    background: #fff;
    color: #409ecd;
    padding: 4px 10px;
    display: block;
    border-radius: 5px;
    font-size: 16px;
}

/* ##### footer ##### */

#ft{
    /*margin-top: 50px;*/
}

.ft_nav{
    background:#004921;
}

.ft_nav ul{
    justify-content: space-between;
    flex-wrap: nowrap;
}

.ft_nav ul li{
    font-size: 14px;
}

.ft_nav ul li:last-child{
    border: none;
}

footer#ft .inner{
    padding: 30px 0;
}


footer#ft a{
    color: #fff;
}

footer#ft .ft_box .inner{
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

footer#ft .ft_box .inner h4{
    max-width: 220px;
    margin: 0;
}

footer#ft .ft_box .inner ul li, footer#ft .ft_box .inner p{
    font-size: 14px;
}
footer#ft .ft_box .inner ul{width: 300px}
footer#ft .ft_box .inner ul .sp{display: none;}

/* ##### headerここまで ##### */



.single_post h1{
    font-size: 28px !important;
    position: static !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    color: #333 !important;
}

.single_post h2{
    font-size: 26px;
    position: static !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    color: #333 !important;
}

.single_post h3{
    font-size: 24px;
    position: static !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    color: #333 !important;
}

.single_post h4{
    font-size: 22px;
    position: static !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    color: #333 !important;
}

.single_post h5{
    font-size: 20px;
    position: static !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    color: #333 !important;
}

.single_post h6{
    font-size: 18px;
    position: static !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    color: #333 !important;
}


.single_post ul li{
    list-style-type:disc!important;
}
.single_post ul {
margin: 0;
padding: 0;
}
.single_post ul li {
margin-left: 1.5em;
padding: 0;
}


.bk_w{background: #fff}

.bg01{
    background: #f9f7f1;
}
.bg02{
    border:dotted 1px #004921;
}





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

#bxslider li h2{
top:200px;
font-size:50px;
padding:30px 30px 20px;
}
#bxslider li h2 span{
font-size:30px;
}
#bxslider li:nth-child(2) h2{
    top:320px;
}
#bxslider li:nth-child(3) h2{
    top:320px;
}
}