@charset "utf-8";

/****************************
基本色　 #0068b7  ネイビー 
テキスト　　　　　#242424　ブラック

ナビ、フッター　　
子メニュー　　　　
子メニューホバｰ　　
孫メニュー　　　　
孫メニューホバｰ　　


レスポンシブ設定
・1200px ~ 大きい
・880px ~ 1199px 小さいPC
・879 ~ 645px　タブレット
・~ 644px　スマートフォン

*****************************/


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,h7,h8,h9,h10,p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit; /*font-size: 100%; */ font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

*{box-sizing: border-box;}

body {

	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	
/*
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;

*/

    font-size:18px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color:#0A0A0A; /* 	color:#0A0A0A;   */
	-webkit-text-size-adjust: none;
	

}

.sub1{
	background: #none;
}

/* リンク設定
------------------------------------------------------------*/
a {
	text-decoration:none;
	color: inherit;
}

a:hover, a:active {
	color: inherit;
}


/* レイアウト
------------------------------------------------------------*/

#wrapper, .h_inner, .f_inner {
	width: 1200px; /* width: 1080px;   */
	margin: 0 auto;	
}



/* 会社紹介 背景  テスト　*/
#wrapper.bg_company {
background: url(../images/bg_company.png) ;
background-position: top 8% left 20%;
background-repeat: no-repeat;
background-size: 50% auto;
}


/* 沿革 背景  テスト　
#wrapper.bg_history {
background: url(../images/bg_history.png);
background-position: bottom 4% left 65%;
background-repeat: no-repeat;
background-size: 40% auto;
}


@media screen and (max-width:767px) {
	
#wrapper.bg_company {
background-image: none;
}	
	
#wrapper.bg_history {
background: url(../images/bg_history.png);
box-shadow:
inset 0 0 20px #fff,
inset 0 0 20px #fff,
inset 0 0 20px #fff,
inset 0 0 20px #fff;
background-position: top 4% right 5%;
background-repeat: no-repeat;
background-size: 50% auto;
}		
	
}

*/




#content {
	float: left; /* float: right;  */
	width: 950px; /* 900px width: 800px;   */
	padding: 0px 0 50px 0px;  /*	padding: 25px 0 0; */

}


#sidebar {
width: 200px;  /* width: 270px;   */
float:right;
margin-top: 0px  /* margin-top: 30px;  */

}



@media screen and (max-width:767px) {
#sidebar {
float:none;	
width: 100%;
}
	
	
}




#header {
  position: relative;

}

.bg-blue{
	background: #fff; /* background: #0068b7; #c6eee8; TOPの斜めと同じ色 */
}





/* フッター
------------------------------------------------------------*/

.footer-3 {
    padding: 4rem 2rem 1.5rem;
  /*  background-color: #B3D8F6; /*#ffffff; */
	
	/* background: linear-gradient(-45deg, #3BA2F6, #7AC0F9, #BADEFB, #F5FCFE) fixed; */
	background: linear-gradient(-45deg, #93CCFA, #C1E1FC, #FFECEE, #FFBFC6) fixed; 
	 background-size: 800% 800%;
     animation: GradietionAnimation 9s ease infinite;
}

@keyframes GradietionAnimation { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
	


.footer-3__container {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(5, 1fr);
    max-width: 1200px;
    margin: 0 auto;
}

.footer-3__logo {
    width: 104px;  /* width: 104px; */
    height: 26px;
    margin-bottom: .2em;　　 /*  margin-bottom: .2em;　 */
}

.footer-3__caption {
    margin-top: 0;
    color: #444444;
	font-size: 13px;
	
    /* font-size: .75em; */
}

.footer-3__title,
.footer-3__link {
    margin: 0 0 .5em; /* margin: 0 0 .8em;  */
    color: #444444;
    font-size: .9em;

}

.footer-3__title {
    font-weight: 600;
		 border-bottom: 1px solid #444444;
}

.footer-3__list {
    padding: 0;
    list-style-type: none;
	font-size: 90%;
}

.footer-3__link {
    display: block;
}

.footer-3__link:not(:hover) {
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .footer-3__container {
        justify-items: start;
        grid-template-columns: repeat(2, 1fr);
        gap: 1em;
    }

    .footer-3__head {
        grid-column: 1/3;
    }

    .footer-3__caption br {
        display: none;
    }
}



#copyright{
clear:both;
padding:30px 0 37px;
text-align:center; /*text-align:left;   */
color: #0A0A0A;
letter-spacing: 0.05em;	
font-size:10px;
}



@media only screen and (max-width: 1199px){
	#wrapper, .h_inner, .f_inner {
		width: 94%;
	
		margin: 0 3%;
	}
	#content {
		width: 72%;
	}
	#sidebar {
		width: 25%;
	}
	#footer {padding: 20px 0 0;}
}

@media only screen and (max-width: 979px){
	#header{
		background-size: auto 100%;
		min-height: 120px;
	}
	#content {
		float: none;
		width: auto;
		padding: 20px 0;
	}
	#sidebar {
		float: none;
		width: auto;
		padding: 20px 0 0;
	}
	
	#footer li{margin-bottom:10px;}
	
	#footer .sponsor{ 
	width:100%;
    font-size:100%;}
	
	#footer .support{
	width:100%;
    font-size:100%;}
	
}

@media only screen and (max-width: 644px){
	#footer .sponsor{ 
	width:100%;
    font-size:100%;}
	
	#footer .inner p{	
    font-size:85% !important;
}
	
}



/* ヘッダー
*****************************************************/

/* サイトタイトル、ナビ
----------------------------------*/
.h_title {float: left;}

.h_title img {
	max-width: 100%;
	padding: 25px 0 20px;
}

.h_nav {
	float: right; 
	text-align: right;
	padding: 27px 0 20px; /*  padding: 25px 0 20px;  */
}

.h_search {float: right;
padding: 37px 0 20px;
}

/* 検索窓
----------------------------------*/
.search_container{
  box-sizing: border-box;
  position: relative;	
  border: 1px solid #999;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  height: 2.5em;  /* height: 2.3em; */
  width: 260px;
  overflow: hidden;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.5em;  /* font-size: 1.3em;  */
  border: none;
  background: none;
  color: #00baa5;
  position: absolute;
  width: 2.5em; 
  height: 2.7em;  /* height: 2.5em; */
  right: 0;
  top: -12px; /* top: -10px;  */
  outline : none;
}



@media only screen and (max-width: 879px){
	.h_title {width: 85%;}
	.h_title img {width: 80%;}
	.h_nav {float: none; 
	padding: 20px 0px 0 0;	
	}
	.h_nav img {width: 50px;
	float: none;}	
	.h_search{float: none;
		       padding: 0px;}
    .search_container{
       width: 300px;
	  margin: 0 auto;
	}	
}



/* メインナビ 1200px以上でPC用
*****************************************************/
@media only screen and (min-width: 1200px),print{
	.btn_open,.btn_close {display: none;}
	.mainnav {
		margin: 0;
		background: #0068b7; 
		
	}
	.mainnav .mainnav_inner {
		display: table;
		width: 94%;
		margin: 0 auto;
		background: #0068b7;		
		font-size: 18px!important; 
	}	
	
	
	.mainnav li.category {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 20%;  /*  width: 12%;   */
		height: 52px; /* mainnavにborder-bottom 3px　の為 　height: 55px; 20200406 shioda add　*/
		padding: 3px 0;
		font-size: 18px!important; 
		line-height: 1.4;
		text-align: center;
		color: #fff; /* color: #0A0A0A; */
		letter-spacing: 0.05em;
		font-weight: bold; /* 240523追加 */
		letter-spacing: 0.15em;/* 240523追加 */
	}

	/*子メニュー*/
	.mainnav li.category > ul {
		z-index: 10;
		position: absolute;
		top: 52px;   /* top: 55px; 　20200406 shioda add */
		width: 70%;　/* 100% サブナビゲーションの幅を調整　*/
		font-size: 14px;  
		background: #fff; 
		color:#0A0A0A;  
		text-align: left;
		margin-left: 50px; /* サブナビゲーションの位置を調整、なるべく真ん中に　*/
	}

	.mainnav li.category > ul > li > a {
		display: block;
		padding: 15px 0px 15px 20px;
		border-right: 1px solid #E7F1FA;
		border-left: 1px solid #E7F1FA;
		border-bottom: 1px solid #E7F1FA;
		font-size: 16px;
		
	}
	.mainnav li.category > ul > li > a:hover {background: #E7F1FA;}  /* #89BAE0 #3d9b33 */

	/*孫メニュー*/
	.mainnav li.subcategory {
		position: relative;
		display: block;
		padding: 10px 30px 10px 5px;
		background: url("../images/h_ic01.png") no-repeat right 15px;
		border-right: 1px solid #d5d6e1;
		border-left: 1px solid #d5d6e1;
		border-bottom: 1px solid #d5d6e1;
	}
	.mainnav li.subcategory:hover {background-color: #67dbce;}  /* #3d9b33 */


	.mainnav li.subcategory:hover > ul {
		z-index: 10;
		position: absolute;
		top: -1px;
		left: 100%;
		width: 100%;
		background: #a5ede5;  /* ##7fe375 */
		color:#0A0A0A;
		border-top: 1px solid #d5d6e1;
	}

	.mainnav li.subcategory:hover > ul > li > a {
		display: block;
		padding: 10px 5px;
		border-right: 1px solid #d5d6e1;
		border-left: 1px solid #d5d6e1;
		border-bottom: 1px solid #d5d6e1;
	}
	.mainnav li.subcategory:hover > ul > li > a:hover {background: #67dbce;} /* #9dea96*/

	/*hoverしていないときは非表示*/
	.mainnav li.category ul,
	.mainnav li.category li {display: none;}
	/*hoverしたら表示*/
	.mainnav li.category:hover > ul,
	.mainnav li.category:hover > ul > li,
	.mainnav li.subcategory:hover > ul,
	.mainnav li.subcategory:hover > ul > li {display: block;}
}

@media only screen and (min-width: 1200px) {
	.mainnav .mainnav_inner {width: 1200px;}
	.mainnav li.category{font-size: 16px;}
}

/* メインナビ 1199px以下でスマホ用
*****************************************************/
@media only screen and (max-width: 1199px){
	.mainnav {
		position: fixed;
		top: 0;
		right: -230px; /* right: -230px; */
		width: 230px;  /* width: 230px;  */
		height: 100%; 
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all .2s;
		transition: all .2s;
		background: #0068b7;   /* #b2d1e9 #00baa5; */ 
		border-left: 1px solid #fff;
		z-index: 10;
		font-size: 16px!important; 
		font-weight: bold; /* 240523追加 */
		letter-spacing: 0.1em;/* 240523追加 */
		
	}
	.mainnav.open {
		-webkit-transform: translate3d(-220px, 0, 0);
		transform: translate3d(-220px, 0, 0);
	}
	.mainnav_inner {
		margin: 10px 4px 20px;
	}
	.mainnav li.category > span {
		display: block;
		padding: 8px 40px 8px 15px;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
		background: url(../images/h_ic02.png) no-repeat 190px 15px;
	}
	/*子メニュー*/
	.mainnav li.category > ul > li {
		border-bottom: 1px solid #0068b7; /* 20190313 shioda add #1e6a16; */
				font-size: 14px;  
	}
	.mainnav li.category > ul > li > a {
		display: block;
		background: #ffffff;
		padding: 8px 15px;
	}
	/*孫メニュー*/
	.mainnav li.subcategory > span {
		display: block;
		padding: 8px 40px 8px 15px;
		background: url(../images/h_ic03.png) no-repeat 190px 15px #ffffff;
	}
	.mainnav li.subcategory > ul {
		background: #ffffff;
		padding: 0 0 0 15px;
	}
	.mainnav li.subcategory > ul > li > a {
		display: block;
		padding: 8px 10px;
		border-top: 1px dashed #0068b7; /* 20190313 shioda add #1e6a16; */
	}

	/*クリックしていないときは非表示*/
	.mainnav li.category ul,
	.mainnav li.subcategory ul {display: none;}
	/*クリックしたらopenクラスが付く(script.js)→表示*/
	.mainnav li.category ul.open,
	.mainnav li.subcategory ul.open  {display: block; margin-top: -3px;}   /* 20200406 shioda add  {display: block;} */	
	
	/*closeボタン*/
	.btn_close {
		width: 150px; /* width: 100px; */
		margin: 200px auto 50px;  /* margin: 100px auto 50px; */
		padding: 5px 10px;
		color: #0068b7; /*#ffffff; */
		text-align: center;
		font-weight: bold;
		background: #ffffff; /* #b2d1e9; 20190313 shioda add background:#1e6a16; */
		border: 2px solid #ffffff;
	}
}


/* パンくずナビ
----------------------------------*/
.Breadcrumb {
	width: 1200px; /* width: 1080px;   */
	margin: 20px auto; /*margin: 0 auto 20px;   margin: 20px auto 20px;  */
	font-size: 13px;
	text-align: left;
	padding-left: 0px; /* padding-left: 30px;   */
}

.Breadcrumb span {margin:0 10px;}
.Breadcrumb span.home {margin:0 10px 0 0;}
.Breadcrumb a:hover {text-decoration: underline;}

@media only screen and (max-width: 1079px){
	.Breadcrumb {
	width: 94%;
	margin: 10px 3%;
	text-align: left;
		padding-left: 0px;	
	}
}

/* フッター
*****************************************************/

/*================================================
 *  TOPページへ戻る
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px; /*  */
	z-index:1;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#fe180f;
}
.totop img:hover {
	background: #0068b7;
}








/*
#pageTop {
	line-height: 0;
	position: fixed;
	right: 400px;  
	bottom: 100px; 
}

#pageTop img {width: 64px;} 


@media only screen and (max-width: 879px){
#pageTop {
	line-height: 0;
	position: fixed;
	right: 200px;
	bottom: 100px; 
}

}


@media only screen and (max-width: 644px){
	#pageTop {right: 15px;bottom: 15px;}
}

*/

/* サイドバー（サブページのみ）
*****************************************************/

/* サイドメニュー 
------------ */

.s_nav {
	min-height: 50vh; /* min-height: 100vh; */
    border: 1px solid none; /*#B3D8F6; */
	border-radius: 0px;
	margin-top: 20px;
}


/*メニューカテゴリのタイトル部分*/
.s_nav_title {
   padding: 5px 0px 5px 0px;
   font-weight: normal;                /* 太字 */
   text-align: center;
   background: #F7164B; /*#B3D8F6; */
   color: #fff;   /*#242424 */
   letter-spacing: 0.1em;  /*0.05em; */
   font-size:15px;
}

/*子メニュー*/
.s_nav ul.s_nav_inner {
	padding: 5px 0px;
	width: 100%;
   letter-spacing: 0.05em;	

	
}

/*TOPページ　3つのコンテンツの色
background: #e9b800;
background: #76aed4;
*/


ul.s_nav_inner{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}

ul.s_nav_inner li{
   position: relative;
  padding-left: 8px;
  line-height: 30px;  
  border-bottom: solid 1px #DFE4E7; 	
}
ul.s_nav_inner li:before{
   content: "";
    position: absolute;
    top: 20px; /* .45em;*/
    left: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #0A0A0A;
    border-right: 2px solid #0A0A0A;
}



.s_nav ul.s_nav_inner li a{
	text-decoration: none;
	color: #0A0A0A; /*  #3b201e #D6AC04;  #76aed4 */


}
.s_nav ul.s_nav_inner li a:hover{
	text-decoration: none;
	color: #858585;  /* #3b201e; #D6AC04;  #76aed4 */
}




.s_nav ul.s_nav_inner > li > a,
.s_nav ul.s_nav_inner > li > span {
	padding: 8px 0 8px 25px;  /* 	padding: 5px 0 8px 10px;  */
   font-size:14px; /* font-size:16px;  */
	text-decoration: none !important;
}



/* 追加ここから　 右サイドバーの表示しているページのボタン、アンダーバー、テキストの色が変わる 201117　shioda*/

.s_nav ul.s_nav_inner li.on a {
   color: #FDADC0;    /*#D6AC04; #3b201e; #D6AC04;  #76aed4 */
   font-weight: normal;
	
}

.s_nav ul.s_nav_inner li.on{
  position: relative;
  padding-left: 8px;
  line-height: 30px;  
  border-bottom: solid 1px #DFE4E7; 	
}

.s_nav ul.s_nav_inner li.on:before{
   content: "";
    position: absolute;
    top: 20px; /* .45em;*/
    left: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #FDADC0;
    border-right: 2px solid #FDADC0;
}



/* 追加ここまで */



/*子メニュー・孫メニュー共通*/
.s_nav a,.s_nav span {display: block;}
.s_nav a:hover {text-decoration: none !important;}

/*スマホサイズでは見出しの文字をやや小さくし、記事内のfloatは解除する*/
@media only screen and (max-width: 644px){
.s_nav {
	min-height: 30vh; /* min-height: 300px; */	

}

/*	
.s_nav ul.s_nav_inner {
	border-top: 1px dotted #3b201e;	
	margin-top: 50px;
	}	
*/	
	
.s_nav ul.s_nav_inner li 
	{
	  margin: 2px 0 2px 0px;  /* margin: 7px 0 7px 0px; */
	  line-height: 20px;
	  /*border-bottom: none; */
	  /*border-bottom: none; */
	 
	  border-bottom: none;
	  background: none; 
	  padding: 5px 0 5px 20px;　	
   
	
	}

	
.s_nav ul.s_nav_inner li.on	{
	  margin: 2px 0 2px 0px;  /* margin: 7px 0 7px 0px; */
	  line-height: 20px;
	  /*border-bottom: none; */
 
	  border-bottom: 1px solid  #B3D8F6;
	  background: none; 
	  padding: 5px 0 5px 20px;　 
	
}	
	
}




/* メイン（サブページ）
*****************************************************/

/* コンテンツ部分
----------------------------------*/

.post p {margin: 0 0 10px;}
.post strong {font-weight: bold;}
.post a{text-decoration: underline;}
.post a:hover {text-decoration: none;}

/*linkはorangeかgreenと一緒に記述してください*/
.post a.link {
	display: inline-block;
	padding: 8px 15px 8px 30px;
	box-shadow: 5px 5px 0 0 #d5d6e1;
	text-decoration: none;
}
.post a.link.orange {background: url(../images/m_ic01.png) no-repeat 10px 15px #f0cf65;}
.post a.link.green {background: url(../images/m_ic02.png) no-repeat 10px 15px #00baa5 ;color: #ffffff;}　/* 20190313 shioda add #1e6a16; */
.post a.link.orange:hover{background-color: #ddae16;}
.post a.link.green:hover{background-color: #3d9b33;}

.post ul {margin: 0 0 10px 30px;}
.post ul li{list-style: disc;}
.post ul ul {margin: 0 0 0 18px;}
.post ul ul li{list-style: circle;}
.post ol {margin: 0 0 10px 30px;}
.post ol ol {margin: 0 0 0 18px;}
.post ol li{list-style:decimal;}
.post ol ol li {list-style: lower-alpha;}


.post hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #0068b7;
	margin:30px 0;
}




.post img {	max-width:100%;	height:auto;}
img.aligncenter {display: block;margin: 15px auto;}
img.alignright {margin:0 0 15px 20px;}
img.alignleft {margin:0 20px 15px 0;}
.alignright{float:right;}
.alignleft{float:left;}
.link.aligncenter {margin: 0 auto;}
.post .hidden {overflow: hidden;}

/* 見出し
----------------------------------*/
h1 {
	font-size: 32px; /* font-size: 28px;  */
   font-weight: bold; 
/* ヘッダーでもh1を使っているので、padding,marginなど設定しないこと*/
	
}

/* カテゴリ */

.h1title {
  border-bottom: solid 2px #B3D8F6;  
  position: relative;
  color: #0A0A0A;  /*  #76aed4; */
  margin: 70px 0 50px 0px;	
}


.h1title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #003E8E;  /*  #76aed4; */
  bottom: -2px;
  width: 20%;
}


@media screen and (max-width:767px) {
	
h1 {
	font-size: 24px; 
}
	
.h1title {
  margin: 0px 0 30px 0px;	
}
}




/* 各ページタイトル　大見出し*/

/* 横並び */

.post h2 {
 font-size: 36px; /* font-size: 34px;  32px */
 line-height: 1;
 margin: 20px 0 50px 0;
 font-weight: bold; 
}

.post h2 span {
  display: inline-block;
 font-size: 24px; /* font-size: 20px */
  line-height: 1.9; /* 2.0*/
  margin-left: 20px;
  vertical-align: top;
}


@media screen and (max-width:767px) {
.post h2 {
 font-size: 26px;
 line-height: 1;
 margin: 10px 0 20px 0;

}

.post h2 span {
  display: block;
  font-size: 16px;
  margin-left: 0px;	
}
	
}



/* メインタイトルとサブタイトルが上下に並ぶ

.post h2 {
  font-size: 34px;
  line-height: 1;
  margin-top: 15px;	
}
.post h2 span {
  display: block;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 30px;	
}

@media screen and (max-width:767px) {
.post h2 {
 font-size: 28px;

}

	
}

*/


/* 各ページタイトル　 中見出し*/

.post h3 {
	margin-bottom: 1em;
	font-size: 26px;  /* font-size: 22px;  */ 
    font-weight: bold;
	letter-spacing: 0.1em;
/*	border-bottom: 1px solid #0068b7; */
	color: #0A0A0A;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
}


.post .cp_h3title {
	position: relative;
	padding: .0em .3em .0em .5em;
	border-left: 5px solid #FDC2D0; /* #FB9BB1; /*#F7164B; */ 
	margin: 40px 0 20px 0;
}

.post .cp_h3title::before {
	position: absolute;
	content: '';
	left: -5px;
	bottom: 0;
	width: 5px;
	height: 50%;
	background-color: #F7164B; /* #F988B5; / */ 
}

.post .cp_h3title::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
}


@media screen and (max-width:767px) {
.post h3 {
 font-size: 20px;
 margin: 10px 0 20px 0;

}
	
}


.post h4 {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
 font-size: 22px;  /* font-size: 22px;  */ 
    font-weight: bold;	
}
.post h4::before, .post h4::after {
  position: absolute;
  content: '';
  top: calc(50% - 1px);
  width: 1em;
  height: 2px;
  background-color: #F7164B;
}
.post h4::before {
  left:0;
}
.post h4::after {
  right: 0;
}


@media screen and (max-width:767px) {
.post h4 {
 margin: 10px 0 10px 0;
 font-size: 18px;	
}
	
}


.post h5 {
  position: relative;
  padding: 0.5em 0em 0.5em 0em; /* padding: 1.5em 0em 0.5em 0em;  */
  margin: 1.0em 0 1.0em 0;	/*   margin: 2.5em 0 1.0em 0;  */
  font-weight: bold;  /* font-weight: normal; */
  font-size:20px;	/*   font-size:20px;  */
}
.post h5::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;	
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #B3D8F6, #F1FBFD);
}


@media screen and (max-width:767px) {
.post h5 {
 font-size: 16px;
}
	
}


.post h6 {
    position: relative;
    padding: 0.5rem 1.0rem;
    outline: 1px solid #003E8E;
    outline-offset: -1px;
    color: #003E8E;
    font-size: 24px;
    font-weight: bold;
	margin:1.4em 0;
	text-align: left;
	width: 500px;
}


.post h6::before,
.post h6::after {
    position: absolute;
    content: '';
}

.post h6::before {
    top: 5px;
    right: -10px;
    width: 10px;
    height: 100%;
    background-image: linear-gradient(45deg, #B3D8F6 0%, #003E8E 100%);
    transform: skewY(45deg);
}

.post h6::after {
    bottom: -10px;
    left: 5px;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(45deg, #003E8E 0%, #B3D8F6 100%);
    transform: skewX(45deg);
}


@media screen and (max-width:767px) {
.post h6 {
 font-size: 16px;
 width: 100%;
}
	
}



.post h7{
	font-size:20px;
	font-weight: bold;
    margin: 20px auto;
}

@media screen and (max-width:767px) {
.post h7{
 font-size: 18px;
}
	
}


.tx-r{
	font-size: 100%;
	text-align: right;
}




/* 上付き文字　*/

sup {
vertical-align:super;	
font-size:70%;
}



/* 簡単な表　*/


th,td {
    border: solid 1px; 	/* 枠線指定 */
	padding: 7px 10px;	
}
 
.post table{
    border-collapse:  collapse;     /* セルの線を重ねる */
	 margin: 20px auto;

}



/* 採用情報　募集要項の表 */

.r-entry {
width: 100%;
}

.r-entry th,
.r-entry td {
border: 1px solid #BBD7F3;
padding: 20px;
}

.r-entry th {
font-weight: bold;
background: #e8f3fe; 
}

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





@media only screen and (max-width: 644px){
	.post table.chart01.sp_block td, .post table.chart01.sp_block th {display: block;width: auto !important;}
	table.chart01.sp_block {border-left: 0px none transparent; border-bottom: 0px none transparent;}
}





@media only screen and (max-width: 644px){
	.alignright,.alignleft {float: none;}
	img.alignright,img.alignleft {display: block;margin: 10px auto;}
	.post table.default.sp_block td, .post table.default.sp_block th {display: block;width: auto !important;}
	table.default.sp_block {border-left: 0px none transparent; border-bottom: 0px none transparent;}
}



/* 20200226 テキストを右側へ */

.text-r{
	text-align: right;
	font-size:95%;
}


/* リンクに番号や・などを付けない場合　*/

.nodot ul li {
	list-style-type: none;
    display:block;
	padding: 0px 0px;
}





/* サブページのヘッダーを固定  */

/* fixed menu */
body {
	padding-top: 150px;  /* padding-top: 120px;   */
}
div#fixedheader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
}


div#sidebar {
position: relative; /* fixed; にしないと固定されない　*/
margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン 20200507　*/
padding-top: 50px; 　　　/* 打ち消し用のパディング 20200507　*/
	
	
}
@media only screen and (max-width: 979px){
	body {
		padding-top: 0px;
	}
	div#fixedheader {
		position: static;
	
	}
	div#sidebar {
		position: static;

	}
}
/* fixed menu end */





a.anchor{
    display: block;
    padding-top: 150px;  /* padding-top: 100px;   */
    margin-top: -150px;  /* margin-top: -100px;    */
}

#title3 {
   margin-top:-100px;
  padding-top:100px;
}







/* flex-box レギュラーパターン　4分割 アンカーリンクのタグの中に入れ、1ページとするカテゴリ 　*/


.flex-box {
    background-color: none;     /* 背景色指定 */
    display: flex;            /* 余白指定 */
	margin: 0px auto 20px auto;

}

.flex-item:hover {
  color: #00baa5; 
}
 
.flex-item {
	width: 25%;  
    padding: 10px;
    color:  #020202;               /* 文字色 */
    margin:  0px;              /* 外側の余白 */
    border-radius:  0px;        /* 角丸指定 */
	text-align: left;
	font-weight: bold;
	font-size:105%; /* 200414 shioda add */
}


.flex-item a{
	text-decoration: underline;
	font-size:100%;
}


.flex-item:nth-child(1) {
    background-color:  none; /* 背景色指定 */
} 

.flex-item:nth-child(2) {
    background-color:   none; /* 背景色指定 */

}


.flex-item:nth-child(3) {
    background-color:  none; /* 背景色指定 */
	
}
 
.flex-item:nth-child(4) {
    background-color: none;  /* 背景色指定 */
}

/* flex-box1 アンカーリンクのタグの中に入れ、1ページとするカテゴリ ※3カテゴリの場合　*/

.flex-box1 {
    background-color: none;     /* 背景色指定 */
    display: flex;            /* 余白指定 */
	margin: 0px auto 20px auto;
}

.flex-item1:hover {
   color: #00baa5; 
}
 
.flex-item1 {
	width: 33.3333%;  /* 4分割する時は　25％に変更 */
    padding: 10px;
    color:  #020202;               /* 文字色 */
    margin:  0px;              /* 外側の余白 */
    border-radius:  0px;        /* 角丸指定 */
	text-align: left;
	font-weight: bold;
	font-size:105%; /* 200414 shioda add */
}


.flex-item1 a{
	text-decoration: underline;
	font-size:100%;
}


.flex-item1:nth-child(1) {
    background-color:   none; /* 背景色指定 */
} 

.flex-item1:nth-child(2) {
    background-color:   none; /* 背景色指定 */

}


.flex-item1:nth-child(3) {
    background-color:  none; /* 背景色指定 */
}
 



/* flex-box2 アンカーリンクのタグの中に入れ、1ページとするカテゴリ ※9カテゴリの場合　*/

.flex-box2 {
    background-color: none;     /* 背景色指定 */
    display: flex;            /* 余白指定 */
	margin: 0px auto 0px auto;
}

.flex-item2:hover {
   color: #00baa5; 
}
 
.flex-item2 {
	width: 33.3333%;  /* 4分割する時は　25％に変更 */
    padding: 10px;
    color:  #020202;               /* 文字色 */
    margin:  0px;              /* 外側の余白 */
    border-radius:  0px;        /* 角丸指定 */
	text-align: left;
	font-weight: bold;
	font-size:105%; /* 200414 shioda add */
}


.flex-item2 a{
	text-decoration: underline;
	font-size:100%;
}

.flex-item2:nth-child(1) {
    background-color:  none; /* 背景色指定 */

} 

.flex-item2:nth-child(2) {
    background-color:   none; /* 背景色指定 */

}


.flex-item2:nth-child(3) {
    background-color:  none; /* 背景色指定 */

}
 

/* flex-box3 アンカーリンクのタグの中に入れ、1ページとするカテゴリ ※2カテゴリの場合　*/

.flex-box3 {
    background-color: none;     /* 背景色指定 */
    display: flex;            /* 余白指定 */
	margin: 0px auto 20px auto;
}

.flex-item3:hover {
  /* color: #00baa5;  */
}
 
.flex-item3 {
	width: 50%;  /* 4分割する時は　25％に変更 */
    padding: 10px;
    color:  #0A0A0A;               /* 文字色 */
    margin:  0px;              /* 外側の余白 */
    border-radius:  0px;        /* 角丸指定 */
	text-align: left;
	/* font-weight: bold; */
	font-size:110%; 
}

.flex-item3 a{
	text-decoration: underline;
	font-size:100%;
}



.flex-item3:nth-child(1) {
     background-color: none;  /* 背景色指定 */
	 margin: 0 auto;
	 vertical-align:text-top;
	
} 



.flex-item3:nth-child(2) {
    background-color:  none; /* 背景色指定 */


}





.alignright2{
float:right;
}


.alignleft2{
float:left; 
 padding-right: 20px;}

@media only screen and (max-width: 644px){
.alignright2,.alignleft2 {float: none;}
}




/* ヘッダー　アクセスページ誘導ボタン */

a.btn_09 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0068b7;
	 font-weight: bold;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 50px; 
  padding: 20px 50px 20px 70px;
  background-color: #E7F1FA;
  border: 2px solid #0068b7;
  border-radius: 30px;
  box-sizing: border-box;
  position: relative;
  transition-duration: 0.3s;
  font-size:18px;	
　font-weight: bold;
}

a.btn_09::before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 85%;
  left: 20px;
  margin-top: -30px;
  background-image: url("../images/map_pin_b.png");
  background-size: contain;
  background-repeat: no-repeat;
}

a.btn_09:hover::before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 85%;
  left: 20px;
  margin-top: -30px;
  background-image: url("../images/map_pin_w.png");
  background-size: contain;
  background-repeat: no-repeat;
}

a.btn_09 span {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
}
a.btn_09 span span {
  display: block;
  font-size: 16px;
  margin-bottom: 7px;
}
a.btn_09:hover {
  color: #ffffff;
  background-color: #0068b7;
}






/* 会社概要 */

#table_about{
	width: 100%;
}

#table_about tr {
  border-bottom: 1px solid #b5b1b1;
}

#table_about th,
#table_about td {
  padding: 24px 0;
  border: none;
}





#table_about th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table_about th,
  #table_about td {
    width: 100%;
    display: block;
  }

  #table_about th {
    width: 100%;
  }

  #table_about td {
    padding-top: 0;
  }
}



/* 沿革 */

#table_history{
 width: 100%; 
 border-top: 1px solid #FD99B1;		
 border-bottom: 1px solid #FD99B1;	

}

#table_history tr {
border-bottom: 1px dotted #FD99B1;
}

#table_history th,
#table_history td {
  padding: 24px 0;
  border: none;
}



#table_history th {
 width: 20%;
 font-weight: bold;
 padding: 0 25px;	
}

/* sp */
@media screen and (max-width:767px){
#table_history th,
#table_history td {
    width: 100%;
    display: block;

  }

#table_history th {
 width: 100%;
 padding: 10px 0;		
  }

#table_history td {
 padding: 0 0px;	
  }
}



/* 吹き出し本体 */
.balloon1{
  position: relative;
  padding: 30px 15px;
  border-radius: 10px;
 /* color: #ffffff; */
  background-color:#E7F1FA;  /*#0888ff; */
  border: 1px solid #E7F1FA;
  margin-left: 110px;          /* 左に余白を設ける */
	
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
  position: absolute;
  left: -110px;
  top: 12px;
}
/* 三角アイコン */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #E7F1FA;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}



/* 吹き出し本体 */
.balloon2{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #0888ff;
  margin-right: 110px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon2 .icon{
  position: absolute;
  right: -110px;
  top: 0;
op: 0;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #0888ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


/* サービスセンター 日本地図のところ */

.sc-t dl {
	margin: 20px 0 15px 0;
	padding: 0 10px 0 0;
}

.sc-t dt {
	float: left;
	clear: left;
	width: 240px; /* width: 90px; */
	padding: 0 0 10px;
	font-weight: normal; /* font-weight: bold;  */
}

/* 長くなる場合の下部スペース作成 */

.d-s-p{
	margin-bottom: 180px;
}


.sc-t dd {padding: 0 0 10px 100px;  /* padding: 0 0 10px 90px;*/

}


@media screen and (max-width:767px){
.sc-t dl {
	margin: 10px 0 0 0;
	padding: 0 0px 0 0;
}

.sc-t dt {
	float: none;
	padding: 0 0 0 0;

}
	

/* 長くなる場合の下部スペース作成 */

.d-s-p{
	margin-bottom: 0px;
}
	
	
.sc-t dd {padding: 0 0 0px 0px;  /* padding: 0 0 10px 90px;*/	
	
}

}


/* アクセスのgooglemap スマホ対応 */

.g-map {
  width: 800px;
  height: 600px;
}
 
.g-map iframe {
  width: 100%;
  height: 100%;
}
 
@media screen and (max-width:767px){

.g-map {
    margin-top: 20px;
    width: 100%;
    height: 300px;
  }
}




/* 私たちについての事業所のアクセス　*/

.access_link{
	float: right;	
	font-size:100%;
}

.access_link a{
	text-decoration: none!important;
}



@media screen and (max-width:767px){
.access_link{
	width: 100%;
	float: none;	
}
	
}

.btnarrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
    /*形状*/
  display: inline-block;
  padding: 0 20px;
  text-decoration: none;
  outline: none; 
  font-size: 100%;
}


/* アクセス：矢印と下線の形状 */
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
  position: absolute;
    bottom:-8px;  /* right:-5%; */
    left: 10%;  /* left:15%;*/
    /*下線の1形状*/    
    width: 90%;  /* width: 85%; */
    height: 1px;
  background:#003E8E;
    /*アニメーションの指定*/
    transition: all .3s;	
	
}

.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    bottom:-4px;  /* right:-5%; */
    right:-1%;  /* right:-5%; */
    /*矢印の形状*/    
    width: 15px;  /* right:-5%; */
    height:1px;  /* right:-5%; */
  background:#003E8E;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:15%;  /* left:20%; */
}

.btnarrow4:hover::after{
    right:-6%;  /* right:-5%; */
}


/*

svg{
    display: block;
    max-width: 400px;
    margin: 0 auto;
    .maps{
        fill:#1eaa39;
        transition: fill .3s;
    }
}

*/

/*  サービスセンター　アンカーリンクのずれを解消  */ 
a.jump_point {
height: 1px;
display: block;
padding-top:170px;
margin-top:-170px;
}




/* 採用募集　リクルート誘導ボタン */

a.btn_03_r {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 50px;
  position: relative;
  background: #0068b7; /*#fff; */
  border: 2px solid #0068b7;  /* #c8e0f4; */
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff; /* #0A0A0A; */	
  font-size: 18px;
　font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_03_r:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; /* #0A0A0A; */
  border-right: 2px solid #fff; /* #0A0A0A; */
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn_03_r:hover {
  background: #fff; /*#81bcee; */
  color: #0068b7;
}
a.btn_03_r:hover:before {
  border-top: 2px solid #0068b7;
  border-right: 2px solid #0068b7;
}


@media screen and (max-width:767px){
a.btn_03_r {
	width: 350px;
	height: 50px;
	font-size: 16px;
}
	
}


/* 社員の声 */


ul.cp_list li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 1.5em;
	padding-bottom: 1.0em;
}

ul.cp_list li:before {
	border-radius: 0%; /*丸くする*/
    width: 15px; /*点の幅*/
    height: 15px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.5em; /*点の位置*/
    content: "";
    background: #0068b7; /*点の色*/
}

/* お客様の声 */

ul.cp_list2 li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 1.5em;
	padding-bottom: 1.0em;
}

ul.cp_list2 li:before {
	border-radius: 50%; /*丸くする*/
    width: 15px; /*点の幅*/
    height: 15px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.5em; /*点の位置*/
    content: "";
    background: #FA819E; /*点の色*/
}

@media screen and (max-width:767px){
	
ul.cp_list2 li {

	padding-bottom: 0.5em;
}	
ul.cp_list2 li {

	padding-bottom: 0.5em;
}	
	
}



/* 事業系と研修系の　上部ページ　文字と画像のボックス  */

#b-box {
	width: 950px;
	height: 280px;
	background: #F8FBFE;
    padding: 0;
    margin: 0 0 30px 0;
}

#b-box .b-box_l {
	float: left; 
	width: 55%; 
	height: 100%;
}

/* 業務内容　左側　文字の調整  */

/* 事業内容のみ　文字のみのボックス  */

#b-box_b {
	width: 950px;
	height: 240px;
	background: #F8FBFE;
    padding: 20px 0 0 0;
    margin: 30px 0 30px 0;
}

#b-box_b .b-box_c {
	float: none; 
	width: 95%; 
	height: 100%;
}


.b-box_c .txt_box {
position:relative;
padding:15px; 
margin: 20px 0 0 30px;	
}


/* 「　」　のみ削除

.b-box_c .txt_box:before {
content:"";
position:absolute;
top:0;
left:0;
width:20px; 
height:15px;
border-left:#0068b7 1px solid; 
border-top:#0068b7 1px solid; 
}
.b-box_c .txt_box:after {
content:"";
position:absolute;
bottom:0;
right:0;
width:20px; 
height:15px;
border-right:#0068b7 1px solid;
border-bottom:#0068b7 1px solid; 
}

*/

.txt_box p {
margin:0;
padding:0;
}



/* 社員の声　左側　文字の調整  */

.b-box_l .txt_box-v {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding:15px; /* padding:10px;  */
margin: 20px 0px 0 30px;	
}

.b-box_l .txt_box-v {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding:15px; /* padding:10px;  */
margin: 70px 0px 0 30px;	
}

/* 「　」　のみ削除

.b-box_l .txt_box-v:before {
content:"";
position:absolute;
top:0;
left:0;
width:20px; 
height:15px; 
border-left:#0068b7 1px solid; 
border-top:#0068b7 1px solid;
}
.b-box_l .txt_box-v:after {
content:"";
position:absolute;
bottom:0;
right:0;
width:20px; 
height:15px; 
border-right:#0068b7 1px solid; 
border-bottom:#0068b7 1px solid; 
}

*/


.txt_box-v p {
margin:0;
padding:0;
}

/* お客様の声　左側　文字の調整  */

.b-box_l .txt_box-f {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding:15px; /* padding:10px;  */
margin: 60px 0px 0 30px;	
}

.b-box_l .txt_box-f {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding:15px; /* padding:10px;  */
margin: 60px 0px 0 30px;	
}

/* 「　」　のみ削除

.b-box_l .txt_box-f:before {
content:"";
position:absolute;
top:0;
left:0;
width:20px; 
height:15px; 
border-left:#0068b7 1px solid; 
border-top:#0068b7 1px solid; 
}
.b-box_l .txt_box-f:after {
content:"";
position:absolute;
bottom:0;
right:0;
width:20px;
height:15px; 
border-right:#0068b7 1px solid; 
border-bottom:#0068b7 1px solid; 
}

*/

.txt_box-f p {
margin:0;
padding:0;
}

/* 研修内容　左側　文字の調整  */

.b-box_l .txt_box-t {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding:15px; /* padding:10px;  */
margin: 20px 0px 0 30px;	
}

.b-box_l .txt_box-t {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding:15px; /* padding:10px;  */
margin: 40px 0px 0 30px;	
}

/* 「　」　のみ削除

.b-box_l .txt_box-t:before {
content:"";
position:absolute;
top:0;
left:0;
width:20px; 
height:15px; 
border-left:#0068b7 1px solid; 
border-top:#0068b7 1px solid; 
}
.b-box_l .txt_box-t:after {
content:"";
position:absolute;
bottom:0;
right:0;
width:20px; 
height:15px;
border-right:#0068b7 1px solid; 
border-bottom:#0068b7 1px solid; 
}

*/

.txt_box-t p {
margin:0;
padding:0;
}


@media screen and (max-width:767px){
	
/* 文字のみボックス */	
#b-box_b {
	width: 100%;
	height: 100%;
	background: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#b-box_b .b-box_c {
	float: none; 
	width: 100%; 
	height: 100%;
}	
	
.b-box_c .txt_box {
background:#E7F1FA;
padding:10px;
margin: 30px 0px 20px 0px;	
}	
	
	
/* 文字と画像ボックス */
	
#b-box {
	width: 100%;
	height: 100%;
	background: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#b-box .b-box_l {
	float: none; 
	width: 100%; 
	height: 100%;
}

.b-box_l .txt_box {
background:#E7F1FA;
padding:10px;
margin: 30px 0px 20px 0px;	
}

.b-box_l .txt_box-v {
background:#E7F1FA;
padding:10px; 
margin: 30px 0px 20px 0px;	
}
	
.b-box_l .txt_box-f {
background:#E7F1FA;
padding:10px; 
margin: 30px 0px 20px 0px;	
}

	
.b-box_l .txt_box-t {
background:#E7F1FA;
padding:10px;
margin: 30px 0px 20px 0px;	
}
	

}




/* 事業紹介系　トップ画像をぼかす  */

#b-box .b-box_r {
width: 45%; 
height: 100%;	
float:right;
}


/* 事業紹介系　トップ画像をぼかす  */

.b-box_r .gradation01 {
  display: inline-block;
  position: relative;
}
.b-box_r .gradation01:after{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(100deg, #F8FBFE 10%, transparent);
}
.b-box_r .gradation01 img {
  display: block;
  max-width: 100%;
  height: auto;
}



@media screen and (max-width:767px){	
#b-box .b-box_r {
	float: none; 
	width: 100%; 
	height: 100%;
}

.b-box_r .gradation01 {
  display: inline-block;
  position: relative;
}
.b-box_r .gradation01:after{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(100deg, #F8FBFE 10%, transparent);
}
.b-box_r .gradation01 img {
 display:inline;
  max-width: 100%;
  height: auto;
}
	
}



/* 会社紹介  * /
/*一部だけ線の色を変える */

.box2-7 {
	margin: 2em auto;
	padding: 0.3em 2em 0.3em 2em;
    border-left: 2px solid #003E8E;	
	position: relative;
	z-index: 0;
}
.box2-7:before {
	border-top:2px solid none;
	border-left:2px solid #003E8E;	
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	width: 20px;
	height: 20px;
	z-index: 1;
}



@media screen and (max-width:767px){	
	
.box2-7 {
	margin: 1.0em auto;
	padding: 0.3em 0.3em 0.3em 0.3em;
    border-left: 0px;		

}
.box2-7:before {
	border-left:0px;	

}	
	
}


/* サクラグループ会社のところ */


.s-group ul li {
	list-style-type: none;
    display:block;
	margin: 0px 0 15px -30px;

}


/* サービスセンター */

		  
span.marker1 {

background-color: #29D906;
padding: 5px;	
color: #fff;			
        }  
		  
span.marker2 {
background-color: #9FEE8E;
padding: 5px;
color: #fff;
        }  
		  


/* 動画一覧　YouTubeのレスポンシブ対応　*/

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}