@charset "utf-8";

/* 白鳥瓦さん用スタイル */

/* ----------------------------------------------------------------------
 TOP投稿一覧用横3列
---------------------------------------------------------------------- */
.blogline-img{margin: 0 0 10px 0;text-align:center;}
.blogline-cat{font-family:"Shin Go Medium";font-size:60%;color:rgb(22,50,89);padding: 0 0 0px 0;margin: 0 0 10px 0;}
.blogline-cat a{color:rgb(22,50,89);}

/* ----------------------------------------------------------------------
 投稿用オートスタイル
---------------------------------------------------------------------- */
.single-contents p{font-family: "Shin Maru Go Medium";font-size:100% !important;letter-spacing:1px !important;text-align: justify !important;text-justify: inter-ideograph !important;}
.single-contents h3{font-family: "Shin Maru Go Medium";font-size:120% !important;padding-bottom:6px;font-weight: normal;border-bottom:2px solid rgb(255,205,31);}
.single-contents h3:before{font-family: "Font Awesome 5 Free";content: "\f138";font-weight: 900;font-size: 1em;margin-right:5px;left: 0.25em;top: 0.5em;color:rgb(6,33,104);}
.single-contents ul{margin-bottom:20px;}
.single-contents li{line-height:38px;}
/* スマホ用ブログ横並び */
.sp_item1{min-height:140px;border-bottom: 1px solid #CCC;padding-top:10px;}/* SP表示用ブログロールズッコケ止め */
.sp_item1:nth-last-child(1) { /* 最後の要素に枠線を消す*/
  border-bottom: none;
}
.thumb top_item-img_sp{margin-top:10px;}
.top_item-title_sp{font-family: "Shin Maru Go Medium";font-size:100% !important;margin-top:15px;}
.top_item-title_sp a{color:#262626 !important;}
/* ----------------------------------------------------------------------
 固定スタイル
---------------------------------------------------------------------- */
/* 画像中央センター配置 */
.img-center img{display:block;margin-left: auto;margin-right: auto;}
/* 角まる画像フチスタイル */
.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%;
}

/* ----------------------------------------------------------------------
 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フォント */
.mincho-b{font-family: "Ryumin ExtraBold KL";}
.mincho-m{font-family: "Ryumin Medium KL";}
.shin-go-b{font-family: "UD Shin Go NT Bold";}
.shin-go-m{font-family: "Shin Go Medium";}
.shin-go-l{font-family: "Shin Go Light";}
.shin-maru-m{font-family: "Shin Maru Go Medium";}
.shin-maru-l{font-family: "Shin Maru Go Light";}

/* フォントcolor */
.color-b1{color:rgb(6,33,104);}/* 濃紺 */
.color-p{color:rgb(242,92,93);}
.color-r{color:rgb(218,22,23);}
.color-h{color:#fff;}
.color-y{color:rgb(255,205,31);}
/* フォントサイズ */
.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%;}

/* ----------------------------------------------------------------------
固定スタイル
---------------------------------------------------------------------- */
/* 文字ボタン（小) */
.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);}
.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;/*下のバーとの余白*/
}


/* 左右丸枠見出しスタイル */
.midashi-maru01{text-align:center;}
.midashi-maru01 h3{display:inline-block;font-size:160%;padding:8px 60px;margin-bottom:0px;color:#fff;background-color:rgb(242,92,93);border-radius:9999px;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}

/* レスポンシブスタイル
---------------------------------------------------------------------- */


/* PC表示 */
@media screen and (min-width: 781px) {
/* 文字枠スタイル */
.text-waku1{border:3px solid rgb(255,205,31);background-color:rgba(238,238,238,0.3);border-radius:6px;margin:30px 60px;padding:10px 20px;}
/* TOPページワイド画像スタイル */
.top-head-img{background: url(images/company-tophead01.webp) no-repeat center center;min-height:500px;padding-top:140px;}
/* コンテンツページ画像ワイドヘットスタイル */
.top-head-img2{background: url(images/company-tophead02.webp) no-repeat center center;min-height:380px;padding-top:120px;}
/* TOP告知PRバースタイル */
.top-pr-ber01{min-height:336px;margin-bottom:40px;padding-top:20px;background-image:url(images/top-pr-ber-bg01.webp);background-position:top right;background-repeat:no-repeat;}
.top-pr-ber01 h3{font-size:220%;letter-spacing:1px;font-family: "Shin Go Bold";font-weight:400 !important;text-align:center;}
.top-pr-ber01 h4{font-size:140%;font-family: "Shin Go Medium";text-align:center;margin-top:15px;margin-bottom:5px;}
.top-pr-text1-waku{text-align:center;}
.top-pr-text1{display:inline-block;margin-bottom:25px;padding:0 60px;font-size:140%;background-color:rgb(22,50,89);border-radius:9999px;font-family: "Shin Go Medium"}
.moji_bo03{margin:20px;line-height:28px !important;font-size:110% !important;letter-spacing:2px;text-align:center;font-family:"Shin Go Medium";}
.moji_bo03 a{display:block;color:#fff;padding:8px 0px;border:1px solid rgb(242,92,93);background-color:rgb(242,92,93);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_bo03 a:hover{background-color:rgb(255,255,255);padding:8px 0;color:rgb(242,92,93);border:1px solid rgb(242,92,93);}
/* 見出し両端に線を伸ばすスタイル */
.head-border{font-family: "Shin Go Medium";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(6,33,104);}
.head-border:before {left: 0;}
.head-border:after {right: 0;}
.tel-bg-wide{background-color:rgb(245,245,245);padding-top:30px;padding-bottom:25px;}
/* TOP下部のアクセス情報用スタイル */
.access-data1{margin-top:30px;}
.access-data1 h3{font-family: "Shin Maru Go Medium";margin-top:-30px;font-size:140%;line-height:170%;letter-spacing:1px;text-align:center;}
.access-data1 ul{list-style:none;padding:0;margin:0;}
.access-data1 li{font-family: "Shin Maru Go Medium";text-align:center;font-size:120%;line-height:190%;letter-spacing:1px;}
.align1-pc{text-align:center;}
/* 余白レスポンシブ */
.mt20pc{margin-top:20px;}
.mr10pc{margin-right:10px;}
.br-sp{display:none;}/* 改行レスポンシブ */
.sp{display:none;}/* PC非表示 */
}

/* スマホ表示 */
@media screen and (max-width: 780px) {
/* HEADコンテンツスタイル */
.top-head-text h2{text-align:center;line-height:220%;letter-spacing:2px;padding-top:35px !important;font-family:"Ryumin ExtraBold KL";}
.head-text-m{font-size:200% !important;}
.head-text-s{font-size:140% !important;}
.top-head-text h3{text-align:center;color:#000;font-size:90% !important;font-family:"Shin Go Medium";line-height:200%;margin-top:-10px;}
/* TOP告知PRバースタイル */
.top-pr-ber01{border:4px solid rgb(255,205,31);background-color:rgba(238,238,238,0.3);border-radius:6px;margin:5px 0px;padding:10px;}
.top-pr-ber01 h3{font-size:180%;line-height:43px;margin-top:5px;letter-spacing:2px;font-family: "Shin Go Bold";font-weight:400 !important;text-align:center;}
.top-pr-ber01 h4{font-size:120%;font-family: "Shin Go Medium";text-align:center;margin-top:15px;margin-bottom:5px;}
.top-pr-text1-waku{text-align:center;}
.top-pr-text1{display:block;margin-bottom:5px;font-size:120%;background-color:rgb(22,50,89);font-family:"Shin Go Medium"}
.moji_bo03{margin:20px 0 0 0;line-height:28px !important;font-size:120% !important;letter-spacing:2px;text-align:center;font-family:"Shin Maru Go Medium";}
.moji_bo03 a{display:block;color:#fff;padding:8px 0px;border:1px solid rgb(242,92,93);background-color:rgb(242,92,93);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_bo03 a:hover{background-color:rgb(255,255,255);padding:8px 0;color:rgb(242,92,93);border:1px solid rgb(242,92,93);}
.tel-bg-wide{background-color:rgb(245,245,245);padding-top:30px;padding-bottom:5px;}
.head-border{font-family: "Shin Go Medium";color:rgb(22,50,89);}
.slash-heading-line{font-family:"Shin Go Medium";font-size:110%;line-height:160%;}
.text-waku1{border:3px solid rgb(242,92,93);background-color:rgba(238,238,238,0.3);border-radius:6px;margin:60px 0px;padding:10px;}
/* 3つの特長 */
.point-moji{font-size:120%;line-height:32px;letter-spacing:1px;font-family: "Shin Maru Go Medium";}
.point-moji-p{font-size:100%;line-height:28px;letter-spacing:1px;font-family: "Shin Go Medium";}
/* TOP下部のアクセス情報用スタイル */
.access-data1{margin-top:20px;}
.access-data1 h3{font-family: "Shin Maru Go Medium";margin-top:0;font-size:120%;line-height:170%;text-align:center;}
.access-data1 ul{list-style:none;padding:0;margin:0;}
.access-data1 li{font-family: "Shin Maru Go Medium";text-align:center;font-size:100%;line-height:190%;letter-spacing:1px;}
.sp-padding-t40{padding-top:40px;}
.sp-margin-t20{margin-top:20px;}
.sp-margin-b20{margin-bottom:20px;}
.sp-margin-l40{margin-left:40px;}
.sp-margin-top-20{margin-top:-20px;}
.pc{display:none;}/* スマホ非表示 */
.br-pc{display:none;}/* 改行レスポンシブ */
}


.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);}

/* ----------------------------------------------------------------------
モーションフッター動作スタイル
---------------------------------------------------------------------- */
/* メインフッター部分スタイル */
@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; }
.margin-top10{ margin-top: 10px; }
.margin-top20{ margin-top: 20px; }
.margin-top30{ margin-top: 30px; }
.margin-top40{ margin-top: 40px; }
.margin-top50{ margin-top: 50px; }
.margin-top60{ margin-top: 60px; }
.margin-top70{ margin-top: 70px; }
.margin-top80{ margin-top: 80px; }
.margin-top90{ margin-top: 90px; }
.margin-top100{ margin-top: 100px; }

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb0{margin-bottom:0px;}
.margin-bottom10{ margin-bottom: 10px; }
.margin-bottom20{ margin-bottom: 20px; }
.margin-bottom30{ margin-bottom: 30px; }
.margin-bottom40{ margin-bottom: 40px; }
.margin-bottom50{ margin-bottom: 50px; }
.margin-bottom60{ margin-bottom: 60px; }
.margin-bottom70{ margin-bottom: 70px; }
.margin-bottom80{ margin-bottom: 80px; }
.margin-bottom90{ margin-bottom: 90px; }
.margin-bottom100{ margin-bottom: 100px; }