@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
* font
---------------------------------------------------------------------------------------------------- */
body {
	/* font-family: 'Noto Serif JP', sans-serif; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight: 400; /* regular */
}

html{
	font-size:62.5%;
}
body{
	font-size:1.4em;
}
#content{
	font-size:1.6rem;
}
body,
a{
	color:var(--text-color);
}
body{
	line-height:1.6;
}
.font-normal{
	font-weight:normal;
}

.content-width{
	max-width:var(--content-width);
	padding:0 var(--space);
	margin:0 auto;
}
.section,
.content-padding{
	padding-top:6rem;
	padding-bottom:6rem;
}
.section.mt0{
	padding-top:0;
}


.page-title{
	margin-bottom:3rem;
}
.page-title .title{
	font-size:2rem;
	padding:.75rem 0;
}

.content-title{
	text-align:center;
	font-size:120%;
	margin-bottom:1em;
}
.content-title.mb5em{
	margin-bottom:5em;
}
.content-title .subtitle{
	font-size:90%;
	font-weight:normal;
}
.content-title > .title{
}
.content-title > .subtitle{
	font-size:150%;
}

.list-disc li{
	list-style:outside disc;
	margin-left:1em;
}




/* ----------------------------------------------------------------------------------------------------
* wrapper
---------------------------------------------------------------------------------------------------- */
#wrapper{
	position:relative;
}


/* ----------------------------------------------------------------------------------------------------
* body
---------------------------------------------------------------------------------------------------- */
body{
	background-color:var(--color01);
}

.global-menu-list{
	display:inline-block;
}
.global-menu-list li{
	margin-bottom:.5rem;
}
.global-menu-list li:not(:first-child):before{
	content:"/";
	margin:0 1.5rem;
	display:inline-block;
}

/* ----------------------------------------------------------------------------------------------------
* header
---------------------------------------------------------------------------------------------------- */
#header{
	position:relative;
	text-align:center;
}
#header .global-menu-list{
	padding:1.5rem 0;
	font-size: 1.2em;
}



/* ----------------------------------------------------------------------------------------------------
* スライドメニュー
---------------------------------------------------------------------------------------------------- */
.pushbar-bt{
	/*position:absolute;
	top:1rem;
	right:1rem;*/
	padding:1rem;
}

.sideMenu-title{
	position:relative;
	padding:1.5rem;
	border-bottom:1px solid #FFFFFF;
}

.sideMenu-title .fa,
.acd-label .fa{
	position:absolute;
	font-size:130%;
}
.sideMenu-title .fa{
	top:1,5rem;
	right:1rem;
}
.acd-label .fa{
	top:2.5rem;
	right:0;
}

.slideMenu-bt-list li{
	margin:0 1.5rem;
	text-align:left;
}
.slideMenu-bt-list li li{
	margin-right:0;
	margin-left:2rem;
}

.slideMenu-bt-list li a,
.acd-check:checked + .acd-label + .acd-content li a{
	padding:1.5em 0;
	border-bottom:1px solid #FFFFFF;
	height:5em;
	display:block;
}
/*
https://webdesignday.jp/inspiration/technique/css/5316/
https://lpeg.info/html/css_accordion.html
*/
.slideMenu-bt-list .acd-content li a{
	transition:.5s;
}
.acd-check{
	display:none;
}
.acd-label{
	display:block;
	position:relative;
}
.acd-check:checked + .acd-label .fa{
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	     -o-transform:rotate(180deg);
	        transform:rotate(180deg);
}
.acd-content{
	overflow:hidden;
}
.slideMenu-bt-list .acd-content li a{
	height:0;
	border-bottom:none;
	padding-top:0;
	padding-bottom:0;
}



/* ----------------------------------------------------------------------------------------------------
* breadcrumbs
---------------------------------------------------------------------------------------------------- */
.breadcrumbs{
	padding:.75rem 0;
}
.breadcrumbs > span:not(:last-child){
	margin-right:.5rem;
}
.breadcrumbs > span:not(:first-child){
	margin-left:.5rem;
}


/* ----------------------------------------------------------------------------------------------------
* footer
---------------------------------------------------------------------------------------------------- */
#footer{
	text-align:center;
}
.footer-copyright{
	padding:1.5rem 1rem;
	font-size:90%;
}
.footer-icon{
	padding:5rem 0;
}




/* ----------------------------------------------------------------------------------------------------
* 共通
---------------------------------------------------------------------------------------------------- */

.color-header-box .title{
	padding:2rem;
}

.col2-content .main-content{
	flex:1;
}

.border-title{
	border-top:5px solid #41ACD0;
	padding-top:5px;
}

.title-large{
	font-size:180%;
}
.box .title-large{
	font-size:160%;
}
.p-text{
	line-height:2.0;
}
.p-text2{
	line-height:2.5;
}

.content-title p{
	max-width:85%;
	display:inline-block;
}


/* ----------------------------------------------------------------------------------------------------
* 
---------------------------------------------------------------------------------------------------- */
/* 
---------------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------------
* レスポンシブ対応
---------------------------------------------------------------------------------------------------- */

/* 768px未満：スマホ
---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:639px) { 
	#header{
		_position:fixed;
		_width:100%;
		_z-index:2;
	}
	.sp-al{
		text-align:left;
	}
	.sp-block{
		display:block;
		width:100%;
	}
	.sp-hidden{
		display:none;
	}


	.title-large{
		font-size:150%;
	}
}
/* 768px以上：PC・タブレット
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width:640px) {
	.pc-hidden{
		display:none;
	}

}