@charset "UTF-8";



/* ミディアムデバイス (タブレット) のスタイル */
@media (max-width: 1024px) {
	
	.header{
	width: 100%;
	height: 80px;	
	background: rgb(213,238,245);
    background: linear-gradient(180deg, rgba(213,238,245,1) 0%, rgba(255,255,255,1) 100%);
	position: relative;
	padding-top: 18px;	
	}
	
	h3{
	width: 100%;
	height: 44px;
	background:url("../images/h3_english.png") no-repeat center center;
	background-size: contain;
	}
	.contents {
		width: 400px;
        position: relative;	
        padding-bottom: 40px;
    }
	#foreign_wrapper{
		width: 400px;
		margin: 0 auto;
		font-family: "Arial", serif;
		font-weight: 400;
		font-size: 20px;
	}
	#for_menu{
		width: 100%;
		background: #EAEAEA;
		padding: 20px;
	}
	#for_menu li{
		width: 360px;
		height: 62px;
		line-height: 62px;
		margin-top: 10px;
		background: #fff;
	}
	#for_menu li:first-child{
		margin-top: 0px;
	}
	#for_menu li dl dt, #for_menu li dl dd{
		float: left;
		height: 62px;
	}
	#for_menu li dl dt{
		width: 40px;
		text-align: center;
		font-family: "Arial", serif;
		font-size: 34px;
		font-weight: 700;
		color: #FFF;
	}
	#for_menu li dl dd{
		padding-left: 20px;
		color: #000;
		width: 320px;
		font-weight: 600;
		line-height: 100%;
		font-size: 18px;
	}
	#for_menu li:nth-child(1) dl dd{
		background: url(../images/for_arrow_1.png) no-repeat 280px center;
		padding-top: 23px;
	}
	#for_menu li:nth-child(2) dl dd{
		background: url(../images/for_arrow_2.png) no-repeat 280px center;
		padding-top: 13px;

	}
	#for_menu li:nth-child(3) dl dd{
		background: url(../images/for_arrow_3.png) no-repeat 280px center;
		padding-top: 23px;
	}
	#for_menu li:nth-child(4) dl dd{
		background: url(../images/for_arrow_4.png) no-repeat 280px center;
		padding-top: 23px;

	}
	#for_menu li:nth-child(5) dl dd{
		background: url(../images/for_arrow_5.png) no-repeat 280px center;
		padding-top: 4px;
	}
	.for_section{
		width: 380px;
		padding: 40px 0 0;
		margin: 0 auto;
	}
	
	.tit{
		font-size: 26px;
		font-weight: 700;
		line-height: 140%;
		margin-bottom: 10px;
	}
	.tit span{
		font-family: "Arial", serif;
		font-size: 30px;
		font-weight: 700;
		margin-right: 4px;
	}
#sec_1_01{
		width: 100%;
		height: 530px;
		background: url("../images/for_br_en_sp.png") no-repeat center 10px;
		background-size: 100%;
	}
	#sec_1_01 iframe{
		width: 100%;
		height: 300px;
		margin-top: 218px;
	}
	
	#sec_1_02{
		width: 100%;
		height: 210px;
	}
	#sec_1_02 img{
		width: 100%;
	}
	
	#sec1_03{
		background: url("../images/for_suimen_en.png") no-repeat center 20px;
		padding-top: 314px;
		background-size: 100%;
	}
	#sec1_03 ul li{
		width: 380px;
	}
	
	.for_mida{
		font-size: 20px;
		font-weight: 600;
	}
	.for_section p{
		font-size: 16px;
		line-height: 140%;
		margin-bottom: 20px;
	}
	#sec_2_01{
		width: 100%;
		height: 390px;
		background: url("../images/for_rule_en.png") no-repeat left bottom;
		background-size: 100%;
		margin-bottom: 20px;
	}
	#sec_2_01 img{
		width: 100%;
	}
	#sec_2_02 img, #sec_2_04 img{
		width: 100%;
	}
	
	#sec_2_02, #sec_3_01, #sec_3_03, #sec_2_03, #sec_2_04, #sec_3_02, #sec_3_04{
		width: 100%;
	}

	#sec_3_04 img{
		width: 100%;
	}
	#sec_3_04 ul{
		margin-top: 20px;
	}
	#sec_3_04 ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	
	#sec_3_04 ul li:nth-child(1), #sec_3_04 ul li:nth-child(5){
		margin-left: 0px;
	}
	.for_mida2{
		font-size: 18px;
		font-weight: 600;
		line-height: 36px;
	}
	#sec_4_01{
		width: 100%;
		height: 168px;
		background: url("../images/for_result_bg_sp.png") no-repeat center top;
		background-size: 100%;
		margin: 0px auto;
		position: relative;
	}
	#sec_4_01 .for_result{
		position: absolute;
		font-weight: 700;
		font-size: 16px;
		width: 100%;
		text-align: center;
		top: 103px;
	}
	#sec_4_01 ul{
		position: absolute;
		top: 128px;
	}
	#sec_4_01 ul li{
		width: 106px;
		float: left;
		margin-left: 17px;
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		color: #fff;
	}
	#sec_4_01 ul li:nth-child(3){
		color: #000;
	}
	#sec_4_02{
		width: 100%;
		margin: 20px auto;
		font-weight: 500;
	}
	
	#sec_4_03{
		width: 100%;
		height: 374px;
		overflow-x: auto;
	}
	.hyo_p{
		width: 100%;
		text-align: center;
		color: #666;
		font-size: 14px;
	}
	
	#sec_4_03 table{
		width: 1100px;
		height: 332px;
		background: #EAEAEA;
	}
	
	#section05 table{
		width: 800px;
		height: 332px;
		background: #EAEAEA;
	}
	
	#sec_4_03 table th{
		background: #666;
		color: #fff;
		font-size: 16px;
	}
	#sec_4_03 table td, #section05 table td{
		background: #FFF;
		color: #000;
		text-align: center;
		padding: 4px;
		font-size: 16px;
	}
	#sec_4_03 table td:nth-child(1){
		background:#03A2A3;
		color: #fff;
		font-weight: 700;
	}
	#sec_4_03 table td:nth-child(2){
		text-align: left;
		padding-left: 10px;
	}
	
	 #sec_4_04{
		width: 100%;
		margin-top: 20px; 
		 height: 460px;
		background: url("../images/for_odds.png") no-repeat left bottom;
	}
	
	
	#section05 img{
		width: 50%;
	}
	#section05 table th{
		width: 146px;
		background:#C36DD8;
		color: #fff;
		text-align: left;
		padding-left: 20px;
		font-size: 16px;
	}
	#section05 table td{
		text-align: left;
		padding-left: 10px;
	}
	
	#section05 .table_wrap{
		width: 100%;
		overflow-x: auto;
	}
	#section05 .table_wrap{
		height: 350px;
		margin-bottom: 20px;
	}
	#section05 .table_wrap2 table{
		width: 100%;
		height: 130px;
	}
	#sec_5_01{
		width: 100%;
		height: 200px;
		background: url("../images/for_marking.png") no-repeat left top;
		background-size: 100%;
		margin: 0 auto;
	}


}

/* ラージデバイス (デスクトップ) のスタイル */
@media (min-width: 1025px) {
	.contents{
		width: 94.8%;
		padding-bottom: 40px;
	}
	
	.header{
	width: 100%;
	height: 110px;
	background: rgb(213,238,245);
    background: linear-gradient(180deg, rgba(213,238,245,1) 0%, rgba(255,255,255,1) 100%);
	position: relative;
	}
	
	h3{
	width: 100%;
	height: 110px;
	background:url("../images/h3_english.png") no-repeat center center;
	background-size: 546px 57px;
	}
	#foreign_wrapper{
		width: 1700px;
		margin: 0 auto;
		font-family: "Arial", serif;
		font-weight: 400;
		font-size: 20px;
	}

	
	#for_menu{
		width: 100%;
		height: 82px;
		background: #EAEAEA;
	}
	#for_menu li{
		width: 320px;
		height: 62px;
		line-height: 62px;
		float: left;
		margin-left: 16px;
		margin-top: 10px;
		background: #fff;
		padding: 0px;
	}
	#for_menu li dl{
		margin: 0px;
		padding: 0px;
	}
	#for_menu li dl dt, #for_menu li dl dd{
		float: left;
		height: 62px;
	}
	#for_menu li dl dt{
		width: 40px;
		text-align: center;
		font-family: "Arial", serif;
		font-size: 34px;
		font-weight: 700;
		color: #FFF;
	}
	#for_menu li dl dd{
		padding-left: 20px;
		color: #000;
		width: 280px;
		font-weight: 600;
		font-size: 16px;
		line-height: 130%;
	}
	#for_menu li:nth-child(1) dl dd{
		background: url(../images/for_arrow_1.png) no-repeat 240px center;
		padding-top: 22px;
	}
	#for_menu li:nth-child(2) dl dd{
		background: url(../images/for_arrow_2.png) no-repeat 240px center;
		padding-top: 10px;

	}
	#for_menu li:nth-child(3) dl dd{
		background: url(../images/for_arrow_3.png) no-repeat 240px center;
		padding-top: 22px;

	}
	#for_menu li:nth-child(4) dl dd{
		background: url(../images/for_arrow_4.png) no-repeat 240px center;
		padding-top: 22px;

	}
	#for_menu li:nth-child(5) dl dd{
		background: url(../images/for_arrow_5.png) no-repeat 240px center;

	}
	.for_section{
		width: 1660px;
		padding: 40px 0;
		margin: 0 auto;
	}
	
	.tit{
		font-size: 30px;
		font-weight: 700;
		line-height: 50px;
		margin-bottom: 10px;
	}
	.tit span{
		font-family: "Arial", serif;
		font-size: 34px;
		font-weight: 700;
		margin-right: 4px;
	}
	#sec_1_01{
		width: 730px;
		height: 512px;
		float: left;
		background: url("../images/for_br_en.png") no-repeat center 10px;
		background-size: 85%;
	}
	#sec_1_01 iframe{
		width: 85%;
		height: 240px;
		margin: 272px 0 0 56px;
	}
	
	#sec_1_02{
		width: 910px;
		height: 512px;
		float: right;
	}
	#sec_1_02 img{
		width: 910px;
		height: 512px;
	}
	
	#sec1_03{
		margin-top: 20px;
		background: url("../images/for_suimen_en.png") no-repeat 30px 30px #F7FFE8;
		background-size: 66%;
		padding: 20px 20px 20px 1160px;
	}
	#sec1_03 ul li{
		width: 450px;
		float:left;
		margin-bottom: 20px;
	}

	.for_mida{
		font-size: 22px;
		font-weight: 700;
	}
	.for_section p{
		font-size: 18px;
		line-height: 140%;
	}
	#sec_2_01{
		width: 100%;
		height: 300px;
		padding-right: 820px;
		background: url("../images/for_rule_en.png") no-repeat 930px 10px;
		
	}
	#sec_2_01 img{
		margin: 30px 0 0 30px;
	}
	#sec_2_02 img, #sec_2_04 img{
		width: 88%;
		margin: 10px 0 10px 36px;
	}
	
	#sec_2_02, #sec_3_01, #sec_3_03{
		width: 48%;
		float: left;
	}
	#sec_2_03{
		margin-bottom: 20px;
	}
	#sec_2_03, #sec_2_04, #sec_3_02{
		width: 48%;
		float: right;
	}
	#sec_3_03, #sec_3_04{
		margin-top: 20px;
	}
	#sec_3_04{
		width: 100%;

	}
	#sec_3_04 img{
		width: 66%;
	}
	#sec_3_04 ul{
		margin-top: 20px;
	}
	#sec_3_04 ul li{
		width: 540px;
		float: left;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
	#sec_3_04 ul li:nth-child(1), #sec_3_04 ul li:nth-child(5){
		margin-left: 0px;
	}
	.for_mida2{
		font-size: 20px;
		font-weight: 600;
		line-height: 36px;
	}
	#sec_3_04 ul li img{
		width: 100%;
	}
	
	#sec_4_01{
		width: 1280px;
		height: 385px;
		background: url("../images/for_result_bg.png") no-repeat center 20px;
		background-size: 100%;
		margin: 0px auto;
		position: relative;
	}
	#sec_4_01 .for_result{
		position: absolute;
		font-weight: 700;
		font-size: 24px;
		top: 330px;
		left: 85px;
	}
	#sec_4_01 ul{
		position: absolute;
		top: 330px;
		left: 327px;
	}
	#sec_4_01 ul li{
		width: 200px;
		float: left;
		margin-left: 30px;
		text-align: center;
		font-weight: 700;
		font-size: 26px;
		color: #fff;
	}
	#sec_4_01 ul li:nth-child(3){
		color: #000;
	}
	#sec_4_02{
		width: 1100px;
		margin: 20px auto;
		font-weight: 500;
	}
	#sec_4_03 table, #section05 table{
		width: 1400px;
		background: #EAEAEA;
		margin:0 auto 20px;
	}
	#sec_4_03 table th{
		background: #666;
		color: #fff;
	}
	#sec_4_03 table td, #section05 table td{
		background: #FFF;
		color: #000;
		text-align: center;
		padding: 4px;
	}
	#sec_4_03 table td:nth-child(1){
		background:#03A2A3;
		color: #fff;
		font-weight: 700;
	}
	
	
	 #sec_4_04{
		width: 48%;
		 height: 280px;
		padding-right: 500px;
		background: url("../images/for_odds.png") no-repeat right top;
		 margin-left: 130px;
		 margin-top: 30px;
	}
	#section05 table th{
		width: 200px;
		background:#C36DD8;
		color: #fff;
	}
	
	#section05 .for_mida{
		margin-left: 130px;
	}
	
	#sec_5_01{
		width: 700px;
		height: 360px;
		background: url("../images/for_marking.png") no-repeat left top;
		background-size: 100%;
		margin: 0 auto;
	}
	#section05 table td{
		padding-left: 10px;
		text-align: left;
	}





	
}




    #for_menu li:nth-child(1) dl dt{
		background: #324596;
	}
	#for_menu li:nth-child(2) dl dt{
		background: #FF0100;
	}
	#for_menu li:nth-child(3) dl dt{
		background: #009AD2;
	}
	#for_menu li:nth-child(4) dl dt{
		background: #03A2A3;
	}
	#for_menu li:nth-child(5) dl dt{
		background: #C36DD8;
	}

#section01 .tit{
	border-bottom: 5px solid #324596;
}
#section02 .tit{
	border-bottom: 5px solid #FF0100;
}
#section03 .tit{
	border-bottom: 5px solid #009AD2;
}
#section04 .tit{
	border-bottom: 5px solid #03A2A3;
}
#section05 .tit{
	border-bottom: 5px solid #C36DD8;
}
#section01 .swiper-horizontal>.swiper-pagination-bullets, #section01 .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 10px;
}

#section01 .swiper-pagination-bullet {
  background-color: white;
  opacity: 0.5;
}

#section01 .swiper-pagination-bullet-active {
  background-color: #C2FF51;
  opacity: 1;
}