@charset "UTF-8";

/* kyoutu body
----------------------------------------- */
*{
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;
transition: all .3s;	
*/
}
html.wf-active, html.loading-delay {
visibility: visible;
}
body {
margin: 0 auto;
padding: 0;

width: 100%;
height: 100%;

-webkit-text-size-adjust: 100%;
font-family: "Noto Sans JP",sans-serif;
font-style: normal;
font-feature-settings: "palt";
color: #0d0d0d;
line-height: 1.5;
letter-spacing: 0.8pt;

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

position: relative;
}

a {
text-decoration: none;
outline: none;
color: #0d0d0d;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;	
}
a:hover {
color: #038c7f;
text-decoration: none;
}
h1,h2,h3,h4 {
}
h1 {
line-height: 1.3;
font-family: "Josefin Sans","Noto Sans JP",sans-serif;
}
h2 {
line-height: 1.3;
}
ul, li {
list-style-type: none;
}
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;
}
.red {
color: #c1272d;
}
.animated {
opacity: 0;
transition: all .2s;
}
.animated.active {
opacity: 1;
}
.effect > div {
margin: auto;
transition: .5s;
transition-delay: .5s;
}
summary {
display: block;
list-style: none;
}
summary::-webkit-details-marker {
display:none;
}
.sign {
font-family: "ab-kouran-gyosho", sans-serif;
}
.YrU {
background: linear-gradient(transparent 60%, #f5e576 0%) ;
}

/* header
----------------------------------------- */
#Header {
margin: 0 auto;
padding: 0 0;
color: #ffffff;
z-index: 9999;
}
#Header .logo a {
display: inline-block;
color: #ffffff;
}
#Header .logo img {
width: 100%;
}

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

/* main
----------------------------------------- */
.postList {
font-family: 'Noto Sans JP', sans-serif;
}
.postList a {
font-family: 'Noto Sans JP', sans-serif;
}

/* ContactFoot
----------------------------------------- */
#ContactFoot {
/* background-color: #f4f8ff; */
/* text-align: center; */
}
#ContactFoot h1 {
color: #0e3e98;
font-family: "Josefin Sans";
font-style: italic;
font-weight: 500;
}
#ContactFoot .caption {
color: #0e3e98;
}
#ContactFoot .contactList li {
text-align: center;
}
#ContactFoot .contactList li a {
display: block;
color: #0e3e98;
font-weight: bold;
}
#ContactFoot .contactList li figure {
margin-right: auto;
margin-left: auto;
width: 60px;
}
#ContactFoot dt,
#ContactFoot dd {
color: #0e3e98;
}
#ContactFoot .map {
width: 100%;
overflow: hidden;
}
#ContactFoot .map iframe {
width: 100%;
transition: transform .6s;
}
#ContactFoot .map:hover iframe {
transform: scale(1.1);
}

/* footer
----------------------------------------- */
#Footer {
margin: 0;
padding: 0;
width: 100%;
color: #ffffff;
position: relative;
}
#Footer a {
color: #ffffff;
}
#Footer .logo img {
width: 100%;
}
#Footer .mail,
#Footer .mail span {
line-height: 1;
vertical-align: super;
}
#Footer .mail a {
display: inline-block;
}

/* moreLink
----------------------------------------- */
.moreLink.animated {
background-color: #0e3e98;
position: relative;
outline: none;
transition: ease .2s;
}
.moreLink.animated a {
color: #0e3e98;
position: relative;
z-index: 1;
}
.moreLink.animated::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: #ffffff;
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform-origin: right top;
transform: scale(0, 1);
}
.moreLink.active::before {
transform-origin:left top;
transform: scale(1, 1);
}