@charset "UTF-8";

@media only screen and (min-width: 744px) and (max-width: 1180px) {
	
	/*index_top*/
	#index_top {
		height: 360px;
		margin: 60px 0 0;
	}	
	#index_top .image_left{
		background: url("../img/index/index_top1.jpg") center left 90% no-repeat;
		background-size: cover;
	}
	#index_top .contents{
		position: absolute;
		top: -20px;
		width: 400px;
		height: 400px;
		margin: 0 0 0 -200px;
	}
	#index_top .circle{
		width: 380px;
		height: 380px;
		margin: -190px 0 0 -190px;
	}
	#index_top img.globe{
		top: 10px;
		right: -10px;
		width: 200px;
		height: auto;
	}
	#index_top img.index_top_logo{
		float: none;
		width: 130px;
		height: auto;
		margin: 70px 0 20px 70px;
		display: table;
	}
	#index_top h2{
		line-height: 34px;
		margin: 0 auto 20px;
		font-size: 30px;
		float: none;
		width: auto;
		display: table;
	}
	#index_top p{
		margin: 0 auto 20px;
		float: none;
		display: table;
	}
	#index_top p span{
		line-height: 20px;
		margin: 0 0 5px;
		font-size: 13px;
	}
	/*index_sponser*/
	#index_sponser p{
		font-size: 14px;
	}
	ul.sponser_list{
		padding: 0 10%;
	}
	ul.sponser_list li{
		width: 20%;
	}
	ul.sponser_list li.submit_s {
	  position: relative;
	  top: inherit;
	  right: inherit;
	  width: 100%;
	  margin: 10px 0 0;
	}
	ul.sponser_list li.submit_s a{
		margin: 0 auto;
		padding: 0 30px;
	}
	/*index_picku*/
	ul.pickup_list li {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	ul.pickup_list li:nth-child(2n){
		margin: 0 0 20px;
	}
	ul.pickup_list li p.title{
		font-size: 14px;
	}
	ul.pickup_list li a{
		font-size: 14px;
	}
	/*index_program*/
	#index_program p.description br{
		display: block;
	}
	ul.index_program_list li h3 {
		margin: 0 0 20px;
		font-size: 24px;
	}
	ul.index_program_list li p{
		line-height: 24px;
		padding: 0 20px;
		font-size: 14px;
	}
	ul.index_program_list li.program_list1 .submit_s, 
	ul.index_program_list li.program_list2 .submit_s{
		right: 20%;
		width: 60%;
	}
	ul.index_program_list li.program_list1 .submit_s a, 
	ul.index_program_list li.program_list2 .submit_s a{
		width: 100%;
		text-align: center;
	}
	ul.index_program_list li.program_list3{
		padding: 0;
	}
	ul.triangle_list{
		margin-top: 0;
		padding: 100px 0 0;
	}
	ul.triangle_list li p.title {
		width: 100px;
		height: 100px;
		line-height: 20px;
		padding: 30px 0 0;
		font-size: 14px;
		top: -90px;
	}
	ul.triangle_list li.triangle1 p.title{
		left: 10px;
	}
	ul.triangle_list li.triangle2 p.title{
		right: 10px;
	}
	ul.triangle_list li.triangle3{
		top: 30px;
		margin: 0 0 0 -90px;
	}
	ul.index_program_list li.program_list3 .contents{
		padding: 15px 0;
	}
	ul.triangle_nav li {
		height: 90px;
		padding: 10px 0 0;
	}
	ul.triangle_nav li p.name{
		line-height: 25px;
		font-size: 20px;
	}
	ul.triangle_nav li p.text{
		line-height: 20px;
		font-size: 13px;
	}
	/*index_information*/
	.index_information_box{
		width: 100%;
	}
	.index_information_box1{
		margin: 0;
	}
	ul.information_list li p{
		font-size: 14px;
	}
	ul.index_link_list li {
		width: 23.5%;
		margin: 0 2% 10px 0;
	}
	ul.index_link_list li:nth-child(4){
		margin: 0 0 10px;
	}
	ul.index_link_list li:nth-child(5),
	ul.index_link_list li:nth-child(6),
	ul.index_link_list li:nth-child(7){
		width: 32%;
	}
	/**/
	ul.topics_list{
		width: 100%;
	}
	ul.topics_list li{
		padding: 0 0 10px;
		border-bottom: dashed 1px #aaa;
	}
	ul.topics_list li:last-child{
		border: none;
	}
	ul.topics_list li p{
		width: 100%;
		line-height: 24px;
		font-size: 14px;
	}
	/**/
	ul.banner_list {
		width: 100%;
	}
	ul.banner_list li{
		width: 32%;
		margin: 0 2% 10px 0;
	}
	ul.banner_list li:nth-child(3n){
		margin: 0 0 10px;
	}

}
@media screen and (max-width: 743px) {
	
	/*index_top*/
	#index_top {
		height: 540px;
		margin: 60px 0 0;
		/*background: url("../img/index/index_top_sp.jpg") center center no-repeat;
		background-size: cover;*/
	}
	#index_top .image_left{
		width: 100%;
		height: 160px;
		background: url("../img/index/index_top1_sp.jpg") top left 18% no-repeat;
		background-size: auto 160%;
	}
	#index_top .image_right{
		width: 100%;
		height: 160px;
		margin: 220px 0 0;
		background: url("../img/index/index_top2_sp.jpg") top right 10% no-repeat;
		background-size: auto 140%;
	}
	#index_top .contents{
		position: absolute;
		top: 160px;
		left: 0;
		width: 100%;
		height: 220px;
		margin: 0;
		padding: 15px 20px;
		border-radius: 0;
		background: url("../img/index/globe_sp.jpg") right -100px center no-repeat,#fff;
	}
	#index_top .circle,
	#index_top img.globe{
		display: none;
	}
	#index_top img.index_top_logo{
		float: left;
		width: auto;
		height: 40px;
		margin: 0 0 20px;
	}
	#index_top h2 {
		float: left;
		width: 100%;
		line-height: 34px;
		font-size: 28px;
		margin: 0 0 20px;
	}
	#index_top p{
		display: none;
	}
	#index_top a{
		width: 150px;
		height: 30px;
		line-height: 30px;
		margin: 0;
	}
	/**/
	#index_search{
		padding: 10px 5%;
	}
	/*index_sponser*/
	#index_sponser p{
		line-height: 18px;
		margin: 0 0 10px;
		font-size: 13px;
	}
	#index_sponser p br{
		display: block;
	}
	ul.sponser_list {
		padding: 0;
	}
	ul.sponser_list li{
		width: 20%;
		padding: 0;
	}
	ul.sponser_list li.submit_s {
		position: relative;
		top: inherit;
		right: inherit;
		width: 100%;
		margin: 15px 0 0;
	}
	ul.sponser_list li.submit_s a{
		margin: 0 auto;
		padding: 0 30px;
		font-size: 14px;
	}
	/*index_pickup*/
	ul.pickup_list li{
		width: 100%;
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: dashed 1px #ccc;
	}
	ul.pickup_list li:last-child{
		margin: 0;
		padding: 0;
		border: none;
	}
	ul.pickup_list li .image {
		height: auto;
		min-height: 170px;
	}
	ul.pickup_list li .image img {
		position: relative;
		top: inherit;
		left: inherit;
		width: 100%;
		height: auto;
		transform: none;
	}
	ul.pickup_list li p.category{
		font-size: 14px;
	}
	ul.pickup_list li p.title{
		line-height: 20px;
		font-size: 14px;
	}
	ul.pickup_list li .submit_s{
		position: relative;
		bottom: inherit;
		left: inherit;
		display: table;
	}
	/*index_program*/
	#index_program p.description{
		margin: 0 0 20px;
	}
	ul.index_program_list li .belt{
		line-height: 30px;
		font-size: 14px;
	}
	ul.index_program_list li .contents{
		padding: 10px 0 20px;
	}
	ul.index_program_list li h3{
		line-height: 24px;
		margin: 0 0 10px;
		font-size: 18px;
	}
	ul.index_program_list li p{
		display: none;
	}
	ul.index_program_list li.program_list1 .submit_s, 
	ul.index_program_list li.program_list2 .submit_s{
		position: relative;
		bottom: inherit;
		right: inherit;
		width: 100%;
		padding: 0 10px;	
	}
	ul.index_program_list li .submit_s a{
		width: 100%;
		padding: 0;
		font-size: 13px;
		text-align: center;
	}
	ul.index_program_list li.program_list3{
		padding: 0;
	}
	ul.triangle_list{
		margin: -35px 0 0;
		padding: 20px 0 0;
	}
	ul.triangle_list li p.title {
		display: none;
	}
	ul.triangle_list li.triangle1 p.title{
		left: inherit;
	}
	ul.triangle_list li.triangle2 p.title{
		right: inherit;
	}
	ul.triangle_list li img{
		display: none;
	}
	ul.triangle_nav{
		width: 100%;
		display: table;
	}
	.triangle1 ul.triangle_nav{
		background: url("../img/index/triangle1_sp.png") center center no-repeat;
		background-size: 100% 100%;
	}
	.triangle2 ul.triangle_nav{
		background: url("../img/index/triangle2_sp.png") center center no-repeat;
		background-size: 100% 100%;
	}
	ul.triangle_nav li{
		width: 100%;
		height: auto;
		padding: 10px 0;
		display: table;	
	}
	ul.triangle_nav li a.name{
		line-height: 24px;
		padding: 4px 0 0;
		display: block;
		font-size: 18px;
		text-align: center;		
	}
	ul.triangle_nav li p.text{
		display: none;
	}
	ul.triangle_list li.triangle3{
		display: none;
	}
	ul.triangle_list li.triangle3 a {
		line-height: 8px;
		padding: 2px 0;
		font-size: 8px;
	}
	ul.triangle_list li.triangle3 a:before{
		content: "";
		display: block;
		position: absolute;
		left: -10px;
		top: -5px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 15px 15px 0;
		border-color: transparent #57585a transparent transparent;
	}
	ul.triangle_list li.triangle3 a:after{
		content: "";
		display: block;
		position: absolute;
		right: -10px;
		top: -5px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 0 15px 15px;
		border-color: transparent transparent transparent #57585a;
	}
	ul.index_program_list li.program_list3 .image{
		margin: 0 0 10px;
	}
	ul.index_program_list li.program_list3 h3{
		line-height: 32px;
		margin: 0;
		text-align: center;
	}
	ul.index_program_list li.program_list3 .submit_s{
		width: 50%;
		padding: 0 10px 0 0;
	}
	ul.index_program_list li.program_list3 .contents{
		padding: 10px 0;
	}
	ul.index_program_list li.program_list3 .contents p{
		padding: 5px 0 0;
	}
	/*index_information*/
	.index_information_box{
		width: 100%;
		margin: 0 0 10px;
	}
	.index_information_box ul.information_list{
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: dashed 1px #ccc;
	}
	.index_information_box ul.information_list:last-child{
		margin: 0;
		padding: 0;
		border-bottom: none;
	}
	#index_information .submit{
		padding: 20px 0 0;
	}
	/*index_topics*/
	ul.topics_list{
		width: 100%;
		margin: 0 0 20px;
	}
	ul.topics_list li {
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: dashed 1px #ccc;
	}
	ul.topics_list li p{
		width: 100%;
		margin: 0 0 5px;
	}
	ul.topics_list li a{
		line-height: 20px;
		font-size: 14px;
	}
	/**/
	ul.banner_list {
		width: 100%;
	}
	ul.banner_list li{
		width: 49%;
		margin: 0 2% 10px 0;
	}
	ul.banner_list li:nth-child(3n){
		margin: 0 2% 10px 0;
	}
	ul.banner_list li:nth-child(2n){
		margin: 0 0 10px;
	}
	
}
@media only screen and (min-width: 480px) and (max-width: 743px) {
	/*index_top*/
	#index_top {
		height: 500px;
	}
	#index_top h2 {
		line-height: 50px;
		font-size: 42px;
	}
}
@media screen and (max-width: 340px){
	
	/**/
	#index_top {
		/*height: 340px;*/
	}
	#index_top h2 {
		line-height: 34px;
		font-size: 26px;
	}
	#index_top p{
		margin: 0 auto 5px;
	}
	#index_top p span{
		padding: 0 3px;
		font-size: 12px;
	}
	/**/
	#index_sponser p{
		font-size: 11px;
	}
	/**/
	ul.index_program_list li .belt{
		font-size: 12px;
	}
	ul.triangle_nav li a.name{
		font-size: 16px;
	}
	ul.index_program_list li.program_list3 .contents p{
		font-size: 12px;
	}
}