/*=====================
body
=====================*/
html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 100%;
	position: relative;
	color: #333333;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

body{
	background: url(../img/common/bg.png);
}
.zen {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
  


img{
	vertical-align: bottom;
}
.taL{ text-align: left; }
.taR{ text-align: right; }
.taC{ text-align: center; }
a{
	display: block;
	text-decoration: none;
}
::selection
{
	background: #a1da5f;
	color: #fff;
}

/* for Firefox */
::-moz-selection
{
	background: #a1da5f;
	color: #fff;
}
/* マウスカーソル部分 */

/*======================
header
======================*/
.headWrap{
	text-align: center;
	background:#ffda01;
}
.bold{
	font-weight: 700!important;
}
/* ヘッダーメインテキスト部分 */
.head_topWrap{
	position: relative;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	padding-bottom: 10px;
}
.head_top img{
	max-width: 100%;
}
.mainTitle{
	margin-left: -34px;
}
.head_topWrap img.hito{
	position: absolute;
	bottom: 0;
}
.head_topWrap img.hitoL{
	left: 0;
}
.head_topWrap img.hitoR{
	right: 0;
}

/* ナビゲーション部分 */
.main_nav{
	border-top: solid 3px #fff;
}
.main_nav .nav-list{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	max-width: 1180px;
}
.main_nav .nav-list_item{
	position: relative;
	width: calc((100% - 6px) / 3);
}
.main_nav .nav-list_item img{
	max-width: 100%;
}
.main_nav .nav-list_item:nth-child(1){ background-color: #3fb1c8; }
.main_nav .nav-list_item:nth-child(2){ background-color: #e7692e; }
.main_nav .nav-list_item:nth-child(3){ background-color: #30aa38; }

.main_nav .undernav-list{
	position: absolute;
	opacity: 0;
	height: 0;
	line-height: 0;
	font-size: 26px;
	width: 100%;
	background-color: #fff;
	padding: 10px;
}
.main_nav .undernav-list li+li{
	border-top: solid 3px #fff;
}
.main_nav .nav-list_item:nth-child(1) .undernav-list{ background-color: #b5e1ea; }
.main_nav .nav-list_item:nth-child(2) .undernav-list{ background-color: #fae0bf; }
.main_nav .nav-list_item:nth-child(3) .undernav-list{ background-color: #d3edd5; }
.main_nav .nav-list_item:nth-child(1) .undernav-list a{ color: #0097b3; }
.main_nav .nav-list_item:nth-child(2) .undernav-list a{ color: #e7692e; }
.main_nav .nav-list_item:nth-child(3) .undernav-list a{ color: #309938; }
.main_nav .nav-list_item:hover .undernav-list{
	height: auto;
	line-height: 1.75;
	opacity: 1;
	z-index: 5;
}
@media screen and (max-width: 750px){
	.main_nav{
		display: none;
		width: 100%;
	}
	.main_nav ul{
		width: 100%;
	}

	.sub_nav{
		display: none;
	}
}




/* ヘッダーサブメニュー */
.sub_nav {
	margin-bottom: 80px;
	margin-top: 20px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.sub_nav ul{
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
}
.sub_nav li{
}
.sub_nav a{
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	font-weight: bold;
	line-height: 1;
	color: #534741;
	font-size: 1.25rem;
}
.sub_nav a.twtter{
	position: relative;
	background: #534741;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-left: 15px;
}
.sub_nav a.twtter:hover{
	opacity: 0.6;
}
.sub_nav a.iconLink{
	position: relative;
	padding-left: 2em;
}
.sub_nav a.iconLink img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}

.sub_nav li:first-child,
.sub_nav li:last-child{
	border-left: none;
	margin-left: 0;
	padding: 0;
}

@media screen and (max-width: 750px){
	.sub_nav{
		display: none;
	}
}

/*======================
footer
======================*/

.go_top_button{
	height: 65px;
	position: fixed;
	bottom: 20px;
	right: 20px;
 }

footer{
	position: relative;
	background: #ffda01;
	padding: 30px 40px 25px;
}
footer .foot_in{
	margin-top: 20px;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footTitle{
	float: left;
	font-size: 0.8125rem;
}
.copy{
	float: right;
	font-size: 0.625rem;
}
.foot_top_in{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.foot_Link .foot-main{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	border-bottom: solid 1px #fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.foot_Link .foot-main .foot-main_item:first-child div{
	max-width: 370px;
	display: flex;
	gap: 20px;
}
.foot_Link .foot-main .foot-main_item .mainLink{
	flex-direction: column;
}
.foot_Link .mainLink{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.foot_Link .mainLink a{
	padding-left: 20px;
}
.foot_Link .mainLink a:before{
	content: "";
	background: url(../img/f_mainicon.png);
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 15px;
	width: 11px;
	position: absolute;
}

.foot_Link a{
	line-height: 1;
	position: relative;
	font-weight: bold;
	color: #534741;
	font-size: 1.125rem;
}
.foot_Link h3{
	margin-bottom: 0.75em;
	font-weight: bold;
	font-size: 1.125rem;
}


.foot-subs{
	display: flex;
	align-items: flex-end;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.foot_Link .sub{
	padding-left: 0;
}


.foot_Link .sub{
	font-size: 0;
}
.foot_Link .flex{
	gap: 30px;
	display: flex;
}
.foot_Link .sub li:nth-child(n+2){
	margin-top: 20px;
}
.foot_Link .sub li:last-child{
	display: block;
}
.foot_Link .sub:last-child{
	margin-top: 20px;
}
.foot_Link .flex .sub:last-child{
	margin-top: 0px;
}

.foot_Link .sub a{
	position: relative;
	padding-left: 30px;
}
.foot_Link .sub span{
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
}
.foot_Link .sub span img{
	position: absolute;
	width: 100%;
	left: 0;
}

.foot_Link a.f_logo{
	margin-top: 25px;
}

.foot_Link a.twtter{
	display:inline-block;
	position: relative;
	background: #534741;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
}
.foot_Link a.twtter:hover{
	opacity: 0.6;
}

@media screen and (max-width: 750px){

	/*======================
	footer
	======================*/
	.foot_Link .foot-main{
		display: none;
	}
	footer{
		padding: 5vw;
	}
	footer .foot_in{
		width: 100%;
	}
	.foot_top_in{
		width: 100%;
	}
	.foot_Link .mainLink{
		display: none;
	}
	.foot_Link {
		text-align: center;
	}
	.foot_Link .sub{
		float: none;
	}

	.foot_Link a.f_logo{
		margin-top: 0;
		float: none;
	}
	.foot_Link a.f_logo img{
		width: 80%;
		margin-left: -5%;
	}
	.footTitle{
		margin-top: 40px;
		max-height: 100%;
		float: none;
		font-size: 0.875rem;
	}
	.copy{
		text-align: center;
		margin-top: 20px;
		max-height: 100%;
		float: none;
		font-size: 0.875rem;
	}
	.foot_Link .sub a{
		text-align: left;
		font-size: 0.9rem;
		padding-left: 1.75em;
	}
	.foot_Link .sub span{
		width: 1.5em;
		height: 1.5em;
	}

	.foot-subs{
		gap: 5vw;
		flex-direction: column;
	}
	.foot_Link .flex{
		align-items: flex-start;
		gap: 5vw;
	}
	.foot_Link .flex .sub:last-child{
		margin-top: 0;
	}
	.foot_Link a.twtter{
		padding: 10px;
	}
}

/*======================
I N D E X
======================*/
.indexmenu{
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 100%;
	max-width: 1062px;
	gap: 23px;
	justify-content: space-between;
	margin-bottom: 180px;
}
.indexmenu .indexmenu_item{
	background-color: #fff;
	border-radius: 30px;
	border: solid 8px ;
	padding: 12px 23px 30px;
	box-shadow: 2px 2px 5px rgba(0,0,0,.25);
}
.indexmenu .indexmenu_item:nth-child(1){ border-color: #3fb1c8; }
.indexmenu .indexmenu_item:nth-child(2){ border-color: #e7692e; }
.indexmenu .indexmenu_item:nth-child(3){ border-color: #30aa38; }



.indexmenu .indexmenu_item .text-menu .text-menu_item:nth-child(n+2){
	margin-top: 1em;
}
.indexmenu .indexmenu_item .text-menu a{
	display: block;
	color: #fff;
	font-weight: 700;
	border-radius: 2em;
	box-shadow: 2px 2px 5px rgba(0,0,0,.25);
}
.indexmenu .indexmenu_item .text-menu a img{
	width: auto;
	max-width: 100%;
}

.indexmenu .indexmenu_item:nth-child(1) .text-menu a{ background-color: #3fb1c8; }
.indexmenu .indexmenu_item:nth-child(2) .text-menu a{ background-color: #e7692e; }
.indexmenu .indexmenu_item:nth-child(3) .text-menu a{ background-color: #30aa38; }


@media screen and (max-width: 750px){
	/* ======================
	I N D E X
	====================== */
	.indexmenu{
		position: relative;
		margin-top: -120px;
		margin-bottom: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 8vw 12vw 15vw;
		height: auto;
	}
	.indexmenu .menu_center{
		margin-bottom: 60px;
		position: static;
	}
	.indexmenu a{
		text-align: center;
		width: 100%!important;
		height: auto!important;
		position: static;
	}
	.indexmenu a + a{
		margin-top: 20px;
	}
	.indexmenu .indexmenu_item{
		width: 100%;
		padding: 3vw 7vw;
		text-align: center;
	}
	.indexmenu .indexmenu_item figure{
		width: 80%;
		margin: auto;
	}
	.indexmenu .indexmenu_item .text-menu .text-menu_item:nth-child(n+2){
		margin-top: 3vw;
	}
}

/*======================
display_size_noen
======================*/
.pc_none{
	display: none !important;
}

/*======================
.cl { clearfix }
======================*/
.cl::after {
	content: "";
	display: table;
	clear: both;
}



@media screen and (max-width: 750px){
	img{
		max-width: 100%;
	}
	.go_top_button{
		display: none!important;
	}


	/*======================
	header
	======================*/
	header{
		margin-bottom: 120px;
	}
	.headWrap{
		overflow-x: hidden;
		text-align: center;
		background:#f5d933;
	}
	.head_topWrap{
		box-sizing: border-box;
		padding:50px 40px 40px;
		width: 100%;
	}
	.head_topWrap img.hitoL{
		left: -2vw;
		width: 24vw;
	}
	.head_topWrap img.hitoR{
		right: -5vw;
		width: 28vw;
	}



	.main_nav{
		display: none;
		width: 100%;
	}
	.main_nav ul{
		width: 100%;
	}

	.sub_nav{
		display: none;
	}




	/*======================
	display_size_noen
	======================*/
	.sp_none{
		display: none !important;
	}
	.pc_none{
		display: block !important;
	}
	/*======================
	.cl { clearfix }
	======================*/
	.cl::after {
		content: "";
		display: table;
		clear: both;
	}

}