@charset "utf-8";


#qu_btn1{
	position: absolute;
	top: -150px;
}



.qu2_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	background: #f0edec;
}
/***

BOX1

***/
.box1_1{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.box1_1 img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 751px) {
.box1_1{
	width: 65%;
	max-width: 650px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
}
.box1_2{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.box1_2 img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 751px) {
.box1_2{
	width: 30%;
	max-width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	
/*	background: rgba(80,217,222,1.00);*/
}
}

.box1_3{
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
@media print, screen and (max-width: 750px) {
.box1_3:nth-child(2){
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	
}
}


@media print, screen and (min-width: 751px) {
.box1_3{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}
}



.box1_4{
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}




@media print, screen and (max-width: 750px) {
.box1_4:nth-child(2n){
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	
}
}
@media print, screen and (min-width: 751px) {
.box1_4{
	width: 30%;
	max-width: 300px;
	height: auto;
	margin: 0 5% 0 0;
	padding: 0;
	position: relative;
	float: left;
}
.box1_4:nth-child(3n){
	margin: 0 ;
}
}


.box1_6{
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
.box1_6:nth-child(2){
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	
}
@media print, screen and (min-width: 751px) {
.box1_6{
	width: 47.5%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
.box1_6:nth-child(2){
	width: 47.5%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	
}
}

.box1_7{
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
.box1_7:nth-child(2n){
	width: 47.727%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	
}
@media print, screen and (min-width: 751px) {
.box1_7{
	width: 22%;
	max-width: 220px;
	height: auto;
	margin: 0 4% 0 0;
	padding: 0;
	position: relative;
	float: left;
}
.box1_7:nth-child(2){
	width: 22%;
	max-width: 220px;
	height: auto;
	margin: 0 4% 0 0;
	padding: 0;
	position: relative;
	float: left;
	
}
.box1_7:nth-child(4){
	width: 22%;
	max-width: 220px;
	height: auto;
	margin: 0 ;
	padding: 0;
	position: relative;
	float: left;
}
}

/*構造性能*/

/*ボタン*/

.btn_left{
	width:49%;
	max-width: 490px;
	height: auto;
	float: left;
}
.btn_right{
	width:49%;
	max-width: 490px;
	height: auto;
	float: right;
}

.tit_bar{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.tit_bar img{
	width: 100%;
	height: 17px;
	margin: 0 auto;
}
.box3_bg_bl{
	width: 100%;
	height: auto;
	background-image: url("../img/structure/st_box4_main_ph1@2x.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}
.box5_bg_bl{
	width: 100%;
	height: auto;
	background-image: url("../img/structure/st_box1_main_ph1@2x.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}