@charset "UTF-8";

/* kyoutu body
--------------------------------------- */
:root {
    --color_green: #365d4b;
    --color_oudo:#f0eadc;
    --color_brown:#52453b;
    --color_font_main: #f0eadc;
    --color_kyuri: #3c523b;
    --color_tomato: #93433b;
    --color_piman: #3a655f;
    --color_nasu: #623f65;
    --color_kyuri_bg: #e3edd3;
    --color_tomato_bg: #edd5d3;
    --color_piman_bg: #d3e9e6;
    --color_nasu_bg: #f3e6f4;

  }




*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
height: 100%;
font-size: 62.5%;
visibility: hidden;
}
html.wf-active {
visibility: visible;
}

body {
margin: 0 auto;
padding: 0;

width: 100%;
height: 100%;

font-size: 19px;
-webkit-text-size-adjust: 100%;
font-family: "source-han-sans-cjk-ja", sans-serif;
font-weight: 400;
font-feature-settings: "palt";
color: #52453b;
line-height: 2;
letter-spacing: 0.8pt;

background-color: #ffffff;
word-wrap: break-word;
overflow-wrap: break-word;
}

a {
text-decoration: none;
outline: none;
color: #013132;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;	
}
a:hover {
color: #0e1c22;
}

h1,h2,h3,h4 {
font-family: "heisei-kaku-gothic-std", sans-serif;
font-weight: 900;
}
h1 {
font-size: 36px;
line-height: 1.3;
}
h2 {
font-size: 24px;
line-height: 1.3;
}
h3 {
font-size: 20px;
}
ul, li {
list-style-type: none;
-webkit-transition: all .3s;
transition: all .3s;
}
hr {
margin-bottom: 30px;
border: 1px solid #bfbfbf;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
}
img {
border: none;
max-width: 100%;
height: auto;
}
section {
clear:both;
}
::selection {
background: #f5c53a;
color: #4d452e;
}
::-moz-selection {
background: #f5c53a;
color: #4d452e;
}
summary {
list-style: none;
}
summary::-webkit-details-marker {
display:none;
}
.inner {
width: 94%;
margin: 0 auto;
padding-bottom: 50px;
}
.innerS {
width: 60%;
margin: 0 auto;
padding-bottom: 80px;
}
.green {
color: #7d9b19;
}
.blue {
color: #29abe2;
border-bottom-color: #29abe2;
}
.brown {
color: #8c6239;	
border-bottom-color: #8c6239;	
}
.red {
color: #c1272d;
border-bottom-color: #c1272d;
}

.uLine_wh {
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%);
background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%);
}
.uLine_br {
background: -moz-linear-gradient(0deg, rgba(240,234,220,1) 40%, rgba(255,255,255,0) 40%);
background: -webkit-linear-gradient(0deg, rgba(240,234,220,1) 40%, rgba(255,255,255,0) 40%);
background: linear-gradient(0deg, rgba(240,234,220,1) 40%, rgba(255,255,255,0) 40%);
}

.uLine > span {
position: relative;
z-index: 1;
}
.uLine.animated {
position: relative;
opacity: 1;
transition: all .3s;
}
.uLine.animated::before {
content: '';
width: 100%;
height: 1em;
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
background: -moz-linear-gradient(0deg, rgba(240,234,220,1) 40%, rgba(255,255,255,0) 40%);
background: -webkit-linear-gradient(0deg, rgba(240,234,220,1) 40%, rgba(255,255,255,0) 40%);
background: linear-gradient(0deg, rgba(240,234,220,1) 40%, rgba(255,255,255,0) 40%);
transition: all .5s;
transform: scale(0, 1);
transform-origin: left top;
}
.uLine.animated.active::before {
transform: scale(1, 1);
animation-delay: .3s;
}


.animated {
opacity: 0;
transition: all .2s;
}
.animated.active {
opacity: 1;
}


/* animation
-------------------------------*/
.moreLinkAnime a {
width: 100%;
height: 100px;
display: block;
position: relative;
color: #52453b;
}
.moreLinkAnime a span {
position: absolute;
top: 50%;
right: 10%;
text-align: right;
display: inline-block;
}

.svg-elem-1 {
stroke-dashoffset: 1131.85205078125px;
stroke-dasharray: 1131.85205078125px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition: stroke-dashoffset 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.svg-elem-1.active {
stroke-dashoffset: 0;
}
.svg-elem-2 {
stroke-dashoffset: 288.6163635253906px;
stroke-dasharray: 288.6163635253906px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.12s;
transition: stroke-dashoffset 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.12s;
}
.svg-elem-2.active {
stroke-dashoffset: 0;
}
.svg-elem-3 {
stroke-dashoffset: 64.02586364746094px;
stroke-dasharray: 64.02586364746094px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.24s;
transition: stroke-dashoffset 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.24s;
}
.svg-elem-3.active {
stroke-dashoffset: 0;
}

/* header
-------------------------------*/
#header {
margin-right: auto;
margin-left: auto;
padding: 0;
width: 100%;
z-index: 9999;
}
#header .headerWrap {
margin: 0 auto;
padding: 0 0;
}
#header .logo img {
width: 100%;
height: auto;
}

/* breadCrumbs
-------------------------------*/
#breadCrumbs .wrap .arrow:last-of-type {
display: none;
}
#breadCrumbs .wrap strong {
display: none;
}

/* main
-------------------------------*/
#main {
margin: 0 auto;
}

/* gallerySlide
-------------------------------*/
.gallerySlide .slide-arrow {
background-color: transparent;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
border: 0;
z-index: 5;
}
.gallerySlide .prev-arrow {
background-image: url("images/ic_gallery_r.png");
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.gallerySlide .next-arrow {
background-image: url("images/ic_gallery_r.png");
background-repeat: no-repeat;
background-size: contain;
}
.gallerySlide .slideItem {
padding-left: 1em;
padding-right: 1em;
}
.gallerySlide .slideItem img {
width: 100%;
}


/* footer
-------------------------------*/
#footer {
margin: 0;
padding: 0;
clear: both;
width: 100%;
text-align: center;
background-color: #ffffff;
}
#footer .contentsWrap {
clear: both;
margin: 0 auto;
width: 100%;
display: inline-block;
}
#footer .logo img {
width: 100%;
height: auto;
}
#footer .footerNavi a {
color: #52453b;
transition: all .3s;
}
#footer .footerNavi a:hover {
color: #7d9b19;
}
#footer .footerNavi .subNav li a:hover::before {
background-color: #7d9b19;
}
#footer .moreSubWeb {
text-align: right;
}
#footer .moreSubWeb a {
color: #ffffff;
background-color: #013432;
}
#footer .moreSubWeb a:hover {
color: #ffffff;
background-color: #7d9b19;
}



/* copyright
-------------------------------*/
#copyright {
background-color: #013432;
color: #ffffff;
}

/* pageTop
-------------------------------*/
#pageTop {
margin-top: 2em;
width: 100%;
display: block;
text-align: center;	
}
#pageTop a {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
background: #e9e9e9;
border-radius: 6px 6px 0 0 ;
}
#pageTop span {
display: inline-block;
margin: 0 auto 0 auto;
font-size: 1.3rem;
color: #333333;
}
#pageTop .fas {
margin-right: 0.5em;
-moz-text-shadow: 2px 2px 0 #cccccc;	
-webkit-text-shadow: 2px 2px 0 #cccccc;	
text-shadow: 2px 2px 0 #cccccc;	
}

/* moreLink
-------------------------------*/
.moreLink a {
position: relative;
color: #52453b;
}
.moreLink a::after {
content: '';
margin-left: 0.4em;
width: 0.9em;
height: 0.9em;
display: inline-block;
background-image: url("images/ic_morelink.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(139deg) brightness(103%) contrast(101%);
}


/* Blog
-------------------------------*/
.entryList .postList {
display: flex;
flex-wrap: wrap;
}
.entryList .postList .time {
color: #9b9b9b;
font-family: 'Helvetica','Neue Haas Grotesk';
letter-spacing: 0.2em;
}
.entryList .postList h2 {
color: #4d4d4d;
}

/* headEntryList
-------------------- */
.headEntryList {
color: #52453b;
text-align: right;
position: relative;
z-index: 0;
}
.headEntryList .postList {
position: relative;
}
.headEntryList .postDetail {
position: absolute;
right: 5%;
bottom: 5%;
z-index: 1;
}
.headEntryList .eyeCatch {
margin-bottom: 100px;
width: 100%;
overflow: hidden;
}
.headEntryList .eyeCatch img {
width: 100%;
object-fit: cover;
}
.headEntryList .category {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
background-color: #ffffff;
}
.headEntryList .category a {
color: #52453b;
display: block;
}
.headEntryList .contentsWrap {
padding: 40px;
background-color: #f0eadc;
box-shadow: 0 3px 6px rgba(0,0,0,0.4); 
text-align: left;
}
.headEntryList h2 {
margin-bottom: 1em;
}
.headEntryList .detail {
margin-bottom: 1.5em;
}
.headEntryList .moreLink {
border: 2px solid #52453b;
border-radius: 100px;
text-align: center;
}
.News .headEntryList .moreLink a::after {
display: none;
}
/* headEntryList postSlide
-------------------- */
.headEntryList .slideItem {
padding: 1em;
}
.headEntryList .slide-arrow {
background-color: transparent;
margin: auto;
position: absolute;
top: -25%;
bottom: 0;
border: 0;
z-index: 5;
}
.headEntryList .prev-arrow {
background-image: url("images/ic_gallery_l.png");
background-repeat: no-repeat;
background-size: contain;
}
.headEntryList .next-arrow {
background-image: url("images/ic_gallery_r.png");
background-repeat: no-repeat;
background-size: contain;
}
.headEntryList .slideItem {
padding-left: 1em;
padding-right: 1em;
}
.headEntryList .slick-dots {
z-index: 1;
}
.headEntryList .slick-dots li {
width: 1em;
height: 1em;
line-height: 2em;
display: inline-block;
}
.headEntryList .slick-dots li button {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
background-color: transparent;
border-radius: 100px;
}
.headEntryList .slick-dots li button:before {
content: '';
margin: auto;
line-height: 2em;
display: block;
background-color: #ffffff;
border-radius: 100px;
color: pink;
font-size: 2em;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.headEntryList .slick-dots li.slick-active button:before {
background-color: #dbdbdb;
}
.policy_box a{
  text-decoration: underline;
}