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


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

:root {--maincolor:rgba(0,45,125);}

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





/*初期化*/
* { -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; line-height:1.2; word-wrap: break-word; }
ul { list-style: none; }
ol  { display: block; text-align:left; list-style-type: disc;   }
a {text-decoration:underline; font-size:100%; overflow:hidden; outline:none; }
img, a img { border: none; text-decoration:none;  }
.clearBoth { clear:both; font-size:1px; height:0; text-align:center; }
iframe { vertical-align: bottom;}
strong { font-weight:bold;}
main { }
img { vertical-align: middle;}



/*---------------------------------------------------------
common
---------------------------------------------------------*/
html {    font-size: 62.5%;}
/* Text elements */
body { font-size:1.6rem; text-align: center;  -webkit-text-size-adjust : 100%; }
body { color:#333; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
a { color: #666; text-decoration: none; }
a:hover { text-decoration:underline;}
a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/*pの設定*/
p {text-align:left; line-height:1.48;}
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p { margin-top:30px;}
p+p { margin-top:19px;  line-height:1.7; }/*pが連続していたら、マージン*/
.fa { margin-right:5px; font-size:130%;}/*アイコンフォントの右側のつまりすぎとちょっと小さいのを解消*/


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

/*ヘッダー設定*/


/*キャッチ設定*/
#catch { background-image: url(images/haikei8_02.jpg); background-size: cover;}
body:not(.home)  #catch { height:200px; background-position:left center 30px;}


/*ナビゲーション設定*/
#navigation { padding-top:15px;}


nav {  }/*背景*/
ul#menu-glnv {background-color:rgba( 255, 255, 255, 0.8 ); height:60px; width:1080px; margin-left:auto; margin-right:auto;}/*ナビゲーションの高さと横幅*/


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

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

/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu { width:280px; }/*プルダウンの幅*/
li ul.sub-menu li a { color: #333 !important; }/*プルダウンの文字の色*/
.sub-menu li { border-top: 1px dashed #E6E6E6; }/*プルダウンのメニュー間の装飾*/
ul#menu-glnv>li:first-child { background:none;}/*ナビゲーションの文字の間の装飾を一番最初は削除している*/
/*ul#menu-glnv>li.current-menu-item a { color: #FF0!important; background:none;}カレントメニューデザイン*/

footer { background-color:#FFF;}

/*ぱんくず設定*/
#pankuzu { background-color: #F8F8F8; padding:10px}


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








.sanbaist01 { background-color: #7393A2; background-size: auto 100%; height: auto; text-align:center; padding:25px 0; color:#FFF; text-align:center; font-weight:bold; margin-bottom:40px; position: relative; width: 100%; font-size:3.4rem;   line-height:1.3; font-family:"Times New Roman","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "游明朝", "Yu Mincho", "游明朝体", "YuMincho","ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;   font-weight: 900;}
.sanbaist01:after { content: ' '; height: 0; position: absolute; width: 0; border-style: solid;
border-width: 30px 50px 0 50px;
border-color: #007bff transparent transparent transparent; border-top-color: #7393A2; top: 100%; left: 50%; margin-left: -50px; }

.sanbaist02 { background-color: #E1E9EC; background-size: auto 100%; height: auto; text-align:center; padding:25px 0; color:#333; text-align:center; font-weight:bold; margin-bottom:40px; position: relative; width: 100%; font-size:3.4rem;   line-height:1.3; font-family:"Times New Roman","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "游明朝", "Yu Mincho", "游明朝体", "YuMincho","ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;   font-weight: 900;}
.sanbaist02:after { content: ' '; height: 0; position: absolute; width: 0; border-style: solid;
border-width: 30px 50px 0 50px;
border-color: #007bff transparent transparent transparent; border-top-color: #E1E9EC; top: 100%; left: 50%; margin-left: -50px; }



/*レイアウト構成設定*/
main { background-color:#FFF; }
.width { width:1080px; margin-left:auto; margin-right:auto;}
.contents { width:750px; float:left;}
#side_contents { width:220px; float:right;}
@media screen and (max-width: 767px) {
#side_contents { width:100%; float:none;}
}



/*タイトルデザイン*/
.title01 { background:url(images/title_bg.svg) no-repeat center bottom; font-size:3.8rem; color:#002C7D; padding-bottom:50px;}
.title01w { background:url(images/title_bg_white.svg) no-repeat center bottom; font-size:3.8rem; color:#FFF; padding-bottom:50px;}
@media screen and (max-width: 767px) {
	.title01 , .title01w { }
}



.title02 { position:relative;  padding-bottom:2.0rem;  font-size:2.8rem; margin-bottom:3.0rem; text-align:left; font-family: "Sawarabi Mincho";  font-weight:normal; }
.title02:after {position: absolute;width: 80%;height: 1px;left:0;bottom: 0;border-bottom: 1px solid #808000;content: "";}


.title03 { position:relative;  padding:20px; line-height:1.4; font-size:3.4rem; margin-bottom:30px; text-align:center; font-weight:bold;}
.title03:after {margin-left: -45px;	position: absolute;	width: 90px;	height: 1px;	left: 50%;	bottom: 0;	border-bottom: 2px solid #808000;	content: "";}


.single_title { font-size:30px; text-align:left; margin-bottom:20px;}


.blog_title { background:url(images/title_bg.svg) no-repeat center bottom; font-size:2.8rem; color:#002C7D; padding-bottom:50px;}




/*ボタン*/
.btn01 {  display: inline-block;border: solid #333 1px; padding:2.0rem; margin-top:1rem; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all .3s;  transition: all .3s; font-weight: bold;}
.btn01:hover {  background-color: #000; color:#FFF; text-decoration:none; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }




./*btn01 {background-color:#e6c619; color:#FFF; display:inline-block;  min-width:100px; padding:5px 20px; margin:20px 0; border-radius: 8px;}*/
.btn_order { background-color:#1F7CDB; box-shadow: 5px 5px 0px rgba(17,69,121,0.9); color:#FFF; display:inline-block;  min-width:60%; padding:15px 20px; margin:20px 0; border-radius: 8px; font-weight:bold; font-size:30px;}
.btn_order a {color:#FFF;} 
.yoyaku_btn { color:#FFF; padding:10px 25px; margin-right:20px;}
.yoyaku_btn:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.yoyaku_btn::before {content:'\f0da';	font-family:'Font Awesome 5 Free'	;font-weight:900; margin-right:10px;}




/*申し込み部分の半透明色*/
.order_opacity {background: rgba(131,83,35,.7);}


/*---------------------------------------------------------
記事　single設定
---------------------------------------------------------*/
/*タイトルデザイン*/
h2 { background-color:none;}
.blog_ct { border:#CCC solid 1px; font-size:12px; padding:3px;}



/*---------------------------------------------------------
記事　一覧設定
---------------------------------------------------------*/
ul.itiran_tate li { margin-bottom:20px;}


/*---------------------------------------------------------
サイドバー設定
---------------------------------------------------------*/
#blogside { }
h2.sidetitle { }
#blogside h2.sidetitle { border-bottom:#F0F0F0 solid 1px;} 
#blogside select { padding:10px; border:#CCC solid 1px;  border-radius: 8px;}


/*メニューページ*/
.menu_title  { color:#333333; border-bottom: #CCC solid 1px; font-size:18px; font-weight:bold; padding-bottom:5px; margin-bottom:10px; text-align:left;}
.menu_price { color:#D98898; font-weight:bold; font-size:16px; margin-bottom:10px;}
.menu_img { width:250px; height:150px; object-fit: cover; max-width:none; float:right;}



/*第二階層デザイン*/
.menu_cttitle { font-size:24px; color: #990; text-align:center; border-bottom:#D6D189 solid 2px; margin-bottom:10px; padding-bottom:5px; font-family: "Sorts Mill Goudy", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 900;}
.widgettitle { color:#bb4f80; border-bottom:#bb4f80 solid 1px; margin-bottom:15px;}
.sidewidget { margin-bottom:30px;}
.sidewidget ul li {margin-bottom:15px; padding-bottom:15px; border-bottom: dashed #ccc 1px;}




/*---------------------------------------------------------
オリジナル追加
---------------------------------------------------------*/


.t_design2 { border-spacing: 0;}
.t_design2 td,th { border-bottom: 1px solid black; text-align: left; padding: 15px;}


div.wpcf7 p { text-align:center !important;}

.innt { background-color:#CEB44C !important;}


.head_logo { position:absolute;}
.headslide { position:absolute; top:0; right:0; }

@media screen and (max-width: 767px) {
.headslide { position:absolute; top:0; right:0;  width:100% !important;}
.headslide img { max-width:100%;}
}


ul.about_slide li { background-color:#FFF; color:#FDA424; padding:20px; min-height:230px;}
ul.about_slide li span { font-size:6rem;}
ul.about_slide li p { color:#333;}


@media screen and (max-width: 767px) {
	div.style37_box { margin-top:-50px; margin-left:auto !important; margin-left:0; width:90%;}
}



.number { font-size:5rem; margin-bottom:-100px; color:#37918A;}

.style_reason { background-repeat:no-repeat; background-size: auto 100%; padding:50px 0;}

@media screen and (min-width: 320px) and (max-width: 768px) {/*スマホのみの設定*/
/*.singlepageaa2 {height:100%; padding-top:50px !important; padding-bottom:50px}
body.archive h1.singlepageaa {height:100%; padding-top:50px !important; padding-bottom:50px}
body.single h1.singlepageaa {height:100%; padding-top:50px !important; padding-bottom:50px}*/
.style_reason { padding:200px 20px 0 20px; background-size:  100% auto; background-position:top;}
div.style_reason>div { }
}




.slide-items {
  width: 90%; margin:auto;
  height: 100%;
}

.slideprev_btn , .slidenext_btn {position: absolute;	top: 0;	bottom: 0;margin: auto;width: 30px;height: 30px;	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	z-index: 1; cursor:pointer;}

.slideprev_btn {	left: 0;	background-image: url(images/arrow_l.png);}
.slidenext_btn {	right: 0;	background-image: url(images/arrow_r.png)}


/*ul.style67 li:nth-child(3n) { margin-top:60px;}
ul.style67 li:nth-child(3n-1) { margin-top:30px;}*/
.box01 {  display: inline-block; border: solid #FFF 1px; padding:2.0rem; margin-top:1rem; color:#FFF;}


div.faq01 { background-color:#FFFFFF; text-align:right;}
div.faq02 { background-color:#4B9676; text-align:left;}
.faq {background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, #4B9676 50%, #4B9676 100%); margin:60px 0 0 0;}



.add-title-0001 { background-image: url(images/photo001.jpg); font-size:6.0rem; padding:70px 0;display: block; background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;}
.add-title-0001 span { font-size:3.0rem; color:#09C; position: relative; display: block;display: flex;  align-items: center;   justify-content: center; }
.add-title-0001 span:before,.title-0001 span:after {  border-top: 1px solid #09C;  content: "";  width: 4em;}
.add-title-0001 span:before {margin-right: 1em;}.title-0001 span:after { margin-left: 1em; }









.sragmaster { display:inline-block; height: 35px; width:100px; text-align:center;}
.kannrenn_tite { color:#BB4F80; border-bottom:#BB4F80 solid 1px; font-size:20px; padding-bottom:5px; text-align:left;}

.relatelist_url { border-bottom:#CCC dashed 1px; padding-bottom:10px; margin-bottom:10px;}
.relatelist_url a {  color:#BB4F80;}



.info004 {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #c5e7f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#c5e7f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#c5e7f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5e7f5',GradientType=0 ); /* IE6-9 */
 border:#649B98 solid 1px; padding:15px; margin-top:20px;}
div.info004 h2 {font-family: 'Noto Serif JP', serif; margin-bottom:10px; color:#489299; font-weight:bold;}
div.info004 p { font-size:13px}

.info005 {/background: #ead4be; /* Old browsers */
background: -moz-linear-gradient(top,  #ead4be 0%, #ebdfd7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ead4be 0%,#ebdfd7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ead4be 0%,#ebdfd7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead4be', endColorstr='#ebdfd7',GradientType=0 ); /* IE6-9 */
 border:#E4C9AD solid 1px; padding:15px; margin-top:20px;}
div.info005 h2 {font-family: 'Noto Serif JP', serif; margin-bottom:10px; color:#489299; font-weight:bold;}
div.info005 p { font-size:13px}




/*addition*/
   .slider {
        width: 90%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }



	./*slide_bg { background:url(images/slideline.png) repeat-x center }*/


/*additionパソコンのみ*/
@media screen and (min-width: 768px) {
.ani_hover_opacity img {
	opacity: .5;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ani_hover_opacity:hover img {
	opacity: 1 !important;}
	
.ani_hover_scale img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ani_hover_scale:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

}

.balloon2{
  display:block; font-size:2.4rem; font-weight:bold; 
  position: relative;
  margin: 10px; margin-bottom:30px;
  padding:20px;
  background: #3BA2FF;
  border-radius: 0px;
  color: #fff;
}
.balloon2::after{
  content: "";
  position: absolute;
  margin: 0;
  bottom: -25px;
  left: 60px;
  width: 0;
  height: 0;
  border-top: 40px solid #3BA2FF;
  border-left: 22px solid transparent;
  border-right: 12px solid transparent;
  transform: rotate(-30deg);
}

.add--001{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;/*横*/ -webkit-align-items: center; align-items: center;/*縦*/ }
.add--001 span { font-size:12rem; font-weight:900; letter-spacing: -9px; opacity:0.15;}
.add--001>div { margin-left:-60px;}


ul.newslist95 li { margin-bottom:15px; padding-bottom:15px; border-bottom:#CCC solid 1px; text-align:left;} 
ul.newslist95 li span { padding:0.6rem;  border-radius: 0px; display:inline-block; margin-left:20px; width:100px; text-align:center; font-size:1.4rem}


/*会社概要*/
.kaisha {width: 100%;}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #dedede; 
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}





ul.add--check01 li { font-size:18px; font-weight:bolder; text-align:left; background-color:#FFF; background-image: url(images/check001.png); background-repeat:no-repeat; background-position:20px center ; padding:20px 20px 20px 80px; margin-top:20px; border-radius:15px;}

ul.add--check02 li { font-size:18px; font-weight:bolder; text-align:left; background-image: url(images/check002.png); background-repeat:no-repeat; background-position:20px center ; padding:20px 20px 20px 50px; border-radius:15px;}
ul.add--check03 li { font-size:20px; font-weight:bolder; text-align:left; background-image: url(images/check003.png); background-color:#FEEBEB; background-repeat:no-repeat; background-position:15px center ; padding:20px 20px 20px 70px; border-radius:0px; margin:20px 0px 0px 0px;}



.style103_odd , .style103_even {display: flex; height:400px; margin-bottom:50px;}
.style103_even {flex-direction: row-reverse;}
.style103_odd>div ,.style103_even>div  { width:60%;display: flex; align-items: center;}
.style103_odd>div:nth-of-type(1) {  margin-right:-5%; }
.style103_even>div:nth-of-type(1) {  margin-left:-5%;}
.style103_even>div:nth-of-type(2) {-webkit-justify-content: flex-end; justify-content: flex-end;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.style103_odd , .style103_even {display: flex; flex-direction: column; height: auto; margin-bottom:5rem;}
.style103_odd>div ,.style103_even>div  { width:100%;display: flex; align-items: center;}
.style103_odd>div:nth-of-type(1)  , .style103_even>div:nth-of-type(1){  margin:0; margin-bottom:-70px; min-height:200px;}
.style103_odd>div:nth-of-type(2)  , .style103_even>div:nth-of-type(2)  { width:90%; margin-left:auto; margin-right:auto;}
}

p.inta01 { font-style:italic; padding-left:50px; background:url(images/inta01.png) no-repeat left 5px; color:#999}
p.inta_title { color:#FDA424; font-weight:bold; font-size:2.2rem; border-bottom:#FC3 solid 1px;}
p.presi { font-size:3.6rem; font-weight:bold;   font-family: "Sawarabi Mincho"; text-align:center;}