@charset "utf-8";
/* ---------------------------------------------------------------------
*    set.css
* ------------------------------------------------------------------- */
@import "./css/sanitize.css";

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, t, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    border: 0px;
}

html {
font-size: 62.5%;
}

body {
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;
color: #565656;
color: #07197f;
}
li,a,p {
  font-size: 1.6rem;
}
p {
    line-height: 1.6;
	font-size: 16px;
}
@media(max-width: 768px) {
li,a,p {
  font-size:  13px;
  line-height: 1.6;
}
}

h2, h3 {
margin: 0px;
padding: 0px;
}
h3 {
}
h4 {
	line-height: 3.2rem;
	font-size: 1.8rem;
	color: #07197f;
	font-weight: bold;
}

.border-title {
    position: relative;
    padding-left: 45px;
}
.border-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    margin-top: -4px;
    background: #07197f;
    height: 2px;
    -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-property: width;
    -moz-transition-property: width;
    -ms-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

a:link, a:visited, a:hover, a:active {
    color: #07197f;
    text-decoration: none;
}


ul, ol {
list-style: none;
margin:0px;
padding:0px;
}
ul li, ol li{
list-style: none;
margin:0px;
padding:0px;
}

.tac {
text-align: center;
}
.tal {
text-align: left;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.contactbox {
    border: 1px solid #CECDCA;
    border-radius: 6px;
    margin: 40px auto 0;
    padding: 60px;
    width: 900px;
}
@media(max-width: 768px) {
.contactbox {
    border: 1px solid #CECDCA;
    border-radius: 6px;
    margin: 40px auto 0;
    padding: 30px;
    width: 100%;
}
.form-control {
width: 100%;
}

}

.form {

}
.form span.small {
font-size: 0.9rem;
}

.form textarea {
width: 100%;
height: 200px;
}

label {
display: block;
}

.Pankuzu {
display: flex;
	padding: 20px 0px;
}
.Pankuzu__Item {
flex: 0 1 auto;
padding-right: 10px;
font-size: 1.2rem;
}
.Pankuzu__Item a {
font-size: 1.2rem;
text-decoration: underline;
margin-right: 5px;
}


@media(max-width: 768px) {
.form {
    margin: 0 auto;
    width: 100%;
}
.swiper-container {
padding-top: 0px;
}
}
.swiper-container {
position: relative;
}
.topfull-inner-content {
    position: absolute;
    z-index: 999;
	  top: 40%;
	 left: 30%;
}
.topfull-inner-content h1 {
    margin: 0;
    text-align: center;
}
.top-overlay {
    position: absolute;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    height: 100%;
}
.top-overlay img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
.DetailNav {
display: flex;
margin: 60px 0;
}

.DetailNav__previous {
flex: 1 1 48%;
}

.DetailNav__next {
flex: 1 1 48%;
margin-left: 20px;
text-align: right;
}
.DetailNav__previous a,.DetailNav__next a {
color: #000;
font-weight: bold;
padding: 1em;
border: 2px solid #f0f0f5;
width: 100%;
display: block;
-webkit-transition-property: opacity,border-color,background-color,color;
    -moz-transition-property: opacity,border-color,background-color,color;
    -ms-transition-property: opacity,border-color,background-color,color;
    transition-property: opacity,border-color,background-color,color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.DetailNav__previous a:hover,.DetailNav__next a:hover {
background-color: #f0f0f5;
color: #000;
}
.DetailNav__previous a:before {
content: "";
zoom: 1;
position: absolute;
top: 50%;
left: 1em;
margin: -0.5em 0 0;
line-height: 1;
font-family: "fontAwesome";
font-weight: normal;
    content: "\f104";
    right: auto;
    left: 1em;
}
.DetailNav__next a:before {
content: "";
zoom: 1;
position: absolute;
top: 50%;
left: 1em;
margin: -0.5em 0 0;
line-height: 1;
font-family: "fontAwesome";
font-weight: normal;
content: "\f105";
right: 1em;
left: auto;
}
.DetailNav__previous a {
padding-left: 2em;
position: relative;
text-align:left;
}
.DetailNav__next a {
padding-right: 2em;
position: relative;
text-align:left;
}

/* -------- table -------- */

/* table */
.table {
	width: 100%;
	margin-bottom: 1.5em;
}
.table th,
.table td {
	border: solid 1px #d3d3d3;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 13px;
	line-height: 200%;
white-space: nowrap;
    
}
.table td {
	background-color: #fff;
}
.table thead {
	background-color: #f4f4f2;
}
.table tbody th {
	font-weight: bold;
background-color: #f4f4f2;
}
.table th {
	text-align: center;
	border-left: none;
}
.table td:last-child,
.table th:last-child {
	
}

/* table */
.table2 {
	width: 100%;
	margin-bottom: 1.5em;
}
.table2 th,
.table2 td {
	border-top: solid 1px #d3d3d3;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 13px;
	line-height: 200%;
white-space: nowrap;
    
}
.table2 thead {
	background-color: #f4f4f2;
}
.table2 tbody th {
	font-weight: bold;
background-color: #f4f4f2;
}
.table2 th {
	text-align: center;
	border-left: none;
}
.table2 td:last-child,
.table2 th:last-child {
	border-right: none;
}
.table2 tr:last-child {
    border-bottom: solid 1px #d3d3d3;
}

@media (max-width: 767px) {
.table2 > tr, .table2 tbody>tr, .table2 thead>tr>td, .table2 thead>tr>th, .table2 tbody>tr>td, .table2 tbody>tr>th,
.table > tr, .table tbody>tr, .table thead>tr>td, .table thead>tr>th, .table tbody>tr>td, .table tbody>tr>th {
    width: 100%;
    display: block;
    text-align: center;
}
.table tr > td {
font-size: 0.9rem;
text-align: left;
white-space: wrap;
}

.table2 tbody>tr>td .btn03 {
width: 100%;
}

}

.download {
background-color: #f4f4f2;
width: 200px;
text-align: center;
}

/* Header */
#fixed_top {
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 100%;
	height: 90px;
border-bottom: 1px solid #c8cdd7;
background-color: #fff;
}
.HeaderLine {
background-color: #a4d6dc;
font-size: 0.6rem;
padding: 0px 20px;
color: #fff;
}

.mt-1{margin-top: 1rem;}.mt-2{margin-top: 2rem;}.mt-3{margin-top: 3rem;}.mt-4{margin-top: 4rem;}.mt-5{margin-top: 5rem;}.mt-6{margin-top: 6rem;}.mt-7{margin-top: 7rem;}.mt-8{margin-top: 8rem;}.mt-13{margin-top: 1.3rem;}.mt-15{margin-top: 1.5rem;}

.mb-1{margin-bottom: 1rem;}.mb-13{margin-bottom: 1.3rem;}.mb-15{margin-bottom: 1.5rem;}.mb-2{margin-bottom: 2rem;}.mb-3{margin-bottom: 3rem;}.mb-4{margin-bottom: 4rem;}.mb-5{margin-bottom: 5rem;}.mb-6{margin-bottom: 6rem;}.mb-7{margin-bottom: 7rem;}.mb-8{margin-bottom: 8rem;}

.mt0{margin-top:0px !important}.mb0{margin-bottom:0px !important}.ml0{margin-left:0px !important}.mr0{margin-right:0px !important}.pt0{padding-top:0px !important}.pb0{padding-bottom:0px !important}.pl0{padding-left:0px !important}.pr0{padding-right:0px !important}.mt5{margin-top:5px !important}.mb5{margin-bottom:5px !important}.ml5{margin-left:5px !important}.mr5{margin-right:5px !important}.pt5{padding-top:5px !important}.pb5{padding-bottom:5px !important}.pl5{padding-left:5px !important}.pr5{padding-right:5px !important}.mt10{margin-top:10px !important}.mb10{margin-bottom:10px !important}.ml10{margin-left:10px !important}.mr10{margin-right:10px !important}.pt10{padding-top:10px !important}.pb10{padding-bottom:10px !important}.pl10{padding-left:10px !important}.pr10{padding-right:10px !important}.mt15{margin-top:15px !important}.mb15{margin-bottom:15px !important}.ml15{margin-left:15px !important}.mr15{margin-right:15px !important}.pt15{padding-top:15px !important}.pb15{padding-bottom:15px !important}.pl15{padding-left:15px !important}.pr15{padding-right:15px !important}.mt20{margin-top:20px !important}.mb20{margin-bottom:20px !important}.ml20{margin-left:20px !important}.mr20{margin-right:20px !important}.pt20{padding-top:20px !important}.pb20{padding-bottom:20px !important}.pl20{padding-left:20px !important}.pr20{padding-right:20px !important}.mt25{margin-top:25px !important}.mb25{margin-bottom:25px !important}.ml25{margin-left:25px !important}.mr25{margin-right:25px !important}.pt25{padding-top:25px !important}.pb25{padding-bottom:25px !important}.pl25{padding-left:25px !important}.pr25{padding-right:25px !important}.mt30{margin-top:30px !important}.mb30{margin-bottom:30px !important}.ml30{margin-left:30px !important}.mr30{margin-right:30px !important}.pt30{padding-top:30px !important}.pb30{padding-bottom:30px !important}.pl30{padding-left:30px !important}.pr30{padding-right:30px !important}.mt35{margin-top:35px !important}.mb35{margin-bottom:35px !important}.ml35{margin-left:35px !important}.mr35{margin-right:35px !important}.pt35{padding-top:35px !important}.pb35{padding-bottom:35px !important}.pl35{padding-left:35px !important}.pr35{padding-right:35px !important}.mt40{margin-top:40px !important}.mb40{margin-bottom:40px !important}.ml40{margin-left:40px !important}.mr40{margin-right:40px !important}.pt40{padding-top:40px !important}.pb40{padding-bottom:40px !important}.pl40{padding-left:40px !important}.pr40{padding-right:40px !important}.mt45{margin-top:45px !important}.mb45{margin-bottom:45px !important}.ml45{margin-left:45px !important}.mr45{margin-right:45px !important}.pt45{padding-top:45px !important}.pb45{padding-bottom:45px !important}.pl45{padding-left:45px !important}.pr45{padding-right:45px !important}.mt50{margin-top:50px !important}.mb50{margin-bottom:50px !important}.ml50{margin-left:50px !important}.mr50{margin-right:50px !important}.pt50{padding-top:50px !important}.pb50{padding-bottom:50px !important}.pl50{padding-left:50px !important}.pr50{padding-right:50px !important}.mt55{margin-top:55px !important}.mb55{margin-bottom:55px !important}.ml55{margin-left:55px !important}.mr55{margin-right:55px !important}.pt55{padding-top:55px !important}.pb55{padding-bottom:55px !important}.pl55{padding-left:55px !important}.pr55{padding-right:55px !important}.mt60{margin-top:60px !important}.mb60{margin-bottom:60px !important}.ml60{margin-left:60px !important}.mr60{margin-right:60px !important}.pt60{padding-top:60px !important}.pb60{padding-bottom:60px !important}.pl60{padding-left:60px !important}.pr60{padding-right:60px !important}.mt65{margin-top:65px !important}.mb65{margin-bottom:65px !important}.ml65{margin-left:65px !important}.mr65{margin-right:65px !important}.pt65{padding-top:65px !important}.pb65{padding-bottom:65px !important}.pl65{padding-left:65px !important}.pr65{padding-right:65px !important}.mt70{margin-top:70px !important}.mb70{margin-bottom:70px !important}.ml70{margin-left:70px !important}.mr70{margin-right:70px !important}.pt70{padding-top:70px !important}.pb70{padding-bottom:70px !important}.pl70{padding-left:70px !important}.pr70{padding-right:70px !important}.mt75{margin-top:75px !important}.mb75{margin-bottom:75px !important}.ml75{margin-left:75px !important}.mr75{margin-right:75px !important}.pt75{padding-top:75px !important}.pb75{padding-bottom:75px !important}.pl75{padding-left:75px !important}.pr75{padding-right:75px !important}.mt80{margin-top:80px !important}.mb80{margin-bottom:80px !important}.ml80{margin-left:80px !important}.mr80{margin-right:80px !important}.pt80{padding-top:80px !important}.pb80{padding-bottom:80px !important}.pl80{padding-left:80px !important}.pr80{padding-right:80px !important}.mt85{margin-top:85px !important}.mb85{margin-bottom:85px !important}.ml85{margin-left:85px !important}.mr85{margin-right:85px !important}.pt85{padding-top:85px !important}.pb85{padding-bottom:85px !important}.pl85{padding-left:85px !important}.pr85{padding-right:85px !important}.mt90{margin-top:90px !important}.mb90{margin-bottom:90px !important}.ml90{margin-left:90px !important}.mr90{margin-right:90px !important}.pt90{padding-top:90px !important}.pb90{padding-bottom:90px !important}.pl90{padding-left:90px !important}.pr90{padding-right:90px !important}.mt95{margin-top:95px !important}.mb95{margin-bottom:95px !important}.ml95{margin-left:95px !important}.mr95{margin-right:95px !important}.pt95{padding-top:95px !important}.pb95{padding-bottom:95px !important}.pl95{padding-left:95px !important}.pr95{padding-right:95px !important}.mt100{margin-top:100px !important}.mb100{margin-bottom:100px !important}.ml100{margin-left:100px !important}.mr100{margin-right:100px !important}.pt100{padding-top:100px !important}.pb100{padding-bottom:100px !important}.pl100{padding-left:100px !important}.pr100{padding-right:100px !important}.mt105{margin-top:105px !important}.mb105{margin-bottom:105px !important}.ml105{margin-left:105px !important}.mr105{margin-right:105px !important}.pt105{padding-top:105px !important}.pb105{padding-bottom:105px !important}.pl105{padding-left:105px !important}.pr105{padding-right:105px !important}.mt110{margin-top:110px !important}.mb110{margin-bottom:110px !important}.ml110{margin-left:110px !important}.mr110{margin-right:110px !important}.pt110{padding-top:110px !important}.pb110{padding-bottom:110px !important}.pl110{padding-left:110px !important}.pr110{padding-right:110px !important}.mt115{margin-top:115px !important}.mb115{margin-bottom:115px !important}.ml115{margin-left:115px !important}.mr115{margin-right:115px !important}.pt115{padding-top:115px !important}.pb115{padding-bottom:115px !important}.pl115{padding-left:115px !important}.pr115{padding-right:115px !important}.mt120{margin-top:120px !important}.mb120{margin-bottom:120px !important}.ml120{margin-left:120px !important}.mr120{margin-right:120px !important}.pt120{padding-top:120px !important}.pb120{padding-bottom:120px !important}.pl120{padding-left:120px !important}.pr120{padding-right:120px !important}.mt125{margin-top:125px !important}.mb125{margin-bottom:125px !important}.ml125{margin-left:125px !important}.mr125{margin-right:125px !important}.pt125{padding-top:125px !important}.pb125{padding-bottom:125px !important}.pl125{padding-left:125px !important}.pr125{padding-right:125px !important}.mt130{margin-top:130px !important}.mb130{margin-bottom:130px !important}.ml130{margin-left:130px !important}.mr130{margin-right:130px !important}.pt130{padding-top:130px !important}.pb130{padding-bottom:130px !important}.pl130{padding-left:130px !important}.pr130{padding-right:130px !important}.mt135{margin-top:135px !important}.mb135{margin-bottom:135px !important}.ml135{margin-left:135px !important}.mr135{margin-right:135px !important}.pt135{padding-top:135px !important}.pb135{padding-bottom:135px !important}.pl135{padding-left:135px !important}.pr135{padding-right:135px !important}.mt140{margin-top:140px !important}.mb140{margin-bottom:140px !important}.ml140{margin-left:140px !important}.mr140{margin-right:140px !important}.pt140{padding-top:140px !important}.pb140{padding-bottom:140px !important}.pl140{padding-left:140px !important}.pr140{padding-right:140px !important}.mt145{margin-top:145px !important}.mb145{margin-bottom:145px !important}.ml145{margin-left:145px !important}.mr145{margin-right:145px !important}.pt145{padding-top:145px !important}.pb145{padding-bottom:145px !important}.pl145{padding-left:145px !important}.pr145{padding-right:145px !important}.mt150{margin-top:150px !important}.mb150{margin-bottom:150px !important}.ml150{margin-left:150px !important}.mr150{margin-right:150px !important}.pt150{padding-top:150px !important}.pb150{padding-bottom:150px !important}.pl150{padding-left:150px !important}.pr150{padding-right:150px !important}

@media (max-width: 767px) {
	.mt20_xs {
	margin-top: 20px !important;
	}
	.mt-6 {
		margin-top: 3rem;
	}
}

.pos-r {
    position: relative;
}

.Header {
position: relative;
margin-top: 0px;
box-shadow: 0px 8px 8px -4px rgba(0,0,0,0.3);
z-index: 100;
}
.HeaderInner {
display: flex;
padding: 0px 0px 0px 20px;
}
.Logo {
margin-top: 5px;
flex: 1 1 10%;
}
.Menu {
flex: 1 1 80%;
}
.Menu ul {
float: right;
}

.Header__Tel {
text-align: right;
flex: 1 1 15%;
margin-top: 30px;
}
.Header__Tel .tel {
font-family: 'Dosis', sans-serif;
letter-spacing: 0.1rem;
font-size: 3rem;
    padding: 0 0 0 25px;
    color: #1f7d35;
}
.tel {
font-family: 'Rammetto One', sans-serif;
letter-spacing: 0.1rem;
font-size: 1.6rem;
 color: #ff0000;
}
.Header__Contact
{
margin-top: 5px;
}
.Header__Contact .btn {
font-size: 1rem;
}

.Header__Contact .btn {
    display: inline-block;
}

.Header__Contact .btn::before {
left: 7px;
}

@media (max-width: 979px) and (min-width: 768px) {
.HeaderPC, #footer-pc, #footer, .pagetop-pc {
    display: none!important;
}
}
@media (min-width: 980px) {
  .HeaderSP {
    display: none!important;
  }
}
@media (max-width: 767px) {
  .HeaderPC, .HeaderLine {
    display: none!important;
  }
	#fixed_top {
		display: none;
	}
	.Header {
		display: none;
	}
}

.HeaderSP {
padding: 8px 0px 0px 0px;
position: fixed;
width: 100%;
height: 65px;
z-index: 1000;
background-color: #fff;
	top:0px;
	left:0px;
}

.HeaderSP__Logo {
float: left;
width: 140px;
padding-left:10px;
}
.HeaderSP__HMG {
float: right;
display: block;
margin: 20px 20px 0 0;
}
.HeaderSP__Trigger {
position: relative;
width: 25px;
height: 18px;
cursor: pointer;
transition: all .4s;
display: inline-block;
box-sizing: border-box;
}

.HeaderSP__Trigger span {
background-color: #b9b9b9;
width: 100%;
height: 1px;
position: absolute;
left: 0px;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.HeaderSP__Trigger span:nth-child(1) {
    top: 0;
}
.HeaderSP__Trigger span:nth-child(2) {
    top: 8px;
}
.HeaderSP__Trigger span:nth-child(3) {
    bottom: 0;
}
.HeaderSP #g-nav {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    margin-top: 65px;
    padding-bottom: 57px;
    overflow-y: scroll;
    clear: both;
    font-size: 1.6rem;
}
.HeaderSP .HeaderSP__Trigger.active span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.HeaderSP .HeaderSP__Trigger.active span:nth-child(2) {
  opacity: 0;
}
.HeaderSP .HeaderSP__Trigger.active span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
.HeaderSP dl dt, .HeaderSP dl dd,  .HeaderSP dl dd ul li a{
font-size: 1.2rem;
}

.HeaderSP #g-nav > li .parent {
    display: block;
    padding: 20px;
    position: relative;
    font-weight: bold;
    color: #fff;
    background: rgba(87, 171, 189, 0.96);
    border-bottom: 1px solid #2f8294;
}
.HeaderSP #g-nav > li .parent:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.3s;
}
.HeaderSP #g-nav > li .child {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background: rgba(100, 100, 100, 0.9);
}
.HeaderSP #g-nav > li .child .child-main-category {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    position: relative;
}
.HeaderSP #g-nav > li .child a {
    padding: 20px 0;
    display: block;
}
.HeaderSP #g-nav a {
    color: #fff;
}
.HeaderSP #g-nav > li .child .child-item {
    display: block;
    padding: 12px 0;
}

.HeaderSP #service .child .child-item, .HeaderSP #corporate .child .child-item{
    display: block;
    width: 50%;
    float: left;
    padding: 0 0 25px 0;
}
a.child-item {
padding-left: 35px !important;
}

.HeaderSP #g-nav > li .child .child-category-box {
  padding-bottom: 20px;
  border-top: 1px solid #888;
  padding-top: 20px;
}
.HeaderSP #g-nav > li .child .child-category-box ul:after {
    content: "";
    display: block;
    clear: both;
}
.HeaderSP #g-nav > li .child .child-category-box a {
font-size: 1.2rem;
}


.HeaderSP #g-nav .h-info {
    padding: 20px 20px 20px 20px;
    background: rgba(50, 50, 50, 0.96);
    text-align: center;
}

.HeaderSP #g-nav .h-info li {
    display: inline-block;
    margin-right: 40px;
}
.HeaderSP #g-nav .h-info li a {
    font-size: 1.2rem;
}

.HeaderSP #g-nav #searchBox {
    background: #fff;
    margin-top: 26px;
    font-size: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.HeaderSP #g-nav #searchBox dt {
    display: table-cell;
    width: 100%;
}
.HeaderSP #g-nav #searchBox dd {
    display: table-cell;
    width: 40px;
}
.HeaderSP #g-nav #searchBox dt, .HeaderSP #g-nav #searchBox dd {
    vertical-align: middle;
}
.HeaderSP #g-nav #searchBox input[type="text"] {
    font-size: 1.6rem;
    width: 100%;
    height: 40px;
    border: 0;
    padding: 10px;
}
.HeaderSP #g-nav #searchBox input[type="submit"] {
    width: 40px;
    height: 40px;
    border: 0;
    background: url(/images/icon_search_hbg.png) no-repeat 0 0 / contain;
}


.Message {
margin-top: 10rem;
position: relative;
}
.Message__Head {
margin-top: -50px;
}
.Message__Head p {
font-family: 'Dosis', sans-serif;
letter-spacing: 0.1rem;
}

.Message__Head p, .Message__Head h2 {
display: inline;
vertical-align: top;
margin:0px;
padding:0;
}

.Message h2 {
font-size: 3rem;
    font-weight: normal;
    letter-spacing: 0.4rem;
    line-height: 0.5rem;
margin: 0px;
padding: 0px;
line-height: 2rem;
}
.Message h3 {
    font-size: 2.4rem;
    font-weight: normal;
    letter-spacing: 0.4rem;
    line-height: 5.0rem;
margin: 0px;
margin-top: 30px;
padding: 0px;
}
.Message__Inner {
display: flex;
justify-content: space-between;
}

.Message__Head {
flex: 1 1 5%;
height: 280px;
}
.Message__Left {
flex: 1 1 25%;
text-align: center;
}
.Message__Right {
flex: 1 1 45%;
}
.Message__Right p {
margin-top: 1em;
}
@media(max-width: 768px) {
	.Header {
	display: none;
	}
.Message {
margin-top: 3rem;
}
	.Message img {
		width: 75px !important;
	}

.Message__Inner {
flex-direction: column;
}

.Message__Head {
display: none;
}
.Message__Left {
flex: 1 1 auto;
text-align: center;
}
.Message__Right {
flex: 1 1 auto;
}
.Message h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.2rem;
    line-height: 3rem;
margin: 0px;
margin-top: 30px;
padding: 0px;
}
	.Message p {
	margin-top: 20px;
	}
}


#Footer {
position: relative;
z-index: 2;
}
#Footer__Bg {
    background-image: url(/images/bg-footer.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.Footer__Body {
    padding: 0px;
}
.CompanyName {
font-size: 2.8rem;
	color: #fff;
}
.Footer__Body address {
    margin-bottom: 10px;
    font-size: 1.6rem;
}
.Footer__TelNumber a{
font-size: 2.7rem;
letter-spacing: 2px;
font-weight: bold;
}
@media(max-width: 768px) {
.CompanyName {
font-size: 2.0rem;
}
.Footer__Body address {
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.Footer__TelNumber a{
font-size: 1.6rem;
letter-spacing: 2px;
font-weight: bold;
}
}

.Footer__Menu {
position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
	 background: #0f2841;
    color: #FFF;
}
.Footer__Menu a {
color: #FFF;
}
.Footer__Menu ul li a {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 600ms cubic-bezier(1, 0, 0, 1);
    -o-transition: all 600ms cubic-bezier(1, 0, 0, 1);
    transition: all 600ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    color: #fff;
    position: relative;
}
.Footer__Menu ul li a:before {
	display: none;
	 font-family: "Font Awesome 5 Solid";
    content: "\f105";
    margin-right: 10px;
    font-size: 11px;
}


.Footer__Bottom{
	 background: #0f2841;
    color: #FFF;
    padding: 10px 0;
	font-size: 0.9rem;
}

.FooterNaviBottom {
margin-top: 4rem;
}

.FooterNaviBottom ul{
text-align: center;
}

.FooterNaviBottom ul li{
    display: inline-block;
    padding: 0 10px 0 11px;
    background: url(/images/angle_right.png) no-repeat left center;
letter-spacing: 0.1em;
}
.FooterNaviBottom ul li a {
font-size: 1.2rem;
}
.FooterNavi {
margin-top: 6rem;
}

.FooterNavi ul {
text-align: center;
}

.FooterNavi ul li{
    display: inline-block;
    padding: 0 3px;
}
.FooterNavi ul li:after{
content: "";
display: inline-block;
width: 1px;
height: 12px;
background-color: #ddd;
margin-left: 6px;
}
.FooterNavi ul li:last-child:after{
background-color: #fff;
}

.FooterNavi ul li a {
font-size: 1.4rem;
}
.FooterArea {
  background: #fff;
  padding-top: 100px;
}
.Footer {
display: flex;
justify-content: space-between;
}
.FooterItem {
flex: 1 1 23%;
}
.FooterItem h2 {
margin-bottom: 20px;
font-size: 1.4rem;
}

.FooterItem:nth-child(n+2) {
margin-left: 30px;
}
.Link ul{
padding:0px;
margin: 0px;
}

.Link ul li{
list-style: none;
padding:0px;
margin: 0px;
padding-bottom: 5px;
}
.address {
margin-top: 15px;
text-align: center;
font-size: 1.4rem;
margin-bottom: 4rem;
}

#page-top {
  position: fixed;
  bottom:40px;
  right: 30px;
    z-index: 10;
}

@media (max-width: 767px) {
#page-top {
bottom:5px;
right: 10px;
}
}
#page-top a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.55);
    background-color: #42b8f1;
    border-radius: 50px;
    color: #FFFFFF;
    display: block;
    font-size: 25px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

 /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    .inviewfadeInRight {
        opacity: 0;
        transform: translate(-60, 0px);
        -webkit-transform: translate(-60, 0px);
        transition: .8s;
    }
    
    .fadeInRight {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

.PageRow {
display: flex;
}
.PageRow__Left {
flex: 1 1 70%;
}
.PageRow__Right {
flex: 1 1 25%;
}

.Main {
margin-top: 5rem;
}
#main {
    padding-bottom: 80px;
    
    background-image: url(/images/bg_shima.jpg);
	background-color: #d3f3fe;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 767px) {
	#main {
    padding-bottom: 0px;
}
}

.Entry {
display: flex;
margin-bottom: 3em;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding-bottom: 3em;
width: 100%;
}

.Entry__thumb {
flex: 1 1 35%;
}

.Entry__main {
flex: 1 1 60%;
margin-left: 30px;
margin-top: 10px;
}
.Entry__main time {
padding: 10px 0px;
}

h3.Entry__head {
margin-top: 0px;
font-size: 3rem;
}

@media(max-width: 768px) {
.Entry {
flex-direction: column;
}
.Entry__thumb {
flex: 1 1 100%;
}

.Entry__main {
flex: 1 1 100%;
margin-left: 0px;
margin-top: 20px;
}
}



.recent {
display: flex;
justify-content: space-between;
}
.recent .img-holder {
flex: 1 1 30%;
}
.recent .text{
flex: 1 1 60%;
font-size: 0.8em;
margin-left: 10px;
}
.recent .text h4 {
margin:0px;
padding: 0px;
}
.recent:nth-child(n+2) {
margin-top: 20px;
}

.social-icon ul{
margin:0px;
padding: 0px;
}
.social-icon ul li {
list-style: none;
}

.social-icon ul li a {
  background: #272727 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  float: left;
  font-size: 20px;
  height: 48px;
  line-height: 50px;
  margin-right: 11px;
  text-align: center;
  width: 48px;
    transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}
.social-icon ul li a:hover{-webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
    background:#6aaf07;
    color:#ffffff;
}
.social-icon h2 {
  margin: 0;
  padding-bottom: 17px;
  padding-top: 43px;
}
.footer-sns {
  margin-top: 65px;
}
.footer-sns ul {
text-align: center;
}
.footer-sns ul li {
display: inline-block;
padding: 0px 7px;
}

.footer-bottom p {
  font-size: 14px;
  line-height: 24px;
}
.footer-bottom {
  padding-bottom: 0px;
  text-align: center;
padding-bottom: 65px;
    color: #9e9e9e;
}
.footer-bottom ul{}
.footer-bottom ul li{display: inline;}
.footer-bottom ul li a {
  font-size: 14px;
  line-height: 24px;
  padding-left: 25px;
  color:#ffffff;
}


/* ---------------------------------------------------------------------
*    縦書き
* ------------------------------------------------------------------- */
.textVertical {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.Header__Tel .btn a {
    padding: 1px 20px 0px 20px;
    font-size: 1.2rem;
    letter-spacing: 0.15em;
    transition: all 0.2s;
    color: #000;
}
.btn, input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-warning {
    color: #fff;
    background-color: #fff;
    border-color: #daf143;
}
.btn a {
    text-decoration: none;
    display: block;
    letter-spacing: 0.1em;
    transition: all 0.3s;
}
.btn {
    border: solid 1px #07197f;
	 border-radius: 10px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
}
@media(max-width: 768px) {
.btn {
    width: 100%;
}
}

.btn::before {
    width: 6px;
    height: 6px;
    border-top: 1px solid #07197f;
    border-right: 1px solid #07197f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn::before, .btn::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.btn:hover {
    background: #07197f;
    border: solid 1px #07197f;
}
.btn:hover a {
    color: #fff !important;
}
.btn:hover:before {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.btn02 {
display: block;
    bottom:12px;
    left:50px;
    width:100%;
    height:63px;
    border-radius:5px;
    background-image: -webkit-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image: -moz-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image: -o-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image: -ms-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image: linear-gradient(to top, #ef6c00, #ff9034);
    box-shadow: 0px 3px 0px 0px #525252;
    -moz-box-shadow: 0px 3px 0px 0px #525252;
    -webkit-box-shadow: 0px 3px 0px 0px #525252;
    margin-top: 20px;
}
a.btn02:hover {
opacity: 0.8;
}

.btn02 span {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 3px;
    color:#fff;
    text-decoration: none;
    font-weight: bold;
    padding:22px 19px 19px 0;
    padding-left: 60px;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: 0.05em;
}

.btn02 span:before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 20px;
    top: 65%;
    width: 30px;
    height: 30px;
    margin-top: -16px;
    background-image: url(/images/icon_arrow.png);
    background-repeat: no-repeat;
}


.btn03 {
display:block;
    bottom:12px;
    left:50px;
    width:200px;
    height:43px;
    border-radius:5px;
    background-image:-webkit-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image:-moz-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image:-o-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image:-ms-linear-gradient(bottom, #ef6c00, #ff9034);
    background-image:linear-gradient(to top, #ef6c00, #ff9034);
    box-shadow:0px 3px 0px 0px #525252;
    -moz-box-shadow:0px 3px 0px 0px #525252;
    -webkit-box-shadow:0px 3px 0px 0px #525252;
    text-align: left;
}
a.btn03:hover {
opacity:0.8;
}

.btn03 span {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 3px;
    height: calc(100% - 1px);
    color: #fff;
    text-decoration: none;
    padding: 15px 19px 19px 0;
    padding-left: 60px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.05em;
}

.btn03 span:before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 20px;
    top: 65%;
    width: 30px;
    height: 30px;
    margin-top: -16px;
    background-image: url(/images/icon_arrow.png);
    background-repeat: no-repeat;
}

.ContactBtn {
margin: 12rem auto;
text-align: center;
}
.ContactBtn i {
font-size: 1.6rem;
margin-right: 3px;
}
a.btn04{
width: 600px;
    display: inline-block;
    padding: 25px 30px;
    text-decoration: none;
    background: #07197f;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #07197f;
    border-radius: 10px;
}
.btn04:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
a.btn04:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
	.ContactBtn {
margin: 30px auto;
text-align: center;
}
a.btn04{
width: 300px;
	    padding: 15px 10px;
}
}

.more .btn {
    margin: 30px auto;
    text-align: center;
    width: 300px;
}
#mainimage{
	width: 100%;
	height:528px;
	overflow:hidden;
	position: relative;
    margin-top: 0px;
}

.l-container {
	flex: 0 1 1200px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
@media (max-width: 767px) {
	.l-container {
	padding: 0 5%;
}
}

.section {
    position: relative;
	/*
    margin: 70px auto 70px;
    width: 980px;*/
}
.section:nth-child(n+2){
margin-top: 0rem;
}

.section2 {
    position: relative;
    margin: 70px auto 70px;
}
.section h2 {
font-size: 3rem;
color: #07197f;
letter-spacing: 0.1em;
font-family: 'Rammetto One', cursive;
}
.section h2:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 150px;
    width: 60px;
    height: 1px;
    margin: 0 0 0 -30px;
}
.section h2.low:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 100px;
    border-bottom: 2px solid #e4e4e9;
    width: 60px;
    height: 1px;
    margin: 0 0 0 -30px;
}
.section h3 {
font-size: 2.2rem;
color: #1a1a1a;
letter-spacing: 0.1em;
margin-top: 5rem;
}

@media (max-width: 768px) {
	.section h2 {
		font-size: 20px;
		letter-spacing: 0px;
	}
.section {
width: 100%;
padding: 0 0px;
margin: 30px auto 30px;
}
.section:nth-child(n+2) {
margin-top: 60px;
}

}

.bgsection {
background-color: #e6ecf6;
padding: 4rem 0;
}

.l-row {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2em auto;
}

.l-main {
    flex: 3 1 65%;
    word-break: break-all;
}
.l-side {
    flex: 1 1 25%;
    margin-left: 3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1;
    position: relative;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media(max-width: 768px) {
	.l-main {
	flex: 1 1 100%;
	}
.l-side {
margin-left: 0px;
flex: 1 1 100%;
}
	
	.l-row {
	margin: 0em auto;
}

}

.l-side h3 {
padding: 15px 0px;
font-size: 1.6rem;
margin-bottom: 10px;
position: relative;
color: #07197f;
border-bottom: 2px solid #07197f;
}
.genericons-neue-search:before {
font-size: 20px;
margin-top: 15px;
}

.search-field {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
    border-radius: 0;
    color: #111;
    display: block;
    font-size: 1rem;
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 40px;
}
.search-button {
    background-color: #f3f3f3;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    height: 40px;
    border: 0px;
    border-left: 1px solid #fff;
}
.search-form {
    position: relative;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.snsbutton img {
display:inline;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.Content {
padding-bottom: 6rem;
}

.article {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1;
    position: relative;
    margin: 0 auto 1em;
    padding: 3rem 4rem 2.5rem;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
font-size: 1.8rem;
}
.article .Meta {
display: flex;
margin-top: 30px;
}
.article .Meta__Date {
flex: 0 1 auto;
font-size: 1.6rem;
padding-top: 7px;
}
.article .Meta__Category {
flex: 0 1 auto;
margin-left: 2rem;
margin-top: 7px;
}
.article h1 {
font-size: 2.8rem;
margin-top: 3rem;
margin-bottom: 1rem;
}
.article h2 {
font-size: 1.8rem;
font-weight: bold;
padding: 15px 0px;
margin: 30px 0px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.article img {
margin: 10px 0px;
}

.PostContent {
margin: 3rem 0;
line-height: 3.2rem;
}

.Category__Label {
background-color: #007dba;
padding: 5px 15px 7px;
}
.Category__Label a {
font-size: 1.2rem;
color: #fff;
font-weight: bold;
}

.DetailMailPhoto {
text-align: center;
margin: 4rem 0;
}

.RelatedWorks__box {
display: flex;
margin-bottom: 2rem;
}
.RelatedWorks__sub {
flex: 1 1 15%;
}
.RelatedWorks__main {
flex: 1 1 75%;
margin-left: 20px;
}
.RelatedWorks__Date {
font-size: 1.2rem;
font-weight: bold;
}

#Purpose {
margin: 6em 0;
}
.SectionHeader {
text-align: center;
position: relative;
margin-bottom: 6rem;
}
.SectionHeader h2, .SectionHeader p {
margin: 0px;
padding: 0px;
}
.SectionHeader h2 {
font-size: 3rem;
letter-spacing: 0.1em;
font-family: 'Rammetto One', cursive;
}

.SectionHeader h2::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 80px;
    border-bottom: 2px solid #e4e4e9;
    width: 60px;
    height: 1px;
    margin: 0 0 0 -30px;
}
@media (max-width: 768px) { 
	#Purpose {
		margin: 30px 0px;
	}
	.SectionHeader {
margin-bottom: 30px;
}
.SectionHeader h2 {
font-size: 2rem;
}
.SectionHeader h2::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 40px;
    border-bottom: 2px solid #e4e4e9;
    width: 60px;
    height: 1px;
    margin: 0 0 0 -30px;
}
}



.TopBox h2 {
margin-top: 30px;
margin-bottom: 20px;
font-size: 2.2rem;
}
.TopBox:nth-child(n+4) {
		margin-top: 60px;
}

@media(max-width: 768px) {

	.TopBox {
		margin-bottom: 20px;
	}
	.TopBox:nth-child(n+4) {
		margin-top: 0px;
	}
	.TopBox h2{
		font-size: 18px;
	}
}

.txt p {
font-size: 1.4rem;
}

.txt h4 {
font-size: 2.2rem;
margin-bottom: 10px;
color: #1a1a1a;
}

.btn::before {
left: 25px;
}
.btn {
    margin-top: 30px;
    text-align: center;
    font-size: 1.8rem;
}
a.btn:hover {
    color: #fff;
}

.TopBox__Item p.number {
    position: absolute;
    top: -60px;
    left: 10px;
    font-size: 2.6em;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #1fb6c4;
    font-family: 'Dosis', sans-serif;
}
.TopBox__Item h3 {
    position: absolute;
    font-weight: normal;
    top: -30px;
    right: 25px;
    font-size: 3rem;
    letter-spacing: 0.15em;
    line-height: 1;
    color: #333;
    margin:0px;
    padding: 0px;
}
.TopBox__Item h3::after {
    display: block;
    content: '';
    position: absolute;
    right: 5px;
    bottom: 108px;
    border-bottom: 1px solid #4e7803;
    width: 23px;
    height: 1px;
}
.TopBox__Item h3 span.sub {
font-size: 0.4em;
letter-spacing: 0em;
margin-top: 40px;
}


/* News */
.News {
background-color: #f8f8f8;
padding: 6rem 0;
}
.NewsArea {
width: 600px;
margin: 3em auto;
}

.NewsArea ul li {
list-style: none;
padding: 10px 0px;
}
.NewsArea ul li .date, .NewsArea ul li .title {
    display: inline-block;
    vertical-align: top;
}
.NewsArea ul li .date {
width: 120px;
}
.NewsArea div.btn {
    margin: 30px auto;
    text-align: center;
    width: 300px;
    font-size: 1em;
}
.NewsArea .btn a {
    padding: 15px 0 15px 5px;
}

.NewsArea .btn::before {
left: 25px;
}

@media(max-width: 768px) {
	.News {
		padding: 3rem 0;
	}
.NewsArea {
width: 100%;
margin: 20px auto 0px;
}
.NewsArea ul li .date, .NewsArea ul li .title {
    display: inline;
}
}

/* ナビゲーションメニュー */
#mainMenu {
font-weight: bold;
	text-align: right;
}
#mainMenu ul {
margin:0px;
padding: 0px;
display: flex;
width: 100%;
}

#mainMenu ul li {
    flex: 1 1 20%;
    letter-spacing: normal;
    position: relative;
    height: 90px;
    text-align: center;
}
#mainMenu li::before {
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    border-left: 1px dotted #c8c8c8;
    width: 1px;
    height: 70px;
}
#mainMenu li:last-child::after {
    display: block;
    content: '';
    position: absolute;
    right: 0px;
    top: 20px;
    border-left: 1px dotted #c8c8c8;
    width: 1px;
    height: 50px;
}
#mainMenu .navMain a {
    position: relative;
    display: block;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    width: 100%;
    line-height: 1;
    letter-spacing: 0.15em;
    padding: 35px 0 0;
    font-size: 1.4rem;
    height: 90px;
    box-sizing: border-box;
    transition: all 0.3s;
	 font-family: 'Rammetto One', cursive;
}
#mainMenu .navMain a:hover {
    background: rgba(181,221,252,0.3);
}
#mainMenu li span {
    font-size: 0.8rem;
    letter-spacing: 0.1em;
    display:block;
    font-weight: normal;
    color: #555;
    padding: 5px 0 0;
}
.about .navi1,
.doctor .navi2,
.visitors .navi3,
.facilities .navi4,
.medicine .navi5,
.checkup .navi5,
.dental .navi6,
.rehabilitation .navi7
{
    background: rgba(31,182,196,0.1);
}
/* ナビゲーションメニュー・サブメニュー */
#mainMenu ul.navSub {
    z-index: 100;
    position: absolute;
    left: 0px;
    margin: 0;
    display: block;
}
#mainMenu .navSub li {
    height: auto;
    background: none;
    display: block;
    border-left: none;
    border-right: none;
    width:100%;
}
#mainMenu .navSub li a {
    position: relative;
    display: block;
    background: rgba(0, 159, 235, 0.95);
    height: auto;
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    border-bottom: 1px solid #fff;
    padding: 15px 10px;
    transition: all 0.3s;
    font-weight: normal;
    font-size: 0.8em;
}
#mainMenu .navSub li:last-child a {
    border-bottom: none;
}
#mainMenu .navSub li a:hover {
    background: rgba(255,255,255,0.9);
	 background: rgba(181,229,252,0.95);
}
#mainMenu .navSub li::before {
    display: none;
}
#mainMenu .navSub li:last-child::after {
    display: none;
}
#mainMenu .navSub li a::before {
    content:none;
}
#mainMenu .navSub li a:hover::after {
    border-right: 2px solid #1f7d35;
    border-bottom: 2px solid #1f7d35;
}
#mainMenu .navi7 .navSub li a::after {
    right: 5px;
}
/* animation */
#mainMenu li ul.navSub {
  opacity: 0;
  top: 90px;
  visibility: hidden;
  transition: .3s;
}
#mainMenu li:hover ul {
  top: px;
  visibility: visible;
  opacity: 1;
}
#mainMenu li:hover ul li a {
color: #fff;
}

.page-banner {
	padding-bottom: 18vh;
    padding-top: 18vh;
    text-align: center;
    color: #fff;
}
.page-banner .content h1 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
	font-family: 'Rammetto One', cursive;
	 margin-top: 15px;
}
.page-banner .content p{
  font-size: 18px;
      margin-top: 3px;
}
.page-banner .breadcumb li{
  display: inline-block;
  margin-right: 5px;
}
.page-banner .breadcumb li a{
      font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.page-banner .breadcumb li a:hover{
    color: #75b519;
  transition: .5s;
}
.page-banner .breadcumb i{
  margin-left: 6px;
}
.page-banner .breadcumb .active{
  color:#75b519;
}
@media (max-width: 768px) {
.page-banner {
	padding-bottom: 20px;
    padding-top: 60px;
    text-align: center;
    color: #fff;
}
	.page-banner img {
		width: 75px !important;
	}
.page-banner .content h1 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.2rem;
    text-transform: uppercase;
}
.page-banner .content p{
  font-size: 1.2rem;
      margin-top: 10px;
}
}

.PageCenter {
text-align: center;
}
.PageCenter h3 {
font-size: 2em;
}


.PageBox {
display: flex;
justify-content: space-between;
margin-top: 8em;
}
.PageBox:nth-child(n+2) {
margin-top: 10em;
border-top: 1px solid #ddd;
padding-top: 10em;
}


.PageBox__Left {
flex: 1 1 30%;
}
.PageBox__Right {
flex: 1 1 60%;
margin-left: 80px;
}
.PageBox__Right h3 {
position: relative;
font-size: 2.6rem;
margin-bottom: 2em;
color: #1a1a1a;
}

.PageBox__Right h3::after {
    display: block;
    content: "";
    position: absolute;
    border-bottom: 2px solid #e4e4e9;
    height: 1px;
    width: 60px;
    bottom: -20px;
}
.PageBox__Right ul {
margin-top: 3em;
}

.PageBox__Right ul li {
margin-top: 1em;
font-weight: bold;
}
@media (max-width: 768px) {
.PageBox {
margin-top: 4em;
flex-direction: column;
}
.PageBox:nth-child(n+2) {
margin-top: 4em;
border-top: 1px solid #ddd;
padding-top: 4em;
}


.PageBox__Left {
flex: 1 1 auto;
}
.PageBox__Right {
flex: 1 1 auto;
margin-left: 0px;
}
.PageBox__Right .btn {
width: 100%;
}

}


.PageBox2 {
display: flex;
justify-content: space-between;
margin-top: 8em;
}
.PageBox2:nth-child(n+2) {
margin-top: 6rem;
}


.PageBox2__Left {
flex: 1 1 45%;
text-align: left;
}
.PageBox2__Right {
flex: 1 1 45%;
margin-left: 80px;
}
.PageBox2__Left h3, .PageBox2__Right h3 {
font-size: 2.2rem;
}

@media (max-width: 768px) {
.PageBox2__Left {
flex: 1 1 auto;
text-align: left;
}

.PageBox2__Right {
flex: 1 1 auto;
margin-left: 0px;
}

.PageBox2:nth-child(n+2) {
margin-top: 4em;
padding-top: 4em;
}

}

.PageBox3 {
display: flex;
justify-content: space-between;
margin-top: 4rem;
}


.PageBox3__Left {
flex: 1 1 25%;
text-align: left;
}
.PageBox3__Right {
flex: 1 1 75%;
margin-left: 80px;
}
.PageBox3__Left h3, .PageBox3__Right h3 {
font-size: 2.2rem;
}

@media (max-width: 768px) {
.PageBox3 {
flex-direction: column;
}
.PageBox3__Left {
flex: 1 1 auto;
text-align: center;
}
.PageBox3__Right {
flex: 1 1 auto;
margin-left: 0px;
margin-top: 30px;
}

}

.PageBox4 {
display: flex;
justify-content: space-between;
margin-top: 4rem;
}


.PageBox4__Left {
flex: 1 1 45%;
text-align: left;
}
.PageBox4__Right {
flex: 1 1 45%;
margin-left: 80px;
}
.PageBox4__Left h3, .PageBox4__Right h3 {
font-size: 2.2rem;
}
@media (max-width: 768px) {
.PageBox4 {
margin-top: 4rem;
}

.PageBox4__Left {
flex: 1 1 auto;
text-align: left;
}
.PageBox4__Right {
flex: 1 1 auto;
margin-left: 0px;
margin-top: 30px;
}
}


.PageBox5 {
display: flex;
justify-content: space-between;
margin-top: 4em;
}


.PageBox5__Left {
flex: 1 1 75%;
text-align: left;
}
.PageBox5__Right {
flex: 1 1 20%;
margin-left: 80px;
}
.PageBox5__Left h3, .PageBox5__Right h3 {
font-size: 2.2rem;
}
@media (max-width: 768px) {
.PageBox, .PageBox2, .PageBox3, .PageBox4, .PageBox5 {
flex-direction: column;
}
.PageBox5 {
margin-top: 4rem;
}
.PageBox5__Left {
flex: 1 1 auto;
text-align: left;
}
.PageBox5__Right {
flex: 1 1 auto;
margin-left: 0px;
margin-top: 30px;
}

}


.Fourth {
display: flex;
justify-content: space-between;
margin: 8em 0;
}

.Fourth__Item {
flex: 1 1 45%;
text-align: center;
padding:0px 30px;
}
.Fourth__Item h4 {
font-size: 2.4rem;
padding-bottom: 2rem;
border-bottom: 1px solid #ddd;
margin-top: 3rem;
}

@media(max-width: 768px) {
.Fourth {
flex-direction: column;
}
.Fourth__Item {
flex: 1 1 100%;
text-align: center;
padding:0px 30px;
margin-bottom: 60px;
}
}

.Three {
display: flex;
justify-content: space-between;
margin: 8em 0;
}

.Three__Item {
flex: 1 1 30%;
text-align: center;
padding:0px 30px;
}
.Three__Item h4 {
font-size: 2.4rem;
padding-bottom: 2rem;
border-bottom: 1px solid #ddd;
margin-top: 2rem;
}
@media(max-width: 768px) {

.Three {
flex-direction: column;
}
.Three__Item {
flex: 1 1 auto;
text-align: center;
padding:0px 0px;
}
.Three__Item:nth-child(n+2) {
margin-top: 30px;
}

}

.SekouBox {
display: flex;
justify-content: space-between;
}
.SekouBox__Left {
flex: 1 1 45%;
}
.SekouBox__Right {
flex: 1 1 45%;
margin-left: 40px;
}

.SekouBoxSmall {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 10px;
}
.SekouBoxSmall__Item {
flex: 1 1 45%;
}
.SekouBoxSmall__Item:nth-child(2n) {
flex: 1 1 45%;
margin-left: 10px;
}
.SekouBoxSmall__Item:nth-child(n+3) {
margin-top: 10px;
}


.SekouRow {
display: flex;
justify-content: space-between;
margin-top: 8em;
flex-wrap: wrap;
}
.SekouRow__Item {
flex: 1 1 45%;
max-width: 45%;
}
.SekouRow__Item:nth-child(2n) {
margin-left: 50px;
}
.SekouRow__Item:nth-child(n+3) {
margin-top: 6rem;
}
.SekouTime {
margin-top: 15px;
}
.SekouTitle {
font-size: 1.8rem;
margin-top: 1rem;
}
.SekouDetail {
font-size: 1.4rem;
color: #591808;
}

@media(max-width: 768px) {
.SekouRow {
margin-top: 4em;
flex-direction: column;
}
.SekouRow__Item {
flex: 1 1 auto;
max-width: 100%;
}
.SekouRow__Item:nth-child(2n) {
margin-left: 0px;
}
.SekouRow__Item:nth-child(n+2) {
margin-top: 3rem;
}
}

/* TabMenu */
.TabMenu {
background-color: #fafafa;
font-size: 0.8em;
}
ul.TabMenu__main {
display: flex;
padding:0;
margin:0;
}
ul.TabMenu__main li {
list-style:none;
flex: 1 1 20%;
border-right:1px solid #eee;
text-align: center;
}
ul.TabMenu__main li.active span {
color: #fff;
display: inline;
}

ul.TabMenu__main li a {
padding: 2em 0;
display:block;
letter-spacing: 3px;
color: #5595aa;
text-decoration: none;
}

ul.TabMenu__main li.active {
background-color: #5595aa;
    position: relative;
}
ul.TabMenu__main li.active a {
color: #fff;
}
ul.TabMenu__main li.active a:hover {
border-bottom: none;
}
ul.TabMenu__main li.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 13px 0;
    border-color: #5595aa transparent transparent;
}


/* TabMenu2 */
.TabMenu2 {
background-color: #fafafa;
font-size: 0.8em;
margin-top: 8rem;
}
ul.TabMenu2__main {
display: flex;
padding:0;
margin:0;
}
ul.TabMenu2__main li {
list-style:none;
flex: 1 1 20%;
border-right:1px solid #eee;
text-align: center;
}
ul.TabMenu2__main li.active span {
color: #fff;
display: inline;
}

ul.TabMenu2__main li a {
padding: 2em 0;
display:block;
letter-spacing: 3px;
color: #5595aa;
text-decoration: none;
}

ul.TabMenu2__main li.active {
background-color: #5595aa;
    position: relative;
}
ul.TabMenu2__main li.active a {
color: #fff;
}
ul.TabMenu2__main li.active a:hover {
border-bottom: none;
}
ul.TabMenu2__main li.active:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 13px 10px;
    border-color: transparent transparent #5595aa;
}

@media (max-width: 768px) {
ul.TabMenu__main li a {
padding: 1em 5px;
font-size:0.6em;
letter-spacing: 0px;
}
ul.TabMenu2__main li a {
padding: 1em 5px;
font-size:0.6em;
letter-spacing: 0px;
}
ul.TabMenu__main li span.glyph-icon, ul.TabMenu2__main li span.glyph-icon {
display: none !important;
}

}

.BlogArea {
background-image:url(/images/dot.gif);
background-color: #f3f3f3;
background-repeat: repeat;
padding: 65px 0;
}
@media (max-width: 768px) {
	.BlogArea {
padding: 30px 0;
}
}

.blog-seciton {
  padding-bottom: 65px;
  padding-top: 0px;
}
.blog-seciton-under {

}

.blog-seciton .sec-title{
  margin-bottom: 24px;
}
.blog-seciton .blog-item .text h4 a {
  color: #272727;
  display: inline-block;
  float: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin: 3px 0px 8px;
  text-transform: none;
  transition: all 500ms ease 0s;
  height: auto;
  width: auto;
  background: none;
  text-align: left;
}
.blog-seciton .blog-item {
  margin-top: 26px;
}
.blog-seciton .blog-item:hover h4 a{
  color: #007b2f;
}
.blog-seciton .blog-item .img-holder {
  overflow: hidden;
  position: relative;
}
.blog-seciton .blog-item .img-holder img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.blog-seciton .blog-item:hover .img-holder img {
  -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.blog-seciton .blog-item .text h4 a:hover{color: #007b2f;background:none;}
.blog-seciton .blog-item .text h5 i {
  margin-right: 7px;
  color: #272727;
  position: relative;
}
.blog-seciton .blog-item .text{

padding: 0px 17px 8px;
background-color: #fff;
border: 1px solid #eee;
}
.blog-seciton .blog-item .comments{
  
margin: 15px 0px 0px;
}
.blog-seciton .blog-item .comments li{
  display: inline-block;
  margin-right: 20px;
}
.blog-seciton .blog-item .comments li i{
  margin-right: 10px;
  color: #75b519;
  font-size: 16px;
}
.blog-seciton .blog-item .text p {
  color: #222;
  font-size: 14px;
  line-height: 24px;
}
.blog-seciton .blog-item .text .deat-left {
  color: #272727;
  float: left;
  margin-right: 28px;
}

.blog-seciton .blog-item .text a {
  width: 117px;
  height: 41px;
  background: #272727;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  padding-top: 8px;
  transition: all 500ms ease 0s;
}
.blog-seciton .blog-item .text a:hover{background:#6aaf07;color:#ffffff}


.single-blog-seciton .blog-item .text {
  border: 0px;
  padding: 0px;
}

.single-blog-seciton .blog-item .text h5{margin-bottom: 10px;}
.single-blog-seciton .blog-item .text h5 i{
  color: #75b519;
}
.single-blog-seciton .blog-item .text p{
  color: #848484;
  margin-top: 20px;
}

.single-blog-seciton blockquote{
  position:relative;
  margin-left: 54px;
  padding: 0px 20px 0px 26px;
  line-height:2em;
  font-size: 14px;
  color: #848484;
  font-style: italic;
  border-left: 2px solid #e7e7e7;
  font-family: 'Open Sans', sans-serif;
}
.single-blog-seciton .quate{
  position:absolute;
  top: 24px;
  left: -50px;
  font-size: 30px;
  color: #7aba1e;
}


.BlogBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
padding-top: 60px;
}
.BlogBox__Item {
flex: 1 1 45%;
max-width: 45%;
display: flex;
}
.getPostImgArea {
flex: 1 1 20%;
}
.BlogBox__Item .text {
flex: 1 1 75%;
margin-left: 30px;
padding-top: 10px;
}

.BlogBox__Item:nth-child(2n) {
margin-left: 20px;
}
.BlogBox__Item:nth-child(n+3) {
margin-top: 30px;
}
.BlogBox__Item h4 {
font-weight: normal;
margin-top: 10px;
}
.BlogBox__Item h4 a {
color: #333;
}
.BlogBox__Item .time {
padding-top: 15px;
padding-bottom: 10px;
}
@media (max-width: 768px) {
.BlogBox {
flex-direction: column;
padding-top: 0px;
}
.BlogBox__Item {
flex: 1 1 auto;
max-width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
padding-top: 10px;
}
.BlogBox__Item:nth-child(2n) {
    margin-left: 0px;
}
.BlogBox__Item:nth-child(n+3) {
margin-top: 0px;
}
.BlogBox__Item .time {
padding-top: 0px;
}
.BlogBox__Item .text {
padding-top: 0px;
}
.BlogBox__Item h4 {
margin-top: 5px;
}
}


figure {
margin: 0px;
padding: 0px;
}

.ProductRow {
display: flex;
justify-content: space-between;
}
.ProductRow__Text {
flex: 1 1 60%;
}
.ProductRow__Img {
flex: 1 1 30%;
margin-left: 40px;
}
.ProductRow__Text h3 {
font-size: 2rem;
color: #1a1a1a;
letter-spacing: 0.1em;
margin-top: 40px;
}
.ProductRow__Text h4 {
font-size: 1.6rem;
}

@media (max-width: 768px) {
.ProductRow {
flex-direction: column;
}
.ProductRow__Text {
flex: 1 1 auto;
}
.ProductRow__Img {
flex: 1 1 auto;
margin-left: 0px;
margin-top: 30px;
text-align: center;
}
}

/************************************
** レスポンシブページネーション
************************************/
.pagination{
	list-style-type: none;
	padding-left: 0;
	margin: 30px 0;
}

.pagination,
.pagination li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pagination a {
	font-weight: 300;
	padding-top: 1px;
	text-decoration:none;
	border: 1px solid #ddd;
	border-left-width: 0;
	min-width:36px;
	min-height:36px;
	color: #333;
}

.pagination li:not([class*="current"]) a:hover {
	background-color: #eee;
}

.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display: inline-block;
	font-family: Fontawesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}

.pagination > li:first-child > a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
@media only screen and ( max-width: 680px ) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
	.pagination li {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.current,
	.pagination li.first,
	.pagination li.last,
	.pagination li.previous,
	.pagination li.next{
		position: initial;
		top: initial;
		left: initial;
	}

	.pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
	.pagination li { width: 50%;}

	.pagination li.current {
		order: 2;
		width: 100%;
		border-left-width: 1px;
	}
}

/*WordPress Popular Postsプラグイン*/
#popular-post ul.wpp-list li{
	border-bottom: #ccc 1px dotted;
}
#popular-post ul.wpp-list li:last-child{
	border-bottom: #fff 0px dotted;
}
#popular-post {
    counter-reset: wpp-ranking;
}

#popular-post ul li:before {
    color:#fff;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    text-align:center;
    opacity:0.999;
　　font-size:11px;
    float:left;
    line-height:18px;
    width: 18px;
    height: 18px;
    background-color:#00a0e9;
    border-radius: 2px;
    -moz-border-radius: 2px;
}
#popular-post li img {
	float:left;
	margin-left:-18px;
}

ul#category {
  margin-bottom: 20px;
  background: #ffffff;
}

ul#category li {
  border-bottom: 1px solid #dddddd;
}

ul#category li a {
  display: inline-block;
  height: 30px;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 10px 10px 0px 15px;
}

ul#category li a:hover {
}

ul#category li a span.count {
  font-size: 85%;
  color: #111111;
  float: right;
  background: #eeeeee;
  border-radius: 3px;
  padding: 2px 5px 0px 5px;
  min-width: 18px;
  text-align: center;
  font-weight: bold;
  cursor:pointer;
  text-decoration: none;
}

ul#category li a span:hover {
  text-decoration: underline;
}

ul#archive {
  margin-bottom: 20px;
  background: #ffffff;
}

ul#archive li {
  border-bottom: 1px solid #dddddd;
}

ul#archive li a {
  display: inline-block;
  height: 30px;
  font-size:1.4rem;
  color: #111111;
  text-decoration: none;
  padding: 10px 10px 0px 15px;
}

ul#archive li a:hover {
  color: #ffffff;
  background: url(../img/lower/overflow.png) repeat left top;
}

ul#archive li a span.count {
  font-size: 85%;
  color: #111111;
  float: right;
  background: #eeeeee;
  border-radius: 3px;
  padding: 2px 5px 0px 5px;
  min-width: 18px;
  text-align: center;
  font-weight: bold;
  cursor:pointer;
  text-decoration: none;
}

ul#archive li a span:hover {
  text-decoration: underline;
}
ul.newpost {
margin-left: 20px;
}

ul.newpost li {
list-style-type: disc;
margin-bottom: 10px;
margin: 0;
padding: 0.25em 0;
}
ul.newpost li a{
text-decoration: underline;
font-size: 1.6rem;
}

.Reform {
text-align: center;
margin: 3em 0;
}

.Method {
display: flex;
flex-wrap: wrap;
}

.Method__Item {
flex: 30%;
margin-left: 15px;
max-width: 30%;
font-size: 1.6rem;
}
.Method__Item:nth-child(n+4) {
margin-top: 3rem;
}

@media(max-width: 768px) {
	.sp {
	display: none;
	}
.Method {
flex-direction: column;
}

.Method__Item {
flex: 1 1 auto;
margin-left: 0px;
max-width: 100%;
font-size: 1.6rem;
}
.Method__Item:nth-child(n+2) {
margin-top: 2rem;
}
.Method__Item p {
margin-top: 20px;
}

}

.ProductBox {
display: flex;
justify-content: space-between;
}

.ProductBox h3 {
font-size: 2.2rem;
}
.ProductBox p {
font-size: 1.4rem;
}


.ProductBox__Item {
flex: 1 1 30%;
}

.ProductBox__Item:nth-child(n+2) {
margin-left: 30px;
}

.snsbutton {
float: left;
width: 30%;
}

.TagArea {
float: left;
width: 70%;
}
.TagArea ul li {
float: left;
margin-left: 10px;
}
.TagArea ul li a {
font-size: 1.2rem;
}
.TagArea ul:afeter {
clear: both;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

/* RecentNews */
.RecentNews {
	display: flex;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;
	margin-top: 2em;
}
.RecentNews__label {
	border-radius: 15px;
	padding: 6px 9px;
	font-size: 0.7em;
	color: #fff;
}
.RecentNews__label a {
	color: #fff;
}
.RecentNews__sub {
	flex: 1 1 40%;
}
.RecentNews__sub img {
	width: 100%;
	height: auto;
}
.RecentNews__main {
	flex: 2 1 60%;
	margin-left:20px;
	line-height: 1.4;
}
.RecentNews__main h4 {
	margin: 10px 0 0;
	padding: 0;
    font-weight: normal;
}
.RecentNews__main h4 a {
	font-size: 1.4rem;
}
input[type="checkbox"] {
font-size: 1.6rem;
}
button, [type="submit"] {
font-size: 1.6rem;
}
.wpcf7-list-item-label {
font-size: 1.6rem;
padding-left: 10px;
}

.screen-reader-response {
display: none;
}
.wpcf7-not-valid-tip {
display: inline-block;
color: #ff0000;
padding-left: 10px;
}

.wpcf7-checkbox {
font-size:1.2rem;
}

.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: pink;
}

.under {
  background: linear-gradient(transparent 60%, #6cb4e4 90%);
}

.scrt-to-right {
    opacity: 0;
    -webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition-property: opacity,transform;
    -moz-transition-property: opacity,transform;
    -ms-transition-property: opacity,transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
}
.scrt-to-right.visible {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.scrt-to-left {
    opacity: 0;
    -webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition-property: opacity,transform;
    -moz-transition-property: opacity,transform;
    -ms-transition-property: opacity,transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
}
.scrt-to-left.visible {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.price {
font-size: 2.0rem;
	font-weight: bold;
}

.miniphoto:nth-child(n+5) {
margin-top: 30px;
}

@media(max-width: 768px) {
	.miniphoto:nth-child(n+3) {
margin-top: 30px;
}
}

.bottom-top {
    position: relative;
    z-index: 20;
    box-shadow: rgb(255,255,255) 0 1px 0;
}
@media (max-width: 1440px) {
.cant-left {
    /* border-top: 98px solid transparent; */
    /* border-left: 96px solid white; */
}
}
.cant-left {
    left: 0;
    border-top: 110px solid transparent;
    border-left: 96px solid white;
}
@media (max-width: 1440px) {
.cant {
    top: -98px;
}
}
.cant {
    content: '';
    position: absolute;
    z-index: 1;
    top: -110px;
    width: 0;
    height: 0;
    box-shadow: #fff 0 1px 0;
}
@media (max-width: 1440px) {
.cant-right {
    border-top: 98px solid transparent;
    border-right: 96px solid white;
}
}
.cant-right {
    right: 0;
    border-top: 110px solid transparent;
    border-right: 96px solid white;
}
@media (min-width: 1170px) {
.go-down {
    font-size: 15px;
}
}

.go-down {
    position: absolute;
    bottom: 38px;
    display: block;
    left: 50%;
    padding: 0;
    margin: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 205;
    font-size: 13px;
    color: white;
    letter-spacing: 2px;
    padding-bottom: 6px;
    font-family: "bebas-neue", sans-serif;
    font-weight: 400;
    border-bottom: 2px solid transparent;
}

.formtable {
width: 100%;
line-height: 1.7;
}
table.formtable th, table.formtable td {
}
	table.formtable tr:nth-child(2n) {
		background-color: #fff;
	}
	table.formtable tr:nth-child(2n+1) {
		background-color: #f7f7f7;
	}
	table.formtable th,
	table.formtable td {
		padding: 20px;
	}
table.formtable th {
width: 270px;
text-align: center;
padding-right: 40px;
}
table.formtable th .hissu {
    position: relative;
    right: 20px;
    float: right;
    margin-right: -40px;
    width: 40px;
    padding: 2px 0;
    background-color: #c81e1e;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
}
table.formtable td span.error {
padding: 4px 10px;
background-color: #c81e1e;
color: #fff;
font-weight:bold;
font-size:10px;
margin-top: 8px;
border-radius: 4px;
display: inline-block;
}
table.formtable input[type=text], table.formtable input[type=email], table.formtable input[type=tel], table.formtable input[type=number], table.formtable textarea {
    padding: 0.4em .6em;
    border: 1px solid #ededed;
    -webkit-transition: -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
.formbtn2 {
text-align: center;
margin-top: 50px;
}
.box_btn {
    display: inline-block;
    width: 280px;
    height: 50px;
    padding: 0;
    background-color: #666666;
    border: 0;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
}
.zip, .telform {
	width: 60px !important;
}
@media screen and (max-width: 768px) {
table.formtable th {
    font-size: 1.5rem;
    padding: 10px;
    background-color: #f7f7f7;
    text-align: center;
}
table.formtable, table.formtable thead, table.formtable tbody, table.formtable tr, table.formtable th, table.formtable td {
    display: block;
}
	table.formtable tr:nth-child(2n+1) {
		background-color: #fff;
	}
table.formtable th {
width: 100%;
padding: 10px;
}
table.formtable td {
width: 100%;
padding: 10px;
}
table.formtable th .hissu {
margin-right: 0px;
}
table.formtable input[type=select], table.formtable input[type=text], table.formtable input[type=email], table.formtable input[type=tel], table.formtable input[type=number], table.formtable textarea {
	width: 100% !important;
    padding: 0.4em .6em;
    border: 1px solid #ededed;
    -webkit-transition: -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
}

#calendararea a:link, #calendararea a:visited, #calendararea a:hover, #calendararea a:active {
	color: #fff;
}
#calendararea h2 {
	font-size: 20px;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

hr {
	margin:100px 0px;
	background-color: #d3f3fe;
	border-top: 1px dotted #07197f;
}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}