@charset "utf-8";

/* 公営用用スタイル */


/* ----------------------------------------------------------------------
 固定スタイル
---------------------------------------------------------------------- */
/* 画像中央センター配置 */
.img-center img{display:block;margin-left: auto;margin-right: auto;}

.moji-marker{text-decoration:underline;text-decoration-thickness: 0.5em;text-decoration-color: rgba(236,105,65,0.5);text-underline-offset: -0.2em;text-decoration-skip-ink: none;}

/* 角まる画像フチスタイル */
.kadomaru-fuchi img{overflow:hidden;border-radius:8px;border:1px solid rgb(217,217,217);}
/* 画像丸切り抜き */
.maru-cut img{border-radius: 50%;}
/* 左右文字均等配置 */
.just{text-align: justify !important;text-justify: inter-ideograph !important;}
/* 画像下の小見出しとキャプション */
.sub-midashi{text-align:center !important;font-family:"Shin Maru Go Medium" !important;letter-spacing:1px !important;margin-top:5px !important;margin-bottom:5px !important;}
.sub-caption{letter-spacing:1px;text-align:justify !important;line-height:1.5em;text-justify:inter-ideograph !important;margin-top:0px;padding-top:0px;}
/* ラインマーカー */
.marker-yellow{background:linear-gradient(transparent 60%, #ffff66 60%);}
/* dlリスト横並び */
.lists-content dl{margin-top:40px;}
.lists-content dt{
font-size:95%;
line-height:40px;
margin-right:10px;
text-align-last: justify;
width:70px;
display: block;
float: left;
clear:both;
}
.lists-content dd{
line-height : 40px;
font-size:90%;
}
/* 文字ボタン（小) */
.moji_bo01{margin-top:30px;line-height:28px !important;font-size:110% !important;letter-spacing:2px;text-align:center;font-family:"Shin Go Medium";}
.moji_bo01 a{display:inline-block;color:#fff;padding:12px 60px;border:1px solid rgb(22,50,89);background-color:rgb(22,50,89);border-radius:9999px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all  0.5s ease;}
.moji_bo01 a:hover{background-color:rgb(255,255,255);padding:12px 60px;color:rgb(22,50,89);text-decoration:none;border:1px solid rgb(22,50,89);}
/* 文字ボタン ワイド（大） */
.moji_bo02{margin-top:30px;line-height:28px !important;font-size:110% !important;letter-spacing:2px;text-align:center;font-family:"Shin Go Medium";}
.moji_bo02 a{display:block;color:#fff;padding:12px 0px;border:1px solid rgb(22,50,89);background-color:rgb(22,50,89);border-radius:9999px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all  0.5s ease;}
.moji_bo02 a:hover{background-color:rgb(255,255,255);padding:12px 0px;color:rgb(22,50,89);text-decoration:none;border:1px solid rgb(22,50,89);}

/* レスポンシブスタイル
---------------------------------------------------------------------- */
/* PC表示 */
@media screen and (min-width: 781px) {
/* TOPページワイド画像スタイル */
.top-head-img{background: url(images/company-tophead01.webp) no-repeat center center;padding-top:120px;margin-bottom:60px;min-height:500px;}
/* 見出し両端に線を伸ばす見出しスタイル */
.head-border{position:relative;display:inline-block;padding: 0 80px;color:rgb(22,50,89);}
.head-border:before,
.head-border:after {content: '';position: absolute;top: 50%;display: inline-block;width: 60px;height: 2px;background-color:rgb(22,50,89);}
.head-border:before {left: 0;}
.head-border:after {right: 0;}
.top-text1{font-size:110% !important;font-weight:700;line-height:42px;letter-spacing:1px;}
/* フルワイドBGスタイル */
.wide-bg01{margin-top:60px;padding:60px 0 40px 0;background-image:url(images/wide-bg01.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.titel-bg1{background-color:rgb(60,82,132);margin-top:60px;margin-bottom:60px;padding:40px 0 20px 0;}
.titel-bg1 h2{font-size:180% !important;color:#fff;letter-spacing:2px;text-align:center;}
/* フルワイド用INBOXスタイル */
.inbox1{padding:15px;background-color:rgba(255,255,255,0.8);border-radius:6px;}
.br-sp{display:none;}/* 改行レスポンシブ */
.sp{display:none;}/* PC非表示 */
}

/* スマホ表示 */
@media screen and (max-width: 780px) {
.head-border{color:rgb(22,50,89);}
.pc{display:none;}/* スマホ非表示 */
.br-pc{display:none;}/* 改行レスポンシブ */
}

/* ----------------------------------------------------------------------
 3つの特長専用
---------------------------------------------------------------------- */
/* 3つの特長BG */
.point-bg-wide{background-color:rgb(229,229,229);padding-top:30px;padding-bottom:30px;}
.point-bg-wide-0{padding-top:30px;padding-bottom:30px;}
.point01{padding-left:78px;background-image:url(images/point01-bg.webp);background-position:center left;background-repeat:no-repeat;min-height:68px;}
.point02{padding-left:78px;background-image:url(images/point02-bg.webp);background-position:center left;background-repeat:no-repeat;min-height:68px;}
.point03{padding-left:78px;background-image:url(images/point03-bg.webp);background-position:center left;background-repeat:no-repeat;min-height:68px;}
.point-moji{font-size:120%;line-height:34px;letter-spacing:1px;}
.point-moji-p{font-size:100%;line-height:28px;letter-spacing:1px;}
/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px;} /* 右に回り込み */
.l-flo{float:left;margin:10px;}  /* 左に回り込み */
.l-flo2{float:left;margin:10px 10px 0px 0px;}/* 左に回り込み下余白なし */
.f-clear{clear:both;}      /* 回り込みの解除 */


/* ワイド枠スタイル */
.waku-bg01{background-color:rgb(1,157,179);min-height:230px;padding-top:30px;padding-bottom:30px;margin-top:40px;}
/* ----------------------------------------------------------------------
フォント関連
---------------------------------------------------------------------- */
/* WEBフォント */


/* フォントcolor */
.color-b1{color:rgb(6,33,104);}/* 濃紺 */
.color-h{color:#fff;}
.color-y{color:rgb(255,231,0);}
/* フォントサイズ */
.text-size-s{font-size:32px !important;}

/* Font
-----------------------------------------------------------------------------*/
.moji80{font-size:80%;}
.moji90{font-size:90%;}
.moji100{font-size:100%;}
.moji120{font-size:120%;}
.moji160{font-size:160%;}
.moji180{font-size:180%;}
.moji200{font-size:200%;}

/* レスポンシブ対応 Font/line-height
-----------------------------------------------------------------------------*/
/* PC表示 */
@media screen and (min-width: 781px) {
.re-moji90{font-size:90%;}
.re-moji120{font-size:120%;}
.re-line-height17{line-height:170%;}
}

/* スマホ表示 */
@media screen and (max-width: 780px) {
.re-moji90{font-size:100%;}
.re-moji120{font-size:140%;}
.re-line-height17{line-height:200%;}
}

/* 文字間隔
---------------------------------------------------------------------- */
.ls-1{letter-spacing:1px;}
.ls-2{letter-spacing:2px;}
.ls-3{letter-spacing:3px;}

/* line-height
-----------------------------------------------------------------------------*/
.moji-height170{line-height:170%;}

/* ----------------------------------------------------------------------
固定スタイル
---------------------------------------------------------------------- */

.area-one-bg2{padding-top:30px;padding-bottom:5px;background:url(images/bg1.gif) ;min-height:460px;background-attachment:}
.inbox01{max-height:600px;background-color:rgba(255,255,255,0.8);border-radius:8px;padding:20px 20px 0 20px;box-shadow: 0 0 8px gray;}
.kome-list1 dl{
  padding: 0;
  position: relative;
}

.kome-list1 dt{
  color:#fff;
  font-family:"Shin Maru Go Medium";
  text-decoration:none !important;
  font-size:100%;
  letter-spacing:1px;
  border-left: solid 10px orange;/*左側の線*/
  background-color:rgb(22,50,89);/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 0.8;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
}

.kome-list1 dd{
  font-family:"Shin Maru Go Medium";
  font-size:90%;
  margin-bottom:10px;/*下のバーとの余白*/
  margin-left:20px;/*下のバーとの余白*/
}




.content-head1{margin:auto;max-width:860px;min-height:200px;background-image:url(images/staff01.webp);background-repeat:no-repeat;background-position:right bottom;}
.content-taitel-h1{font-family:"Shin Go Bold";font-size:200%;color:rgb(194,81,85);letter-spacing:4px;padding-top:60px;}
.content-taitel-h2{display:inline-block;font-family:"Shin Maru Go Medium";font-size:140%;color:#fff;letter-spacing:1px;padding:6px 8px;background-color:rgb(194,81,85);border-radius:6px;}
.wide-container1{background-color:rgb(252,251,233);}
.content-inbox{margin:auto;max-width:960px;}

/* ----------------------------------------------------------------------
  フォバーアクション関連
---------------------------------------------------------------------- */

/* ONマウスで画像拡大 */
.img_wrap{
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.3);
  transition-duration: 0.5s;
}

/* ----------------------------------------------------------------------
  Flexbox 配置関連
---------------------------------------------------------------------- */
/* 親要素指示なし */
.f-container_master {display: flex;}
.f-item50{width:50%;margin-right: 0.5%;}
.f-item50t{width:50%;margin-right: 0.5%;margin-top:0.5%;}
.f-item0{width:50%;margin-right:0%;}
.f-item0t{width:50%;margin-right:0%;margin-top:0.5%;}

/* 電話バーとメールボタンスタイル */
.telber1-pc img{border-radius:4px;overflow:hidden;border:3px solid rgb(192,96,98);}
.telber1-pc{margin-bottom:30px;}
.telber1-sp img{border-radius:4px;overflow:hidden;border:3px solid rgb(192,96,98);}


/* ----------------------------------------------------------------------
 デザインテーブル
---------------------------------------------------------------------- */
/* 左右余白 */
.lr-yohaku{margin:0 60px 20px 60px;}
/* テーブル本体 */
.design-table2 {
  border-collapse: collapse;
  margin: 0 auto;
  padding-bottom:60px;
  width: 100%;
  table-layout: fixed;
}

.design-table2 tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted rgb(22,50,89);
}
.design-table2 tr:first-child{
   border-top: 0px;
}
.design-table2 tr:last-child{
   border-bottom: 0px;
}
.design-table2 th {
	letter-spacing:2px;
	width:20%;
	font-weight: 900;
	color:rgb(1,64,153);
	padding: 1em 10px 1em 1em;
	line-height : 28px;
}
.design-table2 td {padding:1em 10px 1em 1em;line-height:28px;letter-spacing:1px;}

@media only screen and (max-width:480px){
.design-table2 th,
.design-table2 td { width: 100%; display: block;padding: 5px;}
.design-table2 tr {padding:20px;}
}


/* ----------------------------------------------------------------------
モーションフッター動作スタイル
---------------------------------------------------------------------- */
/* メインフッター部分スタイル */
@media only screen and (min-width: 1401px) {
.mein-footer{background-color:rgb(32,70,141);width:100%;padding-bottom:20px;}
.mein-footer-inner{max-width:1300px;margin: 0px auto 0 auto;color:#fff;height:120px;}
.footer-inner-img{margin-top:20px;width:89px;height:auto;}
.footer-inner-titel{font-size:100%;line-height:20px;font-family:"Shin Go Medium";margin-top:25px;margin-bottom:0px;color:fff;}
.footer-inner-tel{font-size:160%;line-height:48px;font-family:"Shin Go Bold";margin-top:0px;margin-bottom:0px;}
.footer-inner-name{font-size:100%;font-family:"Shin Maru Go Medium";text-align:right;padding-top:65px;margin-bottom:0px;}
#motion-footer{position:fixed;bottom: -3px;left: 0;width: 100%;z-index:9999;}
.pc-topmargin{padding-bottom:300px;}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
.mein-footer{background-color:rgb(0,125,113);width:100%;}
.mein-footer-inner{max-width:1000px;margin: 0px auto 20px auto;color:#fff;height:90px;}
.footer-inner-img{overflow:hidden;border-radius:100%;margin-top:0px;width:70px;height:70px;}
.footer-inner-titel{font-size:120%;line-height:28px;font-family:"Zen Kaku Gothic New", sans-serif;font-weight:700;font-style: normal;margin-top:16px;margin-bottom:0px;}
.footer-inner-name{font-size:90%;font-family:"Shin Maru Go Medium";text-align:right;padding-top:50px;margin-bottom:0px;}
.footer-inner-sns1 img{padding-top:25px;margin-left:0px;}
.footer-inner-sns2 img{padding-top:25px;margin-left:0px;}
#motion-footer{position:fixed;bottom:-23px;left: 0;width: 100%;z-index:9999;}
}

.motionf{opacity:0;transition: .3s;}

/* TOPページ下部の横並びメニューPC専用 */
.content_menu_ber{
	display: flex;
}
.content_menu_ber>div{
    /*コレ*/flex: 1;
	text-align:center;
	font-size:120%;
	font-weight:700;
	line-height:50px;
	font-family:"Shin Maru Go Medium";
	padding: 0px;/*ボタン周囲の余白*/
	margin:0px;/*ボタン周囲の余白*/
}
.content_menu_ber a{
	display:block;
	color:rgb(83,83,83); !important;/*文字は白に*/
	background: rgb(229,229,229);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.content_menu_ber a:hover{
	text-decoration: none; 
	color:#fff;/*文字は白に*/
	background:rgb(0,153,68);
}

/* GO TOPボタンのデザイン */
.pagetop {
  cursor: pointer;
  position: fixed;
  z-index:99999;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: .3s;
  color: #333333;
  font-weight:700;
  background: rgb(244,236,225);
  
/*   デフォルトは非表示 */
  opacity: 0;
}
.pagetop:hover {
    box-shadow: 0 0 10px rgb(195,148,78);
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* ここがサイドボタンのデザイン */
#sidebo-info1{
position:fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: white;
z-index:888;
}
/* GO TOPのデザイン */
.go-top{
top:300px;
right:10px;
z-index:9999;
color:#CCC;
font-size:28px;
background:#fcfcfc;
padding:8px 15px 12px 15px;
border-radius:100%;
}
/* スクロールアクションのデフォルトは非表示 */
.sidebo{opacity:0;transition: .3s;}

/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px} /* 右に回り込み */
.l-flo{float:left;margin-right:10px}  /* 左に回り込み */
.l-flo2{float:left;margin-right:20px;}  /* 左に回り込み */
.f-clear{clear:both}      /* 回り込みの解除 */

/* グリッド余白調整 */
.row-0{ margin-left:0px;  margin-right:0px;}
.row-0 >div{ padding-right:0px;  padding-left:0px;}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;padding-left:5px;}

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important} /* 中央寄せ */
.align2{text-align:right !important}  /* 右寄せ */
.align3{text-align:left !important} /* 左寄せ */


/* margin
-----------------------------------------------------------------------------*/
.mt0{margin-top:0px;}
.mt5{ margin-top:5px; }
.mt-20{ margin-top:-20px; }
.mt-30{ margin-top:-30px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb0{margin-bottom:0px;}
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }