@charset "utf-8";
.sp{display: none;}
@media only screen and (max-width: 768px){
.sp{display: block;}
.pc{display: none;}
}

#section0,#section1,#section2,#section3,#section5 {
	top: 0;
}

#section3 .copy001 {
	margin: 0 auto 2%;
	text-align: center;
	height: auto;
	width: 100%;
	font-size: 36px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.7em;
	color: #FFF;
}


.sec3bg {
	background: url(../../design/images/title_bg.jpg) no-repeat center center;
	background-size: cover;
}

#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: -30%;
	width: 100%;

}
#section03  img {
	max-width: 50%;
	height: auto;
}
.sec3_inner {
	margin:auto;
	max-width: 1000px;
	height: auto;
}


@media screen and (max-width: 768px) {

#secbg3 {
	background: none;
	position: relative;
}
	
#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	left: -45%;
	width: auto;
	margin: auto;
	text-align: center;
	right: 0;
}
#section3 .copyarea1 img {
	height: 35px;
	width: auto;
}
}



.design{
background: url("../../design/images/design_bg.png") no-repeat left top;
padding: 75px 0 0 0;
}

.design p{
font-size: 16px;
}

.inner1200{
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
.de_catch01{
}
.de_catch01 h3{
text-align: center;
font-size:45px; 
margin-bottom:10px;
}
.de_catch01 h4{
text-align: center;
font-size:35px; 
margin-bottom:20px;
color: #008188;
}
@media only screen and (max-width: 768px){
.design{
background: url("../../design/images/design_bg.png") no-repeat left top;
padding: 40px 0 0 0;
background-size: 90px;
}

.design p{
font-size: 13px;
}

.inner1200{
max-width: 1240px;
margin: 0 auto;
padding: 0 5%;
}
.de_catch01{
}
.de_catch01 h3{
text-align: center;
font-size:30px; 
margin-bottom:10px;
}
.de_catch01 h4{
text-align: center;
font-size:20px; 
margin-bottom:20px;
color: #008188;
}
	
}





.de_area1{
margin-bottom: 55px;
display:flex;
justify-content: center;
align-items: center;
}
.de_area1 .text{
width: 40%;
padding-left: 5%;
}
.de_area1 .text h5{
color: #008188;
font-size: 20px;
margin-bottom: 15px;
}
.de_area1 .img{
width: 60%;
padding-left: 1%;
text-align: center;
}
.de_area1 .img img{
width: 100%;
}
@media only screen and (max-width: 768px){
.de_area1{
margin-bottom: 30px;
display:block;
padding: 0 5%;
}
.de_area1 .text{
width: auto;
padding-left: 0%;
margin-bottom: 15px;
}
.de_area1 .text h5{
color: #008188;
font-size: 16px;
margin-bottom: 15px;
}
.de_area1 .img{
width: auto;
padding-left: 0%;
text-align: center;
}
.de_area1 .img img{
width: 100%;
}	
}




.de_area2{
margin-bottom: 85px;
}
.de_area2 .inner1200{
display:flex;
justify-content: center;
align-items: center;
}
.de_area2 .text{
width: 50%;
}
.de_area2 .img{
width: 50%;
text-align: center;
}
@media only screen and (max-width: 768px){
.de_area2{
margin-bottom: 80px;
}
.de_area2 .inner1200{
display:block;
}
.de_area2 .text{
width: auto;
margin-bottom: 15px;
}
.de_area2 .img{
width:auto;
text-align: center;
}
	
}




.de_catch02 h4{
font-size: 35px;
margin-bottom: 10px;
color:#008188;
}
.de_catch02 h4 span{
font-size: 16px;
display: block;
}
.de_catch02.fle{
display:flex;
justify-content: space-between;
}
.de_catch02.fle h4{
width: 38%;
padding-right: 2%;
}
.de_catch02.fle p{
width: 60%;
}
@media only screen and (max-width: 768px){
.de_catch02 h4{
font-size: 20px;
margin-bottom: 10px;
color:#008188;
}
.de_catch02 h4 span{
font-size: 13px;
display: block;
}
.de_catch02.fle{
display:block;
}
.de_catch02.fle h4{
width: auto;
padding-right: 0%;
margin-bottom: 10px;
}
.de_catch02.fle p{
width: auto;
}	
}




.de_area3{
margin-bottom: 120px;
}
.de_area3 .img{
margin-bottom: 30px;
}
.de_area3 .img{
margin-bottom: 30px;
}
@media only screen and (max-width: 768px){
.de_area3{
margin-bottom: 60px;
}
.de_area3 .img{
margin-bottom: 30px;
}
.de_area3 .img{
margin-bottom: 30px;
}
	
}



.de_area4{
max-width: 1800px;
margin: 0 auto 35px;
padding: 30px 3% 0;
}
.de_area4 ul{
text-align: center;
}
.de_area4 ul li{
display: inline-block;
padding: 0 1%;
}
.de_area4 ul li img{
width: 100%;
}
@media only screen and (max-width: 768px){
.de_area4{
max-width: 1800px;
margin: 0 auto 35px;
padding: 10px 4% 0;
}
.de_area4 ul{
text-align: center;
}
.de_area4 ul li{
display: inline-block;
padding: 0 2% 15px;
}
.de_area4 ul li img{
width: 100%;
}
}





.de_area5{
margin-bottom: 90px;
}
.de_area5 .img{
margin-top: 30px;
}
@media only screen and (max-width: 768px){
.de_area5{
margin-bottom: 40px;
}
.de_area5 .img{
margin-top: 30px;
}
	
}

.de_area6{
margin-bottom: 90px;
}
.de_area6 .img1{
margin-bottom: 20px;
}
.de_area6 .detail{
}
.de_area6 .detail ul:after {
  content: "";
  display: table;
  clear: both;
}
.de_area6 .detail ul li{
margin-bottom: 25px;
}
.de_area6 .detail ul li.box1{
width: 30%;
float: left;
margin-right: 3%;
}
.de_area6 .detail ul li.box1 .left{
width: 49%;
float: left;
}
.de_area6 .detail ul li.box1 .right{
width: 45%;
float:right;
}
.de_area6 .detail ul li.box2{
width: 60%;
float: left;
margin-right: 0%;
}
.de_area6 .detail ul li.box2:after {
  content: "";
  display: table;
  clear: both;
}
.de_area6 .detail ul li.box2 .left{
width: 50%;
float: left;
}
.de_area6 .detail ul li.box2 .right{
width: 48%;
float: right;
}
.de_area6 .detail ul li.box3{
width: 48%;
float: left;
}
.de_area6 .detail ul li:last-child{
width: 48%;
float:right;
}
.de_area6 .detail ul li.box3:after {
  content: "";
  display: table;
  clear: both;
}
.de_area6 .detail ul li.box3 .left{
width: 64%;
float: left;
}
.de_area6 .detail ul li.box3 .right{
width: 28%;
float: right;
}

.de_area6 .detail ul li h4{
font-size: 18px;
color: #008188;
margin-bottom: 7px;
padding-left: 30px;
}
.de_area6 .detail ul li h4.n1{
background: url("../../design/images/num01.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.n2{
background: url("../../design/images/num02.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.n3{
background: url("../../design/images/num03.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.n4{
background: url("../../design/images/num04.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.n5{
background: url("../../design/images/num05.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.n6{
background: url("../../design/images/num06.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.n7{
background: url("../../design/images/num07.jpg") no-repeat left top;
}
.de_area6 .detail ul li h4.no{
background:none;
padding: 0;
}
@media only screen and (max-width: 768px){
.de_area6{
margin-bottom: 50px;
}
.de_area6 .img1{
margin-bottom: 20px;
}
.de_area6 .detail{
}
.de_area6 .detail ul:after {
  content: "";
  display: table;
  clear: both;
}
.de_area6 .detail ul li{
margin-bottom: 35px;
}
.de_area6 .detail ul li.box1{
width: auto;
float: none;
margin-right: 0%;
}
.de_area6 .detail ul li.box1 .left{
width: auto;
float: none;
margin-bottom: 10px;
}
.de_area6 .detail ul li.box1 .right{
width: auto;
float:none;
text-align: center;
}
.de_area6 .detail ul li.box2{
width: auto;
float: none;
margin-right: 0%;
}
.de_area6 .detail ul li.box2:after {
  content: "";
  display: table;
  clear: both;
}
.de_area6 .detail ul li.box2 .left{
width: auto;
float: none;
margin-bottom: 10px;
}
.de_area6 .detail ul li.box2 .right{
width: auto;
float: none;
text-align: center;
}
.de_area6 .detail ul li.box3{
width: auto;
float: none;
}
.de_area6 .detail ul li:last-child{
width: auto;
float: none;
}
.de_area6 .detail ul li.box3:after {
  content: "";
  display: table;
  clear: both;
}
.de_area6 .detail ul li.box3 .left{
width: auto;
float: none;
margin-bottom: 10px;
}
.de_area6 .detail ul li.box3 .right{
width: auto;
float: none;
text-align: center;
}

.de_area6 .detail ul li h4{
font-size: 14px;
color: #008188;
margin-bottom: 7px;
padding-left: 30px;
}	
}