@charset "UTF-8";
/* lp追加css */

.choose {
	width:960px;
	margin: 0 auto 0 auto;
}
.choose .inner {
	padding: 30px;
}
.cchoose:after {
  content:" ";
  display:block;
  clear:both;
}
.choose .gobtn-line {
	float: left;
	width:450px;
	height: 350px;
	background: #F3EDDf;
	margin: 50px 15px 50px 0;
	position: relative;
	border-radius:1ex;
}
.gobtn-line h4 {
	width: 100%;
	height: auto;
	background: -webkit-linear-gradient(to top, #01B802, #65CF65);
	background: linear-gradient(to top, #01B802, #65CF65);
	border-radius: 30px;
	text-align: center;
	font-size:20px;
	color: #FFFFFF;
	padding: 0.25em 0;
	margin: 0 0 1em 0; 
}
.gobtn-line ol {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding-left: 14px;
}
.gobtn-line li {
	font-size: 14px;
	line-height: normal;
	list-style: decimal;
	margin: 0 0 1em 0;
}
.gobtn-line .c-code {
	background: #FFFFFF;
	border: #646464 solid 2px ;
	padding: 0.25em 0 0.5em;
	margin: 0 0 1em 0 ;
}
.gobtn-line .c-code p {
	text-align: center;
	font-size: 12px;
	line-height: normal;
}
.gobtn-line .c-code p span {
	font-size: 20px;
}
.gobtn-line .gobtn-line-link img {
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto ;
}

.choose .gobtn-mail {
	float: left;
	width:450px;
	height: 350px;
	background: #F3EDDf;
	margin: 50px 0 50px 15px;
	position: relative;
	border-radius:1ex;
}
.gobtn-mail h4 {
	width: 100%;
	height: auto;
	background: -webkit-linear-gradient(to top, #D0BF89, #E5D8AC);
	background: linear-gradient(to top, #B7A571, #D0BF89);
	border-radius: 30px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	padding: 0.25em 0;
	margin: 0 0 1em 0; 
}
.gobtn-mail ul {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.gobtn-mail li {
	font-size: 14px;
	line-height: normal;
	margin: 0 0 1em 0;
}

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
	only screen and (max-width : 750px){
		
		
		.swiper-slide-no {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		.swiper-slide-no img {
			display: block;
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
		
		#sc03 .tbl_cel_no img{
			display: block;
		width:80%;
		height:auto;
			margin: 0 auto;
	}
		
		
	.choose {
		width:98%;
		margin: 0 auto 0 auto;
	}
	.choose .inner {
		padding: 8vw 4vw;
	}
	.cchoose:after {
	  content:" ";
	  display:block;
	  clear:both;
	}
	.choose .gobtn-line {
		float: none;
		width:100%;
		height: auto;
		background: #F3EDDf;
		margin: 4vw 0 4vw 0;
		position: relative;
		border-radius:1vw;
	}
	.gobtn-line h4 {
		width: 100%;
		height: auto;
		background: -webkit-linear-gradient(to top, #01B802, #65CF65);
		background: linear-gradient(to top, #01B802, #65CF65);
		border-radius: 30vw;
		text-align: center;
		font-size:5vw;
		color: #FFFFFF;
		padding: 0.25vw 0;
		margin: 0 0 5vw 0; 
	}
	.gobtn-line ol {
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding-left: 3vw;
	}
	.gobtn-line li {
		font-size:3.5vw;
		line-height: normal;
		list-style: decimal;
		margin: 0 0 5vw 0;
	}
	.gobtn-line .c-code {
		background: #FFFFFF;
		border: #646464 solid 2px ;
		padding: 2vw 0 3vw;
		margin: 2vw 0 8vw 0 ;
	}
	.gobtn-line .c-code p {
		text-align: center;
		font-size:3.5vw;
		line-height: normal;
	}
	.gobtn-line .c-code p span {
		font-size:8vw;
	}
	.gobtn-line .gobtn-line-link img {
		display: block;
		width: 75%;
		height: auto;
		margin: 0 auto ;
	}

	.choose .gobtn-mail {
		float: none;
		width:100%;
		height: auto;
		background: #F3EDDf;
		margin: 4vw 0 4vw 0;
		position: relative;
		border-radius:1vw;
	}
	.gobtn-mail h4 {
		width: 100%;
		height: auto;
		background: -webkit-linear-gradient(to top, #D0BF89, #E5D8AC);
		background: linear-gradient(to top, #B7A571, #D0BF89);
		border-radius: 30vw;
		text-align: center;
		font-size:5vw;
		color: #FFFFFF;
		padding: 0.25vw 0;
		margin: 0 0 5vw 0; 
	}
	.gobtn-mail ul {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.gobtn-mail li {
		font-size:3.5vw;
		line-height: normal;
		margin: 0 0 5vw 0;
	}
		
}