@charset "UTF-8";

@import url('../../../../../fonts.googleapis.com/css2%EF%B9%96family=Lato%EF%B9%95ital,wght@0,400%EF%B9%940,700%EF%B9%941,400%EF%B9%941,700&display=swap.css');

/* If you want to change pagewidth, please change pagewidth's 'max-width'. */
.pagewidth {
	max-width: 1200px;
}
img,
iframe{
	vertical-align: top;
}
body .site{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #000000;
	font-size: 15px;
	line-height: 2;
}
body #site-logo{
	text-align: center;
}
body #site-logo a{
	display: inline-block;
}
#headerwrap #header{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
	padding: 40px 0 20px 0;
}
.header-brand-container{
	width: 100%;
	margin-bottom: 35px;
}
#main-menu{
	margin: 0 30px;
	display: flex;
	justify-content:center;
}
#main-menu li{
	line-height: 1;
	display: block;
	margin: 0 30px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}
#main-menu li a{
	display: block;
	color: #000000;
}
.h1{
	font-family: 'Lato', sans-serif;
	display: flex;
	align-items: center;
	border-left: 1px solid #023f80;
}
.h1 > div{
	margin-left: 24px;
	line-height: 1;
}
.h11 span{
	color: #023f80;
}
.h12{
	font-size: 26px;
	padding-left: 15px;
	background: url('../../uploads/top1.png') left no-repeat;
}
.top_row1 .module{
	padding: 90px 0;
}
.top_row1 .row-slider-slides{
	display: none;
}
#content .top_row1 .row-slider-arrow{
	width: 44px;
	height: 44px;
	font-size: 0;
	padding: 0;
	background: url('../../uploads/top5.png');
}
#content .top_row1 .row-slider-arrow.row-slider-next{
	background: url('../../uploads/top6.png');
}
#content .top_row1 .row-slider-arrow:before{
	display: none;
}
p:last-of-type{margin-bottom:0;}
.top1.module .tb_text_wrap{
	/*display: inline-block;
	padding-right: 75px;
	background: url('../../uploads/top8.png') right no-repeat;*/
}
.top1.module img{
	vertical-align: middle;
}
.title01.module{
	text-align: center;
	line-height: 1;
	color: #023f80;
	font-size: 16px;
}
#pagewrap .title01.module .module-title{
	color: #000;
	font-size: 36px;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}
.top_row2{
	padding-bottom: 40px;
}
.top_row2 .tb-column{
	border: 2px solid #000;
	box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #000 inset;
	padding: 45px 40px;
	margin-bottom: 40px;
}
.top_row2 .title01{
	margin-bottom: 30px;
}
.pscroll.module .loops-wrapper{
	height: 320px;
	overflow-y: scroll;
	padding-right: 40px;
}
.pscroll.module .loops-wrapper::-webkit-scrollbar {
  overflow: hidden;
  width: 5px;
 background: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.pscroll.module .loops-wrapper::-webkit-scrollbar:horizontal {
  height: 5px;
}

.pscroll.module .loops-wrapper::-webkit-scrollbar-button {
  display: none;
}

.pscroll.module .loops-wrapper::-webkit-scrollbar-piece {
  background: #eee;
}

.pscroll.module .loops-wrapper::-webkit-scrollbar-piece:start {
  background: #eee;
}

.pscroll.module .loops-wrapper::-webkit-scrollbar-thumb {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #333;
}

.post1.module .loops-wrapper::-webkit-scrollbar-corner {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #333;
}
.post1.module .post-meta{
	display: none;
}
.post1wrap{
	display: flex;
	align-items: center;
}
.post1wrap .post-category{
	display: block;
	line-height: 1;
	color: #fff;
	background: #023f80;
	border-radius: 8px;
	padding: 5px 10px;
}
.post1wrap .post-category a{
	text-decoration: none;
	color: #fff;
	pointer-events: none;
}
.post1wrap .post-date{
	margin: 0 0 0 15px;
	line-height: 1;
	color: #023f80;
}
.post1.module .post{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #d8d8d8;
}
.post1.module .post .post-title{
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	margin: 10px 0 0 0;
}
.post1.module .post .post-title a{
	color: #000;
	text-decoration: underline;
}
.post2.module .post-date{
	margin: 0 0 15px 0;
	color: #023f80;
	font-size: 15px;
	line-height: 1;
	display: block;
}
.post2.module .post{
	margin-bottom: 30px;
}
#content .top_row3{
	padding-top: 90px;
	padding-bottom: 90px;
}
#content .top_row3 .row_inner{
	max-width: 1000px;
	margin: 0 auto;
	background: url('../../uploads/top11.png');
	padding: 80px 20px;
}
.top21.module{
	text-align: center;
	color: #fff;
	font-size: 36px;
	line-height: 1.4;
}
.top22.module{
	text-align: center;
	color: #fff;
	margin: 25px 0 40px;
}
#content .btn1.module a{
	display: inline-block;
	line-height: 1;
	text-align: center;
	background: url('../../uploads/top12.png') bottom right no-repeat #fff;
	border: 1px solid #023f80;
	color: #023f80;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	padding: 17px 10px;
	max-width: 310px;
	width: 100%;
	font-weight: bold;
	box-sizing: border-box;
}
.btn1.module a img{
	margin-right: 12px;
	margin-bottom: 0;
}
.top31.module{
	display: flex;
	justify-content: space-between;
	line-height: 1;
	padding-bottom: 20px;
	border-bottom: 10px solid #023f80;
}
.top31.module:after{
	display: none;
}
.top31.module .module-title{
	color: #000;
	font-size: 36px;
	margin: 0;
	line-height: 1;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}
#content .top31.module a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-family: 'Lato', sans-serif;
	padding: 8px 30px;
	border-radius: 30px;
	background: #023f80;
}
.top31.module a img{
	margin-right:  10px;
}
.top32.module{
	border: 2px solid #000000;
	border-top: 0;
	padding: 30px 30px 0 30px;
	margin-bottom: 90px;
}
#content .top4.module a{
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	background: url('../../uploads/top13.png') center no-repeat;
	background-size: cover;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	padding: 125px 10px;
}
.top4.module .t2{
	font-size: 36px;
	font-family: 'Lato', sans-serif;
	background: url('../../uploads/top14.png') center no-repeat;
	margin: 0 20px;
	width: 173px;
	text-align: center;
	box-sizing: border-box;
	padding: 57px 10px;
}
#footerwrap #footer{
	max-width: 100%;
}
.f0{
	text-align: center;
	background: #000000;
	color: #fff;
	padding: 50px 3%;
}
.f2{
	margin: 30px 0 20px 0;
	font-family: 'Lato', sans-serif;
}
.f2 span{
	display: inline-block;
	line-height: 1;
	font-size: 26px;
	padding-left: 15px;
    background: url(../../uploads/top1.png) left no-repeat;
}
.f3 span{
	color: #023f80;
	font-weight: bold;
}
.f3{
	font-family: 'Lato','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#footer-nav{
	text-align: center;
	display: block;
	margin: 0;
	padding: 20px 0;
	font-size: 0;
}
#footer-nav li{
	margin: 0;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 1;
}
#footer-nav li + li{
	border-left: 1px solid #000;
	margin-left: 10px;
	padding-left: 10px;
}
#footer-nav li a{
	color: #000;
	text-decoration: underline;
}
#pagewrap li.shop{
	background: url('../../uploads/top16.png') right no-repeat;
	padding-right: 25px;
}
.copyright-container{
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #023f80;
	line-height: 2;
	padding: 10px;
}
body.single #content{
	max-width:1000px;
	margin: 0 auto;
}
body.single .post-image{
	text-align: center;
	display: block;
	margin: 0 0 30px 0;
}
body.single .post-meta{
	display: none;
}
body.single .post-title{
	color: #000000;
	font-size: 16px;
	line-height: 2;
	padding: 8px 0;
	margin-bottom: 15px;
	border-bottom: 3px solid #004ea2;
}
body.single .post{
	margin-bottom: 60px;
}
.history-back-container{
	text-align: center;
	margin-bottom: 100px;
}
#pagewrap .history-back-button{
	display: inline-block;
    line-height: 1;
    text-align: center;
    background: url(../../uploads/top12.png) bottom right no-repeat #fff;
    border: 1px solid #023f80;
    color: #023f80;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    padding: 17px 10px;
    max-width: 310px;
    width: 100%;
    font-weight: bold;
	box-sizing: border-box;
}
.submain{
	background: #023f80;
	text-align: center;
	color: #fff;
}
.submain .module{
	line-height: 1;
	padding: 100px 0;
}
.submain .module .module-title{
	line-height: 1;
	font-size: 46px;
	margin: 0 0 25px 0;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}
.access1.module ul{
	display: block;
	list-style-type: none;
	margin: 0;
}
.access1.module ul li{
	display: block;
	float: left;
	margin-bottom: 25px;
	line-height: 1.8;
}
.access1.module:not(.active_module) ul li:nth-child(odd){
    color: #fff;
    background: #023f80;
    border-radius: 8px;
    padding: 2px 10px;
	clear: left;
	width: 100px;
	box-sizing: border-box;
	text-align: center;
	margin-right: 40px;
	line-height:1.5;
}
#content .access_row1{
	border: 2px solid #000000;
	padding: 40px 45px 15px 45px;
	box-shadow: 0 0 0 4px white inset, 0 0 0 5px black inset;
	margin-bottom: 25px;
}
.btn12.module ul{
	display: block;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
.btn12.module ul li{
	margin: 0 15px 20px 15px;
	display: inline-block;
	max-width: 310px;
	width: 100%;
}
#content .menu_row1{
	border: 2px solid #000;
    box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #000 inset;
	padding: 5px 65px;
}
.title011.module{
	color: #000;
}
#pagewrap .title02.module .module-title{
	color: #ffffff;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	margin: 0;
	float: left;
	padding: 4px 20px;
	background: #023f80;
	border-radius: 30px;
}
.menu1.module table tr td{
	border-bottom: 1px dotted #d8d8d8;
	vertical-align: top;
	padding: 18px 0;
}
.menu1.module table tr td:last-child{
	text-align: right;
	font-weight: bold;
	color: #004ea2;
}
.menu1.module table tr:first-child td{
	padding-top: 0;
}
table{
	width: 100%;
	border-collapse: collapse;
}
.menu2.module br{
	display: none;
}
#content .menu2.module .gallery-item{
	margin-bottom: 10px;
}
.menu11.module{
	padding: 15px 0;
	border-bottom: 1px dotted #d8d8d8;
}
.menu11.module table tr td{
	border: 0;
	padding: 0;
}
.title03.module{
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}
#pagewrap .title03.module .module-title{
	float: left;
	margin: 0 20px 0 0;
	line-height: 1;
	font-size: 36px;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}
.title03.module .tb_text_wrap{
	overflow: hidden;
	color: #023f80;
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
}
.menu3.module{
	margin-bottom: 40px;
}
#pagewrap .menu3.module .module-title{
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	line-height: 1;
	font-size: 20px;
	color: #023f80;
	margin: 15px 0 20px 0;
	text-align: center;
}
.menu4.module{
	margin-bottom: 20px;
}
.menu4 .h1{
	border: 0;
}
.menu4 .h1 > .h11{
	margin-left: 0;
}
#content .menu_row11{
	padding-bottom: 30px;
	margin-bottom: 90px;
}












/************************************************
***************** Media Query *******************
*************************************************/
@media screen and (max-width: 1200px) {
	.pagewidth{
		max-width: 94%;
	}
}
@media screen and (max-width: 768px) {
	.h1{
		border: 0;
		display: block;
		    width: 210px;
		margin-left: auto;
		margin-right: auto;
	}
	.h1 > div{
		margin: 10px 0 0 0;
		text-align: center;
	}
	.top_row2 .tb-column{
		padding: 30px 3%;
	}
	.post1wrap{
		display: block;
	}
	.post1wrap .post-category{
		float: left;
	}
	.post1wrap .post-date{
		clear: both;
		margin: 0;
		padding-top: 10px;
		display: block;
	}
	#menu-button{
		background: #023f80;
		color: #fff;
	}
	#menu-button .ham-lines span, #menu-button .ham-lines::before, #menu-button .ham-lines::after{
		background: #fff;
	}
	.sp-footer-icons-container a{
		background: #023f80;
		color: #fff;
	}
	.sp-footer-icons-container a i{
		color: #fff;
	}
	#main-menu-container .main-menu{
		display: block;
	}
	#pagewrap #main-menu-container .main-menu li.shop{
		background: none;
	}
	.access1.module ul li{
		clear: both;
	}
	#content .menu_row1{
		padding-left: 30px;
		padding-right: 30px;
	}
	.menu1.module table tr td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.menu1.module table tr td:first-child{
		border-bottom: 0;
		padding-bottom: 0;
	}
	.menu1.module table tr td:last-child{
		padding-top: 0;
	}
	.header-brand-container{
		margin-bottom:10px;
	}
	.h12 {
    	background-position-x: 12px;
	}
	
}
@media screen and (max-width: 680px) {
	.top21.module{
		font-size: 24px;
	}
	#content .top_row3,
	#content .top_row3 .row_inner{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.top31.module{
		display: block;
		overflow: hidden;
		text-align: center;
	}
	.top31.module .module-title{
		clear: both;
	}
	#content .top31.module a{
		float: right;
		margin-top: 10px;
		margin-left: 5px;
	}
	.top32.module{
		margin-bottom: 60px;
	}
	#content .top4.module a{
		display: block;
		text-align: center;
		padding: 60px 3%;
	}
	.top4.module .t2{
		margin: 20px auto;
	}
	.top_row1 .module-image img{
		width: 200px;
	}
	.pscroll.module .loops-wrapper{
		padding-right: 10px;
	}
	#content .btn1.module a{
		font-size: 15px;
	}
	.top32.module{
		padding: 10px 10px 0 10px;
	}
	.top_row1 .module{
		padding: 60px 0
	}
	#content .access_row1{
		padding-left: 20px;
		padding-right: 20px;
	}
	.submain .module{
		padding: 60px 0;
	}
	#content .menu_row1{
		padding-left: 20px;
		padding-right: 20px;
	}
	#pagewrap .title03.module .module-title{
		float: none;
	}
	#pagewrap .title01.module .module-title,
	#pagewrap .title03.module .module-title{
		font-size: 30px;
	}
	.title03.module .tb_text_wrap{
		font-size: 15px;
	}
	.top31.module .module-title {
    	font-size: 30px;
    	display: inline-block;
		vertical-align: super;
	}
	.top31.module .tb_text_wrap {
    	display: inline-block;
	}
}