/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/


@media (max-width:761px){

	
	/* =========================================================================
 	main
	===========================================================================*/
	
	#main_wrap{
		width: 100vw;
		min-height: 880px;
		position: relative;
	}
	
	#main_wrap .mv_wrap{
		width:90vw;
		position:absolute;
		top: calc(50% - -40px);
		left:50%;
		transform:translate(-50%, -50%);
	}

	#main_wrap .icon_bg{
		line-height:0;
		position:absolute;
		height:120vh;
		top:50%;
		left:calc(50% + 200px);
		transform:translate(-50%, -50%);
		z-index:0;
		opacity: 0.15;
		filter: blur(10px);
	}

	#main_wrap .icon_bg img{
		width:auto;
		height:100%;
	}

	
	#h1_box{
		position:relative;
		border-bottom:1px solid #5f5f5f;
		padding: 0 0 30px;
		margin: 0 0 30px;
	}
	
	#h1_box h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 2.6rem;
		line-height:1.2;
		font-feature-settings: 'palt';
		letter-spacing: 0rem;
	}
	
	#h1_box span{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		line-height: 100%;
		color:#949494;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:10px 0 5px 4px;
	}

	#h1_box .icon_box{
		width: 140px;
		margin: 0 auto 10px;
	}

	#main_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		line-height: 1.4;
		text-align: center;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 0 0 20px;
		position:relative;
	}

	#main_wrap h2:before{
		display:block;
		content: "\201c";
		color:#4f7eb9;
		font-weight:600;
		font-size: 7.0rem;
		position:absolute;
		top: -22px;
		left: calc(50% - 274px);
	}

	#main_wrap h2:after{
		display:block;
		content: "\201d";
		color:#a4c41e;
		font-weight:600;
		font-size: 7.0rem;
		position:absolute;
		bottom: -22px;
		right: calc(50% - 294px);
	}

	#main_wrap p{
		font-size:1.5rem;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}
	

	

	/* =========================================================================
 	sec01
	===========================================================================*/
	

	#sec01 {
		width: 100%;
		padding: 100px 0;
		background: url("../img/bg.jpg") center bottom;
		background-size:cover;
	}

	#sec01 .wrapper{
		/* width:930px; */
		/* margin:0 auto; */
	}

	#sec01 .h2_area {
		background: url(/global/img/slash_black.png) no-repeat center bottom;
		background-size: 24px auto;
		margin: 0 0 40px;
		padding: 0 0 28px;
		text-align: center;
	}
	
	#sec01 .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		padding: 0 0 5px;
	}
	
	#sec01 .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 4.6rem;
		line-height: 1;
		letter-spacing: 0;
		font-feature-settings: 'palt';
	}

	#sec01 .icon_wrap{
		display:flex;
		justify-content:center;
		gap: 12px;
		padding: 10px 0 10px;
	}

	#sec01 .icon_wrap .icon_box{
		width:52px;
	}

	#sec01 .icon_wrap i{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size: 1.3rem;
		line-height:1.2;
		color:#949494;
		font-style:normal;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:6px 0 0;
		text-align: left;
	}

	#sec01 p.body_txt{
		font-size: 1.5rem;
		letter-spacing:0.1rem;
		line-height:1.8;
		font-feature-settings: 'palt';
		padding: 0 0 60px;
	}

	#sec01 ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		gap:40px 0;
	}

	#sec01 ul li{
		width: 100%;
		background: #ffffffa1;
		border:1px solid #ccc;
	}

	#sec01 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		background:#000;
		color:#fff;
		padding: 8px 0 10px;
		margin: -1px -1px 0;
	}

	#sec01 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 26px 30px 12px;
	}

	#sec01 ul .img_box{
		width: 70%;
		margin: 0 auto 20px;
		line-height:0;
	}


	/* =========================================================================
 	sec02
	===========================================================================*/
	

	#sec02 {
		width: 100%;
		padding: 80px 0;
	}

	#sec02 .h2_area {
		background: url(/global/img/slash_black.png) no-repeat center bottom;
		background-size: 24px auto;
		margin: 0 0 40px;
		padding: 0 0 28px;
		text-align: center;
	}
	
	#sec02 .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
	}
	
	#sec02 .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 4.6rem;
		line-height: 1.1;
		letter-spacing: 0;
		font-feature-settings: 'palt';
	}

	#sec02 .icon_wrap{
		display:flex;
		justify-content:center;
		gap: 12px;
		padding: 10px 0 10px;
	}

	#sec02 .icon_wrap .icon_box{
		width:52px;
	}

	#sec02 .icon_wrap i{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size: 1.3rem;
		line-height:1.2;
		color:#949494;
		font-style:normal;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:6px 0 0;
		text-align: left;
	}

	#sec02 p.body_txt{
		font-size: 1.5rem;
		letter-spacing:0.1rem;
		line-height:1.8;
		font-feature-settings: 'palt';
		padding: 0 0 60px;
	}

	#sec02 ul{
		display:flex;
		flex-wrap:wrap;
		gap:40px 0;
	}

	#sec02 ul li{
		width:100%;
		box-sizing:border-box;
		border-bottom:1px solid #ccc;
		position:relative;
	}

	#sec02 ul li:last-child{
		border-bottom:none;
	}

	#sec02 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.4;
		padding:0 0 12px;
	}

	#sec02 ul h3 span{
		display:inline-block;
		font-family: 'Roboto', sans-serif;
		font-weight:600;
		font-size: 1.3rem;
		line-height:1.2;
		color:#fff;
		background:#000;
		border-radius:20px;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 2px 20px 4px;
		margin: 0 0 8px;
	}

	#sec02 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		line-height: 1.8;
		font-feature-settings: 'palt';

	}

	#sec02 ul .img_box{
		width: 70vw;
		margin: 0 auto 20px;
		line-height:0;
	}

	#sec02 ul li:last-child .img_box{
		transform: translate(-5vw,0);
	}


	/* =========================================================================
 	sec03
	===========================================================================*/
	

	#sec03 {
		width: 100%;
		padding: 140px 0;
		background:url("../../img/bg_common.jpg") center;
		background-size:cover;
	}

	#sec03 .h2_area {
		background: url(/global/img/slash_black.png) no-repeat center bottom;
		background-size: 24px auto;
		margin: 0 0 40px;
		padding: 0 0 28px;
		text-align: center;
	}
	
	#sec03 .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
	}
	
	#sec03 .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 4.6rem;
		line-height: 1.1;
		letter-spacing: 0;
		font-feature-settings: 'palt';
	}

	#sec03 .icon_wrap{
		display:flex;
		justify-content:center;
		gap: 12px;
		padding: 10px 0 10px;
	}

	#sec03 .icon_wrap .icon_box{
		width:52px;
	}

	#sec03 .icon_wrap i{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size: 1.3rem;
		line-height:1.2;
		color:#949494;
		font-style:normal;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:6px 0 0;
		text-align: left;
	}

	#sec03 p.body_txt{
		font-size: 1.5rem;
		letter-spacing:0.1rem;
		line-height:1.8;
		font-feature-settings: 'palt';
		padding: 0 0 120px;
	}

	#sec03 ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		gap: 80px 0;
	}

	#sec03 ul li{
		width: 100%;
		background: #ffffffa1;
		border: 1px solid #4f7eb9;
		position: relative;
	}

	#sec03 ul .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 5.4rem;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		color:#4f7eb9;
		position:absolute;
		left:0;
		top: -38px;
	}

	#sec03 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		background: #4f7eb9;
		color:#fff;
		padding: 10px 0 11px;
		margin: -1px -1px 0;
	}

	#sec03 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 24px 30px 24px;
	}


	/* =========================================================================
 	sec04
	===========================================================================*/
	

	#sec04 {
		width: 100%;
		padding: 140px 0 180px;
		overflow:hidden;
		position:relative;
	}

	#sec04 .icon_bg{
		line-height:0;
		position:absolute;
		height: 140%;
		top:50%;
		left: calc(50% - 200px);
		transform:translate(-50%, -50%);
		z-index:0;
		opacity: 0.15;
		filter: blur(10px);
	}

	#sec04 .icon_bg img{
		width:auto;
		height:100%;
	}

	#sec04 .h2_area {
		background: url(/global/img/slash_black.png) no-repeat center bottom;
		background-size: 24px auto;
		margin: 0 0 40px;
		padding: 0 0 28px;
		text-align: center;
	}
	
	#sec04 .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		padding: 0 0 5px;
	}
	
	#sec04 .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 4.8rem;
		line-height: 1;
		letter-spacing: -0.1rem;
		font-feature-settings: 'palt';
	}

	#sec04 .icon_wrap{
		display:flex;
		justify-content:center;
		gap: 6px;
		padding: 10px 0 10px;
	}

	#sec04 .icon_wrap .icon_box{
		width:52px;
	}

	#sec04 .icon_wrap i{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size: 1.3rem;
		line-height:1.2;
		color:#949494;
		font-style:normal;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:6px 0 0;
	}

	#sec04 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		text-align:center;
		line-height: 2.2;
		position:relative;
		padding: 30px 10px;
	}

	#sec04 h3:before{
		content: "";
		display: block;
		width: 26px;
		height:26px;
		border-top:solid 6px #4f7eb9;
		border-left:solid 6px #4f7eb9;
		position: absolute;
		top:0;
		left:0;
	}

	#sec04 h3:after{
		content: "";
		display: block;
		width: 26px;
		height:26px;
		border-top:solid 6px #a4c41e;
		border-right:solid 6px #a4c41e;
		position: absolute;
		top:0;
		right:0;
	}

	#sec04 .t_box{
		position:relative;
	}

	#sec04 .t_box:before{
		content: "";
		display: block;
		width: 26px;
		height:26px;
		border-bottom:solid 6px #a4c41e;
		border-left:solid 6px #a4c41e;
		position: absolute;
		bottom:0;
		left:0;
	}

	#sec04 .t_box:after{
		content: "";
		display: block;
		width: 26px;
		height:26px;
		border-bottom:solid 6px #4f7eb9;
		border-right:solid 6px #4f7eb9;
		position: absolute;
		bottom:0;
		right:0;
	}




	

	/* =========================================================================
 	sec_related
	===========================================================================*/
	

	#sec_related {
		width: 100%;
		padding: 80px 0;
		background:#3C3C3C;
	}

	#sec_related .wrapper{
		padding:0 4%;
	}

	#sec_related .h2_area {
		background: url(/global/img/slash_white.png) no-repeat center bottom;
		background-size: 24px auto;
		margin: 0 0 40px;
		padding: 0 0 38px;
		text-align: center;
	}
	
	#sec_related .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing:0.2rem;
		color:#bdbdbd;
		font-feature-settings: 'palt';
		padding:0 0 5px;
	}
	
	#sec_related .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 4.4rem;
		line-height: 1;
		letter-spacing: -0.1rem;
		font-feature-settings: 'palt';
		color:#bdbdbd;
	}

	#sec_related .related_c_wrap,#sec_related .related_c2_wrap{
		padding: 30px 0;
	}

	#sec_related h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		line-height:1.4;
		color:#bdbdbd;
		padding: 0 0 12px 7px;
	}

	#sec_related ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		gap: 10px 0;
	}

	#sec_related ul li{
		width: 100%;
	}

	#sec_related a{
		display:block;
		background:#000;
		border-radius: 50px;
		padding: 18px 18px;
		position:relative;
	}

	#sec_related a .navm_img{
		line-height:0;
		width: 50px;
		height: 50px;
		overflow:hidden;
		border-radius:50%;
	}

	#sec_related a p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.2;
		color:#bdbdbd;
		padding: 0 20px 0 0;
		position:absolute;
		top: 50%;
		left: 84px;
		transform:translate(0, -50%);
	}

	#sec_related a p span{
		display:block;
		font-weight: 400;
		font-size: 1.2rem;
	}
	#sec_related a p span.s_txt{
		line-height: 1.4;
		letter-spacing: 0.1rem;
	}

	#sec_related .related_c_wrap a p em{
		display:block;
		font-weight: 600;
		font-style:normal;
		padding:0 0 3px;
	}

	#sec_related .related_c2_wrap a p em{
		display: block;
		font-weight: 600;
		font-style:normal;
		line-height: 1.2;
		font-size: 1.2rem;
		/* padding: 0 0 5px; */
		margin: -4px 0 0;
		/* border-bottom: 1px solid #ccc; */
	}
	
}



/*===============================================
　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

/*********  SPヘッダー iPhone5サイズ対応 ************/
@media (max-width:349px) {

}