@charset "UTF-8";
/*
Theme Name: kintaro
Theme URI: https://work1989.com
Author: Advertising studio work
Author URI: https://work1989.com/
*/
/*
@font-face{
  font-display: swap;
  font-family: 'Rajdhani';
  src: url('https://shokuhin-k.co.jp/wp-content/themes/shokuhin_k/fonts/Rajdhani/Rajdhani-Medium.ttf') format('truetype');
}*/


/*Regular*/
/*@font-face {
	font-display: swap;
  font-family: 'Noto Sans JP';
  src: url('https://shokuhin-k.co.jp/wp-content/themes/shokuhin_k/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}*/

/*Midium*/
/*@font-face {
	font-display: swap;
  font-family: 'Noto Sans JP';
  src: url('https://shokuhin-k.co.jp/wp-content/themes/shokuhin_k/fonts/Noto_Sans_JP/NotoSansJP-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}*/

/*Bold*/
/*@font-face {
	font-display: swap;
  font-family: 'Noto Sans JP';
  src: url('https://shokuhin-k.co.jp/wp-content/themes/shokuhin_k/fonts/Noto_Sans_JP/NotoSansJP-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}*/



@media screen and (min-width: 560px) {}
@media screen and (min-width: 960px) {}
@media (min-width: 1200px) {}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}

.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

ol, ul {list-style: none;}
blockquote, q {quotes:none;}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定*/
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃える*/
a {
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
cursor:pointer;
color: currentColor;
text-decoration: none;
}

a:hover img {opacity: .8;}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更*/
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用。*/
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

/*テキストに打ち消し線が付く*/
del {text-decoration: line-through;}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくように
また、マウスオーバー時にヘルプカーソルの表示が出るように*/
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定*/
table {
border-collapse:collapse;
border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなく*/
hr {
display:block;
height:1px;
border:0;  
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

/*縦方向の揃え位置を中央揃えに指定*/
input, select {
vertical-align:middle;
}

/*画像を縦に並べた時に余白が出ないように*/
img {
vertical-align: top;
font-size: 0;
line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.lazyload {opacity: 0;}
.is-lazyloaded {opacity: 1; transition: opacity .8s ease-out;}


.btn_wrap{display:flex; width:80%; background:#ffffff; border:2px solid #b9302c;  padding:20px; align-items:center; justify-content:center; flex-wrap:wrap; margin: 0 auto; border-radius:20px;}
.btn_wrap_s{background:#ffffff; border:2px solid #b9302c;  padding:20px;  border-radius:20px; display:inline-block; padding:0 20px;}
.btn_wrap div{margin:0 10px;}
.btn_txt{color:#b9302c; font-weight:bold;}
.btn_media{position:relative; padding-left:2.5rem;}
.btn_media:before{
font-family: "Font Awesome 6 Free";
content: "\f1ea";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  left: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
	transition: all 0.3s;
}


 a.btn{
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 0.1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
  border-radius: 10px;
}

a.btn-c {
  font-size: 1.5rem;
  position: relative;
  border-radius: 10px;
  padding: 1.0rem 5rem 1.2rem 3rem;
  color:#fff;
	background:#b9302c;
	min-width:220px;
}


a.btn-c:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-c span:after{color: #fff;}
a.btn-c:hover {color: #fff;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-c:hover{background:#214183;}
a.btn-c:hover:after {right: 0.5rem;}



a.btn-d {
  font-size: 1.3rem;
  position: relative;
  border-radius: 5px;
  padding: 0.8rem 5rem 0.8rem 3rem;
  color:#fff;
	min-width:100px;
	border:1px solid #ffffff;
}


a.btn-d:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-d span:after{color: #214183;}
a.btn-d:hover {color: #214183;}

a.btn-d:hover{background:#ffffff;}
a.btn-d:hover:after {right: 0.5rem;}



a.btn-e {
	font-size: 1.3rem;
  position: relative;
  border-radius: 5px;
  padding: 0.9rem 5rem 0.9rem 3rem;
  color:#fff;
	background:#b9302c;
	min-width:100px;
height:40px;
}


a.btn-e:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-e span:after{color: #fff;}
a.btn-e:hover {color: #fff;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-e:hover{background:#214183;}
a.btn-e:hover:after {right: 0.5rem;}




a.btn-f {
	font-size: 1.1rem;
  position: relative;
  border-radius: 5px;
  padding: 0.8rem 4rem 0.8rem 2rem;
  color:#fff;
	background:#b9302c;
	min-width:120px;
}


a.btn-f:after {
	font-family: "Font Awesome 6 Free";
	  content: "\f061";
  font-size: 1.0rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.4rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-f span:after{color: #fff;}
a.btn-f:hover {color: #fff;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-f:hover{background:#214183;}
a.btn-f:hover:after {right: 0.5rem;}


a.btn-g {
  font-size: 1.5rem;
	position: relative;
	border:1px solid #b9302c;
  border-radius: 10px;
  padding: 1.0rem 5rem 1.2rem 3rem;
  color:#b9302c;
	background:#ffffff;
	min-width:220px;
}


a.btn-g:after {
	font-family: "Font Awesome 6 Free";
	content: "\f061";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;

  -webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}
a.btn-g span:after{color: #fff;}
a.btn-g:hover {color: #fff;}
/*a.btn-c:hover:before {opacity: 0;}*/
a.btn-g:hover{background:#b9302c;}
a.btn-g:hover:after {right: 0.5rem;}



a.btn-z{
width:120px;
  position: relative;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
	font-size: 1.2rem;
}


a.btn-z:before,
a.btn-z:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 1px;
  background: #ffffff;
}
a.btn-z:before{
  width: 60px;
  transform: translate(30px, 0px);
}
a.btn-z:after{
  width: 15px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}


a.text_anc{text-decoration:underline; color:#b9302c;}
a.text_anc02{text-decoration:underline; text-decoration-color:#b9302c; }
a.text_anc03{text-decoration:underline;  }
/*====================================

----------------------------------

----------------------------------
====================================*/
html {font-size: 62.5%;/* ルートのフォントサイズを10pxに設定しておく */}

body{
width: 100%;
min-height: 100%;
overflow-y: scroll;
	/*font-family:  YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
	/*font-family: 'Noto Sans JP', sans-serif;*/
	/*font-family: 'Roboto', sans-serif;*/
	
	font-family: 'Noto Serif', sans-serif;
	
	
	
font-size: 1.6rem;
/*text-align: justify;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap : break-word;
overflow-wrap : break-word;
background-color:/*FAF3F3 f6f6f4*/#ffffff;
color:#111111;
font-feature-settings: "palt";
}

.inner{max-width:1080px; margin:0 auto;}
.c_inner{position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}

/*.memo{color:#DA7F8F; font-size:1.2rem; font-weight:bold; display:block;}*/
#header{z-index:999998;}
.toggle_nav{z-index:999998;}
.header_list_has_mega{z-index:999998;}
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 1em;
        text-align: center;
}
.pagination-box {display: inline-block;}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 14px 10px 14px;
  text-decoration: none;
  width: auto;
  color: #fff; /* 通常の文字色 */
  background: #b9302c; /* 通常の背景色 */
  border-radius: 50%; /* 角を丸くして円形に */
}
.pagination span.page-of {
  background: none;
	color: #b9302c;
	font-weight:500;
}
.pagination a:hover{
  color: #ffffff; /* マウスホバー時の文字色 */
  background: #214183; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 14px 10px 14px;
  color: #ffffff; /* 現在のページの文字色 */
  background: #666666; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {font-size: 12px; line-height: 12px;}
.pagination span, .pagination a {padding: 7px 10px 7px 10px;}
.pagination .current{padding: 7px 10px 7px 10px;}
}

/* index
=========================================== */

.all_news{display:flex; flex-wrap:wrap; margin-top:50px;}
.all_newsbox{width:calc(50% - 10px); margin:0 5px 40px;}
.post-thumb img{width:100%; border-radius:10px;}
.news_time_cate{display:flex; flex-wrap:wrap; align-items:center; margin:5px 0;}
.allnewsbox_ttl{font-weight:700; font-size:1.6rem; letter-spacing:0.1em;  margin-bottom:8px;}
.allnewsbox_txt{color:#333333;}
.all_news_ymd{font-size:1.3rem; margin-right:0px;}
@media (min-width: 960px) {
	.all_newsbox{width:calc(33.3% - 20px);}
	
	
}

/* single
=========================================== */
/*.single-wrap{}
.single-wrap h1{border-bottom:2px solid #b9302c; margin-bottom:30px; padding:10px 0;}*/

.single_ttl{width:100%;}
.s_page_main{}
.s_page_main h1{margin-bottom:60px; font-size:3.2rem;}
.s_news_time_cate{display:flex; align-items:center; margin-bottom:30px; margin-top:60px;}
.cat01{height:30px; line-height:30px;  margin-left:10px; background:#b9302c; padding:0px 20px; color:#ffffff;}
.cat02{height:20px; line-height:20px;  margin-left:10px; background:#b9302c; padding:0px 20px; color:#ffffff; font-size:1.2rem;}

.s_page_main img{width:100%;}

.single_main{line-height:3.8rem; letter-spacing:0.1rem; margin-bottom:80px;}
.single_main img{width:100%; height:auto;}
.single_main .gotokiji{color:#b9302c;}
.single_main .gotokiji:hover{color:#214183; text-decoration:underline;}
.single_ymd{}
.prev-next-link{display:flex; justify-content:space-between; flex-wrap:wrap;}
.prev-next-link li{display:flex; align-items:center; font-weight:500; background:#f0f8fc; padding:10px; width:100%; margin-bottom:10px;}
.prev-next-link li:hover{background:;}
.link_img_left , .link_img_right{width:80px;}
.link_img_left img , .link_img_right img{width:100%;}
.link_img_left{margin-right:10px;}
.link_img_right{margin-left:10px;}
.wp-block-image{margin-top:30px;}
.wp-block-image img{width:100%;}
.gotopage{margin:30px 0;}
@media screen and (min-width: 960px) {
	.single_ttl{width:100%;}
	.prev-next-link li{ width:calc(50% - 10px); margin:0 5px;}
	
}




/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background:#ffffff;
  text-align:center;

}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

#splash_ie{
	font-size:1.2rem; 
	  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
	
}

.loading{font-size:1.4rem; margin-top:30px; color:#ffffff; letter-spacing:0.5em; font-weight:700;}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

.fadeUp02{
animation-name: fadeUpAnime;
animation-duration:0.9s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}




/* #header ヘッダー
=========================================== */
#header {
	background:#c13129;
	width:100%;
	height: 62px;
	padding:0;
	/*position:fixed;
	left:0;
	top:0;*/
	display: flex;
	justify-content: center;
	align-items:center;
	transition: .4s ease;
	box-sizing: content-box;
	
}

.anan{position:absolute; top:20px; left:30px; }

#header.on {width: 100vw; height: 100vh; display: block; padding-top:10px; background:#262e31;}
/*#header.anime {background: #fff;}*/
.header_content { display: none; transition:transform .4s .2s ease,opacity .4s .2s ease;}
.header_content .pc { display: none !important; }

.header_nav_btn {background: #000000; /*#b9302c;*/ width: 45px; height: 45px; border-radius: 50%; position: absolute; top: 10px; right: 10px; cursor: pointer;}
.header_nav_btn div {background: #fff; width: 23px; height: 2px; border-radius: 1px; position: absolute; left: 11px; top: 22px; transition: width .2s .2s ease,top .2s .2s ease,transform .2s ease;}
.header_nav_btn div:first-of-type {top: 16px;}
.header_nav_btn div:last-of-type {width: 23px; top: 28px;}

/*#header-nav-upper {display:none;}*/

.header_logo_wrap { display:flex; justify-content:center; align-items:center; }
.header_logo img { width: 260px; transition: .4s ease;}
#header.scroll .header_logo img { width: 200px; }
.logo_subtxt{display:none;}
.header_list {
	height: 80px;
	margin-right:38px;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:0;
	font-size:0;
}
.header_list > li {/*max-width:160px;*/ height: 100%; display:inline-block; vertical-align:middle; }
.header_list > li:nth-child(n+2) {margin-left:28px;}
.header_list_title { height: 100%; position: relative; z-index: 999999;}
.header_list_title  a {
	height: 100%;
	position: relative;
	display: block;
	line-height: 80px;
	letter-spacing: 0.05em;
	font-weight:700;
	font-size:1.4rem;
	color:#ffffff;
}






	.header_list_sub { padding-left: 0px; padding-bottom: 15px;}
	.header_list_sub li a {
		/*display: block;*/
		padding: 5px 0;
		/*line-height: 2;*/
		letter-spacing: 0.05em;
		font-size: 12px;
	color: #1a1a1a;
	
}

.header_list_sub img{margin-right:5px;}


.header_list_title a::after { display: none; }
.header_list_has_mega .header_list_title a::before{ display: none; }
#header.on .header_list_title a {height: 60px; letter-spacing: 0.03em; line-height: 60px;}

.header_list_sub img{width:50px; height:50px;}
	

	

	

#header.on .header_list_mega_title {}



#header.on .header_list_mega_wrap .header_list_sub li {relative; display:flex; align-items:center; margin-bottom:10px; }


@media screen and (min-width: 560px) {
	.logo_subtxt{display:none;}
	.header_logo_wrap {padding-left: 50px;}
}
@media screen and (min-width: 960px) {
	#header { height: 70px; justify-content:space-between;}
	#header-nav-upper {display:block;}
	.header_logo_wrap{justify-content:flex-start; padding-left:40px;}
	.header_logo img { width: 230px; }
	#header.scroll .header_logo img {width:200px;}
	.header_content { display: block; }
	.logo_subtxt{display:block; color:#ffffff;}
	.header_nav_btn {display:none;}
	.header_list_title_en{display:none;}
	.header_list_sp , .header_copyright{display:none;}
	#header.scroll{height:50px;}

#header.on .header_list {padding-top: 10px;}
.header_list_title a::after{
	content: '';
	display:block;
	background-color: #004f72;
	height: 2px;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .4s ease;
}
.header_list_title a.current::after, .header_list_title a.hover::after {width: 100%;}
.header_list_has_mega .header_list_title a { padding-right: 15px; position: relative; }
.header_list_has_mega .header_list_title a::before{
	content: '';
	display:block;
	background: url('img/sita_arrow.png') no-repeat center right / 100%;
	width: 7px;
	height: 4px;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    right: 0;
}
		.mega_on .header_list_mega_wrap {
		background: #ffffff;
		width: 85%;
		min-width: 1100px;
		position: absolute;
		left: 50%;
	    transform: translateX(-50%);
	    top: calc(100% + 1px);
	    box-shadow: 0 7px 22px rgba(0,0,0,.11);
	    display:none;
	}
	/*
.mega_on .header_list_mega_wrap::before{
	content: '';
	background-color: #fff;
	display:block;
	width: 100%;
	height: 9px;
	position: absolute;
	top: -10px;
}*/
	.mega_on .header_list_sub li::after{
		content: '';
		display:block;
		background: url('img/arrow_circle02.png') no-repeat center right / 100%;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 50%;
	    transform: translateY(-50%);
	    right: 0;
	}
.mega_on .header_list_mega_head_sec {max-width:1400px; min-width: 1080px; margin:0 auto; padding:0 10px; display: flex; justify-content:center; align-items:center;}
	/*.mega_on .header_list_mega_head_left {width: 85%; letter-spacing:0; padding: 20px 70px 20px 48px; }*/
	.mega_on .header_list_mega_wrap .header_list_sub { display: flex; flex-wrap:wrap; width: calc(75% - 80px); /*letter-spacing:0;*/ padding: 20px 20px 20px 48px;}
	/*.mega_on .header_list_mega_wrap .header_list_mega_head_left > li {padding: 20px 0 4px 0; border-bottom: 1px solid #c9c9c9; position: relative; width:calc(50% - 15px); display:inline-block; vertical-align:middle;}*/
	.mega_on .header_list_mega_wrap .header_list_sub li {padding: 20px 0 10px 0; border-bottom: 1px dotted #333333; position: relative; width:calc(50% - 15px); display:flex; align-items:center; margin-bottom:10px; margin-right:10px;}
	
	.header_mega_title_wrap{display:none;}
	.mega_on .header_mega_title_wrap{width:25%; display:block; padding:40px 40px 40px 30px;}
	.mega_on .header_mega_title{
		letter-spacing: 0.04em;
		font-size: 2.4rem;
		color: #b9302c;
		font-weight:700;
	}
	.mega_on .header_mega_subtxt{font-size:1.4rem; margin-top:5px; font-weight:700;}

	
	.header_list_title_en {display:none;}
	
	.header_list_has_under_button{display:none;}
	.header_list_sp_sec { display:none; }
	.header_list_mega_foot_sec{display:none;}
	

}
@media (min-width: 1200px) {
.header_content .pc { display: inline-block !important; }

}

@media (min-width: 1360px) {
.logo_subtxt{display:block; font-weight:700; margin-left:20px; font-size:1.4rem;}
}


.page_sec{border-top:red; margin-top:30px; padding-top:10px; border-top:1px solid #E1E5EA;}

/**topページ**/

.top_main_wrap{position: relative; height:calc(100vh - 150px); overflow:hidden; z-index:888888;}
.top_main_wrap::after {content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 18vw solid #214183; border-right: 120vw solid transparent; z-index:-11;}

.top_main{width:100%; height:100%; position: relative; }


.en_logoarea{display:none; position:absolute; bottom:0; right:0; z-index:30; background:#c13129; color:#ffffff; padding:10px 60px;}
.en_logoarea span{background:#ffffff; color:#c13129; padding:10px 20px; font-weight:bold;}
.en_logoarea img{width:240px;}

.top_rbana_wrap{display:none;}


.top_main_bana{display:none;}

	.top_main_ttl_wrap{
		max-width:1080px;  	
	position:absolute; 
	bottom:18%;
	left:10px;
	text-align:left;
/*	top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);*/
	z-index:10;}
	
.top_main_ttl{
	font-size:2.0rem;
	font-weight:700;
	color:#ffffff;
		
	letter-spacing:0.1em; line-height:1.4em;}

.top_main_ttl01{
	font-size:2.6rem;
		font-weight:700; 
	border-bottom:2px solid #ffffff;
	padding-bottom:5px;
	color:#ffffff;
}


.top_main_subttl{display:none;}
	

	/*.swiper-container {
	max-width: 100%;
	height:100%;
z-index:10;
}
 */
@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}

@keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
-webkit-animation: zoomUp 12s linear 0s;
animation: zoomUp 12s linear 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.swiper-slide {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-img {
background-size: cover;
background-position: center center;
height: calc(100vh - 150px);
}

.slide-text {
position: absolute;
z-index: 10;
color: #fff;
width: 100%;
	top: 30%;
letter-spacing:.2em;
transform: translateY( -50% );
text-align: center;
font-weight: bold;
}


.slide-text01{font-size:4.2rem;}
.slide-text02{font-size:2.0rem;}

/*
@keyframes swiper-txt-in {
    from {
        opacity: 0;
        transform: translateX(-10%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.swiper-slide-active .slide-text01 {
                animation-name: swiper-txt-in ;
                animation-duration: 2s;
                animation-delay: 2s;
                animation-fill-mode: both;
            }

.swiper-slide-active .slide-text02 {
                animation-name: swiper-txt-in ;
                animation-duration: 2.3s;
                animation-delay: 2.3s;
                animation-fill-mode: both;
            }

*/



.slide-text{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;  opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%);-webkit-transition-duration:.8s;transition-duration:.8s;-webkit-transition-delay:1s;transition-delay:1s;}
.swiper-slide-active .slide-text{-webkit-transition-delay:.2s;transition-delay:.2s;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}



/*
.slide-text01 {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  color: #aa8f7b;
  font-family: 'Josefin Sans', sans-serif;
}

.slide-text01 span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.slide-text01.-visible,
.slide-text01.-visible span {
  transform: translate(0, 0);
}

.slide-text02 {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  font-family: "Yu Gothic Medium";
  font-size: 16px;
  text-align: center;
}

.slide-text02 span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.slide-text02.-visible,
.slide-text02.-visible span {
  transform: translate(0, 0);
}


*/



	@media screen and (min-width: 960px) {
		.top_main_wrap{ height:calc(100vh - 250px); }
		.c-objectfit-video{
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		}
.slide-text {

	top: 50%;}
		.top_main_ttl_wrap{bottom:25%; left: 100px;  transform: translateY(0%) translateX(0%); -webkit- transform: translateY(0%) translateX(0%);}
		.top_main_ttl{font-size:3.2rem;}
		.top_main_ttl01{font-size:5.6rem;}
		.en_logoarea{display:block; padding:30px 60px 0;}
		.en_logoarea img{width:280px;}

	.top_main_subttl{display:block; font-size:1.8rem; color:#ffffff; font-weight:400; margin-top:20px;}
	.slide-img {

height: calc(100vh - 250px);
}
}











.sec_top01{ 
	padding-top:20px;

  padding-bottom: calc(10vw + 60px);  
    position: relative;
    overflow: hidden;
    background-color:#c13129;} /* .section1の背景 */ 
.sec_top01::before {
   content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      border-bottom: 5vw solid #b9302c;  /* ちら見せ三角 高さを調節*/ 
      border-left: 100vw solid transparent;
}
.sec_top01::after {
  content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      border-bottom: 10vw solid #fff;   /* 三角を白に */ 
      border-right: 100vw solid transparent;
}

.sec_top01_img{display:flex; flex-wrap:wrap;}
.sec_top01_img li{width:100%;}
.sec_top01_img li img{width:100%;}

.sec_top02{
	position: relative; 
	overflow:hidden;
}

.sec_top02::after {
  content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      border-bottom: 10vw solid #c13129;
	border-left: 100vw solid transparent;
	z-index:-11000;
}
.sec_top03{background:#c13129;}




/***たぶ***/
/*tabの全体枠*/
.tab {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  background: #efefef;
  border: 1px solid #ccc; }

/*inputを非表示にする*/
.input {
  position: absolute;
  opacity: 0; }

/*tabボタン部分*/
.tab-label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #7f7f7f;
  margin-bottom: 0;
  transition: background 0.1s, color 0.1s; }

.tab-label:hover {
  background: #d8d8d8; }

.tab-label:active {
  background: #ccc; }

.input:checked + .tab-label {
  background: #fff;
  color: #000; }

@media (min-width: 600px) {
  .tab-label {
    width: auto; } }
/*tabの本文エリア*/
.tab-panel {
	width:100%;
  display: none;
  padding: 20px 30px 30px;
  background: #fff; }

@media (min-width: 600px) {
  .tab-panel {
    order: 99; } }
.input:checked + .tab-label + .tab-panel {
  display: block; }

/*その他
---------------------------------------------------------------------------*/
.u-mb-20 {
  margin: 0 0 20px 0; }

.content {
	/*max-width: 800px;*/
	width:100%;
  margin: 40px auto;
padding: 10px 0; }

.tab_ttl{font-size:1.8rem; position:relative; font-weight:bold; padding:0 0 0 18px;}

.tab_ttl::before{
	content: '●';
	display:block;
	font-size:1.4rem;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;

	
}


.menu_list li{margin-bottom:20px;}




.top_system{display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
.top_system li{width:calc(46% - 10px); margin:0 5px 20px; font-weight:500;}
.top_system li img{width:100%; border-radius:50%; margin-bottom:10px;}

.top_sec01_ttl_wrap{
	/*display:flex;
	flex-wrap:wrap;
	align-items:center;*/
	margin-bottom:30px;
	text-align:center;
}

.top_sec01_ttl , .top_sec01_ttl02{font-weight:500; font-size:1.6rem; }

.top_sec01_ttl{color:#ffffff;}
.top_sec01_txt{margin-left:0px; color:#ffffff; }
.top_sec01_txt02{margin-left:0px; color:#333333;}

.top_news_ttl{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-end; margin-bottom:20px;}
.top_news_ttl_l{width:45%; }

.top_news_anc{width:45%; text-align:right;}

.top_catebox_wrap{display:flex; flex-wrap:wrap; padding:0 0px; color:#ffffff;}
.top_catebox_wrap li{width:100%; text-align:center; font-weight:500; margin-bottom:30px; display:flex; flex-wrap:wrap;}
.top_catebox_wrap li span{}
.top_catebox_wrap li img{width:100%;}

.top_catebox_img{position:relative; color:#ffffff; width:40%;}
.top_catebox_img img{border-radius:20px;}

.top_catebox_text_wrap{
	text-align:left;
	margin-top:00px;
	width:calc(60% - 10px);
	margin-left:10px;
}

.top_catebox_text_wrap p:first-child{
	margin-bottom:10px;
	font-size:2.0rem; 
	font-weight:500;
}

.top_catebox_text_wrap p:nth-child(2){
	margin-bottom:20px;
	font-size:1.4rem;
}

.top_catebox_text_wrap span{padding-left:10px; font-size:1.3rem;}

.pg-top-root__business__list__number {
    display:none;
}






.top_news_wrap{ margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; padding:100px 0px; }

.top_news_l{width:100%;}
.top_news_r{width:100%;}
.top_news{}
.top_news li{display:flex;  flex-wrap:wrap; border-top:1px solid #f1f1f1; padding:20px 30px; position:relative; background:#ffffff;}
.top_news li:first-child{border-top:none;}

.top_news li .top_news_time_cate{width:100%; display:flex; margin-bottom:10px;}
.top_news li:after{
	content: '';
		display:block;
		background: url('img/arrow_circle02.png') no-repeat center right / 100%;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 50%;
	    transform: translateY(-50%);
	    right: 0;
}
.top_news_time{font-size:1.4rem; color:#333333;}
.top_news_cat{font-size:1.2rem; background:#b9302c; color:#ffffff; padding:5px 10px; line-height:1.2rem; margin-left:10px; border-radius:5px;}
.top_news_txt{}



	/*//////*/
	
	.p-scrollDown {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    z-index: 20;
    left: 30px;
    bottom: 0;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
    transform: translate3d(0, 0, 0) rotate(90deg);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    color: #fff;
    -webkit-font-smoothing:antialiased;
}

.p-scrollDown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration:none;
}



.p-scrollDown__iconBar {
    position: relative;
    display: block;
    overflow: hidden;
    width: 110px;
    height: 1px;
    margin: auto 0 auto 20px;
    background:rgba(255, 255, 255, .3);
}

.p-scrollDown__iconBarInner {
    position: absolute;
    top: 0;
    left: -240px;
    width: 240px;
    height: 1px;
    -webkit-animation: scroll-bar 2s cubic-bezier(.63, .09, .38, .81) infinite;
    animation: scroll-bar 2s cubic-bezier(.63, .09, .38, .81) infinite;
    background-color:#fff;
}

.p-scrollDown--posi {color:#111;}

.p-scrollDown--posi .p-scrollDown__iconBar {background:#dce0e3;}

.p-scrollDown--posi .p-scrollDown__iconBarInner {background-color:#333;}

@-webkit-keyframes scroll-bar {
    0% {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scroll-bar {
    0% {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@media screen and (max-width: 768px) {
	.p-scrollDown {display:none;}
}



	@media screen and (min-width: 960px) {
		
		
		.top_sec01_ttl , .top_sec01_ttl02{font-size:2.2rem; }
		.top_sec01_txt , .top_sec01_txt02{margin-left:20px;}
		.top_main_ttl{text-align:left;}
		.top_catebox_wrap{padding:0 20px;}
		.top_catebox_wrap li{width:30%; margin:0 15px 30px;}
		

.pg-top-root__business__list__number {
    position: absolute;
    right: 1.1rem;
    bottom: -4.0rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    border-top: solid 1px #fff;
    padding-right:.5rem;
}


.pg-top-root__business__list__number span {
    display: block;
    text-transform: uppercase;
    font-family: Rajdhani, sans-serif;
    /*font-weight:500;*/
}

.pg-top-root__business__list__number span:nth-of-type(1) {
    font-size: 1.3rem;
    font-size: max(1.3rem, 12px);
    margin-top: .9rem;
    margin-right:.6rem;
}

.pg-top-root__business__list__number span:nth-of-type(2) {
    font-size: 6rem;
    font-size:max(6rem, 40px);
}

.pg-top-root__business__list__number.-right0 {
    padding-right:0;
}

.pg-top-root__business__list__number.-right0 span:nth-of-type(2) {margin-right:-.4rem;}
		
		
		.top_news_wrap{padding:100px 40px; }
	.top_news_l{width:20%;}
		.top_news_r{width:80%;}
		.top_catebox_img{width:100%;}
		.top_catebox_text_wrap{width:100%; margin-left:0px; margin-top:30px;}
		.top_news li .top_news_time_cate{width:20%; margin-bottom:0px;}
		.top_system li{width:calc(25% - 20px); margin:0 10px 30px;}
		.top_news_ttl{display:block;}
		.top_news_ttl_l{width:100%;}
	.top_news_anc{margin-top:10px; width:100%; text-align:left;}
	.sec_top01{ padding-top:50px;}
	.sec_top01_img li{width:calc(50% - 10px);}
}


@media (min-width: 1200px) {
	.top_main_bana_wrap{background:red; z-index:100; position:relative;}
		.top_main_bana{position:absolute; bottom:5%; right:7%; z-index:30; background:#000000; padding:2px; color:#ffffff; display:block; }
		.top_main_bana img{z-index:-2;}
	.top_main_bana .ttxt{z-index:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:500; font-size:1.8rem;}
	.top_main_bana .ttxt span{display:block; font-size:1.4rem;}
	.tanc{display:flex; justify-content:flex-end; padding-right:40px;}
	
	.top_rbana_wrap{display:block; position:absolute; bottom:5%; right:7%; z-index:30; color:#fff; background:#000;}
	.top_rbana{position:relative;}
	.top_rbana_txt{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:bold; font-size:2.4rem; text-align:center;}
	.top_rbana_txt span{display:block; font-size:1.4rem; font-weight:normal; margin-top:5px;}
	
	
	
}



/***/
.footer{width:100%; background:#262e31; color:#fff; position: relative; padding:100px 0 60px 0;}
	.footer_bana_wrap{background:#c13129;  margin-top:100px; padding:30px 20px; }
.footer_bana{display:flex; justify-content: space-between; flex-wrap:wrap;}
.footer_bana div{width:100%; color:#ffffff;}

	.footer_banabox_wrap{width:100%;}
	.footer_banabox{ display:flex; align-items:center; background:#ffffff; padding:10px 10px; margin-bottom:10px;}
	.footer_banabox p{margin-left:20px;}
	.footer_con_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; }
	.footer_logo_area{width:100%; text-align:center; margin-bottom:60px;}
	.footer_logo_area ul li span{font-weight:bold; padding-right:5px;}
	.footer_logo{margin-bottom:10px;}


.f_yoyaku{background:#ffffff; color:red; font-size:2.0rem;}
.f_yoyaku span{color:red; font-size:2.0rem;}


.access_txt{margin-bottom:20px; text-align:center;}

.f_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.f_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ff_youtube{width:100%;}
.ff_youtube img {width:100%;}
	.footernav_wrap{position:fixed; bottom:0; left:0;  width:100%;  border-top:1px solid #ffffff; z-index:999999; background:#c13129;}
	.footernav{display:flex; justify-content:center; width:100%; font-size:12px; z-index:999999; position:relative;}
	.footernav li{width:25%;   font-weight:bold;  color#ffffff; padding:20px 5px; position:relative; border-left:1px solid #ffffff; text-align:center; line-height:0.6em;}
.footernav li:first-of-type{border-left:none;}

	.footernav li a{color:#ffffff;}
	
.f_add p{display:inline-block;}

	.f_icon {display:inline-block; vertical-align:middle; margin:10px 0px 10px 20px;}
.f_icon a {
	background:#ffffff;
		width:40px;
		height:40px;
	display:block;
	text-align:center;
	border:1px #ffffff solid;
	line-height:40px;
		border-radius:50%;
		color:#214183;
		font-size:2.0rem;
}
.f_icon a span {
	padding-left:28px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
	font-size:14px;
	color:#214183;
}
.f_icon a span:after {
    content:"";
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
    position:absolute;
    left:0;
    top:50%;
    display:block;
    transform:translateY(-50%);
	}
	
	
	

.copy{width:100%; border-top:1px solid #fff; padding:50px  0 0 0; margin:0 auto; font-size:1.4rem; color:#fff; margin-top:40px; display:flex;}

#page_top{display:none;}


#page_top_sp{width: 130px; height: 50px; position: fixed; right: -150px; bottom: 20px; z-index:111111;}
#page_top_sp a{position: relative; display: block; width: 130px; height: 50px; text-decoration: none;}
#page_top_sp a img{width:130px;}

	
@media screen and (min-width: 960px) {
	.f_ninsyo{width:90%; margin:20px 0;}
	
		 .footer_banabox_wrap{width:calc(33.3% - 10px); }
		.footer_con_wrap{padding:0 40px; }
	.footer_logo_area{width:40%; text-align:left; padding-right:30px;}
	.ff_youtube{width:60%;}
	
	.footernav_wrap{display:none;}
	
	
	#page_top_sp{display:none;}
			#page_top{display:block; width: 180px; height: 50px; position: fixed; right: -200px; bottom: 50px; z-index:111111;}
#page_top a{position: relative; display: block; width: 200px; height: 50px; text-decoration: none;}
#page_top a img{width:180px;}

}







	.c_page{max-width:1080px; margin:0 auto; padding:0 15px;}
.c_page50{max-width:1080px; margin:0 auto; padding:20px 15px 0;}
.c_pageb50{max-width:1080px; margin:0 auto; padding:0px 15px 50px;}
.c_page section{}
.c_page_tag{display:inline-block; background:#b9302c; padding:5px 10px; color:#ffffff; margin-right:10px; border-radius:10px; margin-top:10px;}



.s_page{max-width:1200px; margin:0 auto; padding:0 20px; display:flex; flex-wrap:wrap;}
.s_page .s_page_main{width:100%;}
.s_page .s_sidebar{width:100%; margin-top:50px;}
.side-menu{margin-bottom:40px;}
.side-menu h3{font-size:1.6rem; border-bottom:1px solid #000000; margin-bottom:20px; padding-bottom:10px;}
.side_postbox{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;}

.side_postimg{width:30%;}
.side_postimg img{width:100%;}
.side_posttext{width:calc(70% - 10px); font-size:1.5rem; margin-left:10px; font-weight:500;}

.side_news_time_cate{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:4px;}
.side_news_ymd{font-size:1.2rem;}
.side_category{font-size:1.2rem;}
.side_archive li{font-weight:500; margin-bottom:10px;}


.page_bk{background:#f0f8fc/*#fafafa*/; padding:60px 20px; margin-bottom:60px;}
.page_bk50{background:#f0f8fc/*#fafafa*/; padding:60px 20px; margin-bottom:60px; margin-top:50px;}
.con_inner{max-width:1080px; margin:0 auto; padding:0 10px;}
.page_bk_box_wrap , .page_3con_box_wrap , .page_4con_box_wrap{display:flex; flex-wrap:wrap; }
.page_gps_gaiyo{display:flex; flex-wrap:wrap; justify-content: space-between;}
.page_gps_gaiyo .gaiyo_l{width:100%;}
.page_gps_gaiyo .gaiyo_r{width:100%;}
.page_gps_gaiyo .gaiyo_l h3{margin-bottom:5px;}
.page_gps_gaiyo .gaiyo_l ul{margin-bottom:20px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.page_gps_gaiyo .gaiyo_l ul li{width:50%; background:#f6f6f4; padding:10px 20px; margin-bottom:5px; /*text-align:center;*/}




.page_3con{margin:80px 0;}
.page_3con_ttl{font-size:3.0rem; text-align:center; font-weight:bold; background:#b9302c; color:#ffffff;}
.page_3con_ttl span{display:block; font-size:2.0rem; color:#000000;}
.page_3con_box_wrap div , .page_4con_box_wrap div{width:100%; margin-bottom:20px;}

.page_bk_box_wrap .page_bk_box_img{width:100%;  margin-bottom:20px;}
.page_bk_box_wrap .page_bk_box_img img{width:100%; border-radius:10px;}
.page_3con_box_txt{margin-top:10px; padding:0 5px; font-weight:bold;}
.page_bk_ttl{text-align:center; font-size:3.0rem; margin-bottom:30px;}
.page_ttl_center{ text-align:center;  margin-bottom:30px; background:#214183;  padding:10px 20px;}
.page_ttl_center span{font-size:3.0rem;  color:#ffffff; font-weight:bold;}
.page_bk_contxt {display:flex; flex-wrap:wrap; justify-content: center;}
.page_bk_contxt02 , .page_bk_contxt03{display:flex; flex-wrap:wrap; margin-bottom:30px;}

.page_bk_contxt li , .page_bk_contxt02 li{width:100%; background:#ffffff; color:#333333; font-weight:bold; margin:5px 0px; padding:10px 10px;   display: flex;
  /*justify-content: center;*/
  align-items: center;}

.page_bk_contxt03 li{width:100%; background:#ffffff; color:#333333; font-weight:bold; margin:5px 0px; padding:10px 10px; }
.page_bk_contxt03 li span.span_bl{font-weight:normal; display:block;}
.page_bk_contxt03 li span.span_num{ font-weight:bold; margin-bottom:5px; color:#b9302c;}

.page_bk_box_text{padding:10px 10px 40px;}
.page_bk_box_text h3{margin-bottom:10px;}
.page_bk_box_text h3 span{ font-weight:bold; margin-bottom:5px; color:#b9302c;}
	
.page_bk_box_1col{width:100%; display:flex; flex-wrap:wrap; margin-bottom:20px;}
.page_bk_box_1col_img{width:100%; margin-bottom:10px;}	
.page_bk_box_1col_img img{width:100%;}	
.page_bk_box_1col_txt{width:100%;}	
.page_bk_box_1col_txt h3 { margin-bottom:10px; }	
.page_bk_box_1col_txt h3 span{font-weight:bold; margin-bottom:5px; color:#b9302c;}	

.page_bk_box_1col_ems{width:100%; display:flex; flex-wrap:wrap; margin:20px 0 20px 0;}
.page_bk_box_1col_ems_img{width:100%; }	
.page_bk_box_1col_ems_img img{width:100%; margin-bottom:10px;}	
.page_bk_box_1col_ems_txt{width:100%; margin-bottom:20px;}	
.page_bk_box_1col_ems_txt h3 { margin-bottom:10px; }	
.page_bk_box_1col_ems_txt h3 span{font-weight:bold; margin-bottom:5px; color:#b9302c;}	




.page_bk_box_1col02{width:100%; display:flex; flex-wrap:wrap; margin-bottom:20px; background:#ffffff; padding:10px 20px;}
.page_bk_box_1col02_img{width:100%; margin-bottom:10px;}	
.page_bk_box_1col02_img img{width:100%;}	
.page_bk_box_1col02_txt{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.page_bk_box_1col02_txt_l{width:100%;}
.page_bk_box_1col02_txt_r{width:100%;}
.page_bk_box_1col02_txt h3 { margin-bottom:10px; }	
.page_bk_box_1col02_txt h3 span{font-weight:bold; margin-bottom:5px; color:#b9302c;}	

.page_bk_box_2col{width:50%; display:flex; flex-wrap:wrap; margin-bottom:20px;}
.page_bk_box_2col_img{width:100%; margin-bottom:10px;}	
.page_bk_box_2col_img img{width:100%;}	
.page_bk_box_2col_txt{width:100%;}	
.page_bk_box_2col_txt h3 { margin-bottom:10px; }	
.page_bk_box_2col_txt h3 span{font-weight:bold; margin-bottom:5px; color:#b9302c;}	


.c_page_ttl{margin:120px 0 30px 0; text-align:center; font-size:1.4rem;}
.con_page_ttl{margin:100px 0; text-align:center; font-size:3.4rem; font-weight:bold; }
.con_page_ttl span{background:linear-gradient(transparent 70%, #ff6 60%);}

.kari{background:#f6f6f4; padding:20px; margin:60px 0; }
.kari_bk_text{padding:10px 10px 30px; font-size:1.6rem; font-weight:500;}
.h4ttl{border-left:4px solid #b9302c; margin-bottom:10px; padding-left:10px; font-size:2.0rem;}

.h4ttl span{font-weight:normal; font-size:1.6rem;}

.page_ttl_wrap{height:300px; padding:95px 0 0px 0; border-bottom:5px solid #000000;   position:relative; text-align:center;}
.con_inner{padding:0 20px;}
.page_ttl_wrap > .con_inner > h1{color:#ffffff; font-size:2.8rem; margin-bottom:5px;}
.page_ttl_wrap > .con_inner > p{color:#ffffff; font-size:1.6rem; font-weight:bold;}


.page_ttl_wrap.contact{ background: url("img/pagettl_contact.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap.allnews{ background: url("img/pagettl_allnews.jpg") no-repeat center top;  background-size: cover;}


.page_ttl_wrap02{height:100%; padding:95px 10px 100px 10px; border-bottom:5px solid #b9302c; margin-top:65px; position:relative; text-align:center;}
.page_ttl_wrap02 > .con_inner > h1{ margin-bottom:30px;}
.page_ttl_wrap02 > .con_inner > h1 span{ color:#ffffff; font-size:4.0rem; padding:10px 50px; letter-spacing:0.1em; border-bottom:1px solid #ffffff; font-weight:bold;}
.page_ttl_wrap02 > .con_inner > .tsr_subttl{margin-bottom:30px;}
.page_ttl_wrap02 > .con_inner > .tsr_subttl span{/*background:#b9302c;*/}
.page_ttl_wrap02 > .con_inner > p{color:#ffffff; font-size:1.6rem; font-weight:bold;}


.page_ttl_wrap02.feature{ background: url("img/pagettl_str.jpg") no-repeat center top;  background-size: cover;}


	
	
	
	
.page_ttl_wrap03{ padding:95px 0 0px 0;  position:relative; margin:55px auto 100px; }
.page_ttl_wrap03 h1{ font-size:4.8rem; margin-bottom:5px; letter-spacing:.1em; }
.page_ttl03_subttl{font-size:1.6rem;  color:#b9302c; margin-bottom:20px; font-weight:bold;}
.page_ttl03_subtxt{font-size:1.6rem; max-width:650px; margin-bottom:100px; line-height:3.2rem;}
.page_ttl_wrap03_img{height:400px; width:calc(100vw - 5vw); }
.page_ttl_wrap03.service .page_ttl_wrap03_img{ background: url("img/pagettl_service.jpg") no-repeat center top;  background-size: cover;}
.page_ttl_wrap03.freight .page_ttl_wrap03_img{ background: url("img/pagettl_freight.jpg") no-repeat center top;  background-size: cover;}




	

.breadcrumbs{position:absolute; bottom:10px; right:30px; font-size:1.4rem; color:#ffffff;}
.breadcrumbs_noimg{position:absolute; top:100px; right:30px; font-size:1.4rem;}

.sec_1col{}
.sec_1col_img{width:100%; margin-top:50px; display:flex; flex-wrap:wrap;}
.sec_1col_img_2{width:100%; margin:0 0 10px 0;}
.sec_2col , .sec_2col70{display:flex; flex-wrap: wrap; justify-content: space-between;}
.sec_2col_left , .sec_2col_left70{width:100%; margin-bottom:20px;}
.sec_2col_right, .sec_2col_right70{width:100%;}


.sec_2col_heading{color:#b9302c; font-weight:bold; margin-bottom:10px; font-size:1.8rem;}


.sec_2col_heading span{font-size:1.6rem; position:relative; display:inline-block; margin-right:20px;}
.sec_2col_heading span:after{content: "-"; position: absolute; right: -14px; top: 0; display: inline-block; transition: all 0.4s ease;}

.sech_w{color:#ffffff;}



.sec_2col_ttl_wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.sec_2col_ttl{font-size:2.6rem; font-weight:bold; margin-bottom:30px; line-height:1.2em; color:#214183;}
.sec_2col_subtxt{font-weight:500;font-size:1.6rem; margin-bottom:20px;}

.sec_2col_text{line-height:2.0em; font-weight:bold;}
.sec_2col_text_normal{font-weight:normal; margin-top:10px; font-size:1.4rem; color:#b9302c;}
.sec_2col_text_rec{font-size:1.6rem; margin-bottom:30px;}
.sec_2col_text_rec div{margin-bottom:10px;}

.catebox_wrap{display:flex; justify-content:center; flex-wrap:wrap;}
.catebox_wrap li{position: relative; background:#D3DEF1; width:200px; height:200px; margin:5px;}
.catebox_wrap li a{}

.box_l{background:#E1E5EA; width:100%; height:300px; position: relative; margin-bottom:10px;}

.box_one_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.box_one_wrap > div{width:100%; margin-bottom:10px; background:#f0f8fc; padding:10px; display:flex; flex-wrap:wrap; align-items:center;}
.box_one_wrap > div > .gazou{background:#DA7F8F; width:100%;  text-align:center; color:#ffffff; margin-bottom:10px; margin-right:0px;}
.box_one_wrap > div > .gazou img{width:100%; }



.box_two_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.box_two_wrap > div{width:100%; margin-bottom:10px; background:#E1E5EA; padding:10px;}
.box_two_wrap > div > .gazou{background:#DA7F8F; width:100%; padding:10px 0; text-align:center; color:#ffffff; margin-bottom:10px;}


.box_three_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.box_three_wrap > div{width:100%; margin-bottom:10px; background:#E1E5EA; padding:10px;}
.box_three_wrap > div > .gazou{background:#DA7F8F; width:100%; padding:10px 0; text-align:center; color:#ffffff; margin-bottom:10px;}

.box_four_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.box_four_wrap > div{width:100%; margin-bottom:10px; background:#E1E5EA; padding:10px;}
.box_four_wrap > div > .gazou{background:#DA7F8F; width:100%; padding:10px 0; text-align:center; color:#ffffff; margin-bottom:10px;}

.lr_wrap{margin-top:30px;}
.lr_left , .lr_right{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:20px; font-weight:bold;}
.lr_left_img , .lr_right_img , .lr_left_txt , .lr_right_txt{width:100%; margin-bottom:10px;}
.lr_right_img{order:0;}
.lr_right_txt{order:1;}
.lr_left_img img , .lr_right_img img{width:100%;}
.lr_ttl{color:#214183; font-size:2.4rem; font-weight:bold; position:relative; padding-left:27px; margin-bottom:10px;}
.lr_ttl::before{
	content: '';
	display:block;
	width: 15px;
	height: 2px;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	background:#214183;
	
}

.img4{display:flex; flex-wrap:wrap; margin-top:30px;}
.img4 li{width:50%;}
.img4 li img{width:100%;}


.k_table{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px;}
.k_table div{width:calc(50% - 10px);}


.table_4k {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table_4k tr {
  background-color: #e6f2f5;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
.table_4k th,
.table_4ke td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
.table_4k th {
  font-size: .85em;
}
.table_4k thead tr{
  background-color: #167F92;
  color:#fff;
}
.table_4k tbody th {
    background: #78bbc7;
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
  text-align: right;
  color: #167F92;
	font-weight: bold;
	padding-right:20px;
}
.table_4k_ttl{display:none;}

.sub_system_wrap{margin-top:10px; }
.sub_system{margin-bottom:20px; padding:20px; background:#f6f6f4;}
.sub_system ul {display:flex; flex-wrap:wrap;}
.sub_system ul li{margin-right:10px; background:#ffffff; border:2px solid #b9302c;  padding:5px 10px; margin-top:10px; border-radius:10px;}
@media screen and (max-width: 600px) {
	.table_4k_ttl{display:block; color:#ffffff;  background-color: #167F92; width:100%; padding:5px 10px; font-weight:500; text-align:center; margin-bottom:10px;}
  .table_4k {
    border: 0;
    width:100%
  }
  .table_4k th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  .table_4k thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
		}
		

  .table_4k tr {
    display: block;
    margin-bottom: .625em;
  }
  .table_4k td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  .table_4k td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  .table_4k td:last-child {border-bottom: 0;}
  .table_4k tbody th {color: #fff;}
		}
		
		
		

.kari_bk_text{padding:10px 30px 30px;}
.kari_btn{background:#000000; color:#ffffff; font-size:1.4rem; font-weight:bold; padding:5px 15px;}

.tsr_bg{/*background: url("img/strengths_bg.jpg") no-repeat center top;  background-size: cover;*/  padding:50px 0;}
.tsr_intro{color:#ffffff; text-align:center; font-weight:500; font-size:1.8rem; line-height:2.0em;}
.tsr_con{color:#ffffff;}
.tsr_con_ttl{border-left:5px solid #b9302c; padding-left:10px; font-size:3.0rem; margin-bottom:10px;}
.tsr_gallery{display:flex; flex-wrap:wrap;}
.tsr_gallery div{width:20%;}
.tsr_gallery div img{width:100%;}

.tsr_box{display:flex; flex-wrap:wrap; align-items:center; border:1px solid #000000; border-radius:10px; padding:20px; margin-bottom:20px;}
.tsr_box_img{width:100%;}
.tsr_box_txt{width:100%;}
.tsr_box_txt h3{border-bottom:1px solid #000000; padding-bottom:5px; margin-bottom:10px;  font-size:2.2rem; color:#214183;}
.tsr_box_txt h3 span{color:#b9302c; font-size:3.6rem; padding-right:10px;}
	.tsr_box_txt_ue{font-weight:500;}
	.tsr_box_txt_sita_wrap{display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.tsr_box_txt_sita{font-weight:400; margin-top:10px; display:flex; margin-bottom:30px;}
.tsr_box_txt_sita li{position:relative; padding-left:0px; margin-bottom:5px; width:160px; height:160px; color:#ffffff;  font-weight:600; background:#b9302c; border-radius:50%; text-align:center; padding:0px; margin:5px;}
.tsr_box_txt_sita li span{
	 position: absolute;
  display: inline-block;
		top: 50%;
		left: 50%;

		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
/*.tsr_box_txt_sita li::before{
	content: "";
	    background: #214183;
	    width: 12px;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    top: calc(50% - 2px);
	    display: block;
	    transition: all 0.4s ease;
}*/
.tsr_box_img img{width:100%;}


@media screen and (min-width: 560px) {
	.box_two_wrap > div{width:48%;}
	.box_three_wrap > div{width:30%;}
	.box_four_wrap > div{width:24%;}
	.box_one_wrap > div > .gazou{ width:30%;  margin-right:20px;}
	.lr_left , .lr_right{margin-bottom:80px;}
	.lr_left_img , .lr_right_img {width:45%;}
	.lr_left_txt , .lr_right_txt{width:calc(55% - 20px);}
	.lr_left_txt{margin-left:20px;}
	.lr_right_txt{margin-right:20px;}
		.page_bk_contxt li{width:calc(25% - 10px); margin:5px; padding:20px; }
		.page_bk_contxt02 li{width:calc(33% - 10px); margin:5px; padding:20px; }
}
@media screen and (min-width: 960px) {
	.sec_2col_ttl{font-size:3.2rem;}
	.c_page{padding:0 20px;}
	.c_page50{padding:50px 20px 0;}
	.s_page{padding:0 10px; justify-content:center;}
	.s_page .s_page_main{width:70%; }
	.s_page .s_sidebar{width:calc(25% - 40px); margin-left:40px;}
	.sec_1col_img{width:90%; margin:30px auto 0;}
	.sec_1col_img_2{width:calc(50% - 20px); margin:0 10px 0 10px;}
	.sec_2col70{align-items:flex-end;}
	.sec_2col_left{width:55%;}
	.sec_2col_right{width:40%;}
	.sec_2col_left70{width:calc(70% - 30px); margin-right:30px;}
	.sec_2col_right70{width:30%;}
	.page_3con_box_wrap div{width:32.7%;}
	.page_4con_box_wrap div{width:calc(25% - 5px);}
	.page_gps_gaiyo .gaiyo_l{width:30%;}
	.page_gps_gaiyo .gaiyo_l ul li{width:100%;}
	.page_gps_gaiyo .gaiyo_r{width:calc(70% - 20px);}
	.page_bk_box_wrap .page_bk_box_img{width:calc(33.3% - 10px); margin:0 5px;}
	.page_ttl_wrap{text-align:left; height:400px; padding:170px 0 100px 0; }
	.page_ttl_wrap > .con_inner > h1{font-size:4.0rem;}
	.page_ttl_wrap > .con_inner > p{font-size:2.2rem;}
	.page_bk_box_1col_img{width:calc(25% - 20px); margin-right:20px;}	
	.page_bk_box_1col_txt{width:75%;}
	.page_bk_box_1col02_img{width:calc(20% - 20px); margin-right:20px;}	
	.page_bk_box_1col02_txt{width:80%;}	
	.page_bk_box_1col02_txt_l{width:70%;}
	.page_bk_box_1col02_txt_r{width:30%;}
		
	.page_bk_box_1col_ems_img{width:calc(35% - 20px); margin-right:20px;}	
	.page_bk_box_1col_ems_txt{width:65%;}
	.page_bk_box_1col02_img{width:calc(20% - 20px); margin-right:20px;}	
	.page_bk_box_1col02_txt{width:80%;}	
	.page_bk_box_1col02_txt_l{width:70%;}
	.page_bk_box_1col02_txt_r{width:30%;}
		
		
		
		
	.page_bk_box_2col_img{width:calc(50% - 20px); margin-right:20px;}	
	.page_bk_box_2col_txt{width:50%;}	
	
	.page_ttl_wrap02{text-align:left; height:700px; padding:200px 0 100px 0; margin-top:80px; text-align:center;}
	.page_ttl_wrap02 > .con_inner > h1{font-size:4.0rem;}
	.page_ttl_wrap02 > .con_inner > p{font-size:2.2rem;}
	
	.tsr_box{display:flex; flex-wrap:wrap; border:1px solid #000000; border-radius:10px; padding:20px;}
	.tsr_box_img{width:30%;}
	.tsr_box_img img{width:100%;}
	.tsr_box_txt{width:calc(70% - 20px); margin-left:20px;}
	.img4 li{width:25%;}
	.lr_ttl{font-size:3.0rem;}
	.lr_right_img{order:1;}
		.lr_right_txt{order:0;}
		.tsr_box_txt_sita_wrap{justify-content:space-between; }
}

@media (min-width: 1200px) {}








#top_topics_wrap{margin-bottom:50px; padding:0 5px;}
#top_topics{display:flex; flex-wrap:wrap; justify-content:space-between; }
.topicsttl_wrap{display:flex; justify-content:space-between; align-items:center;}
	.top_topics_ttl{}
	.top_pickup_ttl{text-align:center; margin-bottom:30px; font-weight:500; font-size:2.8rem;}
	.top_pickup_ttl span{font-size:1.6rem; color:#b9302c; }
	.topics-box{width:49%; margin-bottom:20px;}
.topics-box img{width:100%; height:auto;}
.topi-cate-day-area{font-size:1.4rem; padding:2px 0;}
.topi-cate{color:#ffffff; padding:5px 10px; font-size:1.4rem; font-weight:bold;}
.daikou .topi-cate{background:#396c4e;}
.dayori .topi-cate{background:#F98866;}
.author-4{background:#72aae0; color:#ffffff;}
.author-3{background:#d67bac; color:#ffffff;}
.author-2{background:#fff79d;}
.author_day{display:flex; flex-wrap:wrap;margin:5px 0; align-items:center;}
.author_area{padding:5px 10px; min-width:100%; max-width:100%; text-align:center;}
.post-ttl{font-weight:bold;}

.info2col{margin-top:40px; margin-bottom:40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.info2col div{width:100%; margin-bottom:10px; padding:25px 40px; color:#ffffff; font-weight:bold; border-radius:10px; 
display: flex;
  justify-content: center;
align-items: center;
	
}
.info2col div.korona{background:#e73250;}
.info2col div.iten{background:#33ACE8;}


.cate_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
	
	margin-top:80px;
}
	
	.cate_nav_box {
	width:100%;
	margin-bottom:10px;
}
		
		



	
.c-icon-arrow-circle-right {
    color: #004f72;
    font-size: 1.6rem;
    height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    -webkit-transition: opacity .2s;
    transition:opacity .2s;
	}


.cate_nav_btn__thumb {width: 60px; -webkit-transition: opacity .2s; transition:opacity .2s;}
.cate_nav_btn__thumb > img {width: 100%; height:100%; border-radius:8px 0 0 8px;}

/*@media only screen and (max-width: 767px) {
    .cate_nav_btn__thumb {
        width:100px
    }
}
*/
	
	.cate_nav_btn {
		width: 100%;
		min-height:62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 70px;
    background-color: #fff;
    border-radius: 8px;
	position:relative;
	border:1px solid #cccccc;
	}
	
	
.cate_nav_btn__text {
    color: #222;
    font-size: 1.6rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 0 20px;
    position: relative;
    -webkit-transition: opacity .2s;
    transition:opacity .2s;
		}
		

@media only screen and (max-width: 767px) {
    .cate_nav_btn__text {
        font-size: 1.3rem;
        padding: 0 0 0 20px;
        line-height:1.5;
    }
}

@media print, only screen and (min-width: 1025px) {
    .footer-link-button:hover .footer-link-button__thumb, .footer-link-button:hover .footer-link-button__text, .footer-link-button:hover .c-icon-arrow-circle-right {
        opacity:.7;
    }
}
		
.no-image_wrap{margin-top:84px;}
.noimg_ttl{text-align:center; padding:80px 0 60px 0;}
.noimg_ttl h1{letter-spacing:0.2em;}
.noimg_ttl p{color:#b9302c; font-weight:bold;}
	.noimag_ttl_text{text-align:center; margin-bottom:80px;}
	.page_noimg_sec_wrap h2{font-size:3.2rem; }
	.page_noimg_sec_wrap h2 span{display:block; font-size:1.6rem; color:#b9302c; margin-bottom:30px;}
	
	.page_noimg_sec{display:flex; justify-content:space-between; flex-wrap:wrap;}
	.page_noimg_sec02{display:flex; justify-content:space-between; flex-wrap:wrap;}
	.page_noimg_sec_l{width:100%; margin-bottom:10px; font-weight:500;}
	.page_noimg_sec02_l{width:100%; margin-bottom:10px; font-weight:500;}
.page_noimg_sec h2{font-size:3.2rem; }
	.page_noimg_sec h2 span{display:block; font-size:1.6rem; color:#b9302c; margin-bottom:30px;}
	.page_noimg_sec_l_img{display:none;}
	.page_noimg_sec02_r_img{display:none;}
.page_noimg_sec_r{width:100%;}
.page_noimg_sec02_r{width:100%;}

.all_tableA { width: 100%; }
.all_tableA tr th {
		width: 100%;
		display:block;
    padding: 34px 0 32px 11px;
    vertical-align: top;
    border-bottom: 1px solid #1A445F;
    font-size: 15px;
		color: #ffffff;
		background:#214183;
}
/*.all_tableA tr:first-child th,
.all_tableA tr:first-child td { padding-top: 0; }*/
	.all_tableA tr td {
				width: 100%;
		display:block;
	padding: 34px 20px 32px 20px;
	vertical-align: top;
	border-bottom: 1px solid #E8E8E8;
	line-height: 1.6;
	font-size: 15px;
	font-weight: 500;
	color: #1A1A1A;
}
.all_tableA_telfax {
	letter-spacing: 0;
	font-size: 0;
}
.all_tableA_telfax li {
    display: inline-block;
    vertical-align: top;
    margin-top: 13px;
}
.all_tableA_telfax li:first-child {
    margin-right: 19px;
}

.all_tableA_telfax li a,
.all_tableA_telfax li > span {
	padding-left: 37px;
	position: relative;
	display: block;
	vertical-align: middle;
	line-height: 1;
	font-family: 'Heebo', sans-serif;
	font-size: 20px;
	color: #58C3E0;
}
.all_tableA_telfax li a span,
.all_tableA_telfax li > span span {
    background: #58C3E0;
    width: 31px;
    padding: 3px 0 2px;
    position: absolute;
	top: 0;
	left: 0;
    display: inline-block;
    line-height: 1;
    text-align: center;
    font-family: 'Heebo', sans-serif;
    font-size: 13px;
    color: #FFF;
}

.catetxt{color:#ffffff; margin-bottom:50px; font-size:1.8rem; padding:0 30px 0 20px; border-left:3px solid #ffffff;}

/*tab /sp-y */
@media (min-width: 520px) {
			.cate_nav_box{width:calc(50% - 5px);}
	.author_area{ margin-right:5px; min-width:140px; max-width:140px;}
}

/* pc/tab-y */
	@media (min-width: 960px) {
		.all_tableA tr th {width: 150px; display:table-cell; color: #000000; background:none;}
		.all_tableA tr td {width: 400px; display:table-cell;}

	.cate_nav_box {width:calc(33% - 10px); margin-right:5px;}
	#top_topics_wrap{padding:0 0px;}
	.info2col div{width:49%;}
	.topics-box{width:24%;}
		.page_noimg_sec_l{width:27%;}
		.page_noimg_sec02_l{width:calc(73% - 20px); margin-right:20px;}
		.page_noimg_sec02_r{width:27%;}
		.page_noimg_sec_l_img{display:block; width:100%; }
		.page_noimg_sec_l_img li{margin-top:10px;}
		.page_noimg_sec_l_img img{width:80%;}
		
				.page_noimg_sec02_r_img{display:block; width:100%; }
		.page_noimg_sec02_r_img li{margin-top:10px;}
		.page_noimg_sec02_r_img img{width:100%;}
		
		
	.page_noimg_sec_r{width:calc(73% - 20px); margin-left:20px;}
}
	/*strengs*/
	.kiso3_ttl{border-bottom:1px dotted #000000; font-weight:500; font-size:3.2rem; color:#214183;border-left:2px solid #b9302c;}
	.kiso3_img{width:100%;}
	.kiso3_img img{width:100%;}
/*4k*/
.sisetsu_4k{display:flex; flex-wrap:wrap;}
.sisetsu_4k div {width:calc(50% - 10px); margin:0 5px 20px;}
.sisetsu_4k div img{width:100%;}

/**car***/
.car_area{display:flex; flex-wrap:wrap; margin:30px 0;}
.carbox{width:100%; margin:10px 0px; }
.carbox_ttl{background:#214183; color:#ffffff; padding:30px 20px;}
.carbox_ttl h3{font-size:3.0rem; margin-bottom:10px;}
.carbox_ttl .total_daisu{font-size:3.0rem;}
.carbox_con img{width:100%;}
.carbox_con p{font-weight:500; height:20px; padding:10px 10px; height:auto; background:#214183; color:#ffffff; }
.carbox_con p .daisu{padding-left:20px; display:inline-block; position:relative;}
.carbox_con p .daisu::before{
	content: '/';
	display:block;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 5px;
	font-size:1.2rem;
}		
.carbox_con p span > span{font-size:1.4rem;}
	.what_kakou{border:3px solid #b9302c; padding:30px; margin-top:30px; border-radius:10px; font-weight:500;}
	.what_kakou h3{color:#b9302c; margin-bottom:10px; font-size:2.2rem;}
	.kakou_img{display:flex; flex-wrap:wrap; margin-top:10px;}
	.kakou_img li{width:33.33%; }
	.kakou_img li img{width:100%;}
	
/*feature*/
.feature_sec01{width:100%; height:400px; text-align:center; margin-bottom:50px; font-size:2.0rem; line-height:3.0rem;  background: url("img/feature_sec01bk.jp") no-repeat center top;  background-size: cover;}
.feature_sec01 h1{/*font-family :YuMincho, 'Yu Mincho',serif;*/ color:#b9302c; margin-bottom:50px; font-size:3.6rem; line-height:4.2rem; font-weight:normal;}
.feature_sec03_flex{display:flex;}
.feature_sec03_flex div{width:100%;}
.feature_sec03_flex div img{width:100%;}
	@media (min-width: 960px) {
		.kiso3_img {width:70%; margin:20px auto; text-align:center;}
	.feature_sec03_flex div{width:calc(20% - 10px);}
}

	/*recruit*/
	.recruit_2col{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px; line-height:1.9em; font-weight:500;}
	.recruit_2col_l{width:100%; margin-bottom:10px;}
	.recruit_2col_r{width:100%; margin-bottom:10px;}
	.r2cr_order01{order:2;}
	.r2cr_order02{order:1;}
	.rec_table_ttl{padding-left:20px; margin-top:10px; position:relative;}
	.rec_table_ttl::before{
		content:"●";
		position:absolute;
		left:0;
		
		color:#214183;
	}
.job_wrap{margin-top:30px; position:relative;}
.job_box{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:30px; position:relative; background:#ffffff;}
	.job_box_img{width:100%; margin-bottom:10px;}
	.job_box_img img{width:100%;}
.job_box_txt{width:100%; padding:20px;}
	.job_box_ttl{font-weight:bold; margin-bottom:10px; font-size:2.0rem; padding-left:20px; position:relative;}
	.job_box_ttl::before{
		content:"●";
		position:absolute;
		left:0;
		top:50%;
		transform: translateY(-50%);
		color:#214183;
		font-size:1.4rem;
	}
	
.swiper_rec img{width:100%;}

@media (min-width: 960px) {
	.carbox{width:calc(33.3% - 10px); margin:10px 5px;}
		.recruit_2col_l{width:50%;}
			.r2cr_order01{order:1;}
	.r2cr_order02{order:2;}
	.recruit_2col_r{width:calc(50% - 20px);}
.job_box_img{width:40%;}
.job_box_txt{width:60%;}
	.kakou_img li{width:20%; }

	.sisetsu_4k div{width:25%; margin:0 0px 20px;}
	
}

/*csr*/
.csr_wrap{}
.csr_box{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px;}
.csr_box .csr_img{width:100%;}
.csr_box .csr_img img{width:100%;}
.csr_box .csr_txt{width:100%;}
.csr_ttl{font-weight:bold; margin-bottom:10px; font-size:1.8rem;}
.csr_ttl span{color:#b9302c; padding-right:5px;}
.csr_con{display:flex; flex-wrap:wrap; justify-content:space-between;}
.csr_con_l , .csr_con_r{width:100%;}
.csr_con_l > ul > li{background:#ffffff; padding:15px; margin-bottom:5px; border-radius:10px; font-weight:bold;}
.csr_con_l > ul > li span{color:#b9302c; padding-right:10px;}
.csr_con_r img{margin-bottom:10px;}



/*company*/
.company_cal{width:100%; height:200px; margin-bottom:100px;}
.story_cal{width:100%; height:200px; margin-bottom:100px;}
.com_slider img{height:180px;}
.com_slider li {
	margin: 12px;
	border-radius: 10px;
	overflow: hidden;
}
	
	/*office*/
	.office_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;  background:#f0f8fc; padding:20px; margin-bottom:20px;}
.office_l{width:100%; margin-bottom:10px; }
	.office_r{width:100%;}
	.office_l h3{color:#214183; margin-bottom:10px; font-size:2.4rem;}
	.office_l img{width:100%; margin:10px 0;}
	.office_addtel_wrap{background:#ffffff; padding:20px; }
	.office_addtel_wrap table th{color:#214183; font-weight:bold;}
	.box_one_add{}
	.box_one_add span , .box_one_tel span{color:#214183; font-weight:bold;}
	.gmap {
	position: relative;
	width: 100%;
	padding-top: 75%; /* = height ÷ width × 100 */
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
	/*404*/
	.con_404{padding-top:250px;}
	.sorry {margin-bottom:30px;}
	.sorry h1 span{display:block;}
	.sorry_text{margin-top:30px;}
@media (min-width: 960px) {
.csr_box .csr_img{width:30%;}
.csr_box .csr_txt{width:calc(70% - 30px);}
.csr_con_l , .csr_con_r{width:calc(50% - 10px);}
.office_l{width:45%; }
.office_r{width:calc(55% - 20px); margin-left:20px;}
}


.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.ml-10{margin-left:10px;}
.ml-30{margin-left:30px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mt-10{margin-top:10px;}
.mt-60{margin-top: 60px;}
	.pt-50{padding-top:50px;}