a{
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
 }
 a:hover{ opacity:.5; text-decoration:none !important;}
 .rt-header .rt-nav-link li.rt-nav-hover a {height: 18px; margin-top: 0; padding: 10px 7px 5px; border: none; background: none;}

 #topBnrBox{ overflow: hidden;}
 #topBnrBox h1 img{ width: 100%;}

.ss-contents{ background: #fff; padding-bottom: 80px; /*font-family: 'Noto Sans JP', sans-serif;*/}
.ss-container{ background: #fff; margin: 100px auto 0; padding: 64px; border-radius: 12px; position: relative;}

h2.ttl{ text-align: center;font-size: 40px;border-bottom: 3px dashed #e53717;
  padding-bottom: 10px; color: #e53717}
h3.ttl{ text-align: center;font-size: 30px;  padding-bottom: 10px; color: #e53717; margin-top: 30px;}

nav{ margin: 100px auto 0; background: url(../images/imgBg1.png) center 85px no-repeat;}
nav ul{ display: flex; justify-content: center; flex-wrap: wrap; margin: 48px auto 0; width: 1324px;}
nav ul li{ margin: 0 13px 24px;}

#sRight .jss_switchMenu dl{ width: 160px;}
#sRight .jss_switchMenu dl dt{ text-align: center;}
#sRight .jss_switchMenu dl dd{ margin-top: 16px;}
#sRight .jss_switchMenu dl ul{ border: 2px dotted #E53717; background: #FEF1EF; padding: 8px; border-radius: 8px;}
#sRight .jss_switchMenu dl ul li{ margin-bottom: 8px; border: none; line-height: 1.6;}
#sRight .jss_switchMenu dl ul li:last-child{ margin-bottom: 0;}
#sRight .jss_switchMenu dl ul li a{ background: #E53717; color: #fff; display: flex; justify-content: center; align-items: center; height: 55px; border-radius: 5px; padding: 0; font-size: 14px; line-height: 1.2; letter-spacing: -1px;}

.pagetop{ width: 160px; overflow: hidden;}
.pagetop a{ background: #E53717; opacity: 0; right: -300px;}

#part1{ margin-top: 100px; background:url(../images/imgBg2.png) center 268px, url(../images/imgBg8.png) center bottom #E53717 ; background-size: auto,100%; background-repeat: no-repeat; overflow: hidden; padding-bottom: 200px;}
#part2{ background: url(../images/imgBg16.png) right bottom no-repeat; overflow: hidden;}
#part2 .grp{ position: absolute; right: -280px; top: -100px;}
#part3{ background: url(../images/imgBg17.png) left 45% no-repeat; overflow: hidden;}
#part4{ background:url(../images/imgBg5.png) center 550px no-repeat; background-size: 100%;}
#part5 .ss-container{ margin-top: 0}
#part7{ background:url(../images/imgBg11.png) center 268px, url(../images/imgBg9.png) center bottom #0B2556 ; background-size: auto,100%; background-repeat: no-repeat; overflow: hidden; padding-bottom: 200px;}
#part8{ background:url(../images/imgBg12.png) center 268px, url(../images/imgBg10.png) center bottom #4BAECE ; background-size: auto,100%; background-repeat: no-repeat; overflow: hidden; padding-bottom: 200px;}
#part9{ background: url(../images/imgBg13.png) 98% 55% no-repeat; overflow: hidden;}
#part9 .grp{ position: absolute; left: -190px; top: -100px;}
#part10{ background: url(../images/imgBg14.png) 2% 28% no-repeat; overflow: hidden;}
#part11{ background: url(../images/imgBg15.png) center 180px no-repeat; overflow: hidden;}
#part2 .ss-container,#part3 .ss-container,#part9 .ss-container,#part10 .ss-container,#part11 .ss-container,#part4 .ss-container,#part5 .ss-container,#part7 .ss-container,#part6 .ss-container{ border: 1px solid #D9D9D9;}

.spt1{ margin: 20px auto 0;}
.spt1 p{text-align: center;}
.spt1 .pht img{ width: 90%;}
.spt1 .txt{ font-size: 20px; text-align: center;  line-height: 1.6;}

.ss-container p.txt{
	font-size:16px; text-align: center; margin-top: 20px;
}

.spt2{ margin: 40px auto 0; background: #FFEEEB; padding: 40px 0; display: flex; justify-content: center; align-items: center;}
.spt2 li{ border-radius: 8px; background: #fff; overflow: hidden;}
.spt2 li img{ width: 100%;}
.spt2 li .txt{ margin: 16px 0; text-align: center; font-size: 20px; color: #E53717; font-weight: bold;}
.spt2 li.plus{ background: none; margin: 0 60px;}

.spt3{ margin: 60px auto 0;}
.spt3 .txt{ width: 650px; margin: 0 auto; line-height: 1.6; text-align: center; background: url(../images/img2_4.png) center center no-repeat;}
.spt3 .btn{ text-align: center;
  margin: 20px auto 0;
  background-color: #e53717;
  max-width: 740px;
  padding: 20px;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  border: r;
  border-radius: 50px;
}
.spt3 .btn a{
	color: #fff!important;
}


.spt3 .btn a::after {

  display: inline-block;
  content: "▼";
  transform: rotate(-90deg);
	margin-left: 10px;

}

.tbl{ width: 70%; margin: 60px auto 0;}
.tbl tr{ border:solid #D9D9D9; border-width: 0 0 1px 1px;}
.tbl tr td{ text-align: center; padding: 16px; border:solid #D9D9D9; border-width: 1px 1px 0 0;}
.tbl tr td.txt1{ font-size: 18px; background: #EEE;}
.tbl tr td.txt1 b{display: block; font-size: 24px;}
.wn{ font-size: 15px; margin-top: 8px; line-height: 1.6;}

.spt4{ margin: 60px auto 0; background: #46bfcd; border-radius: 12px; padding: 40px;}
.spt4 .ttl{ font-size: 32px; color: #fff; font-weight: bold;}
.spt4 ul{ display: flex; justify-content: center; margin-top: 32px;}
.spt4 ul li{ margin: 0 26px; width: 500px;}
.spt4 ul li div{ width: 500px; height: 408px; background: url(../images/img3_2.png) no-repeat; padding: 0 24px; box-sizing: border-box; overflow: hidden;}
.spt4 ul li:nth-child(2) div{ background: url(../images/img3_3.png) no-repeat;}
.spt4 ul li .name{ color: #FF9E0D; font-size: 24px; font-weight: bold; text-align: center; margin-top: 32px;}
.spt4 ul li:nth-child(2) .name{ color: #FA8E8E;}
.spt4 ul li .name span{ font-size: 16px; padding: 10px 24px; display: table; margin: 16px auto 0; color: #fff; border-radius: 50px; background: #FF9E0D;}
.spt4 ul li:nth-child(2) .name span{ background: #FA8E8E;}
.spt4 .tbl{ margin-top: 24px}
.spt4 .tbl tr{ border: none;}
.spt4 .tbl tr:nth-child(odd){ background: #F5F5F5;}
.spt4 .tbl tr:first-child{ background: #eee;}
.spt4 .tbl tr td{ border: none; padding: 8px; font-size: 14px;}
.spt4 .price p{ text-align: center; font-size: 24px; margin-top: 32px; color: #fff; font-weight: bold;}
.spt4 .price span{ display: block; font-size: 32px; margin-top: 8px;}
.spt4 .price span b{ font-size: 40px;}

.spt5 ul{ display: flex; justify-content: center; margin-top: 60px;}
.spt5 ul li{ width: 372px; margin: 0 14px;}

.spt6{ margin: 60px auto 0; width: 800px; height: 280px; background: url(../images/img4_2.png) no-repeat; display: flex; justify-content: center;}
.spt6 dt{ width: 110px; display: flex; justify-content: center; align-items: center; line-height: 2; font-size: 20px; color: #fff; font-weight: bold;}
.spt6 dd{ width: 690px; padding:32px 0 0 70px;}
.spt6 dd .icon{ font-size: 28px; color: #46BFCD; font-weight: bold; display: table; background: #fff; border-radius: 50px; padding: 4px 16px;}
.spt6 dd .icon small{ font-size: 24px;}
.spt6 dd .price{ font-size: 24px; color: #fff; font-weight: bold;  display: flex; margin: 8px 0 16px}
.spt6 dd .price p:first-child{ width: 40%;}
.spt6 dd .price span{ font-size: 42px; color: #fbf512;}

.spt7 ul{ display: flex; justify-content: space-around; margin-top: 48px;}
.spt7 ul li{ width: 196px; border: 1px solid #D9D9D9; padding: 8px; margin: 0 8px; border-radius: 8px;}
.spt7 ul li .pr{ margin-top: 8px; font-size: 16px; color: #000; line-height: 1.4;}
.spt7 ul li .pr b{ display: block; font-size: 16px; margin: 0 0 12px;}

.htlBox{ margin-top: 48px}
.htlBox .swiper-wrapper{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.htlBox .htl{ width: 358px; margin: 0 12px 24px; border: 1px solid #D9D9D9; border-radius: 8px; background: #fff;}
.htlBox .htl h3{ font-size: 14px; color: #fff; text-align: center; font-weight: normal; padding: 12px; background: #E53717; position: relative;border-radius: 8px 8px 0 0;}
.htlBox .htl h3::before{ content: url(../images/icon3.png); margin-right: 8px; vertical-align: -5px;}
.htlBox .htl .pht{ position: relative; margin: 16px 16px 0;}
.htlBox .htl .pht span{ display: table; color: #fff; font-size: 14px; padding: 7px 14px; background: rgba(0,0,0,0.6); position: absolute; right: 0; bottom: 0;}
.htlBox .htl .name{ margin-top: 16px;font-size: 20px; font-weight: bold; text-align: center; line-height: 1.4; height: 45px;}
.htlBox .htl .name a{ color: #333; display: block;}
.htlBox .htl .pr{ margin: 16px 16px 0; font-size: 14px; line-height: 1.4;}
.htlBox .htl .btn{ margin: 16px; display: flex; justify-content: space-around;}
.htlBox .htl .btn li{ width: 45%;}
.htlBox .htl .btn li a{ display: block; border: 2px solid #E53717; color: #E53717; text-align: center; border-radius: 5px; padding: 8px 0}
.htlBox .htl .btn li a:hover{ background: #E53717; color: #fff; opacity: 1;}



#part1 .pht{margin-bottom:20px;}

.small_txt{font-size:80%;}