@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%;
}
body {
margin: 0 auto;
padding: 0;

width: 100%;
height: 100%;

font-size: 1.6rem;
-webkit-text-size-adjust: 100%;
font-family: 'Noto Sans JP', sans-serif;
font-style: 300;
color: #333333;
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: #1d33b7;
-moz-transition: background-color .3s;
-webkit-transition: background-color .3s;
transition: background-color .3s;	
}
a:hover {
color: #1d33b7;
text-decoration: underline;
}


h1,h2,h3,h4 {
font-weight: 500!important;
}

h1 {
font-size: 36px;
line-height: 1.3;
}
h2 {
font-size: 28px;
line-height: 1.3;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
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;
}
.inner {
width: 94%;
margin: 0 auto;
padding-bottom: 50px;
}
.innerS {
width: 60%;
margin: 0 auto;
padding-bottom: 80px;
}
.green {
color: #129044;
}
.blue {
color: #183385;
}
.red {
color: #d3181a;
}

.En {
font-family: 'Noto Serif JP', serif;
font-weight: 200;
color: #f4d0d0;
}
.mincho {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
}

/* share Btn
----------------------------------------- */
#contentsTl .share {
margin: auto;
text-align: right;
}
#contentsTl .share a {
display: inline-block;
}
#contentsTl .share img {
width: 40px;
}


/* breadCrumbs
----------------------------------------- */
#breadCrumbs .wrap {
margin-right: auto;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: block;
border-top: 1px solid #b4b4b4;
color: #808080;
}
#breadCrumbs .wrap a {
display: inline-block;
color: #333333;
}


/* footer
----------------------------------------- */
#footer {
margin: 0;
padding: 0;
clear: both;
width: 100%;
text-align: center;
}
#footer .footerWrap {
clear: both;
margin: 0 auto;
width: 100%;
display: inline-block;
position: relative;
z-index: 4;
font-family: 'Noto Serif JP', serif;
text-align: center;
}
#footer .footerWrap h2 {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
background-image: url("../img/line_3col.png");
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
font-weight: 700!important;
}
#footer .footerWrap p {
text-align: left;
font-weight: bold;
}
#footer .copyright {
display: block;
width: 100%;
background-color: #ffffff;
}

#footer .footerNav li a {
display: block;
color: #ffffff;
}
#footer .footerNav li a:hover {
text-decoration: none;
}
#footer .footerNav li.nav01 {
background-color: #88111d;
}
#footer .footerNav li.nav02 {
background-color: #11235e;
}
#footer .footerNav li.nav03 {
background-color: #0d5e34;
}



/* pageTop
----------------------------------------- */
#pageTop {
position: fixed;
bottom: 20px;
right: 20px;
text-align: center;	
z-index: 5;
}
#pageTop a {
display: block;
z-index: 9999;
width: 54px;
height: 54px;
line-height: 54px;
background: rgba(255,255,255,0.6);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#pageTop a:hover {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
#pageTop span {
display: inline-block;
margin: 0 auto 0 auto;
font-size: 1.3rem;
color: #333333;
}
#pageTop .fas {
-moz-text-shadow: 2px 2px 0 #cccccc;	
-webkit-text-shadow: 2px 2px 0 #cccccc;	
text-shadow: 2px 2px 0 #cccccc;	
}