@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}
a{text-decoration: none; color: #000;}

#MW_wrap {
	clear: both;
	width:100%;
	max-width: 1200px;
	padding: 0 0 1%;
	margin:0 auto 10px;
	/*font-family: "Noto Sans JP", sans-serif;*/
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #2B2B2B;	
	/*background-color: #FFF2FA;*/
	 scroll-behavior: smooth;
}

#MW_wrap h2{width: 100%; margin: 2% auto 2%; font-size: 3.5rem; font-weight: 600; text-align: center; letter-spacing: 2px;}
/*#MW_wrap h3{width: 60%; margin: 5% auto 2%; font-size: 2.2rem; font-weight: 600; text-align: center;}*/

.sp {display:none;}
.clear {clear:both;}
.bold{font-size: 140%; font-weight: 500; display: block;}

.main {width: 100%; margin:0 auto;}
	
.Lead_pc {
	display: block;
	text-align:center;
	font-size:2rem;
	padding:0 ;
	margin:3% auto 5%;
	line-height:2em;
}
.Lead_sp {display: none;}


/*item-----------------*/
.bk_pk{background-color: #f5e3e5;}
.bk_bl{background-color: #e7f0f8;}
.bk_gr{background-color: #F5F0EA;}
/*.u_line{border-bottom: 8px double #f9b872; line-height: 1;}
.line_pk{background:linear-gradient(transparent 80%, #fab5c1 60%);}
.line_yl{background:linear-gradient(transparent 80%, #ffea86 60%);}
.col_pk{color: #e098a0;}
.col_bl{color: #75a1c7;}
.col_gr{color: #383838;}*/

.item_wrap {width: 60%; margin:0 auto 10%; /*padding: 8% 0 8%;*/}
.item_BOX1{width: 100%; margin: 0 auto 10%; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-end;}
.item1_1{width: 60%;	margin: 0;	box-sizing: border-box;}
.item1_2{width: 30%;	margin: 0 auto;	box-sizing: border-box;}

.item_BOX2{width: 100%; margin: 0 auto 10%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.item2_1{width: 35%; margin: 10% 0 0;	box-sizing: border-box;}
.item2_2{width: 55%; margin: 0;	box-sizing: border-box;}


.sml{font-size: 2.2rem; font-weight: 400;}
.main_item {width: 100%; margin: 0 auto 3%;}
.credit{width: 100%; text-align:left; margin:6% auto 0;}
/*.credit2{width: 50%;}*/
.item_n{font-size:2rem; margin:0 auto 1%; line-height: 1.6em; font-weight: 500;}
.item_d{font-size: 2.2rem; line-height: 1.4em; margin: 1% auto 0; font-weight: 500;}
.cmt{font-size: 1.8rem; line-height: 1.6em; margin: 2% auto 3%; font-weight: 400;}
.tax{font-size: 70%;}

/*STAFF-------------------*/
.col_BOX{width: 100%;	margin: 5% auto;	display:flex;	flex-wrap:wrap;	justify-content: space-between;}
.col1{	width: 33.3333%;	margin: 0;	box-sizing: border-box;}

/*.staff_wrapper{width: 55%; margin: 5% auto 10%;}*/

.staff_wrap{width: 90%; margin: 7% auto; padding: 5% auto 5%; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; /*background-color: rgba(255, 255, 255, 0.562);*/ border-radius: 20px; border: 1px solid #6A6A6A;}
.staff_BOX{	width: 100%; margin: 5% auto; display:flex;	flex-wrap:wrap;	justify-content: space-between;	align-items: center; box-sizing: border-box;}
.staff_d1{	width: 50%;	margin: 0 auto;	box-sizing: border-box;	font-size: 1.9rem;	text-align: left;}
.staff_d2{	width: 32%;	margin: 0 auto;	box-sizing: border-box;}

.sns_BOX{width: 60%; margin: 5% 0 0; display:flex; flex-wrap:wrap; justify-content: space-between;}
.sns1{width: 40%; margin: 0; box-sizing: border-box;}


/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	/*text-transform: uppercase;*/
	
}


/* Button 1 */
.btn-2 {
	width: 30%;
    display: block;
    margin: 2% auto 0;
    padding: 4px 0px;
    font-size: 1.7rem;
	letter-spacing: 2px;
    color: #000;
    background-color: #C0C0C0;
	border: 1px solid #000; 
}

.btn-1 {
	width: 40%;
    display: block;
    margin: 2% 0 0;
    padding: 5px 0px;
    font-size: 1.6rem;
	letter-spacing: 2px;
    color: #3D3D3D;
    background-color: #fff;
	border: 1px solid #3D3D3D; 
}

.btn-1:hover {
	color: #fff;
	background-color: #3D3D3D;
	border: 1px solid #3D3D3D; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-3 {
	width: 50%;
    display: block;
    margin: 10% auto 5%;
    padding: 12px 0px;
    font-size: 2rem;
	letter-spacing: 1px;
    color: #3D3D3D;
    background-color: #fff;
	border: 1px solid #3D3D3D; border-radius: 10px;
}

.btn-3:hover {
	color: #fff;
	background-color: #000;
	border: 1px solid #000; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn_BOX{width: 50%; margin: 10% auto;}


@media only screen and (max-width: 750px) {
	.main {width: 100%;  margin:0 auto;}
	.pc {display:none;}
	.sp {display:block;}

	.Lead_sp {
		display: block;
		text-align:center;
		font-size:14px;
		padding:0 ;
		margin:3% auto 8%;
		line-height:2em;
	}
	.Lead_pc {display: none;}
	
	#MW_wrap h2{width: 100%; margin: 0 auto 2%; font-size: 22px;}
	/*#MW_wrap h3{width: 100%; margin: 15% auto 2%; font-size: 16px;}*/
/*item-------------------------*/
	.col_box {width: 90%; margin: 3% auto 10%;}
	.item_wrap {width: 100%; margin: 20% auto 15%;}

	.index_BOX{	width: 90%; margin: 0 auto 10%; }
	.index1{width: 29%;	margin: 0 auto;	}


	.sml{font-size: 2.2rem; font-weight: 400;}
	.main_item {width: 100%; margin: 0 auto 3%;}
	.credit{margin:5% auto 1%;	line-height: 1.4em;}
	.item_n{font-size:15px; margin:0 auto 1%; line-height: 1.5em;}
	.item_d{font-size: 15px; line-height: 1.4em;}
	.cmt{font-size: 14px; line-height: 1.6em; margin: 4% auto 2%; font-weight: 300;}
	.tax{font-size: 70%;}
	
/*STAFF-----------------------*/
	.col_BOX{width: 100%; margin: 5% auto;}
	.col1{width: 30%;}

	.staff_wrap{width: 80%; margin: 0 auto; padding: 8% auto 8%;}
	.staff_BOX{width: 90%; margin: 5% auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
	.staff_d1{
		width: 60%;
		margin: 0;
		font-size: 14px;
	}
	.staff_d2{
		width: 35%;
		margin: 0;
	}
	
	.sns_BOX{width: 50%; margin: 5% 0 0; display:flex; flex-wrap:wrap; justify-content: space-between;}
	.sns1{width: 45%; margin: 0; box-sizing: border-box;}
	

	
	.slick-slide{margin: 0 auto 5px;}
	.coorde_box{width: 75%; margin: 8% auto;}
	
	#MW_wrap .prev {
		position:absolute;
		top:42%;
		left:-2%;
		font-size:20px;
	}
	#MW_wrap .next {
		position:absolute;
		top:42%;
		right:-2%;
		font-size:20px;
	}
	
	.btn-1 {
		width: 50%;
		margin: 4% 0 0;
		padding: 4px 0px;
		font-size: 13px;
		letter-spacing: 1px;
	}
	
	.btn-2 {
		width: 50%;
		margin: 2% auto 0;
		padding: 4px 0px;
		font-size: 1.7rem;
		letter-spacing: 1px;
	}
	
	.btn-3 {
		width: 90%;
		margin: 20% auto 5%;
		padding: 6px 0px;
		font-size: 14px;
		letter-spacing: 0;
	}

	.btn_BOX{width: 94%; margin: 10% auto;}

	/*.slick-dots li button:before{font-size:15px!important;}
	.slick-dots{bottom: -25px!important;}
*/

}