<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (min-width: 768px), print {
  h2 { background: url("../images/calm/h2.jpg") no-repeat; }
  main { width: 100%; line-height: 1.6}
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-100px;padding-bottom:100px;}

#con01{width: 100%;max-width: 1920px;margin: 19px auto 60px;padding: 204px 0 80px;background: url(../images/calm/con01-bg01.jpg) no-repeat center top;}
#con01 .inner-Box{ width: 1100px; margin: 0 auto; position: relative; }
#con01 .ttl{position: absolute;top: -118px;left: 80px;}
#con01 .txt-box{width: 582px;margin-left: auto;background-color: #fff;padding: 61px 34px 55px;}
#con01 .txt-box .ttl1{text-align: center;font-size: 30px;font-weight: 700;line-height: 46px;letter-spacing: 1.5px;margin-bottom: 24px;}
#con01 .txt-box .txt{ text-align: center; font-size: 18px; font-weight: 700; line-height: 32px; letter-spacing: 1.8px; }
.new-catalog-btn{width:600px;margin:0px auto 38px;}

#con02{width: 100%;max-width: 1920px;margin: 0 auto 100px;padding: 32px 0 85px;}
#con02 .ttl{text-align: center;margin-bottom: 42px;}
#con02 .box1{width: 1100px;margin: 0 auto 55px;position: relative;}
#con02 .box1 .txt-box{width: 612px;padding-top: 38px;}
#con02 .box1 .txt-box .ttl1{font-size: 26px;font-weight: 700;line-height: 50px;letter-spacing: 2.6px;position: relative;margin-bottom: 48px;padding-left: 59px;}
#con02 .box1 .txt-box .ttl1::before{content: url(../images/calm/con02-icon01.png);position: absolute;top: -28px;left: -2px;transform: scale(1);}
#con02 .box1 .txt-box .ttl1::after{content: url(../images/calm/con02-icon02.png);position: absolute;bottom: -25px;right: 18px;transform: scale(1);}
#con02 .box1 .txt-box .txt{ font-size: 16px; font-weight: 700; line-height: 32px; letter-spacing: 1.6px; }
#con02 .box1 .pic{position: absolute;top: 0;right: 1px;}
#con02 .box2{width: 1100px;margin: 0 auto 89px;position: relative;}
#con02 .box2 .txt-box{width: 550px;margin-left: auto;padding-top: 28px;}
#con02 .box2 .txt-box .ttl1{font-size: 26px;font-weight: 700;line-height: 50px;letter-spacing: 2.6px;position: relative;margin-bottom: 48px;}
#con02 .box2 .txt-box .ttl1::before{content: url(../images/calm/con02-icon01.png);position: absolute;top: -41px;left: -50px;transform: scale(1);}
#con02 .box2 .txt-box .ttl1::after{content: url(../images/calm/con02-icon02.png);position: absolute;bottom: -59px;right: -34px;transform: scale(1);}
#con02 .box2 .txt-box .txt{ font-size: 16px; font-weight: 700; line-height: 32px; letter-spacing: 1.6px; }
#con02 .box2 .pic{position: absolute;top: 0;left: -1px;}
#con02 .box2 .mb1{ margin-bottom: 32px; }

#con03{width: 100%;max-width: 1920px;margin: 0 auto 100px;padding: 101px 0 60px;background-color: #F5F5F5;}
#con03 .ttl{text-align: center;font-size: 30px;font-weight: 700;line-height: 46px;letter-spacing: 1.5px;margin-bottom: 58px;}
#con03 .list{ width: 1160px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con03 .list li{width: 540px;background-color: #fff;padding-bottom: 25px;position: relative;z-index: 2;margin-right: 60px;margin-bottom: 88px;box-shadow: 20px 20px #000;outline: 19px solid #f5f5f5;}
#con03 .list li:nth-child(2n){ margin-right: 0; }
#con03 .list li .pic{margin-bottom: 34px;}
#con03 .list li h4{text-align: center;font-size: 26px;font-weight: 700;line-height: 44px;letter-spacing: 1.3px;margin-bottom: 50px;position: relative;}
#con03 .list li h4::before{content: url(../images/calm/con03-line01.png);position: absolute;top: 39px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con03 .list li .txt{padding: 0 39px;font-size: 16px;line-height: 32px;letter-spacing: 0.8px;}
#con03 .list li .mb1{ margin-bottom: 34px; }

#con04{ width: 100%; max-width: 1920px; margin: 0 auto 120px; }
#con04 .ttl{ text-align: center; font-size: 30px; font-weight: 700; line-height: 46px; letter-spacing: 1.5px; margin-bottom: 20px; }
#con04 .pic1{width: 742px;margin: 0 auto 40px;}
#con04 .pic2{ width: 946px; margin: 0 auto 0px; }

#con05{width: 100%;max-width: 1920px;margin: 0px auto 71px;padding: 101px 0 120px;background-color: #F0ECE1;}
#con05 .ttl{text-align: center;font-size: 30px;font-weight: 700;line-height: 46px;letter-spacing: 1.5px;margin-bottom: 46px;}
#con05 .list{width: 1200px;margin: 0 auto 90px;display: flex;justify-content: space-between;}
#con05 .list li{width: 380px;padding: 30px 30px 40px;background-color: #fff;border: 1px solid;}
#con05 .list li .pic{ width: 320px; margin: 0 auto 30px; }
#con05 .list li h4{text-align: center;color: #fff;background-color: #282828;font-size: 24px;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 15px;}
#con05 .list li .txt{ font-size: 16px; font-weight: 700; line-height: 32px; letter-spacing: 0.8px; }
#con05 .box1{width: 900px;margin: 0 auto;background-color: #fff;border: 1px solid;position: relative;padding: 67px 97px 37px;}
#con05 .box1 .ttl1{text-align: center;color: #fff;background-color: #282828;width: 700px;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);font-size: 24px;font-weight: 700;line-height: 48px;letter-spacing: 2.4px;padding: 6px 0;}
#con05 .box1 .list1{}
#con05 .box1 .list1 li{ font-size: 16px; font-weight: 700; line-height: 35px; letter-spacing: 0.8px; }
#con05 .box1 .list1 li .size{text-align: center;color: #fff;background-color: #282828;width: 30px;height: 30px;margin-right: 20px;display: inline-block;line-height: 28px;}


#con06{width: 100%;max-width: 1920px;margin: 90px auto 123px;padding-top: 60px;background: url(../images/calm/con06-bg01.jpg) no-repeat center top;}
#con06 .inner-Box{width: 1200px;margin: 0 auto;padding-top: 246px;padding-bottom: 390px;position: relative;}
#con06 .ttl{font-size: 54px;font-weight: 700;line-height: 76px;letter-spacing: 2.7px; margin-bottom: 20px;}
#con06 .pic{position: absolute;top: 536px;left: -110px;}
#con06 .txt{ font-size: 16px; font-weight: 700; line-height: 32px; letter-spacing: 1.6px; }



#dolive {margin: 0 auto 40px;}
#dolive .ttl{text-align: center; margin: 50px auto 30px;}
#dolive .bx{width: 100%; margin: 0 auto; background: #e5eef2; padding: 50px 0;}
#dolive .bx .ttl1{text-align: center; margin-bottom: 30px;}
#dolive .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#dolive .bx .list li{width: 280px; margin-right: 20px;}
#dolive .bx .list li:last-child{margin-right: 0;}

#end-contents {width: 1100px; margin: 0 auto 100px;}
#end-contents .end-contents-ttl{margin: 0 auto 25px; text-align: center;}
#end-contents h4{margin: 0 auto 40px; text-align: center; font-size: 14.3px; font-weight: bold;}
#end-contents ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;width: 1100px;}
#end-contents li{margin-left: 20px; width: 200px;}
#end-contents .end-contents-img1 .end-contents-txt1{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 15px;}
#end-contents .end-contents-img2 .end-contents-txt2{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 15px;}
#end-contents .end-contents-img3 .end-contents-txt3{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 15px;}
#end-contents .end-contents-img4 .end-contents-txt4{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 15px;}
#end-contents .end-contents-img1 span{font-size: 16px; font-weight: bold; text-align: center;}
#end-contents .end-contents-img2 span{font-size: 16px; font-weight: bold; text-align: center;}
#end-contents .end-contents-img3 span{font-size: 16px; font-weight: bold; text-align: center;}
#end-contents .end-contents-img4 span{font-size: 16px; font-weight: bold; text-align: center;}

/* event -------------------------------------*/
.event{ width: 100%; margin: 0 auto; padding: 40px 0; }
.event .new-btn{width: 800px;
    margin: 0 auto;  }
.event .inner-Box{ width: 1100px; margin: 0 auto; position: relative;  padding: 0 50px; }
.event .inner-Box .event-ttl{font-weight:bold;font-size:28px;letter-spacing:1px;text-align:center;color:#111;margin-bottom: 58px;}
.event .system-list{ margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.event .system-list li{ width: 28%; margin-right: 8%; background: #fff; padding: 2% 1% 1% 1%; position: relative; margin-bottom: 20px; border: 1px solid #000; }
.event .system-list li:nth-child(3n){ margin-right: 0;}
.event .system-list li a:hover{ text-decoration: none; }
.event .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; }
.event .system-pic img{ max-width: 100%; max-height: 180px; width: auto; height: auto;}
.event .system-date{ font-size: 0.875em; font-weight: bold; letter-spacing: 0.07em; line-height: 1.6; 
	margin-bottom: 15px; text-align: center; display: block; padding: 8px 12px; background: #282828; color: #fff; }
.event .system-date .date{display:inline-block;}
.event .system-date .time{display: block; font-weight: normal; font-size: 12px;}
.event .system-ttl-01{ font-size: 1em; margin-bottom: 20px; padding: 0 10px 0 10px; line-height: 1.6;}
.event .system-place{ font-size: 0.8em; color: #29874d; margin-bottom: 20px; padding: 0 10px 0 10px;}
.event .system-icon02 span { display: block; position: absolute; top: -35px; left: -20px; }
.event .system-icon02 span img{ width: 60%;}

}




@media screen and (max-width: 767px) {
main { line-height: 1.6}

a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-10vw;padding-bottom:10vw;}

#con01{margin: 3vw auto 12vw;padding: 13vw 0 8vw;background: url(../images/calm/sp-con01-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con01 .inner-Box{ margin: 0 5vw; position: relative; }
#con01 .ttl{margin: 0 25vw 13vw;}
#con01 .txt-box{width: 62%;margin-left: auto;background-color: #fff;padding: 6vw 5vw 5vw;}
#con01 .txt-box .ttl1{text-align: center;font-size: 4.2vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#con01 .txt-box .txt{text-align: center;font-size: 3.3vw;font-weight: 700;line-height: 1.6;}
.new-catalog-btn{width:86vw;margin:0vw auto 10vw;}

#con02{margin: 0 auto 12vw;padding: 2vw 0 10vw;}
#con02 .ttl{text-align: center;width: 37%;margin: 0 auto 10vw;}
#con02 .box1{margin: 0 8vw 10vw;position: relative;}
#con02 .box1 .txt-box{  }
#con02 .box1 .txt-box .ttl1{padding-left: 5vw;font-size: 4.6vw;font-weight: 700;line-height: 2;letter-spacing: 0.3vw;position: relative;margin-bottom: 65vw;}
#con02 .box1 .txt-box .ttl1::before{content: url(../images/calm/con02-icon01.png);position: absolute;top: -5vw;left: -7vw;transform: scale(0.5);}
#con02 .box1 .txt-box .ttl1::after{content: url(../images/calm/con02-icon02.png);position: absolute;bottom: -6vw;right: -3vw;transform: scale(0.5);}
#con02 .box1 .txt-box .txt{ font-size: 3.6vw; font-weight: 700; line-height: 2; letter-spacing: 0.3vw; }
#con02 .box1 .pic{position: absolute;top: 33vw;}
#con02 .box2{margin: 0 8vw 0vw;position: relative;}
#con02 .box2 .txt-box{  }
#con02 .box2 .txt-box .txt{ font-size: 3.6vw; font-weight: 700; line-height: 2; letter-spacing: 0.3vw; }
#con02 .box2 .pic{ margin-bottom: 4vw; }
#con02 .box2 .mb1{ margin-bottom: 4vw; }

#con03{margin: 0 auto 12vw;padding: 10vw 0 6vw;background-color: #F5F5F5;}
#con03 .ttl{text-align: center;font-size: 5.5vw;font-weight: 700;line-height: 1.8;letter-spacing: 1.5px;margin-bottom: 6vw;}
#con03 .list{ margin: 0 8vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con03 .list li{width: 100%;background-color: #fff;padding-bottom: 6vw;position: relative;z-index: 2;margin-bottom: 9vw;box-shadow: 4vw 4vw #000;outline: 3.9vw solid #f5f5f5;}
#con03 .list li .pic{margin-bottom: 6vw;}
#con03 .list li h4{text-align: center;font-size: 4.6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.3vw;margin-bottom: 8vw;position: relative;}
#con03 .list li h4::before{content: url(../images/calm/con03-line01.png);position: absolute;top: 6.5vw;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con03 .list li .txt{padding: 0 4vw;font-size: 3.6vw;line-height: 2;letter-spacing: 0.2vw;}
#con03 .list li .mb1{ margin-bottom: 34px; }

#con04{ margin: 0 auto 12vw; }
#con04 .ttl{ text-align: center; font-size: 6vw; font-weight: 700; line-height: 2; letter-spacing: 0.3vw; margin-bottom: 4vw; }
#con04 .pic1{width: 90%;margin: 0 auto 9vw;}
#con04 .pic2{ width: 64%; margin: 0 auto 0px; }

#con05{margin: 0 auto 12vw;padding: 10vw 0 12vw;background-color: #F0ECE1;}
#con05 .ttl{text-align: center;font-size: 6vw;font-weight: 700;line-height: 2;letter-spacing: 0.3vw;margin-bottom: 6vw;}
#con05 .list{margin: 0 8vw 24vw;}
#con05 .list li{width: 100%;padding: 5vw 5vw 8vw;background-color: #fff;border: 1px solid; margin-bottom: 9vw;}
#con05 .list li .pic{ width: 100%; margin: 0 auto 6vw; }
#con05 .list li h4{text-align: center;color: #fff;background-color: #282828;font-size: 4.2vw;font-weight: 700; padding: 1vw 0; letter-spacing: 0.3vw;margin-bottom: 3vw;}
#con05 .list li .txt{ font-size: 3.6vw; font-weight: 700; line-height: 2; letter-spacing: 0.2vw; }
#con05 .box1{margin: 0 8vw;background-color: #fff;border: 1px solid;position: relative;padding: 18vw 3vw 4vw;}
#con05 .box1 .ttl1{text-align: center;color: #fff;background-color: #282828;width: 90%;position: absolute;top: -11vw;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);font-size: 5vw;font-weight: 700;letter-spacing: 0.5vw;padding: 3vw 0;}
#con05 .box1 .list1{}
#con05 .box1 .list1 li{ font-size: 3.6vw; font-weight: 700; line-height: 2.4; letter-spacing: 0.2vw; }
#con05 .box1 .list1 li .size{text-align: center;color: #fff;background-color: #282828;width: 8vw;height: 8vw;margin-right: 4vw;display: inline-block;line-height: 2;}

#con06{margin: 0 auto 15vw;padding-top: 21vw;background: url(../images/calm/sp-con06-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con06 .ttl{font-size: 7vw;font-weight: 700;line-height: 1.4;letter-spacing: 0.2vw;margin-bottom: 61vw;padding-left: 6vw;}
#con06 .ttl span{ display: inline-block; background-color: #fff; padding-left: 8vw; margin-bottom: 1.5vw; }
#con06 .pic{width: 57%;}
#con06 .txt{font-size: 4vw;font-weight: 700;padding: 0 6vw;line-height: 1.8;letter-spacing: 0.4vw;margin-bottom: 6vw;}
#con06 .mb1{ margin-bottom: 4vw; }




#dolive {margin: 0 auto 5vw;}
#dolive .ttl{width: 80vw; text-align: center; margin: 8vw auto 8vw;}
#dolive .bx{width: 100vw; margin: 0 auto; background: #e5eef2; padding: 8vw 0;}
#dolive .bx .ttl1{text-align: center; margin-bottom: 8vw;}
#dolive .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#dolive .bx .list li{width: 44vw; margin-right: 3vw; margin-bottom: 5vw;}
#dolive .bx .list li:nth-child(2n){margin-right: 0;}

#end-contents {width: 95%; margin: 0 auto 50px;}
#end-contents .pc-end-contents-ttl{display: none;}
#end-contents .sp-end-contents-ttl{margin: 0 auto 25px; text-align: center;}
#end-contents h4{margin: 3vw auto 6vw; text-align: center; font-size: 14.3px; font-weight: bold;}
#end-contents ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: distribute;justify-content: space-around;}
#end-contents li{width: 44vw; margin-left: 11px;  margin-bottom: 6vw;}
#end-contents .end-contents-img1 .end-contents-txt1{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 2vw;}
#end-contents .end-contents-img2 .end-contents-txt2{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 2vw;}
#end-contents .end-contents-img3 .end-contents-txt3{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 2vw;}
#end-contents .end-contents-img4 .end-contents-txt4{font-size: 12px; line-height: 1.6; padding-top: 15px; text-align: center; margin-bottom: 2vw;}
#end-contents .end-contents-img1 span{font-size: 16px; font-weight: bold; text-align: center;}
#end-contents .end-contents-img2 span{font-size: 16px; font-weight: bold; text-align: center;}
#end-contents .end-contents-img3 span{font-size: 16px; font-weight: bold; text-align: center;}
#end-contents .end-contents-img4 span{font-size: 16px; font-weight: bold; text-align: center;}

/* event -------------------------------------*/
.event{ width: 100%; margin: 0 auto 9vw; padding: 5% 3% 5%;}
.event .inner-Box{  }
.event .inner-Box .event-ttl{font-weight:bold;font-size:5.2vw;letter-spacing:0.2vw;text-align:center;color:#111;margin-bottom: 17vw;}
.event .new-btn{text-align: center;  }

.event .system-list{ margin-bottom: 4%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.event .system-list li{ width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; padding: 5% 2% 2% 2%; line-height: 1.4; border: 1px solid #000; }
.event .system-list li:nth-child(2n){ margin-right: 0;}
/* 
.event .system-list li:last-child{ display: none; } */
.event .system-list li a:hover{ text-decoration: none; }
.event .system-pic{ width: 100%; height: 120px; overflow: hidden; text-align: center; }
.event .system-pic img{ max-width: 100%; max-height: 130px; width: auto; height: auto;}
.event .system-date{ font-size: 0.875em; font-weight: bold; letter-spacing: 0.07em;  margin-bottom: 15px; text-align: center; display: block; padding: 8px; background: #282828; color: #fff; }
.event .system-ttl-01{ font-size: 0.8em; margin-bottom: 20px; padding: 0 4% 0 4%; }
.event .system-date .date{}
.event .system-date .time{display: block; font-weight: normal; font-size: 0.875em; padding: 5% 0 2% 0;}


.event .system-place{ font-size: 0.7em; color: #29874d; margin-bottom: 10px; padding: 0 10px; }
.event .system-icon02 span { display: block; position: absolute; top: -11vw; right: -2vw; width: 35%; z-index: 2; }
}

</pre></body></html>