@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

#cloud {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
/* アニメーションさせるのでabsoluteで */
#cloud li { position: absolute;	}

.sec01-01 h2,.sec01-01 h3{}
.sec01{background:url(../image/sec01bg.jpg) ; position:relative;}
.sec01-01{position:relative;}
.sec02{background:url(../image/sec02bg.jpg) ; position:relative;}
.sec02-01{background:url(../image/sec02-01.jpg) no-repeat center center; position:relative; background-size:cover;}
.sec03{background:url(../image/sec03bg.jpg) ; position:relative;}
.sec03-01{background:url(../image/sec03-01.jpg) no-repeat; position:relative;}
.sec04{background:url(../image/sec04bg.jpg) ; position:relative;}
.sec04-01{background:url(../image/sec04-01.jpg) no-repeat center center; position:relative; background-size:cover;}
.sec05{background:url(../image/sec05bg.jpg) ; position:relative;}
.sec05-01{background:url(../image/sec05-01.jpg) no-repeat center center; position:relative; background-size:cover;}
.sec05-03{background:#fff; position:relative;}
.sec05mail a{padding:5px 0; background:#39B54A; width:160px;}
.telbox{padding:5px 0; margin:0 auto 10px auto; background:#111; width:160px;}
.sec05-03 a{display:block; margin:0 auto;}

.flist img{width:100%; height:auto;}
.flist a{color:#333;}

/*画像サイズ960px以上*/
@media  print, screen and (min-width:960px) {

.section{padding:80px 0;}
.bgbm{width:860px; border:#fff 20px solid; margin:0 auto; text-align:center;}
.secmg{margin:0 auto 0 auto; width:860px; }
.secmg h1{margin-bottom:-30px; text-align:center; position:relative; z-index:20;}

.sec01-01{width:860px; margin:0 auto; text-align:center;}
.sec01-02{width:600px; height:600px;}
.sec01tai{width:70%; top:0; left:10%; position:absolute;}
.sec01log{bottom:30px; left:50%; margin-left:-225px; position:absolute;}

.sec02main{top:30px; position:relative;}
.sec02-02{top:-90px; position:relative;}
.sec02-02-01{padding:10px 5px; margin:-110px 70px 20px 70px; background:#fff; border:#F7931E 10px solid; border-radius:10px; text-align:left; position:relative;}
.sec02-03l{top:10px; left:0; position:absolute;}
.sec02-03r{top:10px; right:0; position:absolute;}

.sec03-01{width:860px; height:600px; background:url(../image/sec03-01.jpg) no-repeat;}
.sec03-02-01{width:450px; left:50px; top:30px; position:absolute;}
.sec03-02-01-02{transform:rotate(-5deg);}
.sec03-02-02{width:520px; height:250px; bottom:0; left:0; position:absolute;}
.sec03-02-02-00{left:120px; bottom:20px; position:absolute;}
.sec03-02-02-01{bottom:20px; transform:rotate(-10deg); position:absolute;}
.sec03-02-03{width:300px; bottom:-30px; right:50px; position:absolute;}

.sec04-01{width:860px; border:#fff 20px solid; margin:0 auto; text-align:center;}
.finfo{padding:5px; position:relative; display:flex; flex-wrap: wrap;}
.fimg{height:auto; overflow:hidden;}
.flist{width:32%; margin:0.6%; background:#fff;}
.ftxt{padding:10px;}
.ftxt .fdata{margin:5px 0; padding:3px 0; border-top:#aaa 1px dotted; border-bottom:#aaa 1px dotted;}
.ftxt p{font-size:90%; line-height:1.3em;}

.sec05-03{padding:40px; border:#39B54A 10px solid; margin:-40px 80px 30px 80px; z-index:3;}
.sec05-03 a{margin-top:20px;}
.sec05txt{margin-bottom:10px; font-weight:bold;}
.sec05tel{margin-bottom:20px;}
.sec05ad{margin-top:5px; font-size:130%;}
.sec05tai{margin-top:-20px;}

.secbm{top:-20px; left:-25px; position:absolute; z-index:1;}

}/*画像サイズ960px以上end*/

/*画像サイズ600px以上960以下*/
@media only screen and (min-width:600px)and (max-width:959px)  {

.section{padding:80px 0;}
.bgbm{width:100%; border:#fff 20px solid; margin:0 auto; text-align:center;}
.secmg{margin:0 auto; width:100%; }
.secmg h1{margin-bottom:-30px; text-align:center; position:relative; z-index:20;}

.sec01-01{width:100%; margin:0 auto; text-align:center;}
.sec01-02{width:90%;}
.sec01tai{width:80%; top:5%; left:10%; position:absolute;}
.sec01log{bottom:15%; left:50%; margin-left:-225px; position:absolute;}

.sec02main{width:100%; top:30px; position:relative;}
.sec02-02{top:-50px; position:relative;}
.sec02-02-01{padding:10px 5px; margin:-70px 70px 20px 70px; background:#fff; border:#F7931E 10px solid; border-radius:10px; text-align:left; position:relative;}
.sec02-03l{top:10px; left:0; position:absolute;}
.sec02-03r{top:10px; right:0; position:absolute;}

.sec03-01{width:100%; padding-top:70%; background:url(../image/sec03-01.jpg) no-repeat; background-size:cover;}
.sec03-02-01{width:43%; left:4%; top:1%; position:absolute;}
.sec03-02-01 img{width:100%;}
.sec03-02-01-02{transform:rotate(-5deg);}
.sec03-02-02{width:59%; height:250px; bottom:0; left:0; position:absolute;}
.sec03-02-02-00{width:65%; left:24%; bottom:7%; position:absolute;}
.sec03-02-02-01{width:100%; bottom:3.3%; transform:rotate(-10deg); position:absolute;}
.sec03-02-03{width:39%; bottom:-30px; right:2%; position:absolute;}
.sec03-02-03 img{width:100%;}

.sec04-01{width:100%; border:#fff 20px solid; margin:0 auto; text-align:center;}
.finfo{padding:5px; position:relative; display:flex; flex-wrap: wrap;}
.fimg{width:100%; height:auto;}
.flist{width:48%; margin:1%; background:#fff;}
.ftxt{padding:10px;}
.ftxt .fdata{margin:5px 0; padding:3px 0; border-top:#aaa 1px dotted; border-bottom:#aaa 1px dotted;}
.ftxt p{font-size:90%; line-height:1.3em;}

.sec05-03{padding:40px; border:#39B54A 10px solid; margin:-40px 20px 20px 20px; z-index:3;}
.sec05-03 a{margin-top:20px;}
.sec05txt{margin-bottom:10px; font-weight:bold;}
.sec05tel{margin-bottom:20px;}
.sec05ad{margin-top:5px; font-size:140%;}
.sec05tai{margin-top:-20px; position:relative;}

.secbm{width:110%; top:-20px; left:-25px; position:absolute; z-index:1;}
}/*画像サイズ600px以上960以下end*/


/*画像サイズ600px以下*/
@media only screen and (max-width:599px)  {

.section{padding:80px 0;}
.bgbm{width:100%; border:#fff 20px solid; margin:0 auto; text-align:center;}
.secmg{margin:0 auto; width:100%; }
.secmg h1{ margin-bottom:-5%; text-align:center; position:relative; z-index:20;}
.sectitle{width:80%;}


.sec01-01{width:100%; margin:0 auto; text-align:center;}
.sec01-02{width:100%; top:0; left:0; position:absolute;}
.sec01tai{width:90%; top:5%; position:relative;}
.sec01log{width:80%; margin-top:-25%; position:relative;}
#cloud img{width:80%;}

.sec02main{width:100%; top:10%; position:relative;}
.sec02-02{width:90%; top:-50px; position:relative;}
.sec02-02-01{padding:10px 5px; margin:-70px 10px 10px 10px; background:#fff; border:#F7931E 10px solid; border-radius:10px; text-align:left; position:relative;}
.sec02-03l{top:10px; left:0; position:relative;}
.sec02-03r{top:10px; right:0; position:relative;}

.sec03-01{width:100%; padding:10px; margin:0 auto; text-align:center; background:#fff;}
.sec03-02-01{background:url(../image/sec03-02-01.jpg) no-repeat; margin:10px; padding:10px 0; background-size:cover;}
.sec03-02-02{background:#FFB3CF; background-image:url(../image/sec03-02-02.png); padding-top:55%; margin:10px; position:relative; background-position:center center;}
.sec03-02-02-00{width:90%; left:15%; bottom:0; position:absolute;}
.sec03-02-02-01{width:107%; left:-3%; bottom:15%; transform:rotate(-10deg); position:absolute;}
.sec03-02-03{background:url(../image/sec03-02-03.jpg) no-repeat; margin:10px; position:relative;}
.sec03-02-03 img{margin:-5% 0;}

.sec04-01{width:100%; border:#fff 20px solid; margin:0 auto; text-align:center;}
.finfo{padding:10px; position:relative;}
.fimg{width:100%; height:auto;}
.flist{width:100%; background:#fff;}
.ftxt{padding:10px;}
.ftxt .fdata{margin:5px 0; padding:3px 0; border-top:#aaa 1px dotted; border-bottom:#aaa 1px dotted;}
.ftxt p{line-height:1.5em;}

.sec05-03{padding:20px; border:#39B54A 10px solid; margin:-10% 20px 20px 20px; z-index:3;}
.sec05-03 a{margin-top:20px;}
.sec05txt{font-size:90%; margin-bottom:10px; font-weight:bold; text-align:left;}
.sec05tel{margin-bottom:20px;}
.sec05ad{margin-top:5px; font-size:90%;}
.sec05tai{margin-top:-20px; position:relative;}
.sec05free{width:100%;}

.secbm{width:110%; top:-20px; left:-25px; position:absolute; z-index:1;}
}


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

.sec02-02-txt{width:100%;}
.sec03-02-01 img{width:90%;}
.sec05tai{width:90%; margin-top:-20px; position:relative;}
.sec03-02-03 img{width:80%; margin:-5% 0;}
}


