@charset "UTF-8";
/*==============================

		top startrip

==============================*/

/*==============================

		PC+SP

==============================*/





/*==============================

		PC

==============================*/
@media screen and (min-width: 768px) {

/*--------------------------------------------------
		sec01
--------------------------------------------------*/
.sec01 {
	display: flex;
	flex-wrap: wrap;
	color: #333333;
	background: #FFFFFF;
}
.sec01 .block {
	text-align: center;
	width: calc(50% - 0.5px);
	padding: 40px calc(20 / 500 * 100%);
	margin: 0;
}
.sec01 .block:nth-child(odd) {
	border-right: 1px solid #333333;
}
.sec01 .secTitle {
	margin-bottom: 10px;
}
.sec01 .block .txt {
	font-size: 1.4rem;
	margin-bottom: 10px;
}



/*--------------------------------------------------
		sec02
--------------------------------------------------*/



/*--------------------------------------------------
		sec03
--------------------------------------------------*/
.sec03 .block01 {
	text-align: center;
	max-width: 600px;
	padding: 40px 30px 30px 30px;
	margin: 0 auto;
	background: url(../img/bg_sec_0301.png) no-repeat center bottom;
	background-size: cover;
	border: 6px double #CCCCCC;
	position: relative;
}
.sec03 .block01 .blockTitle {
	background: #000000;
	position: absolute;
	width: calc(200 / 600 * 100%);
	top: -12px;
	left: 50%;
	padding: 0 10px;
	transform : translateX(-50%);
}
.sec03 .block01 .blockTitle h3 {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	height: 0;
	padding-top: calc(41 / 347 * 100%);
	background: url(../img/sp/h3_sec_0301.png) no-repeat 0 0;
	background-size: contain;
}
.sec03 .block01 .txt01 {
	font-size: 1.8rem;
}
/*--------------------------------------------------
		conductor
--------------------------------------------------*/
.conductor .block01{
	margin:0 auto;
	max-width:700px;
}
.conductor .box01{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
}
.conductor .box01 .img-spot{
	width:calc((50% - 20px)/2);
	min-width: 150px;
}
.conductor .box01 .txtlink{
	width:50%;
	font-size: 1.3rem;
}
.conductor .box01 .txtlink .txt01{
	font-size: 2.5rem;
	position: relative;
	/*letter-spacing: 0.3rem;*/
	display: inline-block;
}
.conductor .box01 .txtlink .txt01::before,
.conductor .box01 .txtlink .txt01::after{
	content:"";
	display: block;
	position: absolute;
	border-top:solid 2px #CCCCCC;
	border-right:solid 2px #CCCCCC;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	width: 12px;
	height: 12px;
	top:30%;
}
.conductor .box01 .txtlink .txt01::before{
	right:-25px;
}
.conductor .box01 .txtlink .txt01::after{
	right:-18px;
}

.conductor .box01 .txtlink .txt02{
	border-bottom: solid 2px;
	/*display: inline-block;*/
	position: relative;
	padding-right:15px;
}
.conductor .box01 .txtlink .txt02::before{
	content: "CLICK";
	position: absolute;
	bottom:0px;
	right:15px;
}
.conductor .box01 .txtlink .txt02::after{
	content: "";
	position: absolute;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #ffffff;
	bottom:6px;
	right:0px;
}



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/





}





/*==============================

		TAB

==============================*/
@media screen and (min-width: 768px) and (max-width: 900px) {

/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/





}





/*==============================

		SP

==============================*/
@media screen and (max-width: 767px) {

/*--------------------------------------------------
		sec01
--------------------------------------------------*/
.sec01 {
	color: #333333;
	background: #FFFFFF;
}
.sec01 .block {
	text-align: center;
	width: 100%;
	padding: 20px 2%;
	margin: 0;
}
.sec01 .block:nth-child(2n) {
	border-top: 1px solid #333333;
}
.sec01 .secTitle {
	margin-bottom: 10px;
}
.sec01 .block .txt {
	font-size: 1.4rem;
	text-align: left;
	margin-bottom: 10px;
}



/*--------------------------------------------------
		sec02
--------------------------------------------------*/



/*--------------------------------------------------
		sec03
--------------------------------------------------*/
.sec03 .block01 {
	text-align: center;
	padding: 30px 2% 20px 2%;
	background: url(../img/bg_sec_0301.png) no-repeat center bottom;
	background-size: cover;
	border: 6px double #CCCCCC;
	position: relative;
}
.sec03 .block01 .blockTitle {
	background: #000000;
	width: 50%;
	position: absolute;
	top: -12px;
	left: 50%;
	padding: 0 10px;
	transform : translateX(-50%);
}
.sec03 .block01 .blockTitle h3 {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	height: 0;
	padding-top: calc(41 / 347 * 100%);
	background: url(../img/sp/h3_sec_0301.png) no-repeat 0 0;
	background-size: contain;
}
.sec03 .block01 .txt01 {
	font-size: 1.6rem;
}

/*--------------------------------------------------
		conductor
--------------------------------------------------*/
.conductor .block01{
	margin:0 auto;
}
.conductor .box01{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.conductor .box01 .img-spot{
	width:calc((100% - 10px)/2);
}
.conductor .box01 .txtlink{
	width:100%;
	text-align: center;
	font-size: 1.3rem;
	padding:15px;
}
.conductor .box01 .txtlink .txt01{
	font-size: 1.8rem;
	position: relative;
	letter-spacing: 0.3rem;
}
.conductor .box01 .txtlink .txt01::before,
.conductor .box01 .txtlink .txt01::after{
	content:"";
	display: block;
	position: absolute;
	border-top:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	width: 12px;
	height: 12px;
	top:30%;
}
.conductor .box01 .txtlink .txt01::before{
	right:0vw;
}
.conductor .box01 .txtlink .txt01::after{
	right:2vw;
}
.conductor .box01 .txtlink .txt02{
	border-bottom: solid 1px;
	display: inline-block;
}


/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/



/*--------------------------------------------------
		
--------------------------------------------------*/





}