@charset "UTF-8";

@keyframes swingYurayura {
0%   { transform: rotate(5deg); }
25%  { transform: rotate(0deg); }
50%  { transform: rotate(-5deg); }
75%  { transform: rotate(0deg); }
100% { transform: rotate(5deg); }
}

@media screen and (min-width: 768px),print {



#contentsmain {margin: 0 auto 121px;position: relative;padding: 0 2.6rem;}
#contentsmain .inner-Box1 {margin: 0 auto 102px;position: relative;text-align: center;padding: 24px 0 0;}
#contentsmain .inner-Box1 p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 17px;position: relative;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;max-width: 920px;}
#contentsmain .inner-Box2 figure.photo {position: absolute;top: -53px;right: -7px;border: 7px solid #4F181F;border-radius: 30px;overflow: hidden;z-index: 3;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inBox {position: relative;width: 594px;height: 297px;border-radius: 30px;background: #fff;padding: 50px;}
#contentsmain .inBox span.icon {display: block;line-height: 1;position: absolute;top: -31px;left: 0;}
#contentsmain .inBox span.icon img {  }
#contentsmain .inBox h2 {font-size: 2.3rem;line-height: 1.6;font-weight: 500;letter-spacing: 0.46rem;margin-bottom: 14px;position: relative;}
#contentsmain .inBox h2 span {font-size: 3rem;font-weight: bold;color: #FC7F52;letter-spacing: 0.6rem;}
#contentsmain .inBox p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: -5px;position: relative;}

#contentsmain .inBox p.text2 {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: -5px;position: relative;}
#contentsmain .inBox p.text2 span {font-size: 2.3rem;font-weight: bold;letter-spacing: 0.46rem;}


#contents01 {margin: 0 auto -60px;position: relative;border-radius: 60px 60px 0px 0px;background: #F9B49B;padding: 70px 2.6rem 114px 2.6rem;}
#contents01 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 700;letter-spacing: 0.5rem;margin-bottom: 48px;position: relative;text-align: center;}
#contents01 h2 span.f-comf {display: block;font-size: 1.4rem;letter-spacing: 0.098rem;}
#contents01 .inner-Box {margin: 0 auto 30px;position: relative;max-width: 1100px;}
#contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 5px;z-index: 3;animation: swingYurayura 4s ease-in-out infinite; transform-origin: center bottom;}
#contents01 .inner-Box span.icon img {  }
#contents01 .inner-Box h3 {background: url(../images/common/line.svg)repeat-x bottom left;font-size: 2.3rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.23rem;margin-bottom: 29px;position: relative;padding: 4px 0 11px 79px;}
#contents01 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {position: relative;width: 48%;margin-right: 4%;margin-bottom: 3.7%;}
#contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 30px;overflow: hidden;}
#contents01 .inner-Box figure.photo img{ width: 100%; height: auto; }

#contents02 {margin: 0 auto;position: relative;border-radius: 60px 60px 0px 0px;background: #FCE89D;padding: 70px 2.6rem 0;}
#contents02 h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 700;letter-spacing: 0.5rem;margin-bottom: 43px;position: relative;text-align: center;}
#contents02 h2 span.f-comf {display: block;font-size: 1.4rem;letter-spacing: 0.098rem;}
#contents02 .inner-Box {margin: 0 auto 104px;position: relative;max-width: 1100px;padding: 0 0 0 560px;min-height: 375px;}
#contents02 .inner-Box iframe{width: 500px;height: 375px;position: absolute;top: 0;left: 0;}
#contents02 .inner-Box ul{  }
#contents02 .inner-Box ul li {background: url(../images/common/line.svg)no-repeat left bottom;padding-bottom: 17px;position: relative;margin-bottom: 15px;}
#contents02 .inner-Box ul li span.rl {position: absolute;top: 0;left: 0;letter-spacing: 0.16rem;font-size: 1.6rem;font-weight: bold;}
#contents02 .inner-Box ul li p {font-size: 1.6rem;letter-spacing: 0.16rem;font-weight: 500;padding: 0 0 0 110px;}
#contents02 .inner-Box ul li p a{ text-decoration: underline;}
#contents02 .inner-Box h2 { font-size: 2.5rem; line-height: 1.5; font-weight: 700; letter-spacing: 0.5rem; margin-bottom: 0px; position: relative; }
#contents02 .inner-Box h2 span.f-comf {  }
#contents02 .inner-Box2 {max-width: 1100px;margin: 0 auto 130px;position: relative;padding: 5px 0 0;}
#contents02 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box2 ul li {position: relative;width: 48.6%;margin-right: 2.8%;}
#contents02 .inner-Box2 ul li a {display: block;height: 110px;width: 100%;border: 1px solid #A9C300;border-radius: 10px;background: #fff;padding: 40px 0 0 183px;}
#contents02 .inner-Box2 figure.img {position: absolute;top: 15px;left: 21px;}
#contents02 .inner-Box2 figure.img img{  }
#contents02 .inner-Box2 p.ltext {font-size: 2.3rem;line-height: 1.3;font-weight: 500;letter-spacing: 0.23rem;margin-bottom: 30px;position: relative;color: #A9C300;}
#contents02 .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;top: 44px;right: 27px;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box2 span.arr img {  }

#contents02 .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#contents02 .inner-Box2 ul li:nth-child(2) figure.img {position: absolute;top: 13px;left: 30px;}
#contents02 .inner-Box2 ul li:nth-child(2) a {display: block;height: 110px;width: 100%;border: 1px solid #004EA2;border-radius: 10px;background: #fff;padding: 25px 0 0 139px;}
#contents02 .inner-Box2 ul li:nth-child(2) p.ltext {color: #004EA2;}
#contents02 .inner-Box2 a:hover span.arr{top: 40px;right: 23px;}

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

#contentsmain .inner-Box2 figure.photo {position: relative;top: 0px;right: 0px;margin: 0 auto 50px;width: 410px;}
#contentsmain .inBox{ margin: 0 auto;}
#contents02 .inner-Box { width: 650px; margin: 0 auto 104px;position: relative;padding: 0 0 0 0px;}
#contents02 .inner-Box iframe{width: 100%;height: 375px;position: relative;top: 0;left: 0; margin-bottom: 30px;}

#contents02 .inner-Box2 ul{ width: 500px; margin: 0 auto;}
#contents02 .inner-Box2 ul li {position: relative;width: 100%;margin-right: 0; margin-bottom: 20px;}


}

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

#contentsmain {margin: 0 auto 13.37vw;position: relative;padding: 0 4.33vw;}
#contentsmain .inner-Box1 {margin: 0 auto 8.1vw;position: relative;text-align: center;padding: 3.1vw 0 0;}
#contentsmain .inner-Box1 p.text {font-size: 3.73vw;line-height: 2;font-weight: 500;letter-spacing: 0.37vw;margin-bottom: 3.33vw;position: relative;}
#contentsmain .inner-Box2 {margin: 0 1.7vw;position: relative;}
#contentsmain .inner-Box2 figure.photo {position: relative;top: 0vw;right: 0vw;border: 1.17vw solid #4F181F;border-radius: 7.1vw;overflow: hidden;z-index: 3;margin-bottom: 7vw;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inBox {position: relative;/* height: 60.8vw; */border-radius: 2vw;background: #fff;padding: 6.33vw 4.33vw;}
#contentsmain .inBox span.icon {display: block;line-height: 1;position: absolute;top: -12.9vw;left: 5.1vw;z-index: 3;width: 20.5vw;}
#contentsmain .inBox span.icon img {  }
#contentsmain .inBox h2 {font-size: 4.27vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 2.63vw;position: relative;margin-right: -1vw;}
#contentsmain .inBox h2 span {font-size: 5.60vw;font-weight: bold;color: #FC7F52;letter-spacing: 1.12vw;}
#contentsmain .inBox p.text {font-size: 3.73vw;line-height: 2;font-weight: 500;letter-spacing: 0.37vw;margin-bottom: -1vw;position: relative;}

#contentsmain .inBox p.text2 {font-size: 3.73vw;line-height: 2;font-weight: 500;letter-spacing: 0.85vw;margin-bottom: 0vw;position: relative;}
#contentsmain .inBox p.text2 span {font-size: 4.80vw;font-weight: bold;letter-spacing: 0.96vw;}


#contents01 {margin: 0 auto -25.9vw;position: relative;border-radius: 8vw 8vw 0.0vw 0.0vw;background: #F9B49B;padding: 10.67vw 5.4vw 30.4vw;}
#contents01 h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 700;letter-spacing: 1.23vw;margin-bottom: 10.8vw;position: relative;text-align: center;}
#contents01 h2 span.f-comf {display: block;font-size: 3.20vw;letter-spacing: 0.22vw;}
#contents01 .inner-Box {margin: 0 auto 4.6vw;position: relative;}
#contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -2.7vw;left: -0.37vw;z-index: 3;animation: swingYurayura 4s ease-in-out infinite;transform-origin: center bottom;width: 13.4vw;}
#contents01 .inner-Box span.icon img {  }
#contents01 .inner-Box h3 {background: url(../images/common/line.svg)repeat-x bottom;font-size: 5.33vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.53vw;margin-bottom: 5.93vw;position: relative;padding: 0vw 0 2.93vw 15.17vw;background-size: auto 0.6vw;}
#contents01 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {position: relative;margin-bottom: 5.7vw;width: 100%;}
#contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 6vw;overflow: hidden;}
#contents01 .inner-Box figure.photo img{ width: 100%; height: auto; }

#contents02 {position: relative;border-radius: 8vw 8vw 0.0vw 0.0vw;background: #FCE89D;padding: 10.87vw 5.6vw 0;}
#contents02 h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 700;letter-spacing: 1.23vw;margin-bottom: 8.1vw;position: relative;text-align: center;}
#contents02 h2 span.f-comf {display: block;font-size: 3.20vw;letter-spacing: 0.22vw;}
#contents02 .inner-Box {margin: 0 auto 13.33vw;position: relative;padding: 0 0 0 0vw;}
#contents02 .inner-Box iframe{height: 67vw;position: relative;width: 100%;top: 0;left: 0;margin-bottom: 5.1vw;}
#contents02 .inner-Box ul{  }
#contents02 .inner-Box ul li {background: url(../images/common/line.svg)no-repeat bottom;padding-bottom: 2.83vw;position: relative;margin-bottom: 3vw;background-size: auto 0.6vw;}
#contents02 .inner-Box ul li span.rl {position: absolute;top: 0;left: 0;letter-spacing: 0.37vw;font-size: 3.73vw;font-weight: bold;}
#contents02 .inner-Box ul li p {font-size: 3.73vw;letter-spacing: 0.37vw;font-weight: 500;padding: 0 0 0 21.43vw;}
#contents02 .inner-Box ul li p a{ text-decoration: underline;}
#contents02 .inner-Box h2 { font-size: 6.67vw; line-height: 1.5; font-weight: 700; letter-spacing: 1.33vw; margin-bottom: 0.0vw; position: relative; }
#contents02 .inner-Box h2 span.f-comf {  }
#contents02 .inner-Box2 {margin: -1vw auto 13.67vw;position: relative;padding: 1.33vw 0 0;}
#contents02 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box2 ul li {position: relative;margin-bottom: 5.3vw;width: 100%;}
#contents02 .inner-Box2 ul li a {display: block;height: 23.93vw;width: 100%;border: 0.27vw solid #A9C300;border-radius: 2.67vw;background: #fff;padding: 4.77vw 0 0 34.2vw;}
#contents02 .inner-Box2 figure.img {position: absolute;top: 4.5vw;left: 5vw;width: 26.8vw;}
#contents02 .inner-Box2 figure.img img{  }
#contents02 .inner-Box2 p.ltext {font-size: 4.80vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.41vw;margin-bottom: 8.0vw;position: relative;color: #A9C300;}
#contents02 .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;top: 8.93vw;right: 4.6vw;transition: all 0.3s ease-in-out;width: 6.1vw;}
#contents02 .inner-Box2 span.arr img {  }

#contents02 .inner-Box2 ul li:nth-child(2) { margin-right: 0.0vw; }
#contents02 .inner-Box2 ul li:nth-child(2) figure.img {position: absolute;top: 4.87vw;left: 5vw;width: 16vw;}
#contents02 .inner-Box2 ul li:nth-child(2) a {display: block;height: 24.03vw;width: 100%;border: 0.27vw solid #004EA2;border-radius: 2.67vw;background: #fff;padding: 4.97vw 0 0 24.67vw;}
#contents02 .inner-Box2 ul li:nth-child(2) p.ltext {color: #004EA2;}

}