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

#UT_wrap {
	clear: both;
	width: 100%;
	max-width: 1000px;
	padding: 0 0 5%;
	margin:0 auto;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	/*font-family: 'Noto Serif JP', serif;*/
	/*font-family: 'Noto Sans JP', sans-serif;*/
	 font-family: "Source Serif 4", serif;
	color: #000000;	
	background-color: #fff;
}


.main {
	width: 50%;
	margin:5% auto 0;
	padding: 0;
	/*background-color: #07283e;
	position: relative;
	height: 720px;*/
}


.Lead_pc {
	width: 50%;
	margin: 2% auto 8%;
	display: block;
	text-align:left;
	font-size:16px;
	padding:0 ;
	line-height: 1.8em;
}

.Lead_sp {display: none;}


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


/*#UT_wrap h1{margin: 15% auto 3%; font-size: 3rem; font-weight: 500; letter-spacing: 2px; text-align: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
#UT_wrap h2{margin: 10% auto 3%; font-size: 2rem; font-weight: 500; letter-spacing: 1px; text-align: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}*/
.ind{padding-left:1.2em; text-indent:-1.2em;}

a img:hover{opacity: 0.8;}
/*hr{width: 80%; margin: 20% auto 10%; }
h3{width: 100%; margin: 5% auto 0; font-size: 24px; text-align: center; font-weight: 600;}

.subttl{width: 100%; margin: 0 0 10%; font-size: 30px; }*/

.item_BOX{width: 100%; margin: 5% auto 0; display:flex;	flex-wrap:wrap;	justify-content: space-between; }
.item1{width: 30%; margin: 0 0 5%;}



.credit_BOX{
	width: 100%;
	margin: 5% 0 0;
	/*display:flex;*/
	/*flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;*/
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}
.credit{width: 100%; margin: 0 auto 1%; font-weight: 400;}
.item_n{ font-size: 15px; line-height: 1.2em;}
.item_p{ font-size: 14px;}
.buybtn{width: 10%;	margin: 0 auto 5%;	box-sizing: border-box; text-decoration: underline; font-size: 12px;}
.tax{font-size: 70%;}

/*.cmt3{width: 100%; margin: 2% 0 0; font-size: 12px; text-align: left; }*/


/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	margin: 2% auto 8%;
	font-weight: 500;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	
}


/* Button 1 */
.btn-1 {
	width: 100%;
    color: #fff;
    text-align: center;
    margin: 5% auto;
    display: inline;
    padding: 4px 0px;
    font-size: 14px;
    background-color: #000;
	font-family: 'Noto Sans JP', sans-serif; 
	letter-spacing: 2px;
}

.btn:hover {
	color: #fff;
	background-color: #767676;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 2 */
.btn-2 {
	width: 100%;
   /* border: #e5790f 1px solid;*/
    color: #fff;
    text-align: center;
    margin: 0% auto 5%;
    display: block;
    padding: 15px 0px;
    font-size: 25px;
    background-color: #000;
	letter-spacing: 2px;
	/*text-decoration: underline;*/
}



@media only screen and (max-width: 750px) {
	html {background-color: #fff;}
	#UT_wrap {width:100%; margin:0 auto 20px;}
	/*#UT_wrap .main {width: 100%; margin:0 auto;}*/

	.pc {display:none;}
	.sp {display:block;}
	.Lead_pc {display: none;}
	.Lead_sp {
		width: 95%;
		display: block;
		text-align: left;
		font-size: 14px;
		margin:10% auto 12%;
		line-height: 1.8em;
	}
	
	
	
	
	.main {width: 95%; margin:8% auto; padding: 0;/* height: 150vw;*/}
	/*.ttl_3{width: 40%; position: absolute; bottom: 5%; left: 5%;}*/

	.item_BOX{width: 98%; margin: 5% auto 0;}
	.item1{width: 46%; margin: 0 0 8%;}


	
	.credit_BOX{width: 90%;	margin: 5% 0 0 ; text-align: left;}
	.credit{width: 100%; margin: 0 auto 3%; }
	.item_n{  font-size:12px;	}
	.item_p{font-size: 11px;}
	.buybtn{margin: 0 auto 5%; font-size: 11px;}

	/*.img_box {width: 100%;	height: 120vw;	margin: 0 auto 2%;}*/
	
	/*.btn_BOX{width: 80%; margin: 20% auto 5%; font-size: 26px; }*/


	/*.cmt2{width: 98%; margin: 2% auto 0; font-size: 12px;}
	


/* Button 1 */
	.btn-1 {
		width: 100%;
		margin: 5% auto;
		padding: 5px 0px;
		font-size: 13px;
	}
	
/* Button 2 */
	.btn-2 {
		width: 100%;
		margin: 10% auto 5%;
		padding: 10px 0px;
		font-size: 16px;
	}


}