@charset "UTF-8";
/* CSS Document */
.page-hero {
background: url("../img/page_hero_bg.jpg") no-repeat center;
background-size: cover;
}
.page-hero .inner {
padding: 72px 0 48px;
}
.page-hero-img {
max-width: 480px;
width: 80%;
}
.ttl-s {
font-size: 18px;
font-weight: bold;
line-height: 2em;
margin: 16px 0;
}
.ttl-n {
font-size: 60px;
font-weight: bold;
vertical-align: bottom;
}
.ttl-content {
font-size: 24px;
font-weight: bold;
line-height: 2em;
margin: 36px 0;
text-align: left;
}
.content {
text-align: left;
}
.flex-box,
.flex-ba,
.flex-ba02{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.before,
.after {
position: relative;
}
.before::after {
position: absolute;
content: '';
display: block;
top: 0;
left: 0;
background: url("../img/before.png") no-repeat top left;
background-size: contain;
}
.after::after {
position: absolute;
content: '';
display: block;
top: 0;
left: 0;
background: url("../img/after.png") no-repeat top left;
background-size: contain;
}
.c-thumb {
margin-bottom: 16px; 
}
.table01 th{
min-width: 100px;
}
.table02,
.table03,
.table04 {
width: 100%;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.table02,
.table03 {
margin-top: 24px;
}
.table02 thead th{
background: #6BA1FF;
color: #FFF;
border: solid 1px #FFF;
padding: 14px;
text-align: center;
}
.table02 tbody th,
.table02 tbody td {
border: solid 1px #6BA1FF;
padding: 14px;
text-align: center;
}
.table03 tbody th{
background: #6BA1FF;
color: #FFF;
border: solid 1px #FFF;
padding: 14px;
text-align: center;
max-width: 120px;
}
.table03 tbody td {
border: solid 1px #6BA1FF;
color: #707070;
padding: 14px;
}
.table04 tbody th{
border-right: solid 1px #6BA1FF;
border-bottom : solid 5px #FFF;
padding: 14px;
text-align: center;
max-width: 104px;
}
.table04 tbody td {
color: #707070;
padding: 14px;
}
#PageNews {
text-align: left;
max-width: 780px;
margin: auto;
}
.news-list li{
padding: 16px 0;
text-align: left;
border-bottom: dotted 1px #1E62D9;
}
.news-list time {
font-size: 14px;
}
.news-list .ttl-s {
margin: 8px 0;
}
.form_table {
margin: 24px auto;
}
.f-row {
margin-bottom: 16px;
}
.f-row dt,
.f-row input,
.f-row textarea {
padding: 8px;
}
.f-row input,
.f-row textarea {
width: 100%;
background: #F3F3F3;
}
.req {
font-size: 12px;
padding: 0 4px 4px 4px;
margin-left: 8px;
color: #FFF;
background: #EC6618;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #ccc;
}
input::placeholder,
textarea::placeholder {
color: #ccc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #ccc;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #ccc;
}
.check input[type=checkbox] {
display: none;
}
input[type=checkbox] + span:before {
font-family: "Font Awesome 5 Free";
content: '\f0c8';
display: inline-block;
margin-right: 0.5em;
font-weight: 900;
}
input[type=checkbox]:checked + span:before {
content: '\f14a';
font-weight: 900;
}
.pagenate {
margin: 48px auto !important;
}
#reform01 .ttl-s {
text-align: center;
}
#reform03 .content,
#dis03 .content {
margin-bottom: 16px;
}
.pre-name {
text-align: right;
}
.access-map iframe {
height: 300px;
width: 100%;
}
#about01 .ttl-s {
text-align: left;
}
.deli-map {
max-width: 320px;
width: 80%;
margin: 36px auto;
}
.yane-item {
max-width: 780px;
width: 90%;
margin: 36px auto;
}
@media screen and (max-width: 560px){
.content {
margin-bottom: 16px;
}
.flex-item3-1,
.flex-item2-1,
.flex-ba02_item {
width: 80%;
margin: 0 auto 16px;
}
.flex-ba02 {
margin-top: 16px;
}
.f-row dt,
.f-row dd {
margin-bottom: 8px;
}
}
@media screen and (min-width: 561px) {
.flex-item2-1 {
width: 45%;
margin: 0 0 16px;
}
.flex-ba02_item {
width: 50%;
}
}
@media (min-width:561px) and (max-width:959px){
.content {
margin-bottom: 36px;
}
.flex-item3-1 {
width: 48%;
margin: 0 0 16px;
}
}
@media screen and (max-width: 959px){
main {
padding: 24px 0;
}
.page-hero-img {
margin: 0 auto 36px;
}
.flex-ba > div:nth-child(1) {
width: 80%;
margin: 0 auto 16px;
}
.flex-ba > div:nth-child(2) {
width: 90%;
margin: 0 auto 16px;
}
.before::after,
.after::after {
width: 48px;
height: 64px;
}
.box-m {
width: 90%;
margin: auto;
}
}
@media screen and (min-width: 960px){
main {
padding: 48px 0;
}
.page-hero .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
.page-hero-txt {
text-align: left;
}
.box-m {
width: 80%;
margin: auto;
}
.content {
margin-bottom: 48px;
}
.flex-item3-1 {
width: 28%;
margin: 0 auto 16px;
}
.flex-ba > div:nth-child(1) {
width: 30%;
}
.flex-ba > div:nth-child(2) {
width: 65%;
}
.before::after,
.after::after {
width: 64px;
height: 64px;
}
.f-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.f-row dt {
width: 30%;
}
.f-row dd {
width: 70%;
}
}