@charset "UTF-8";
/*!
Theme Name: hsc_ultimate
Version: 20200206
*/

/*初期化*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0px; padding: 0px; word-wrap: break-word; vertical-align:middle;}
ul { list-style: none; }
ol  { display: block; text-align:left; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start:1.5em; }
a {text-decoration:underline; font-size:100%; overflow:hidden; outline:none; }
img, a img { border: none; text-decoration:none; max-width:100%; }
.clearBoth { clear:both; font-size:1px; height:0; text-align:center; }
iframe { vertical-align: bottom;}
strong { font-weight:bold;}
main { position:relative; z-index:10;}
img { vertical-align: middle;}
table {border-collapse: collapse;}


/*---------------------------------------------------------
common
---------------------------------------------------------*/
html { font-size: 62.5%; }
/* Text elements */
body { font-size:1.6em; text-align: center; -webkit-text-size-adjust : 100%; height:100%; font-family: Helvetica Neue,Helvetica,YuGothic,Yu Gothic,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif; color: #333;  line-height:1.45;}
h1,h2,h3,h4,h5,h6 { font-size:100%; text-align:center;}
a { color: #666; text-decoration: none; }
a:hover{ text-decoration:underline;}
a:hover:not(.alpha10) { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
ol { display: block; text-align:left; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start:1.5em; text-align:left;}
dl { text-align:left;} dl dd:not(:last-child) { margin-bottom:1.7em;}

/*pの設定*/
p {text-align:left; line-height:1.45;}
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p { margin-top:1rem;}
p+p { margin-top:19px; }/*pが連続していたら、マージン*/
.fa { margin-right:5px; font-size:130%;}/*アイコンフォントの右側のつまりすぎとちょっと小さいのを解消*/
@media screen and (min-width: 320px) and (max-width: 768px) {p {font-size: 1.9rem;}}

/*↓↓↓↓↓ここから設定↓↓↓↓↓*/

/*カスタムセット*/
/*メインカラー設定*/

:root {--maincolor:rgba(0,108,172);}



/*---------------------------------------------------------
レイアウト
---------------------------------------------------------*/
/*全体背景*/
#wrapper { }

/*ヘッダー設定*/
header { background:rgba(255,255,255,0.8); position: absolute; z-index:100; width:100%; top:0; left:0;}
div#header {}

/*レイアウト構成設定*/
.width { width:1080px; margin-left:auto; margin-right:auto;}
main { background-color:#FFF; position:relative; }
footer { background-color:#006CAC; color:#FFF; padding:30px 0;}
#contents { width:770px; float:left;}
#side_contents { width:250px; float:right;}


/*ナビゲーション設定*/
nav { width:1000px;}

/*ナビゲーションの文字*/
ul#menu-glnv>li { white-space: nowrap; font-weight:bold; font-size: 15px; }
ul#menu-glnv>li a {ftext-decoration:none;}
/*ul#menu-glnv>li { background:url(/images/parts/navi.png) no-repeat }ナビゲーションの文字の間の装飾*/

#menu-glnv > li a:hover { opacity: 0.6}/*マウスオーバー時*/
.current-menu-item a { }/*ナビゲーションカレントの背景設定*/

@media screen and (min-width: 320px) and (max-width: 768px) {
nav, .menu__line { background-color:#FFF;}/*背景*/
/*スマホメニューバー*/
.hun_menu  { background:var(--maincolor);}
}


/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu { background-color:#FFF;}
li ul.sub-menu { width:200px; }/*プルダウンの幅*/
ul#menu-glnv>li ul.sub-menu li a { color:var(--maincolor) ; padding:5px; width:100%; display:block; text-align:left;}/*プルダウンの文字*/
ul#menu-glnv>li:first-child { background:none;}/*ナビゲーションの文字の間の装飾を一番最初は削除している*/
/*ul#menu-glnv>li.current-menu-item a { color: #FF0!important; background:none;}カレントメニューデザイン*/
ul#menu-glnv>li ul.sub-menu li a:hover { background-color:var(--maincolor); color:#FFF;}




/*タイトルデザイン*/
.title01 { position:relative; padding-bottom:2.0rem;  font-size:3.0rem; margin-bottom:3.0rem; text-align:center; font-family: "Sawarabi Mincho"; letter-spacing:0; font-weight:bold;}
.title01:after {	margin-left: -75px;	position: absolute;	width: 150px;	height: 1px;	left: 50%;	bottom: 0;	border-bottom: 1px solid #808000;	content: "";}

.title02 { position:relative;   font-size:2.0rem; border-left:var(--maincolor)  solid 8px; padding-left:15px; margin:3.0rem 0 2rem 0; text-align:left; font-weight:normal; }

.title03 { position:relative; background-color:#FBE4E7; color:#666666;  padding:2rem; line-height:1.4; font-size:2.2rem; margin-bottom:30px; text-align:left; font-family: Sawarabi Mincho,serif; font-weight:normal;}

.blog_title { text-align:left; font-size:18px; background-color: var(--maincolor); color:#FFF; padding:15px;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.title01 { font-size:3.2rem;}
}



/*ボタン*/
.btn01 { background-color: var(--maincolor); border:var(--maincolor) 2px solid; border-radius: 50px; font-weight:bold; color:#FFF;  display: inline-block; padding:1.5rem 3rem; text-align:center; 
-box-sizing: border-box;  -webkit-transition: all .3s;  transition: all .3s;}
.btn01:hover {  background-color: #FFF; color:var(--maincolor); text-decoration:none; opacity: 1!important; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }





/*---------------------------------------------------------
追加オリジナルスタイル
---------------------------------------------------------*/



.price_title { background-color:#D9D9DA; font-size:25px;border-radius: 10px 10px 0 0; padding:15px 0; font-weight:bold;}
table.pricebox { margin-left:auto; margin-right:auto; padding:20px 0;}
table.pricebox td { padding:5px 10px; font-size:25px; font-weight:bold;}
table.pricebox tr.bborrwe td { border-top:1px solid #999;}

ul.maruttolist { display:flex;  justify-content: center; }
ul.maruttolist li {width: 260px; background-color:#FFF; padding:20px;border-radius: 15px; margin:20px 15px;}
ul.maruttolist li:nth-child(n+5) {width: 30.6%; }
ul.maruttolist li h3 { font-size:22px; margin-bottom:20px;}
ul.maruttolist li p { margin-top:20px;}

@media screen and (min-width: 320px) and (max-width: 768px) {
ul.maruttolist { display:block;}
ul.maruttolist li {width: 96%; margin-left:auto; margin-right:auto;}
ul.maruttolist li:nth-child(n+5) {width: 96%; }
}







dl.acMenu { margin-bottom:30px;}
.acMenu dt { background-color:var(--maincolor); padding:1.8rem 22px; color:#FFF; font-weight:bold; position:relative; cursor:pointer; margin-bottom:5px; text-align:left;}
.acMenu dt::before { content: "Q"; font-size:110%; margin-right:10px;}
.acMenu dt::after {  font-family: 'Font Awesome 5 Free';  font-weight: 900;  content: "\f107";  position: absolute;  top: 50%;  right: 10px;  margin-top: -10px;}
.acMenu dd { padding:1.8rem 2rem; position:relative;  margin-left: 1.4em;  text-indent: -1.4em; display:none; text-align:left}
.acMenu dd::before { content: "A"; font-size:110%; margin-right:10px;}
.acMenu dt.active::after  {   transform: rotate(-180deg);}


.custom-tab-wrap {  display: flex;  flex-wrap: wrap;  margin:20px 0;}
.custom-tab-wrap:after {  content: '';  width: 100%;  height: 3px;  background: DeepSkyBlue;  display: block;  order: -1;}
.custom-tab-label {  color: White;  background: LightGray;  font-weight: bold;  text-shadow: 0 -1px 0 rgba(0,0,0,.2);  white-space: nowrap;  text-align: center;
  padding: 10px .5em;  order: -1;  position: relative;  z-index: 1;  cursor: pointer;  border-radius: 5px 5px 0 0;  flex: 1;}
.custom-tab-label:not(:last-of-type) {  margin-right: 5px;}
.custom-tab-content {  width: 100%;  height: 0;  overflow: hidden;  opacity: 0;}
/* アクティブなタブ */
.custom-tab-switch:checked+.custom-tab-label {  background: DeepSkyBlue;}
.custom-tab-switch:checked+.custom-tab-label+.custom-tab-content {  height: auto;  overflow: auto;  padding: 15px 0;  opacity: 1;  transition: .5s opacity;  box-shadow: 0 0 0px rgba(0,0,0,.2);}
/* ラジオボタン非表示 */
.custom-tab-switch {  display: none;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.custom-tab-label { margin-right: 0 !important; margin-bottom:5px;  border-radius: 5px; }
}





.price:after {content: "円"; font-size:70%;}

.maincolor {color: var(--maincolor);}
.maincolor_bg {background-color: var(--maincolor);}
.maincolor_border { border-color:var(--maincolor)}

.slider {
  position: relative;
  width: 1080px;
  margin: 50px auto;
  padding: 0;
  height: auto; /* 高さ */
}
.slider img { height:auto;}
.slider .slide {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slick-prev:before,
.slick-next:before { color:#333 !important;
  font-size: 32px;
}
.slick-prev {
  z-index: 1;
  left: 50px;
}
.slick-next {
  z-index: 1;
  right: 50px;
}
.slick-dots {
  bottom: 20px;
}
.slick-dots li button::before {
  color: #333;
}
.slider > .slick-list,
.slider > .slick-list > .slick-track,
.slider > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

div.arrow { padding-top: 80px;}
.privacypolicy h3 { text-align:left; margin-top:20px; font-size: 18px;}
.sitetitle {line-height:1.1;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.slider {

  width: 100%;
  margin: 50px auto;
  padding: 0;
  height: 788px; /* 高さ */
}

div.arrow  { margin:20px 0 !important; padding:0;}


}