@charset "utf-8";
/* CSS Document */
body{
	margin:auto;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

a {
	outline: none;
	text-decoration:none;
	color:#000;
}
.clear{
	clear:both;
}

/*===loading設定===*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  margin-top: -200px;
  margin-left: -150px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
/*===loading設定===*/
@media screen and (min-width: 751px) {
	.sbox{
		position:absolute;
		width:50%;
		height:100%;
	}
	 /*=======left_box======*/
	.left-wrap {
		width: 40%;
		left:0;
		background: url(../images/leader/left-box/left_bg.jpg) no-repeat;
		background-attachment:fixed;
		background-size:auto;
		background-position: left;
		height: 100%;
		position: fixed;
	}
	.bg-slider {
		width: 40vw;
	}
	.mainvisual_inner{
		left: 0;
		height: 95.4%;
		margin: 19px;
		border: solid 2px #fff;
	}

	/*---header---*/
	.left_header_contents{
		width: 100px;
		height: 100%;
		background:rgba(0,0,0,0.6);
		position: fixed;
		top: 0;
		left: 0;
	}
	.left_header_navigation .left_header_wrap li{
		margin:0;
	}
	.left_header_navigation .left_header_wrap li:first-child{
		background: #fff;
		margin-top: 0;
		padding: 10px;
	}
	.left_header_navigation .left_header_wrap a .nav_top{
		background: url(../images/nav/nav_border.png)  no-repeat #f22954;
		background-position: 0 84px;
		margin-top: 0;
		padding: 28px 0 22px 8px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_top:hover{
		background: url(../images/nav/nav_border.png)  no-repeat #a20023;
		background-position: 0 98px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_floor{
		background: url(../images/nav/nav_border.png)  no-repeat rgba(20,179,238,0.65);
		background-position: 0 90px;
		margin-top: 0px;
		padding: 28px 0 22px 8px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_floor:hover{
		background: url(../images/nav/nav_border.png)  no-repeat #0e5e7b;
	    background-position: 0 97px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_vrmode{
		background: url(../images/nav/nav_border.png)  no-repeat rgba(40,171,123,0.65);
		background-position: 0 102px;
		margin-top: 0px;
		padding: 28px 0 22px 8px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_vrmode:hover{
		background: url(../images/nav/nav_border.png)  no-repeat #1e5c46;
		background-position: 0 110px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_leader{
		background: url(../images/nav/nav_border.png)  no-repeat rgba(247,138,21,0.65);
		background-position: 0 81px;
		margin-top: 0px;
		padding: 28px 0 22px 8px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_leader:hover{
		background: url(../images/nav/nav_border.png)  no-repeat #934d02;
		background-position: 0 90px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_tour{
		background: url(../images/nav/nav_border.png)  no-repeat rgba(40,171,123,0.65);
		background-position: 0 82px;
		margin-top: 0px;
		padding: 28px 0 22px 8px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_tour:hover{
		background: url(../images/nav/nav_border.png)  no-repeat #055b3c;
		background-position: 0 90px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_access{
		background: url(../images/nav/nav_border.png)  no-repeat rgba(244,206,28,0.65);
		background-position: 0 82px;
		padding: 28px 0 22px 10px;
		transition: ease 0.4s;
	}
	.left_header_navigation .left_header_wrap a .nav_access:hover{
		background: url(../images/nav/nav_border.png)  no-repeat rgba(167,130,0,0.65);
		background-position: 0 94px;
		transition: ease 0.4s;
	}
	
	.nav_ img{
		width: 100px;
	}

	.nav_sns_wrap{
		width: 100px;
		height: 100px;
		position: relative;
		background: url(../images/nav/nav_sns_bg.png) no-repeat;
		margin-top: 30px;
	}
	.nav_sns_tw{
		position: absolute;
		top:13px;
		left: 15px;
	}
	.nav_sns_insta{
		position: absolute;
		top:13px;
		right: 15px;
	}

	.nav_sns_fb{
		position: absolute;
		top:65px;
		left: 22px;
	}
	.nav_sns_line{
		position: absolute;
		top:40px;
		right: 8px;
	}
	.nav_sns_line img{
		width: 34px !important;
	}
	
		
	/*======チャットボット======*/
	.hidden_guide{
		width: 115px;
		height: 31px;
		position: fixed;
		right: 115px;
		bottom: 21px;
	}
	.hidden_box {
		margin: 2em 0;/*前後の余白*/
		padding: 0;
		position: fixed;
		right: 0;
		bottom: 48px;
		z-index: 9999;
	}
	label{
		position: fixed;
		right: -15px;
		bottom: -25px;
		z-index: 9;
	}
	.chatbtn:target .front {
		opacity: 0;
		pointer-events: none;
	}
	.iframe{
		z-index: 9999;
	}
	.hidden_box label {
		padding: 15px;
		cursor :pointer;
	}
	.hidden_box input {
		display: none;
	}
	.hidden_box .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
	.hidden_box input:checked ~ .hidden_show {
		padding: 10px 0;
		height: auto;
		opacity: 1;
	}

	.hidden_box input:checked ~ label:before {
		content: '\f00d';
		 -ms-transform: rotate(360deg);
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg);
		 color: #668ad8;
	}

	.hidden_box a{
		opacity: 1;
	}
	/*======/チャットボット======*/
	
	.sp_style{
		display: none;
	}
	
}

@media screen and (min-width: 751px) {
	.nav_sns_inner li:hover {
		transform: scale(1.2,1.2);
		transition: ease 0.2s;
	}
}



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


 /*=======right_box======*/
@media screen and (min-width: 1281px) {
	.right-wrap {
		right:0;
		width: 60%;
		height: 100%;
		overflow-y:scroll;
		overflow-x: hidden ;
	}
	.right_inner_box{
		height: 97.6%;
		margin: 20px;
		border: solid 2px #000;
		background: #ffe177;
	} 
	.right_inner_container{
		position: relative;
	}
	
	.mid_style{
		display: none;
	}
}

@media (min-width: 751px) and (max-width: 1280px) {
	.right-wrap {
		right:0;
		width:60%;
		height: 100%;
		overflow-y:scroll;
		overflow-x: hidden ;
	}
	.right_inner_box{
		height: 97.6%;
		margin: 20px;
		border: solid 2px #000;
		background: #ffe177;
	} 
	.right_inner_container{
		position: relative;
	}
	
}
	
	
	
@media screen and (min-width: 1711px) {
	
	.contents_wrap h3{
		font-size: 40px;
		letter-spacing: 1.5px;
		margin-bottom: 10px;
	}
	.contents_wrap span{
		font-size: 18px;
	}
	.contents_wrap{
		padding: 10px 40px 40px 40px;
	}
	.contents01_img{
		width: 500px;
		float: left;
	}
	.contents01_about{
		width: 282px;
		float: left;
		margin:35px 0 0 -50px;
		padding: 30px;
		background:rgba(255,255,255,0.90);
	}
	.contents01_btn{
		width: 200px;
		border: solid 1px #000;
		border-radius: 4px;
		padding: 10px 25px;
		margin-top: 20px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		transition-duration: 0.5s;
	}
	.contents01_btn:hover{
		background: #000;
		color:#fff;
		transition-duration: 0.5s;
	}
	
	.contents_links ul {
		width: 900px;
		margin-top: 40px;
	}
	.contents_links ul li{
		width: 260px;
		height: 225px;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}
	.contents_links ul li img{
		transition: ease 0.3s;
	}
	.contents_links ul li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links ul li:nth-child(3), li:nth-child(6){
		margin: 0;
	}
	.contents_links ul li img{
		width: 260px;
	}


	.other_links{
		margin: 60px 0px 50px 40px;
	}
	.other_links h3{
		font-size: 40px;
	}
	.other_links span{
		font-size: 16px;
	}
	.mid_style{
		display: none;
	}
	.other_links ul li:hover{
	transform: scale(1.05,1.05);
	transition: ease 0.2s;
	}
	.other_links ul{
		margin-top: 25px;
		margin-right: -10px;
	}
	.other_links li img{
	width:88%;
}
	.other_links li{
		width: 394px;
		display: inline-block;
		transition: ease 0.3s;
	}
	.other_links li:first-child{
		margin-right: -30px;
	}
	.other_links li:nth-child(2){
		padding-top: 10px;
		margin-right: -30px;
	}
	.other_links li:nth-child(3){
		width: 500px;
		padding-top: 10px;
		margin-right: -30px;
	}
	.other_links li:nth-child(3) img{
		width: 100%;
	}
}
/*======leader_contents用======*/
@media screen and (min-width: 1661px) {
	.leader_wrap{
		width: 100%;
		padding: 65px 0px 50px 0px;
	}
	.leader_ttl{
		padding-left: 60px;
	}
	.leader_ttl_txt{
		padding: 30px 0 0 60px;
		line-height: 200%;
	}
	.leader01_inner{
		padding: 70px 0px 30px 60px;
	}
	.leader01_img{
		width: 392px;
		float: left;
	}
	.leader01_txt{
		width: 470px;
		float: left;
		margin: 120px 0 0 -30px;
	}
	.leader02_inner{
		padding: 40px 0px 40px 50px;
	}
	.leader02_img{
		width: 383px;
		float: left;
		margin-left: -30px;
	}
	.leader02_txt{
		width: 390px;
		float: left;
		margin: 90px 0 0 0px;
		position: relative;
		z-index: 99;
	}
	.leader02{
		background: url(../images/leader/right-box/leader02_bg.png) no-repeat;
		padding: 100px 0;
	}
	.leader03_inner{
		padding: 40px 0px 30px 60px;
	}
	.leader03_img{
		width: 392px;
		float: left;
	}
	.leader03_txt{
		width: 470px;
		float: left;
		margin: 100px 0 0 -30px;
	}
	.leader04_inner{
		padding: 40px 0px 40px 50px;
	}
	.leader04_img{
		width: 383px;
		float: left;
		margin-left: -30px;
	}
	.leader04_txt{
		width: 390px;
		float: left;
		margin: 120px 0 0 0px;
		position: relative;
		z-index: 99;
	}
	.leader04{
		background: url(../images/leader/right-box/leader02_bg.png) no-repeat;
		padding: 100px 0;
	}
	
	.contents_wrap h3{
		font-size: 40px;
		letter-spacing: 1.5px;
		margin-bottom: 10px;
	}
	.contents_wrap span{
		font-size: 18px;
	}
	.contents_wrap{
		padding: 10px 40px 40px 40px;
	}
	.contents01_img{
		width: 390px;
		float: left;
	}
	.contents01_about{
		width: 282px;
		float: left;
		margin:35px 0 0 -50px;
		padding: 30px;
		background:rgba(255,255,255,0.90);
	}
	.contents01_btn{
		width: 200px;
		border: solid 1px #000;
		border-radius: 4px;
		padding: 10px 25px;
		margin-top: 20px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		transition-duration: 0.5s;
	}
	.contents01_btn:hover{
		background: #000;
		color:#fff;
		transition-duration: 0.5s;
	}
	
	.contents_links .contents_links_lst {
		width: 900px;
		margin-top: 30px;
	}
	.contents_links .contents_links_lst li{
		width: 260px;
		height: 225px;
		display: inline-block;
		margin-right: 15px;
		overflow: hidden;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li:nth-child(3), li:nth-child(4){
		margin: 25px 0 0 0;
	}
	.contents_links .contents_links_lst li img{
		width: 260px;
	}
}
@media (min-width: 1541px) and (max-width: 1660px){
	.leader_wrap{
		width: 100%;
		padding: 50px 40px 50px 0px;
	}
	.leader_ttl{
		padding-left: 40px;
	}
	.leader_ttl_txt{
		padding: 30px 0 0 40px;
		line-height: 200%;
	}
	.leader01_inner{
		width: 860px;
		padding: 70px 0px 30px 40px;
	}
	.leader01_img{
		width: 392px;
		float: left;
	}
	.leader01_txt{
		width: 470px;
		float: left;
		margin: 120px 0 0 -30px;
	}
	.leader02_inner{
		padding: 40px 0px 40px 50px;
	}
	.leader02_img{
		width: 383px;
		float: left;
		margin-left: -30px;
	}
	.leader02_txt{
		width: 390px;
		float: left;
		margin: 90px 0 0 0px;
		position: relative;
		z-index: 99;
	}
	.leader02{
		background: url(../images/leader/right-box/leader02_bg.png) no-repeat;
		padding: 100px 0;
	}
	.leader03_inner{
		padding: 40px 0px 30px 60px;
	}
	.leader03_img{
		width: 392px;
		float: left;
	}
	.leader03_txt{
		width: 470px;
		float: left;
		margin: 100px 0 0 -30px;
	}
	.leader04_inner{
		padding: 40px 0px 40px 50px;
	}
	.leader04_img{
		width: 383px;
		float: left;
		margin-left: -30px;
	}
	.leader04_txt{
		width: 390px;
		float: left;
		margin: 120px 0 0 0px;
		position: relative;
		z-index: 99;
	}
	.leader04{
		background: url(../images/leader/right-box/leader02_bg.png) no-repeat;
		padding: 100px 0;
	}
	.contents_wrap h3{
		font-size: 34px;
		margin-bottom: 20px;
		letter-spacing: 1px;
	}
	.contents_wrap span{
		font-size: 16px;
	}
	.contents_wrap{
		padding: 40px;
	}
	.contents01_img{
		width: 500px;
	}
	.contents01_about{
		width: 282px;
		margin:-50px 0 0 -30px;
		padding: 30px;
		background:rgba(255,255,255,0.90);
		position: relative;
	}
	.contents01_btn{
		width: 200px;
		border: solid 1px #000;
		border-radius: 4px;
		padding: 10px 25px;
		margin-top: 20px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		transition-duration: 0.5s;
		position: absolute;
		top:86px;
		left:276px;
	}
	.contents01_btn:hover{
		background: #000;
		color:#fff;
		transition-duration: 0.5s;
	}
	
	.contents_links ul {
		width: 700px;
		margin-top: 20px;
	}
	.contents_links ul li{
		width: 330px;
		height: 286px;
		display: inline-block;
		margin-right: 15px;
		overflow: hidden;
	}
	.contents_links ul li img{
		transition: ease 0.3s;
	}
	.contents_links ul li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links ul li:nth-child(3), li:nth-child(4){
		margin: 20px 0 0 0;
	}
	.contents_links ul li img{
		width: 330px;
	}
	
}
@media (min-width: 1281px) and (max-width: 1540px){
	.leader_wrap{
		width: 100%;
		padding: 50px 40px 50px 0px;
	}
	.leader_ttl{
		padding-left: 40px;
	}
	.leader_ttl_txt{
		padding: 30px 40px 0 40px;
		line-height: 200%;
	}
	.leader01_inner{
		width: 860px;
		padding: 70px 0px 30px 40px;
	}
	.leader01_img{
		width: 392px;
		float: left;
	}
	.leader01_img img{
		width: 300px;
	}
	.leader01_txt{
		width: 470px;
		float: left;
		margin: 120px 0 0 -130px;
	}
	.leader02_inner{
		width: 860px;
		padding: 40px 0px 40px 20px;
	}
	.leader02_img{
		width: 383px;
		float: left;
		margin-left: -30px;
	}
	.leader02_img img{
		width: 300px;
	}
	.leader02_txt{
		width: 390px;
		float: left;
		margin: 90px 0 0 0px;
		position: relative;
		z-index: 99;
	}
	.leader02{
		background: url(../images/leader/right-box/leader02_bg.png) no-repeat;
		padding: 100px 0;
	}
	.leader03_inner{
		width: 860px;
		padding: 40px 0px 30px 40px;
	}
	.leader03_img{
		width: 392px;
		float: left;
	}
	.leader03_img img{
		width: 300px;
	}
	.leader03_txt{
		width: 390px;
		float: left;
		margin: 100px 0 0 -130px;
	}
	.leader04_inner{
		width: 860px;
		padding: 40px 0px 40px 30px;
	}
	.leader04_img{
		width: 383px;
		float: left;
		margin-left: -30px;
	}
	.leader04_img img{
		width: 300px;
	}
	.leader04_txt{
		width: 390px;
		float: left;
		margin: 120px 0 0 0px;
		position: relative;
		z-index: 99;
	}
	.leader04{
		background: url(../images/leader/right-box/leader02_bg.png) no-repeat;
		padding: 100px 0;
	}
	.contents_wrap{
		
	}
	.contents_wrap h3{
		font-size: 34px;
		margin-bottom: 20px;
		letter-spacing: 1px;
		line-height: 100%;
	}
	.contents_wrap span{
		font-size: 16px;
	}
	.contents_wrap{
		margin: 20px 20px 10px 30px;
	}

	.contents_links .contents_links_lst {
		width: 500px;
		margin-top: 20px;
	}
	.contents_links .contents_links_lst li{
		width: 430px;
		height: 372px;
		display: inline-block;
		margin:20px 15px 0 0;
		overflow: hidden;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img{
		width: 430px;
	}
	
}
@media (min-width: 751px) and (max-width: 1280px){
	.leader_wrap{
		width: 100%;
		padding: 50px 0px 50px 0px;
	}
	.leader_ttl{
		padding-left: 30px;
	}
	.leader_ttl img{
		padding-bottom: 10px;
	}
	.leader_ttl_txt{
		padding: 20px 30px 0 30px;
		line-height: 200%;
	}
	.leader01_inner{
		width: 400px;
		padding: 70px 0px 30px 0px;
		text-align: center;
		margin: auto;
	}
	.leader01_img{
		width: 270px;
	}
	.leader01_txt{
		width: 390px;
		margin: 20px 0 0 0px;
	}
	.leader02_inner{
		width: 400px;
		height: 930px;
		padding: 40px 0px 40px 0px;
		text-align: center;
		margin: auto;
		position: relative;
	}
	.leader02_img{
		width: 270px;
		float: left;
		position: absolute;
		top:60px;
	}
	.leader02_txt{
		width: 390px;
		float: left;
		margin: 90px 0 0 0px;
		position: absolute;
		top:440px;
		z-index: 99;
	}
	.leader02{
		background: #fffb91;
	}
	.leader03_inner{
		width: 400px;
		padding: 70px 0px 30px 0px;
		text-align: center;
		margin: auto;
	}
	.leader03_img{
		width: 270px;

	}
	.leader03_txt{
		width: 390px;
		margin: 0px 0 0 0px;
	}
	.leader04_inner{
		width: 400px;
		height: 930px;
		padding: 40px 0px 40px 0px;
		text-align: center;
		margin: auto;
		position: relative;
	}
	.leader04_img{
		width: 270px;
		float: left;
		position: absolute;
		top:60px;
	}
	.leader04_txt{
		width: 390px;
		float: left;
		margin: 90px 0 0 0px;
		position: absolute;
		top:480px;
		z-index: 99;
	}
	.leader04{
		background: #fffb91;
	}
		.contents_wrap h3{
		font-size: 34px;
		margin-bottom: 20px;
		letter-spacing: 1px;
		line-height: 100%;
	}
	.contents_wrap span{
		font-size: 14px;
		line-height: 80%;
	}
	.contents_wrap{
		padding: 30px;
	}
	.contents01_img img{
		width: 280px;
	}
	.contents01_about{
		width: 240px;
		margin:-60px 0 0 -30px;
		padding: 30px;
		background:rgba(255,255,255,0.90);
		position: relative;
	}
	.contents01_about img{
		width: 240px;
	}
	.contents01_btn{
		width: 200px;
		border: solid 1px #000;
		border-radius: 4px;
		padding: 10px 25px;
		margin-top: 15px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		transition-duration: 0.5s;
		position: absolute;
		top:136px;
		left:30px;
	}
	.contents01_btn:hover{
		background: #000;
		color:#fff;
		transition-duration: 0.5s;
	}
	
	.contents_links .contents_links_lst {
		width: 300px;
	}
	.contents_links .contents_links_lst li{
		width: 330px;
		height: 286px;
		display: inline-block;
		margin:10px 15px 0 0;
		overflow: hidden;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img{
		width: 330px;
	}
}
@media (min-width: 1581px) and (max-width: 1710px) {
	
	.other_links{
		margin: 60px 50px 50px 40px;
	}
	.other_links h3{
		font-size: 30px;
	}
	.other_links span{
		font-size: 14px;
	}
	.other_links ul li:hover{
		transform: scale(1.05,1.05);
		transition: ease 0.2s;
	}
	.other_links ul{
		margin-top: 25px;
		margin-right: -10px;
	}
	.other_links li img{
	width:80%;
	}
	.other_links li{
		width: 394px;
		display: inline-block;
		transition: ease 0.3s;
	}
	.other_links li:first-child{
		margin-right: -60px;
	}
	.other_links li:nth-child(2){
		padding-top: 10px;
		margin-right: -60px;
	}
	.other_links li:nth-child(3){
		width: 500px;
		padding-top: 10px;
		margin-right: -30px;
	}
	.other_links li:nth-child(3) img{
		width: 100%;
	}
}
@media (min-width: 1281px) and (max-width: 1580px) {
	
	.other_links{
		margin: 60px 0px 50px 25px;
	}
	.other_links h3{
		font-size: 30px;
	}
	.other_links span{
		font-size: 14px;
	}
	.other_links ul li:hover{
		transform: scale(1.01,1.01);
		transition: ease 0.2s;
	}
	.other_links ul{
		margin-top: 25px;
		margin-right: -10px;
	}
	.other_links li img{
	width:70%;
}
	.other_links li{
		width: 394px;
		display: inline-block;
		transition: ease 0.3s;
	}
	.other_links li:first-child{
		margin-right: -110px;
	}
	.other_links li:nth-child(2){
		padding-top: 10px;
		margin-right: -140px;
	}
	.wide_style{
		display: none;
	}
	.other_links li:nth-child(3){
		width: 450px;
		padding-top: 10px;
		margin-right: -30px;
	}
	.other_links li:nth-child(3) img{
		width: 100%;
	}
}

@media (min-width: 1111px) and (max-width: 1280px) {
	
	.other_links{
		margin: 60px 35px 50px 25px;
	}
	.other_links h3{
		font-size: 30px;
	}
	.other_links span{
		font-size: 14px;
	}
	.other_links ul li:hover{
		transform: scale(1.03,1.03);
		transition: ease 0.2s;
	}
	.other_links ul{
		margin-top: 20px;
		margin-right: -10px;
	}
	.other_links li img{
		width:66%;
	}
	.other_links li{
		width: 394px;
		display: inline-block;
		transition: ease 0.3s;
	}
	.other_links li:first-child{
		margin-right: -130px;
	}
	.other_links li:nth-child(2){
		padding-top: 10px;
		margin-right: -180px;
	}
	.wide_style{
		display: none;
	}
	.other_links li:nth-child(3){
		width: 450px;
		padding-top: 10px;
		margin-right: -30px;
	}
	.other_links li:nth-child(3) img{
		width: 100%;
	}
}
@media (min-width: 751px) and (max-width: 1110px) {
	
	.other_links{
		margin: 60px 35px 50px 25px;
	}
	.other_links h3{
		font-size: 30px;
	}
	.other_links span{
		font-size: 14px;
	}
	.other_links ul li:hover{
		transform: scale(1.05,1.05);
		transition: ease 0.2s;
	}
	.other_links ul{
		margin-top: 25px;
		margin-right: -10px;
	}
	.other_links li img{
		width:90%;
	}
	.other_links li{
		width: 394px;
		display: inline-block;
		transition: ease 0.3s;
	}
	.other_links li:first-child{
		margin-right: -30px;
	}
	.other_links li:nth-child(2){
		padding-top: 10px;
		margin-right: -30px;
	}
	.wide_style{
		display: none;
	}
}


/*===コピーライト===*/
.copy{
	text-align: center;
	font-size:12px;
	padding-bottom: 20px;
}


@media screen and (max-width:750px) { 
	header.header_sp{
		width: 750px;
		height: 72px;
		background: #fff;
		position: relative;
	}
	.sp_header{
		position: relative;
		width: 750px;
		height: 80px;
		background: #fff;
	}
	.sp_amg_logo{
		position: absolute;
		top:30px;
		right: 20px;
	}
	.header_sp_amglogo{
		width:476px;
		margin-right: 60px;
		position: absolute;
		top:20px;
		left: 20px;
	}
	.header_sp_access{
		width: 200px;
		position: absolute;
		right: 0;
	}
	.left_header_contents{
		display: none;
	}
	
	.sbox{
		width:750px;
	}
	 /*=======left_box======*/
	.left-wrap {
		display: none;
	}
	/*===left_box_datail===*/
	.right-wrap {
		position: relative;
	}
	.right_inner_box{
		height: 97.6%;
		margin: 20px;
		border: solid 2px #000;
		background: #ffe177;
	} 
	/*===リーダー===*/
	.leader_wrap{
		width: 100%;
		padding: 60px 0px 50px 0px;
	}
	.leader_ttl{
		padding-left: 30px;
	}
	.leader_ttl img{
		padding-bottom: 10px;
	}
	.leader_ttl_txt{
		font-size: 24px;
		padding: 20px 30px 0 30px;
		line-height: 200%;
	}
	.leader01_inner{
		padding-top: 60px;
	}
	.leader02_inner, .leader03_inner, .leader04_inner{
		padding: 100px 0px 30px 0px;
	}
	.leader01_img, .leader02_img, .leader03_img, .leader04_img{
		width: 400px;
		margin: auto;
	}
	.leader01_img img, .leader02_img img, .leader03_img img, .leader04_img img{
		width: 400px;
	}
	.leader01_txt, .leader02_txt, .leader03_txt, .leader04_txt {
		width: 645px;
		margin: auto;
		margin: 60px 0 80px 30px;
	}
	.leader02{
		background: #fffb91;
	}
	.leader04{
		background: #fffb91;
	}
	
			/*======contents======*/
	.contents_wrap h3{
		font-size: 70px;
		margin:50px 0 60px 0;
		letter-spacing: 1px;
		line-height: 90%;
	}
	.contents_wrap span{
		font-size: 30px;
		line-height: 90%;
	}
	.contents_wrap{
		padding: 30px;
	}

	
	.contents_links .contents_links_lst {
		width: 700px;
		margin: auto;
		margin-top: 80px;
		text-align: center;
	}
	.contents_links .contents_links_lst li{
		width: 710px;
		display: inline-block;
		margin:0px 0px 0 -55px;
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.contents_links .contents_links_lst li:nth-child(1){
		background: #ff066e;
	}
	.contents_links .contents_links_lst li:nth-child(2){
		background: #00a7f5;
	}
	.contents_links .contents_links_lst li:nth-child(3){
		background: #f5b900;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img{
		width: 600px;
	}



	
.other_links{
		margin: 80px 0px 50px 0;
	}
	.other_links h3{
		font-size: 66px;
		margin-left: 30px;
		line-height: 90%;
	}
	.other_links span{
		font-size: 30px;
	}
	.other_links ul{
		width: 600px;
		margin: auto;
		margin-top: 60px;
	}
	.other_links li img{
		width: 600px;
}
	.other_links li{
		width: 600px;
		margin-top: 40px;
	}	.copy{
		font-size: 22px;
		padding:20px 0 240px 0;
	}

	
	/*======チャットボット======*/
	.hidden_guide{
		width: 115px;
		height: 31px;
		position: fixed;
		right: 115px;
		bottom: 21px;
	}
	.hidden_box {
		margin: 2em 0;/*前後の余白*/
		padding: 0;
		position: fixed;
		right: 0;
		bottom: 86px;
		z-index: 9999;
	}
	label{
		position: fixed;
		right: -15px;
		bottom: -25px;
		z-index: 9;
	}
	.chatbtn:target .front {
		opacity: 0;
		pointer-events: none;
	}
	.iframe{
		z-index: 9999;
	}
	.hidden_box label {
		padding: 15px;
		cursor :pointer;
	}
	.hidden_box input {
		display: none;
	}
	.hidden_box .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
	.hidden_box input:checked ~ .hidden_show {
		padding: 10px 0;
		height: auto;
		opacity: 1;
	}

	.hidden_box input:checked ~ label:before {
		content: '\f00d';
		 -ms-transform: rotate(360deg);
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg);
		 color: #668ad8;
	}

	.hidden_box a{
		opacity: 1;
	}
	/*======/チャットボット======*/

	
	.pc_style{
		display: none;
	}
}