@charset "utf-8";

body {
	font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "arial", "Meiryo", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}
body {
	font-size: 1.6em;
	margin: 0;
}

/*共通CSS*/
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {margin-left: 0px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100 {margin-left: 100px !important;}

.mr0 {margin-right: 0px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}
.mr100 {margin-right: 100px !important;}

.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}

.pl0 {padding-left: 0px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pl60 {padding-left: 60px !important;}
.pl70 {padding-left: 70px !important;}
.pl80 {padding-left: 80px !important;}
.pl90 {padding-left: 90px !important;}
.pl100 {padding-left: 100px !important;}

.pr0 {padding-right: 0px !important;}
.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}
.pr60 {padding-right: 60px !important;}
.pr70 {padding-right: 70px !important;}
.pr80 {padding-right: 80px !important;}
.pr90 {padding-right: 90px !important;}
.pr100 {padding-right: 100px !important;}

.w10 {width: 10% !important;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w90 {width: 90% !important;}
.w100 {width: 100% !important;}

.tac{text-align: center !important}
.tal{text-align: left !important}
.tar{text-align: right !important}
.m0a{margin: 0 auto;}

a{
	text-decoration: none;
}
a img{
	opacity: 1;
	transition: 0.3s;
}
.a-href-url{
	display: block;
	text-decoration: underline;
	color: #0000EE;
	word-break: break-all;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
img{
	width: 100%;
	height: auto;
	/* pointer-events: none; */
	vertical-align: bottom;
}
section,
.in{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}


#sec001{
    background-image: url(images/back.jpg);
}
.sec-inner-01{
	width: 90%;
	margin: 20px auto;
}
.sec-inner-01 dt{
	padding: 10px 0;
	box-sizing: border-box;
}
.sec-inner-01 dd{
	padding: 10px 0;
	box-sizing: border-box;
}
.banner_menu {
	display:flex;
		flex-wrap: wrap;
}

.banner_menu li{
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
.menu li{
	margin: 15px auto;
}
.aside-box{
	margin: 10px 0;
}
.ttl-box-red{
	background-color: #ec1c24;
	text-align: center;
}
.ttl-box-red img{
	max-width: 1000px;
}

.long{
	width: 95%;
	margin: 20px auto;
}
.back-yellow{
	background-color: #fff9dc;
}
.sec-inner-02{
	width: 85%;
	margin: 0 auto;
}
.sec-inner-02-in{
	width: 82%;
	margin: 0 auto;
}
.sec-inner-02 dt{
	padding: 10px 0;
	box-sizing: border-box;
}
.sec-inner-02 dd{
	padding: 10px 0;
	box-sizing: border-box;
}
.longm{
	margin: 0 auto !important;
	padding: 20px 0 10px;
	box-sizing: border-box;
}

.i-img{
	margin: 15px auto;
}


/* footer固定 */
#g-map {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}
#g-map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
footer{
	margin: 0 auto;
	box-sizing: border-box;
}
.footer{
	width: 100%;
	background-color: #003894;
	color: #ffffff;
	margin: 0 auto 160px;
	padding: 40px;
	box-sizing: border-box;
}
.access{
	list-style-type: none;
	font-size: 2.4rem;
	line-height: 1.4;
	margin: 25px auto 30px;
	padding: 0;
}
footer p{
	font-size: 2.4rem;
	line-height: 1.4;
}
.entry-cap{
	width: 60%;
	margin: 20px auto;
	font-size: 2rem;
	line-height: 1.6;
	text-indent: -.8em;
	padding-left: .8em;
}
.entry-cap li::before {
	width: 15px;
	height: 15px;
}
.footer-button{
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
}
.button{
	width: 70%;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 2rem;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}
.button li{
	flex-basis: 49%;
	border-radius: 0px;
	min-height: 124px;
	text-align: center;
}
.button li a{
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: 900;
	color: #ffffff;
	padding: 20px 10px;
	box-sizing: border-box;
	display: block;
}
.button span{
/* 	font-size: 3.2rem; */
}
.button li:first-child{
	background-color: #ff0000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.button li:nth-child(2){
	background-color: #39b44a;
	display: flex;
	justify-content: center;
	align-items: center;
}
.button li:nth-child(3){
	background-color: #22A7F0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.button li:first-child:hover,
.button li:nth-child(2):hover{
	opacity: .6;
	transition:all .2s;
}
.button li:nth-child(3):hover{
	opacity: .6;
	transition:all .2s;
}
.es01{
	padding-bottom: 0 !important;
}
.es02{
	padding-top: 0 !important;
}

/* PCのみ */
@media screen and (min-width: 641px) {
a:hover img{
	opacity: .5;
}
}


/* タブレット対策 */
@media only screen and (min-width: 641px) and (max-width: 1280px) {
.button {
	width: 100%;
}
.button li a {
    font-size: 2rem;
    line-height: 1.6;
	padding: 20px 0;
}
.button span {
    font-size: 2.6rem;
}
}


/* スマホ */
@media screen and (max-width: 640px) {
.sp100{
	width: 100%;
}

.sec-inner-01 {
    width: 95%;
    margin: 5px auto;
}
.sec-inner-01 dt {
    padding: 5px 0;
}
.sec-inner-01 dd {
    padding: 5px 0;
}
.long {
    width: 100%;
    margin: 0px auto;
}
.sec-inner-02 {
    width: 90%;
    margin: 0 auto;
}
.sec-inner-02 dt {
    padding: 5px 0;
}
.sec-inner-02 dd {
    padding: 5px 0;
}
.longm {
    padding: 5px 0;
}
.g-map {
	margin: 10px 0 0 0;
}


/* footer固定 */
.footer {
	padding: 20px 20px 10px;
	margin: 0 0 75px 0;
}
.sp-foot {
	width: 100%;
}
.access {
	font-size: 1.2rem;
	flex-basis: 84%;
	margin: 10px auto 10px;
}
footer p {
	font-size: 1rem;
}
.entry-cap{
	width: 90%;
	margin: 10px auto;
	font-size: 1.2rem;
	line-height: 1.4;
}
.entry-cap li::before {
	width: 10px;
	height: 10px;
}
.footer-button{
	max-width: 100%;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.button {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	font-size: 1rem;
	margin: 0 auto;
	padding: 5px 0;
	box-sizing: border-box;
	background-color: #ffffff;
}
.button li {
    	margin:3px;

	flex-basis: 48%;
	border-radius: 10px;
	min-height: 60px;
}
.button li a{
	font-size: 0.8rem;
	color: #ffffff;
	padding: 5px;
	box-sizing: border-box;
}
.button span{
	font-size: 1.5rem;
}
}