@media screen and (max-width: 770px) {
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		color:#4f4d4b;
		font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	a{
		transition: all 0.3s ease 0s;
		text-decoration:none;
	}
	a:hover{
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
	}
	a.cover{
		position:absolute;
		display:block;
		height:100%;
		width:100%;
		top:0;
		left:0;
		z-index:2;
	}
	a.cover:hover{
		background:rgba(256,256,256,0.4);
	}
	.mar_t_10{
		margin-top:10px;
	}
	.mar_t_20{
		margin-top:20px;
	}
	.mar_t_30{
		margin-top:30px;
	}
	.mar_t_40{
		margin-top:40px;
	}
	.mar_b_0{
		margin-bottom:0px;
	}
	.mar_b_10{
		margin-bottom:10px;
	}
	.mar_b_20{
		margin-bottom:20px;
	}
	.mar_b_30{
		margin-bottom:30px;
	}
	.mar_b_40{
		margin-bottom:40px;
	}
	.mar_b_50{
		margin-bottom:50px;
	}
	.mar_b_60{
		margin-bottom:60px;
	}
	.mar_b_70{
		margin-bottom:70px;
	}
	.mar_b_80{
		margin-bottom:80px;
	}
	.mar_b_100{
		margin-bottom:100px;
	}
	.f_l{
		float:left;
	}
	.f_r{
		float:right;
	}
	.basic_text{
		font-size:14px;
		line-height:2.2;
	}
	.text-center{
		text-align:center;
	}
	.text-right{
		text-align:right;
	}
	.text-left{
		text-align:left;
	}
	.pc_on{
		display:none;
	}
	.sp_on{
		display:block;
	}
	.relative{
		position:relative;
	}
	.center_center{
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width:80%;
	}
	body{
		overflow-x:hidden;
		background:rgba(256,256,256,0);
	}
	.inner{
		max-width:100%;
		width:1180px;
		margin:auto;
		padding:100px 15px 100px;
	}
	h2{
		text-align:center;
	}
	h3{
		text-align:center;
	}
	header{
		position:fixed;
		width:100%;
		top:0;
		left:0;
		z-index:100;
		background:#FFF;
	}
	header .inner{
		max-width:100%;
		width:1660px;
		margin:auto;
		padding:20px 15px;
	}
	header .inner h1{
		display:inline-block;
		float:left;
	}
	header .inner .global_menu{
		display:table;
		float:right;
	}
	header .inner .global_menu li{
		display:table-cell;
		padding:30px 10px 0;
	}
	.wrapper {
		padding-top:111px;
		background:rgba(256,256,256,0);
	}
	.wrapper .main{
		width:100%;
		height:calc(100vh - 111px);
	}
	.wrapper .main *{
		background:rgba(256,256,256,0);
	}
	.wrapper .area_1{
		position:absolute;
		top:111px;
		left:0;
		width:100%;
		height:calc(100vh - 111px);
	}
	.wrapper .area_1 .catch{
		font-size:55px;
		letter-spacing:3px;
		font-family: ten-mincho, serif;
		font-style: normal;
		color:#FFF;
		text-align:center;
	}
	.wrapper .area_2{
		background-image:url(./images/concept_bg.jpg);
		background-size:cover;
	}
	.wrapper .area_2 h2.title{
		font-size:23px;
		line-height:1.6;
		font-family: ten-mincho, serif;
		font-style: normal;
	}
	.wrapper .area_2 .text{
		font-size:15px;
		line-height:2;
		font-family: ten-mincho, serif;
		font-style: normal;
	}
	.wrapper .area_3{
		background:#FFF;
	}
	.wrapper .area_3 h2.title{
		font-size:28px;
		text-align:left;
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	.wrapper .area_3 .inner{
		width:1180px;
	}
	.wrapper .area_3 .inner .right_img{
		width:250px;
		float:right;
		padding:100px 0;
	}
	.wrapper .area_3 .inner .left_text{
		width:calc(100% - 250px);
		float:left;
		padding-top:30px;
		padding-right:50px;
	}
	.wrapper .area_4{
		height:250px;
		background:url(./images/area_4_bg.jpg) center no-repeat;
		background-size:cover;
	}
	.wrapper .area_7{
		height:250px;
		background:url(./images/area_7_bg.jpg) center no-repeat;
		background-size:cover;
	}
	.wrapper .area_5{
		background:#FFF;
	}
	.wrapper .area_5 h2{
		font-size:28px;
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	.wrapper .area_5 .inner_2{
		max-width:100%;
		margin:auto;
		padding:80px 15px 80px;
		width:830px;
	}
	.wrapper .area_5 .inner_2 .line_2{
		margin:0 0px 0;
	}
	.wrapper .area_5 .inner_2 .line_2 .child{
		margin:0 10px 60px;
		width:calc(50% - 20px);
		float:left;
	}
	.wrapper .area_5 .inner_2 .line_2 .child figure{
		margin-bottom:20px;
	}
	.wrapper .area_5 .inner_2 .line_2 .child .title{
		margin:0 10px 10px;
		font-weight:bold;
	}
	.wrapper .area_5 .inner_2 .line_2 .child .basic_text{
		margin:0 10px;
	}
	.wrapper .area_6{
		background:url(./images/original_bg.jpg) center no-repeat;
		background-size:cover;
	}
	.wrapper .area_6 .inner{
		width:1180px;
	}
	.wrapper .area_6 .inner .left_img{
		width:250px;
		float:left;
		padding:100px 0;
	}
	.wrapper .area_6 .inner .right_text{
		width:calc(100% - 250px);
		float:right;
		padding-left:50px;
		padding-top:30px;
	}
	.wrapper .area_6 h2{
		font-size:28px;
		text-align:left;
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	.wrapper .area_8{
		background:#FFF;
	}
	.wrapper .area_9{
		background:#f5f3ef;
	}
	.wrapper .area_9 h2{
		font-size:28px;
		text-align:left;
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	.wrapper .area_9 .inner{
		width:1060px;
	}
	.wrapper .area_9 .inner .left_img{
		width:300px;
		float:left;
	}
	.wrapper .area_9 .inner .right_table{
		width:calc(100% - 300px);
		float:right;
		padding-left:50px;
	}
	.wrapper .area_9 .inner .right_table table{
		width:100%;
	}
	.wrapper .area_9 .inner .right_table table th{
		border-bottom:1px solid #d2d2d2;
		padding:20px 0;
		text-align:left;
		width:120px;
	}
	.wrapper .area_9 .inner .right_table table td{
		border-bottom:1px solid #d2d2d2;
		padding:20px 0 20px 15px;
		text-align:left;
	}
	.wrapper .area_9 .inner .right_img{
		width:250px;
		float:right;
		padding-top:50px;
	}
	.wrapper .area_9 .inner .left_table{
		width:calc(100% - 250px);
		float:left;
		padding-right:50px;
	}
	.wrapper .area_9 .inner .left_table table{
		width:100%;
	}
	.wrapper .area_9 .inner .left_table table caption{
		border-bottom:1px solid #d2d2d2;
		font-weight:bold;
		padding:30px 0 20px;
	}
	.wrapper .area_9 .inner .left_table table th{
		border-bottom:1px dashed #d2d2d2;
		padding:20px 0;
		text-align:left;
		font-weight:normal;
		width:80px;
	}
	.wrapper .area_9 .inner .left_table table td{
		border-bottom:1px dashed #d2d2d2;
		padding:20px 0 20px 15px;
		text-align:left;
	}
	.wrapper .area_9 .inner .left_table table tr:last-child th,.wrapper .area_9 .inner .left_table table tr:last-child td{
		border-bottom:0px dashed #d2d2d2;
	}
	.wrapper .area_10{
		background:#FFF;
		height:400px;
	}
	.wrapper .area_11{
		background:#f5f3ef;
	}
	.wrapper .area_11 h2{
		font-size:28px;
		text-align:center;
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	footer{
		background:#FFF;
	}
	footer .foot_lofo{
	}
	.copy{
		padding:20px 0 30px;
		font-size:10px;
		border-top:1px solid #a4a4a4;
	}
}
@media screen and (max-width: 500px) {
	header .inner h1 img{
		height:30px;
	}
	header .inner{
		padding:10px 15px;
	}
	header .menu_btn{
		width: 40px;
		height: 50px;
		position: absolute;
		right :10px;
		top: 0px;
		display:block;
		padding:8px;
	}
	header .menu_btn .btn{
		width: 35px;
		height: 35px;
		display:block;
	}
	header .btn:before,
	header .btn:after,
	header .btn span{
		display: block;
		width: 30px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	header .btn span{
		height: 3px;
		background-color: #000;
		top: calc(50% - 1.5px);
	}

	header .btn:before{
		content: "";
		top: calc(33% - 3px);
		border-top: 3px solid #000;
	}
	header .btn:after{
		content: "";
		bottom: calc(32% - 3px);
		border-bottom: 3px solid #000;
	}
	header .btn.on span{
		display: none;
	}
	header .btn.on:before{
		top: calc(50% - 1.5px);
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	header .btn.on:after{
		bottom: calc(48% - 1.5px);
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	header .inner .global_menu{
		display:none;
		float:none;
		position:fixed;
		top:50px;
		left:0;
		background:rgba(256,256,256,1);
	}
	header .inner .global_menu.on{
		display:block;
		width:100%;
		border-top:1px solid #DDD;
	}
	header .inner .global_menu li{
		display:block;
		padding:15px;
		width:100%;
		border-bottom:1px solid #DDD;
	}
	.wrapper {
		padding-top:50px;
		background:rgba(256,256,256,0);
	}
	.wrapper .main{
		background:rgba(256,256,256,0);
	}
	.wrapper .main{
		width:100%;
		height:calc(100vh - 50px);
	}
	.wrapper .area_1{
		position:absolute;
		top:50px;
		left:0;
		width:100%;
		height:calc(100vh - 50px);
	}
	.wrapper .area_1 .catch{
		font-size:35px;
		width:90%;
	}
	.wrapper .area_3 .inner .right_img{
		width:100%;
		float:right;
		padding:0px 0 30px;
	}
	.wrapper .area_3 .inner .left_text{
		width:100%;
		float:left;
		padding-top:0px;
		padding-right:0px;
	}
	.wrapper .area_4{
		height:150px;
		background:url(./images/area_4_bg.jpg) center no-repeat;
		background-size:cover;
	}
	.wrapper .area_7{
		height:150px;
		background:url(./images/area_7_bg.jpg) center no-repeat;
		background-size:cover;
	}

	.wrapper .area_5 .inner_2 .line_2 .child{
		margin:0 10px 60px;
		width:calc(100% - 20px);
		float:left;
	}
	.wrapper .area_6 .inner .left_img{
		width:100%;
		float:right;
		padding:0px 0 30px;
	}
	.wrapper .area_6 .inner .right_text{
		width:100%;
		float:left;
		padding-top:0px;
		padding-left:0px;
	}
	.wrapper .area_8 .line_5{
		margin:0 -10px 30px;
	}
	.wrapper .area_8 .pc_on{
		display:none;
	}
	.wrapper .area_8 .sp_on{
		display:inline-block;
	}
	.wrapper .area_8 .text-center a{
		text-decoration:underline;
	}
	.wrapper .area_8 .line_5 .child{
		margin:0 10px 20px;
		width:calc(33.33% - 20px);
		float:left;
	}

	.wrapper .area_9 .inner .left_img{
		width:100%;
		float:left;
		margin-bottom:30px;
	}
	.wrapper .area_9 .inner .right_table{
		width:100%;
		float:right;
		padding-left:0px;
		margin-bottom:30px;
	}
	.wrapper .area_9 .inner .right_img{
		width:100%;
		float:right;
		padding-top:0px;
		margin-bottom:30px;
	}
	.wrapper .area_9 .inner .left_table{
		width:100%;
		float:left;
		padding-right:0px;
	}
	.main video{
		transform:translate3d(-30%,-25%,0px);
	}

}