@charset "UTF-8";
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 15px;color: #515151;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.8em;-webkit-font-smoothing: antialiased;background: #FFF;scroll-behavior: smooth;}
/*.fnt{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}
a,img {transition: 0.5s;text-decoration: none;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

.inner00{max-width: 1200px;margin: 0 auto;background-color: #fff;}
.inner{width: 990px;margin: 0 auto;}
.inner2{width: 630px;margin: 0 auto;}
.fix800{width:880px;margin: 0 auto;}
.fixbtn{position: fixed;top: 2%;right: 1%;z-index: 999;}
.mt40{margin-top: 40px;}

.flexbetween{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.flexaround{display: flex;justify-content: space-around;flex-wrap: wrap;}
.flexbetween.fix800{margin: 55px auto 0;}

.fvback{background-image: url('../images/fv-bg2.png');height: 880px;background-position: center;background-size: cover;position: relative;}
.fv{text-align: center;position: relative;background-image: url('../images/fv-bg.png');z-index: 1;height: 598px;background-position: bottom 0 center;background-size: cover;position: relative;}
.fvimg{width: 100%;position: absolute;left: 50%;top: 93%;transform: translate(-50%,-40%);max-width: 636px;}
.fvimg2{width: 100%;position: absolute;left: 25%;top: 60%;transform: translate(-50%,-40%);max-width: 636px;}
.fv-ex1{width:838px; text-align: center; padding:0;position: absolute;bottom:0px;left: 50%;  transform: translate(-50%, -50%);}
.fv-ex2{position: absolute;bottom: 90px;left: 20%;}
.con-title{background-image:url('../images/titleback.png');width: 100%; margin: 0 auto;text-align: center;padding: 10px 0 20px;height: 160px;background-repeat: no-repeat;}
.con-title img{position: relative;top:-40px; animation: purupuru_anim 1.5s infinite;}
.con-back{background-image:url('../images/site_bg.png');background-position: center;background-size: cover;}

.bl0{padding: 55px 0 30px;}
.bl0_img{position: relative;right: 10px;}
.bl0_ex{padding-right: 20px;max-width:600px;position: relative;top:0px;align-items: center;}

.bl1{margin: 55px auto 100px;}
.bl1_last{margin: 55px auto 0px;}
.bl1-1{margin: 55px auto 50px;}
.bl1_ex1{padding: 0 20px;width: 430px;}

.bl2_ex1{width: 450px;}
.bl2_img2area{background-image: url('../images/yellow_back.png');}
.bl2_img1{width: 500px;}
.bl2_img2{max-width: 100%; text-align: center; position: relative;top:-50px;margin-top: 70px;}

.bl3_img1{margin-bottom: 55px;}

.bl4_ex1{padding: 0 20px;width: 620px;}
a.bl4_img1{display: block;}
.bl5_ex00{width: 100%;margin: 0 auto 60px;text-align: center;}

#tab {
    overflow: hidden;
    width: 990px;
    margin: 0px auto -2px;
}
ul[class], ol[class] {
    list-style: none;
}
#tab ul li {
    margin: 0px;
    display: block;
    float: left;
    width: 330px;
    height: 90px;
}
.targetBox{display: none;}
.targetBox.active {
    display: block;
}


#tab ul li#tab1.active .on {
    display: block;
}
#tab ul li#tab1 .on {
    display: none;
}

#tab ul li#tab1 .off {
    display: block;
}
#tab ul li#tab1.active .off {
    display: none;
}

#tab ul li#tab2.active .off {
    display: none;
}
#tab ul li#tab2 .on {
    display: none;
}

#tab ul li#tab2 .off {
    display: block;
}
#tab ul li#tab2.active .on {display: block;}
.areabox{overflow: hidden;width: 990px;margin: 0px auto;}
.area-pic{background-color: #1297D3;padding: 40px;border-radius: 0 0 10px 10px;margin-bottom: 50px;}
.targetBox.active {display: block;}
.targetBox {display: none;}
.bb{border-bottom:dotted 1px #fff;margin-bottom: 40px;padding-bottom: 40px;}



@keyframes purupuru_anim {
	0% {	transform: translate(0, 0);transform:rotate(0deg);}
	5% {	transform: translate(-5px, -0);transform:rotate(-5deg);}
	10% {	transform: translate(5px, 0);transform:rotate(5deg);}
	15% {	transform: translate(-5px, -0);transform:rotate(-5deg);}
	20% {	transform: translate(5px, 0);transform:rotate(5deg);}
	25% {	transform: translate(-5px, -0);transform:rotate(-5deg);}
	30% {	transform: translate(0, 0);transform:rotate(0deg);}
	100% {	transform: translate(0, 0);transform:rotate(0deg);}
}


a.btn0{display: block;margin-top: 40px; float: right;}
a.btn1,a.btn4{display: block;margin-top: 40px;text-align: center;}
a.btn3{display: block;margin-top: 20px;text-align: center;}
a.btn{position: absolute;left: 50%;
bottom: 1%;transform: translate(-50%,-50%);z-index: 99;width: 432px;}

/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
html,body{width: 100%;min-width: 100%;}
}