@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}	 
#top {margin: 0; padding: 0;}
a{color: #000; text-decoration: none; }
.sml{font-size: 90%;}
#SC_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;*/
	/*color: #fff;	
	background-color: #7e9aab;*/
}


#SC_wrap .main { width: 100%; margin:5% auto 2%;}



.att{font-weight: normal; font-size: 80%; display: block; line-height: 1.7em; margin-top: 4%;}
.att2{font-weight: normal; font-size: 85%; display: block; line-height: 1.7em; margin-top: 2%;}

.Lead_pc {
	width: 98%;
	margin: 5% auto 10%;
	display: block;
	text-align:center;
	font-size:18px;
	font-weight: 400;
	padding:0 ;
	line-height:2em;
}

.Lead_sp {display: none;}


.sp {display:none;}
.clear {clear:both;}
.bold {	font-size: 125%; font-weight: bold;	display: inline-block;	width: 100%; margin: 0 0 1%; color: #4a8cde;}

.sub_ttl{width: 50%; margin: 10% auto 1%;}
.cmt{ margin: 0 auto 2%; font-size: 15px; text-align: center;}

/*--1--*/

.item_box1{width: 100%; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
/*.style_box1_2{width: 56%; position: absolute; top: 0; right: 0; height: 900px; z-index: 10;}*/

.item1{width: 55%; margin: 0 auto;}
.item2{width: 40%; margin: 0 auto; }
/*.item2 img{width: 80%; margin: 0 auto; display: block;}*/
.item_box1:nth-child(2n+1) { flex-direction: row-reverse; } 
.item_box1:nth-child(2n  ) { flex-direction: row; } 


h2{ font-size: 18px; letter-spacing: 1px; text-align: center; margin: 20% auto 5%; line-height: 2em;}
.line_r{background:linear-gradient(transparent 88%, #c41c4e 60%);}
.txt_red{ color:  #c41c4e;}


	
/* 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-1 {
	width: 50%;
    display: block;
    margin: 4% auto 0;
    padding: 10px 0px;
    font-size: 16px;
    color: #fff;
    background-color: #c41c4e;
}

.btn-1:hover {
	color: #000;
	background-color: #EC5077;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 750px) {
	#SC_wrap {
		width:100%;
		margin:0 auto;
		padding: 0 0 15%;
	}
	#SC_wrap .main {
		width: 100%;
		margin:5% auto 10%;
	}
	.pc {display:none;}
	.sp {display:block;	}
	
	.att{font-weight: normal; font-size: 13px;}


	.Lead_pc {display: none;}

	.Lead_sp {
		width: 96%;
		display: block;
		text-align:center;
		font-size:16px;
		font-weight: 400;
		margin:0 auto 10%;
		line-height:2em;
	}
	
	.item_box1{width: 100%; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
	.item1{width: 50%; margin: 0 auto;}
	.item2{width: 45%; margin: 0 auto; }
	.cmt{ margin: 0 auto 3%; font-size: 11px; text-align: center;}
	/*.item2 img{width: 90%; margin: 0 auto;}*/
	.btn-1 {	width: 80%;    margin: 4% auto 0;  padding: 8px 0px; font-size: 16px;  }	
}