/*

メインカラー

#ff0019;
#1eb4ff;
#3c3c3c;

*/

@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
  height: 100%;
  scroll-padding-top: 150px;
	/* 260810　ヘッダー固定でのアンカーリンクがずれる問題を解消　*/
	
}

body {
	color: #3c3c3c;
	background-color: #FFFFFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;

}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

li {
	list-style-type: none;
}

a {
	color: #3c3c3c;
    transition: color 0.3s;	
}
a:hover {
	color: #C7C7C7;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 300;
}

header h1 a img {
	display: block;
	position: absolute;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #EEE;
	background-color: #0085B2;
}
header .h_btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border: 5px solid #0085B2;
}
header .h_tel a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #036;
	font-size: 20px;
	width: auto;
	font-weight: bold;
	letter-spacing: 1px;
}

header .h_tel a strong {
	font-size: 130%;
}

header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 5px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

/* 260729　パンくず　ヘッダー下部コンテンツ内に移動　*/
.pankuzu {
	background-color: none;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 30px;
	color: #3c3c3c;
	width: 100%;
	padding: 0px 0px 10px 0px;
	text-align: right;
}

.pankuzu ul {
	width: 96%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #787373;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #3c3c3c;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: none;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	
}
.cont_wrap {
	max-width: 1200px;  
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.top_cont_wrap {
	max-width: 1400px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#top_slide {
	padding-top: 100px;
	padding-bottom: 0px;
}

#sub_top {
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	line-height: 30px;
	padding-top: 270px;
	width: 100%;
	background-size: cover;
	text-align: center;
	color:  #3c3c3c;
	font-size: 24px;

}

/* 270729 追加 */

#sub_top_short {
	
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	line-height: 30px;
	padding-top: 150px;
	width: 100%;
	background-size: cover;
	text-align: center;
	color:  #3c3c3c;
	font-size: 24px;
}


/* 260615　追加　2色の大見出し　*/
.content h2 {
    padding: 1rem 0;
    margin-bottom: 100px;
    background-image: linear-gradient(90deg, #1eb4ff 0 25%, #ff0019 25% 50%, #ff0019 50% 75%, #1eb4ff 75%);
    background-repeat: no-repeat;
    background-size: 100% 0.1rem;
    background-position: bottom;
	color: #3c3c3c;
    font-size: 36px;
	line-height: 60px;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 15px 10px;
}


.content h2 span {
	font-size: 50%;
	font-weight: normal;
}


@media screen and (max-width:767px) {
	
.content h2 {
    padding: 0.5rem 0 1rem 0;
   	margin-bottom: 50px;
    font-size: 28px;
}
}


.content h3 {
	font-size: 32px;
	letter-spacing: 0.1em;	
	line-height: 1.4em;
 	margin: 50px 0 50px 0;
	padding: 0 auto;
    font-weight: bold;	
}


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

/*  h3 桜の花びらの見出し TOPページの3つのコンテンツを流用　*/

.content h3.one-sakura_heading {
  font-weight: 600;
  color: #ffffff;
  padding: 20px 80px;
  position: relative;
  display: inline-block;
  background:radial-gradient(#ff749c, #ff4d81);
}

.content h3.one-sakura_heading::before,
.content h3.one-sakura_heading::after {
  content: '✿';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color:#ffffff;
}

.content h3.one-sakura_heading::before {
  left: 40px;
}

.content h3.one-sakura_heading::after {
  right: 40px;
}




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

.content h4 {
	margin:30px 0 30px 0;
	font-size: 24px;
	padding: 0;	
	letter-spacing: 0.1em;
	font-weight: bold;
}


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


/*  h4 会社情報　メッセージ　松本会長　グラデーション 変更　*/

.content h4.gradation-heading_m{
	padding: 0rem 1rem 0.5rem 1.5rem;
    background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 70%;
}


/*  h4 会社情報　メッセージ　東社長　グラデーション */

.content h4.gradation-heading_a{
	padding: 0rem 1rem 0.5rem 1.5rem;
    background-image: linear-gradient(to top, #F6E3EA 10%, #F39EBF 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 70%;
}


/*  h4 私たちについて　メッセージ */

.content h4.gradation-heading_us{
  position: relative;
  padding: 12px 0 8px 0;
  outline: 1px solid #B6B6B6;
  letter-spacing: 0.1em;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
  max-width: 400px;
  text-align: center;  
  margin: 50px 0;	
}

.content h4.gradation-heading_us::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 40px;
  height: 40px;
  background:#ff0019;
  clip-path: polygon(0 0, 100% 0%, 0 100%);
  z-index:-999;
}

.content h4.gradation-heading_us::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  outline: 1px solid #B6B6B6;
}



/*  h4 ONE SAKURA　ONE SAKURA タイトル バルーン　*/

.content h4.ttl_balloon2 {
  padding: 0.5em 1em;
  margin: 1.0em 0em;		
  border: 1px solid #1eb4ff;
  box-shadow: 1px 1px 0 0 #1eb4ff;
  background:#F0F9FF; /* #fff; */
  position: relative;

}
.content h4.ttl_balloon2::before, .ttl_balloon2::after {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
}
.content h4.ttl_balloon2::before {
  border-color: transparent;
  border-top-color: #1eb4ff;
  border-right-color: #1eb4ff;	
  border-width: 10.5px;
  top: 100%;
  left: 29.5px;
}
.content h4.ttl_balloon2::after {
  border-color: transparent;
  border-top-color: #F0F9FF;
  border-right-color:#F0F9FF;
  border-width: 9.5px;
  top: 99%;
}


/*  h4 沿革・歴史　サクラの花びらの見出し レッド */

.content h4.cute-heading-10 {
  font-weight: 600;
  padding: 0 40px;
  position: relative;
  display: inline-block;
}

.content h4.cute-heading-10::before,
.content h4.cute-heading-10::after {
  content: '✿';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color:#ff0019;
}

.content h4.cute-heading-10::before {
  left: 0px;
}

.content h4.cute-heading-10::after {
  right: 0px;
}


/*  h4 サステナビリティ　見出し　*/

.content h4.sdgs_t {
  position: relative;
  padding: 0 0 0 30px;
  margin: 0 0 50px 0;	
}
.content h4.sdgs_t::before,
.content h4.sdgs_t::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 15px;
}
.content h4.sdgs_t::before {
height: 100%;
background-image: linear-gradient( 45deg, #DFFCF9 10%, #32CCBC 100%);	
	
}
.content h4.sdgs_t::after {
height: 50%;
background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);	
	
}

/* サステナビリティ　４分類 */

/* 地球環境　*/

.content h4.title-g::before{
  content: "";
  display: inline-block;
  width: 50px;  /* イラストの幅 */
  height: 50px; /* イラストの高さ */
  background-image: url("../corporate/img/sustainability/icon_global.png");  /* 画像のパス */
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding-right:10px; 	
}

/*　人材育成　*/

.content h4.title-t::before{
  content: "";
  display: inline-block;
  width: 50px;  /* イラストの幅 */
  height: 50px; /* イラストの高さ */
  background-image: url("../corporate/img/sustainability/icon_training.png");  /* 画像のパス */
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding-right:10px;	
}

/* 国際貢献　*/

.content h4.title-i::before{
  content: "";
  display: inline-block;
  width: 50px;  /* イラストの幅 */
  height: 50px; /* イラストの高さ */
  background-image: url("../corporate/img/sustainability/icon_international.png");  /* 画像のパス */
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding-right:10px;	
}

/* 中核事業　*/

.content h4.title-m::before{
  content: "";
  display: inline-block;
  width: 50px;  /* イラストの幅 */
  height: 50px; /* イラストの高さ */
  background-image: url("../corporate/img/sustainability/icon_medical.png");  /* 画像のパス */
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding-right:10px;	
}

/* コンプライアンス　*/

.content h4.title-c::before{
  content: "";
  display: inline-block;
  width: 50px;  /* イラストの幅 */
  height: 50px; /* イラストの高さ */
  background-image: url("../corporate/img/sustainability/icon_compliance.png");  /* 画像のパス */
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding-right:10px;	
}





/*  h4 事業領域　見出し 260615　追加  */

.content h4.b-area_ipc{
    padding: 1rem 0 2rem;
    margin-bottom: 0.3rem;  /* margin-bottom: 0.5rem;   */
    background: linear-gradient(90deg, #ff2459 0% 100%);
    background-repeat: no-repeat;
    background-size: 60px 5px;
    background-position: left top;   /* background-position: left bottom;  */
}

.content h4.b-area_ipc-pd{
    padding: 1rem 0 2rem;
    margin-bottom: 0.3rem;  /* margin-bottom: 0.5rem;   */
    background: linear-gradient(90deg, #ff2459 0% 50%, #0072e5 25% 50%);	
    background-repeat: no-repeat;
    background-size: 60px 5px;
    background-position: left top;   /* background-position: left bottom;  */
}

.content h4.b-area_pd{
    padding: 1rem 0 2rem;
    margin-bottom: 0.3rem;  /* margin-bottom: 0.5rem;   */
    background: linear-gradient(90deg, #0072e5 0% 100%);
    background-repeat: no-repeat;
    background-size: 60px 5px;
    background-position: left top;   /* background-position: left bottom;  */
}


/* サステナビリティ　支援団体等　見出し　260615 修正　*/

h5 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 20px 0;
}


/*  h5 ONE SAKURA　サクラの花びらの見出し ピンク　*/
/* 260804 追加 */

.content h5.cute-heading-one {
/*  font-size: 26px; */
  font-weight: 600;
 /*  color: #2d3436; */
  padding: 0 40px;
  position: relative;
  display: inline-block;
}

.content h5.cute-heading-one::before,
.content h5.cute-heading-one::after {
  content: '✿';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color:#FF4D81;/*   color:#FF9696;　 　*/
}

.content h5.cute-heading-one::before {
  left: 0px;
}

.content h5.cute-heading-one::after {
  right: 0px;
}





@media screen and (max-width:767px) {

h5 {
	font-size: 16px;
	margin: 5px 0 5px 0px;
}	
	
}

/* 20260615　フッター関連団体・企業等 */

h6 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 15px 0 5px 0;
}

/* 260804 追加 */

@media screen and (max-width:767px) {

h6 {
	font-size: 15px; }
	
}

/* 私たちについてなどの冒頭文 */

h7 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0em;
	margin: 10px 0 10px 0;
	padding: 10px 0;
}



@media screen and (max-width:767px) {

h7 {
	font-size: 16px;
	line-height: 1.6;
}
	
	
}


/* 260820 追加　TOP　キャッチコピー */

.content h8{	
	font-size: 24px;
	font-weight: bold;
	line-height: 2.2;
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0px!important;
	padding: 10px 0!important;
}


.content h9{	
	font-size: 24px;
	font-weight: bold;
	line-height: 2.8;
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0px!important;
	padding: 10px 0!important;
}

@media screen and (max-width:1440px) {
.content h8{	
	font-size: 17px;
}
}


@media screen and (max-width:767px) {
	
.content h8{	
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0px!important;
	padding: 10px 0!important;
}


.content h9{	
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0px!important;
	padding: 10px 0!important;
}
}

/* TOPページ
トップキャッチコピーの拡大
-------------------------------------------*/

.top_convey{
	font-size: 32px; /* font-size: 28px; */
    font-weight: bold;
    -webkit-text-stroke: 1px #3c3c3c; /* 線の太さと色を指定 */
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0!important;
	padding: 10px 0!important;
}

.top_comment1{
	padding: 0 0 0 10px!important;	
}

.top_comment2{
	padding: 0 0 0 5px!important;	
}

@media screen and (max-width:767px) {
.top_convey{
	font-size: 24px; /* font-size: 28px; */
    font-weight: bold;
    -webkit-text-stroke: 1px #3c3c3c; /* 線の太さと色を指定 */
	letter-spacing: 0.1em;
	margin: 10px 0 10px 0!important;
	padding: 10px 0!important;
}
	
.top_comment1{
	padding: 15px 0px 10px 0px!important;	
}

.top_comment2{
	padding: 15px 0px 10px 0px!important;	
}	
	
}



/**** リニューアルWEBサイト用に作成したCSS　その1 見出し　ここまで　****/



.content p {
	font-size: 18px;  /* 	font-size: 16px;   */
	line-height: 1.8;
	padding: 10px;
	margin: 10px 0 10px 18px;	
	/*
	margin-bottom: 30px; 	
	margin-top: 20px; 
	margin-right: 30px; 
	margin-left: 30px;
	*/
}

.content .ul_news li {
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news li span.news_date {
	color: #999;
	padding-right: 20px;
}

.content .ul_news li span.news_icon {
	color: #FFF;
	padding-left: 10px;
	display: inline-block;
	padding-right: 10px;
	background-color: #FF6600;
	margin-right: 10px;
	font-weight: bold;
	font-size: 14px;
}

.content .ul_news li span.news_icon.cl_02 {
	background-color: #009999;
}

/* 画像の位置　*/

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0 20px 0;
}

.img_left {
	float: left;
	padding-right: 30px;
	padding-left: 0px;　 /* 260730 padding-left: 30px; */
	padding-bottom: 20px;
}
.img_right {
	float: right;
	padding-right: 0px; /* 260730 padding-right: 30px; */
	padding-left: 30px; 
	padding-bottom: 20px;
}

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}


@media screen and (max-width:767px) {
.img_center {
	padding: 10px 0;
}
}


/*
お問い合わせ部分
-------------------------------------------*/

.box_contact {
	background-color: #E9EEEF;
	padding-top: 70px;
	padding-bottom: 50px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/sankaku.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.box_contact.only_tel {
	background-image: none;
}

.box_contact h3 {
	color: #006384;
}

.box_contact p {
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #0085B2;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

.box_contact .tel a {
	font-size: 30px;
	font-weight: bold;
	color: #0085B2;
	text-decoration: none;
}
.box_contact .tel a strong {
	font-size: 150%;
}
.box_contact .tel a i {
	padding-right: 10px;
	font-size: 120%;
}

@media screen and (min-width:960px){
	
.box_contact .box_in {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_contact .btn {
	float: left;
	width: 50%;
}

.box_contact .tel {
	float: right;
	width: 50%;
}

.box_contact.only_tel .tel {
	float: none;
	width: 100%;
}

}

@media screen and (max-width:480px){
.box_contact .btn a {
	font-size: 18px;
}
.box_contact .tel a {
	font-size: 24px;
}

}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.to_top {
	position:fixed;
	bottom:100px;
	right:47px; /* right:14px;  */
	z-index:1;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;	
	
}
.to_top a {
	display:block;
	text-decoration:none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.to_top img {
background-image: linear-gradient(#1eb4ff, #7ED4FF);
	border-radius: 50px;
	padding: 20px;

}
.to_top img:hover {
	background-image: linear-gradient(0deg, #ff0035, #ff587b);
}


@media screen and (max-width:767px) {

.to_top {
	position:fixed;
	bottom:10px;
	right:42px; /* right:14px;  */
	z-index:1;
}
.to_top a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:transparent;
}
.to_top img:hover {

}

}




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

footer {
    background:#ffffff; /* #FAFDFF　#FFF9F0 #FFFDFA　#ffffff　#FFF0F0; background-color: #007095; 260615 修正　*/
	color:#3c3c3c;
	clear: both;
	width: 100%;
	display: block;
}

footer .f_list .list_top a{
	font-size:16px;		
}

footer .f_list_2 .list_top a{
	font-size:16px;		
}

footer ul.f_bn {
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #006384;
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 16px;  /* font-size: 16px; */
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color:#3c3c3c;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover {
	background-color: #575050;
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 200%;
}

/* フッターナビゲーション */

footer div.f_info {
	width: 34%;
	float: left;
	padding: 50PX 30PX;
	line-height: 2;
	font-size: 14px;
}
footer div.f_info img {
	display: block;
	margin-bottom: 20px;
}
footer ul.f_list {
	display: block;
	width: 22%;
	float: left;
	padding-bottom: 30px;
	padding-top: 50px;
}

footer ul.f_list li a {
	text-decoration: none;
/*	color: #3c3c3c;  */
	display: block;
	padding: 2px;
	font-weight: normal;
	font-size: 18px;  /* 260615  追加 */	
}

footer ul.f_list li li a {
	padding: 10px 0px 5px 20px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
	font-weight: normal;

}

footer ul.f_list li li a:hover {
	background-color: none; /* background-color: #0085B2; */
/*	color: #C7C7C7;   */
}

footer ul.f_list li li a::before {
	/* content:"・"; */  /* リストの「・」をここで表示　*/
	position: absolute;
	top: 5px;
	left: 5px;
}

/* 関連団体・企業 */

footer ul.f_list_2 {
	display: block;
	width: 33.3%;  /* width: 33.3%;  */
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 16px;
}

footer ul.f_list_2 li a {
	text-decoration: none;
/*	color: #3c3c3c;  */
	display: block;
	padding: 2px;
}

footer ul.f_list_2 li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
}

footer ul.f_list_2 li li a:hover {
/*	color: #C7C7C7!important; */
}

footer ul.f_list_2 li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}

@media screen and (max-width:767px) {

footer ul .f_list .list_top li a{
	font-size:14px;
	
}
	
footer ul.f_list li a{
	padding: 0 15px;
	margin: 0px;
}	

	
footer ul.f_list li li a {
	padding: 5px 15px;
	font-size:12px!important;
}	
	
footer ul.f_list_2 li li a {
	padding-left: 0px;
}	
	
footer ul.f_list_2 li a {
	padding-left:10px;	
	font-size:12px!important;
}


footer ul.f_list_2 li li a {
	padding-left:10px;
	font-size: 12px;
}

footer div.f_info {
	width: 100%;
	float: none;
	padding: 30PX 20PX;
	text-align: center;
}
footer div.f_info img {
	margin-bottom: 10px;
}
footer ul.f_list {
	width: 33.3%;
}
	
}


address {
	font-size: 10px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 0.5px;
	text-align: center;
	display: block;
	clear: both;
	background-color: none; /*background-color: #006384; */
}

	/*
footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #006384;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0085B2;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color: #FFF;
}
*/
	
/*
各種テーブル
-------------------------------------------*/
	
.content table.table_01 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_01 th {
	font-size: 16px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_01 td {
	font-size: 14px;
	line-height: 30px;
	background-color: #FFF;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 820px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}


.content table.table_02 .tr_gr th {
	background-color: #EEE;
}
.content table.table_02 .tr_gr td {
	background-color: #F9F9F9;
}

.content table.table_02 td .price {
	font-size: 150%;
	white-space: nowrap;
	color: #006384;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


.small {
	font-size: 80%;
	color: #666;
}
.chui {
	color: #F03600;
}


.table_01 th span {
	font-size: 12px;
	color: #CCC;
}


/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #F6F6F6;
	color: #111;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0085B2;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 20px solid #0085B2;
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
実績一覧
-------------------------------------------*/
ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li {
	width: 20%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list li .works_icon {
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background-color: #099;
	z-index: 50;
}

ul.works_list li a {
	display: block;
	padding: 20px;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
	width: auto;
	width: 100%;
	height: 150px;;
	object-fit: cover;
}
ul.works_list li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	color: #000;
	background-color: #F6F6F6;
}


/*
スライダー
-------------------------------------------*/
.sp-thumbnail-container img {
	opacity: 0.5;/* 260629　opacity: 0.7;    */
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/* TOPページのキャッチに変化をもたらせる　260701　add */
#top_slide .top_catch_1 {
font-size: 2.8vw;
line-height: 1.2;
width: 60%;   /* 100% */ 
font-weight: bold;
color: #fff;
background: radial-gradient(circle, rgba(1,175,175,1) 0%, transparent 100%);	
/*	
background: radial-gradient(circle, rgba(1,160,160,1) 0%, transparent 100%);		
background:radial-gradient(transparent,#dffcf9);
/* color: #3c3c3c;  */	
text-align: center!important;
position: absolute;
top: 10%;
left: 20%;  /* 左から半分 */		
letter-spacing: 0.1em; 
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* 文字の影（黒色） */	
padding-left: 10px;	
}

#top_slide .top_catch_2 {
font-size: 2.8vw;
line-height: 1.2;
width: 60%;  
font-weight: bold;
color: #fff;
background: radial-gradient(circle, rgba(1,175,175,1) 0%, transparent 100%);
text-align: center!important;
position: absolute;
top: 10%;
left: 20%; /* 左から半分 */	
letter-spacing: 0.1em; 
/*  margin-left: 100px; 260629　top: 50%;    */	
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /*文字の影（黒色） */		
}


#top_slide .top_catch_3 {
    font-size: 2.8vw;
    line-height: 1.2;
    width: 60%;   /* 100% */
    font-weight: bold;
    color: #fff;
    /*	
background:radial-gradient(transparent,#bfe9e3);
*/	
    background: radial-gradient(circle, rgba(1,175,175,1) 0%, transparent 100%);
    /* color: #396baf;  #b3e4dd*/
    text-align: center!important;
    position: absolute;
    top: 10%; /* top: 9px; */
    left: 20%; /* 左から半分 left: 358px; */
    letter-spacing: 0.1em;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* 文字の影（黒色） */
}

/*
#top_slide .top_catch_1 .top_catch_2 .top_catch_3 span {
	font-size: 25%;
}
*/

#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {

 background-image: radial-gradient(#01c5c5, #01a0a0);
/*	
background: linear-gradient(0deg, #01a0a0 0%, #b8ffff 100%);
*/	
	
/*border: 2px solid rgba(1,160,160,1);*/
color:  #FFF; /* #111; */
/* background-color: #3c3c3c; */
/* border: 2px solid #3c3c3c; */

}



/* TOPページ
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-color: none;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pickup ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
	width: 33%;
	max-height: 220px;
	position: relative;
}
.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0085B2;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
.pickup ul li a div {
	position: absolute;
	top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	height: auto;
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.pickup ul li a div .pu_title {
	display: block;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

.pickup ul li a img {
	-webkit-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    -ms-filter:brightness(0.5);
    filter:brightness(0.5)
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}


@media screen and (min-width:960px){
body {
	font-size: 16px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}
/*
ヘッダー
-------------------------------------------*/
header {
	height: 100px; /* 260630 height: 100px; */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;	
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


header h1 a img {
	top: 20px;
	left: 0px;
	/* width: 270px;  260618 add */
}

header .h_btn a {
	width: 160px;
	top: 15px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
header .h_tel a {
	top: 20px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}


.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	width: 100%;
	padding-left: 220px; 
	padding-right: 150px;
	display: block !important;
	height: 60px;
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 5px; /*  bottom: 0;  */
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
}

#g_navi ul.navi_base {
	width: 90%;  /* width: 100%; */
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: right;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: 24%;
	height: 45px;
	display: block;
	color:  #3c3c3c;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
	position: relative;
	float: left;
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 70%;
	left: 15%;
	background-color: #FFF;
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: #FF0019; /* #FF306C #140b0b  */
	top: -15px; /* top:0px; ホバーすると飛び出す線 */
}


#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a {
	color: #FF0019;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a.ac_menu:hover {
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
 	margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFF;
  border-left: 15px solid transparent;
 	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
  border-bottom: 20px solid #FF0019; /* ▼のところ */
}
	
#g_navi ul li div {
	position: absolute;
	z-index: 2000;
	top: 45px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-image: linear-gradient(2deg, #FF5B6B,#FF2439); /* #FF0019; 　#FF306C #140b0b  */
}
#g_navi ul li ul{
  width: 96%;
  padding-left: 2%;
  max-width: 1100px; /*  */
  margin-left: auto;
  margin-right: auto;
}

#g_navi li ul li a {
	width: 24%;
	padding-left: 3%;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 22px;
	height: auto;
	color: #FFF;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#g_navi li ul li a::after {
	content: "+";
	color: #FFF;
	position: absolute;
	display: block;
	left: 15px;
	top: 8px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color:#3c3c3c;
}
#g_navi ul li ul li a:hover{
	color: #3c3c3c;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}

/*
サブトップ
-------------------------------------------*/
	

/* 260615 追加 */	
	
#sub_top.information{
	background-image: url(../img/sub_top_infomation.png); 
  /*  background: url(../img/sub_top_infomation.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: 5% 10%; */
}	
		
#sub_top.topmessage{
 	background-image: url(../img/sub_top_topmessage.png); 
 /*  background: url(../img/sub_top_topmessage.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: 5% 10%;	*/
}		
	
#sub_top.aboutus{
 	 background-image: url(../img/sub_top_aboutus.png);
  /* 	background: url(../img/sub_top_aboutus.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: 5% 10%;  */	
}
	
#sub_top.sustainability{
	background-image: url(../img/sub_top_sustainability.png);
  	/*  background: url(../img/sub_top_sustainability.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: 5% 10%;	 */
}	

#sub_top.profile{
 		background-image: url(../img/sub_top_profile.png);
	/*  background: url(../img/sub_top_profile.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%;	 */
}	
	
#sub_top.contact{
 	background-image: url(../img/sub_top_contact.png);
	/*  background: url(../img/sub_top_contact.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%; */
}	
	
#sub_top.history{
 	background-image: url(../img/sub_top_history.png);
		/*  background: url(../img/sub_top_s-history.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%;  */
}	

#sub_top.s-history_2{
	 	/* background-image: url(../img/sub_top_s-history_2.png); 
	background: url(../img/sub_top_s-history_2.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);*/
background:linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);	
    background-repeat: no-repeat;
    background-position: 5% 10%;	
}	

#sub_top.s-history_3{
 	/* 	background-image: url(../img/sub_top_s-history_3.png);
	background: url(../img/sub_top_s-history_3.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%); */
background:linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);		
    background-repeat: no-repeat;
    background-position: 5% 10%;		
}	

#sub_top.compliance{
	 background-image: url(../img/sub_top_compliance.png);
	/*  background: url(../img/sub_top_compliance.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%;   */		
}	
	
#sub_top.guideline{
 	background-image: url(../img/sub_top_guideline.png); 
	/* background: url(../img/sub_top_guideline.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%; */	
}	

#sub_top.privacy{
 	background-image: url(../img/sub_top_privacy.png); 
	/* 	background: url(../img/sub_top_privacy.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%; */	
}	
	
#sub_top.area{
 	background-image: url(../img/sub_top_area.png); 
	/* 	background: url(../img/sub_top_area.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%; */		
}	
	
#sub_top.list{
 	background-image: url(../img/sub_top_list.png); 
	/*  background: url(../img/sub_top_list.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%; */	
}	
	
#sub_top.net-search{
 	background-image: url(../img/sub_top_search.png); 
	/* 	 background: url(../img/sub_top_search.png), linear-gradient(to bottom, #FFCFDC 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5% 10%; */	
}	
		
	
.no_pc {
	display: none;
}

}
/*(/960～)*/


@media screen and (min-width:1300px){
header .h_btn a {
	right: 50%;
	margin-right: -650px;
}
/*
header .h_tel a {
	right: 50%;
	margin-right: -400px;
}
*/

header h1 a img {
	left:50%;
	margin-left: -650px;
}

header #g_navi {
	left: 50% !important;
	margin-left: -650px;
	width: 1300px!important;
}
#g_navi ul li div {
	position: fixed;
	left: 0;
	top: 80px;
}

}
/*(/1300～)*/

@media screen and (max-width:960px){

body {
	font-size: 16px;
	overflow-x: hidden;
	width: auto;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4 {
	margin-right:0px;
	margin-left: 0px; /*  	margin-left: 12px;*/
	padding-bottom: 10px;
}

ul.works_list li {
	width: 33.3%;
}

#top_slide {
	padding-top: 50px;

}

#sub_top {
	height: 100px;
	padding-top: 120px;
	letter-spacing: 0.5em;
	font-size: 18px;
}

/* 270729 追加 */
#sub_top_short {
	height: 100px;
	padding-top: 120px;
	letter-spacing: 0.5em;
	font-size: 18px;
}	
	
/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 12px;  /* top: 5px;  */
	right: 160px; /*right: 5px; */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}


.menu_btn.opened  span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px);    
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF; /* ヘッダー固定のうっすら影　*/
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child {
	border-top-width: 0px; /* 1px */
	border-top-style: solid;
	border-bottom-color: #FFF4F0;/* #FFF4F0; #EEE; */
}

#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #FFF4F0; /* #FFF4F0; #EEE; */
}

#g_navi ul li a {
	color: #3c3c3c;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
}
#g_navi ul li a:hover {
	color: #999;
}

body.fixed {
	overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}

#g_navi ul li ul li a:hover {
	color: #999;
}

/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}

/* 260608 スマホにした時のヘッダーの高さ調整　*/
	
header {
	height: 55px;/*height: 52px */ 
}

header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
	float: left;
}

header .h_btn a {
	width: 120px;
	top: 5px;
	right: 55px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel a {
	top: 10px;
	right: 200px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_menu {
	display: none;
}

header #info {
	display: none;
}

/*
サブトップ
-------------------------------------------*/

/* ヘッダースマホ画像　※スマホ版　非表示　*/


/* 260615 追加 ここから　*/	
	
#sub_top.information{
	background-image: url(../img/sub_top_information_sp.png);
}	
	
	
#sub_top.topmessage{
	background-image: url(../img/sub_top_topmessage_sp.png);
}		
	
#sub_top.aboutus{
	background-image: url(../img/sub_top_aboutus_sp.png);
}
	
#sub_top.sustainability{
	background-image: url(../img/sub_top_sustainability_sp.png);
}	

#sub_top.profile{
	background-image: url(../img/sub_top_profile_sp.png);
}	

#sub_top.contact{
	background-image: url(../img/sub_top_contact_sp.png);
}	
	
#sub_top.s-history_1{
	background-image: url(../img/sub_top_s-history_sp.png);
}	

#sub_top.s-history_2{
	background-image: url(../img/sub_top_s-history_2_sp.png);
}	

#sub_top.s-history_3{
	background-image: url(../img/sub_top_s-history_3_sp.png);
}		
	
#sub_top.compliance{
	background-image: url(../img/sub_top_compliance_sp.png);
}	
	
#sub_top.guideline{
	background-image: url(../img/sub_top_guideline_sp.png);
}	

#sub_top.privacy{
	background-image: url(../img/sub_top_privacy_sp.png);
}	
	
#sub_top.area{
	background-image: url(../img/sub_top_area_sp.png);
}	
	
#sub_top.list{
	background-image: url(../img/sub_top_list_sp.png);
}	
	

	
.no_sp {
	display: none;
}

}
/*(/～960)*/


@media screen and (max-width:640px){

#top_slide .top_catch_1 {
	font-size: 5.0vw;
    width: 100%;  		
	top: 2%;
	left: 0%; /* 左から半分 */	
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 文字の影（黒色） */		
}
	
#top_slide .top_catch_2 {
	font-size: 5.0vw;
    width: 100%;  		
	top: 2%;
	left: 0%; /* 左から半分 */
	margin-left: 0px;	
/* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 文字の影（黒色） */		
}	
	
#top_slide .top_catch_3 {
	font-size: 5.0vw;
    width: 100%;  	
	top: 2%;
	left:0%;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 文字の影（黒色） */		
}	
		
	
#top_slide .slide_btn a {
	font-size: 16px;
	bottom: 10%;
	line-height: 32px;
	width: 260px;
	margin-left: -130px;
}



.pickup {
	background-color: none;
	padding-top: 0px;
	padding-bottom: 10px;
}
	
	
.pickup ul li {
	width: 100%;
	max-height: 130px;   /* max-height: 130px; */
	margin-bottom: 1px;
	padding: 0px 0 5px 0;   /*padding: 0px 0 10px 0;  */
}
.pickup ul li a div {
		font-size: 12px;
}
	
	
	
/* スマホで見たときのロゴの位置  */
header h1 a img {
	top:14px; /* 260916 top:10px;  */
	height: 26px; /* 260916 height: 32px; */
	
}

header .h_btn a {
	width: 50px;
	top: 10px;
	right: 50px;
	font-size: 18px;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 95px;
}
header .h_tel a span,
header .h_btn a span {
	display: none;
}

/* スマホで見た時の全体の幅 */
.content {
	padding:10px;

	/* 	padding-top: 20px;
	padding-bottom: 20px;  */
}

.content p {
	
	font-size: 16px;  /* 	font-size: 16px;   */
	line-height: 1.6;
	padding: 0px;	/* padding: 5px; */
	margin: 10px 0 10px 0;		
	/* 
	margin: 10px 0 10px 10px;	
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	*/
}

ul.works_list {
	padding: 10px;
}

ul.works_list li {
	width: 50%;
}

ul.works_list li a {
	padding: 10px;
}

.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

	
.box_contact p {
	font-size: 14px;
}

ul.f_bn li a span {
	display: none;
}

footer .f_bn li a i {
	padding-right: 0px;
}


}
/*(/～640)*/

@media screen and (max-width:460px){

input,
textarea {
	max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content table.table_01 th {
	background-color: #F6F6F6;
}


#sub_top {
	font-size: 16px;
}

.content h2 {
	font-size: 24px;
}

}
/*(/～460)*/


/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;	
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

/*------------------------------*/

.content .box_att {
	margin-top: 30px;
}

.content .box_att h2 {
	font-weight: normal;
	font-size: 24px;
	color: #0F688B;
}
.content .box_att p {
	font-size: 14px;
	margin: 0px;
	color: #0F688B;
}



/* 検索　*/

.h_search {
	position: absolute;
	right: 115px;
	top: 25px;
	z-index: 1000;
}

/* 検索窓
----------------------------------*/
.search_container{
  box-sizing: border-box;
  position: relative;	
 /* border-bottom: 1px solid #e3e8ef; /*  border: 1px solid #e3e8ef;*/
  background: none;
  padding: 2px 10px;
  margin: 0  0 10px 0;	
  border-radius: 0px; /* border-radius: 10px;*/
  height: 2.4em;  /* height: 2.3em; */
  width: 50px; /*  width: 160px;  width: 260px; */
  overflow: hidden;
  /*right: 300px;	 ルーペを左に寄せる */
}
.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: #1eb4ff;
  position: absolute;
  width: 2.5em; 
  height: 3.0em;  /* height: 2.5em; */
  right: -8px;
  top: -13px; /* top: -10px;  */
  outline : none;
}


@media screen and (max-width:960px){
		
.h_search{
	top: 3px;
}
.al-ignore.al-widget-wrapper{
	top: 8px!important;
}

}

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

.al-ignore.al-widget-wrapper{
	top: 30px!important;
}
}

@media screen and (max-width:460px){
.menu_btn {
	right: 144px!important;
}
.h_search {
	right: 103px!important;
}
.al-ignore.al-widget-wrapper{
	right: 5px!important;
}

}
@media screen and (min-width:1300px){
	
.h_search{
	left: 50%;
	right: auto;
	margin-left: 460px;
}
.al-ignore.al-widget-wrapper{
	left: 50%!important;
	right: auto;
	margin-left: 540px;
}

}

/* ルーペアイコンの位置調整　260619　shioda add  */
@media screen and (max-width:767px){
.search_container input[type="submit"]{
  font-size: 1.3em;  
  position: absolute;
  width: 2.4em; 
  height: 2.9em;  /* height: 2.5em; */
  right: 1px;
  top: -6px; /* top: -10px;  */
  /* color: #ff0000; */	
}
}


/*  260526 TOP ３つのコンテンツ　ボタンテスト */

	
.top_button3{
  display:block;
  width:100%;
  height:120px;
  line-height:120px;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  padding:0 0;	
  transition:0.2s; 	
	
/*	
background: linear-gradient(179deg, rgba(255, 219, 240, 1) 0%, rgba(255, 71, 99, 1) 100%);

  background: linear-gradient(#ff306c, #ffcfcf);

	
 background: linear-gradient(#FF4D81, #ffcfcf);
	*/
  background: linear-gradient(#FF4D81, #ffcfcf);

	
  background-size:200px 300px;
  border-radius: 0px;　/* 260702   border-radius: 10px; */	
}
.top_button3:hover{
  background-position:0 100%;
  background: linear-gradient(#bfeaff, #1eb4ff);
  color:#fff;

}


@media screen and (max-width:767px){
.top_button3{
  display:block;
  width:100%;
  height:80px;
  line-height:80px;
}
}


/*  h2 　TOP ３つのコンテンツ　桜の花びらの見出し */

.top-sakura_heading {
/*  font-size: 26px; */
  font-weight: 600;
 /*  color: #2d3436; */
  padding: 0 40px;
  position: relative;
  display: inline-block;
}

.top-sakura_heading::before,
.top-sakura_heading::after {
  content: '✿';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color:#ffffff;/*   color:#FF9696;　 　*/
}

.top-sakura_heading::before {
  left: 0px;
}

.top-sakura_heading::after {
  right: 0px;
}



/* 私たちについて　トップメッセージ　文字と画像のボックス  */

#b-box {
	width: 100%;
	max-width: 1400px; /*  width:1400px  1200px;  */
	height: 252px;  /* 	height: 252px;  */
	background: #ffffff;  /* background: #F8FBFE; */
    padding: 0 0 0 0;
    margin: 0px 0px 50px 0px;
}

#b-box .b-box_l {
	float: left; 
	width: 77%;  /* 65%; */
	height: 100%;
	padding-right: 1%;
}


/* 　左側　文字の調整  */
.b-box_l .txt_box-h {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding: 20px 0; /* padding:10px;  */
margin: 0px 5px 0px 30px;	/* 260615 追加修正  */
}

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


@media screen and (max-width:1440px) {
	
#b-box {
	width: 100%;
	height: 240px;  /* 	height: 252px;  */
	background: #ffffff;  /* background: #F8FBFE; */
    padding: 0 0 0 0;
    margin: 0px 0px 50px 0px;
}

#b-box .b-box_l {
width: 75%;  /* 65%; */
height: 100%;
padding-right: 0%;
}

/* 　左側　文字の調整  */
.b-box_l .txt_box-h {
position:relative;
/* background:#F8FBFE; 背景色の指定*/
padding: 20px 0; /* padding:10px;  */
margin: 0px 0px 0px 12px;	/* 260615 追加修正  */
}
	
	
#b-box .b-box_r {
width: 25%; /* 35%; */
height: 100%;	
}

	

}



@media screen and (max-width:767px){
	
	
/* 文字と画像ボックス */	
#b-box {
	width: 100%;
	height: 100%;
	background: none; /* #ffffff; */
    padding: 0;
    margin: 0 0 10px 0;
	border: 1px solid none;
}

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

.b-box_l .txt_box {
/*background: #FFF0F0;*/
padding:10px;
margin: 0px 0px 20px 0px;	
}

.b-box_l .txt_box-h {
/*	
background:#FFF0F0;

background: radial-gradient(circle at center, #FFFAFA, #FFDBDB);
*/
	
padding:10px; 
margin: 30px 0px 20px 0px;	
}
	
/*	
.b-box_l .txt_box-s {
background:#ffffff;
padding:10px;
margin: 30px 0px 20px 0px;	
}
*/	

}


/* 私たちについて　トップメッセージ　トップ画像をぼかす  */

#b-box .b-box_r {
width: 22%; /* 35%; */
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;
   opacity: 0.8;  /*itemBの不透明度を80％に指定*/		
}



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

	
.b-box_r .gradation01 {
  display: inline-block;
  position: relative;
}
.b-box_r .gradation01:after{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 50%;
/*	
  background: linear-gradient(100deg, #F8FBFE 10%, transparent);
*/	
}
.b-box_r .gradation01 img {
 display:inline;
  max-width: 100%; /*   max-width: 100%;  */
  height: auto; 
  opacity: 0.7;  /*itemBの不透明度を80％に指定*/			
}
	
}


/* 詳しくはこちら　ページへ誘導  */

.detail-page{
	float: none;
	font-size:100%;
	margin: 25px 0 10px 0;
}

.detail-page a{
   text-decoration: none!important;
	color: #3c3c3c;
}
.detail-page a:hover{
　　color:#140b0b!important;
}


@media screen and (max-width:767px){
.detail-page{
	width: 90%;
	float: none;
	font-size:90%;
	padding: 10px;
}
	
}

/* 私たちについて：矢印が右に移動する　*/

/* 矢印が右に移動する　*/

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


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

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

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

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


.top_content.pink {
	/*
	background: -moz-linear-gradient(top, #FFF0F0 0%, #FFFAFA 100%);
    background: -webkit-linear-gradient(top, #FFF0F0 0%, #FFFAFA 100%);
    background: linear-gradient(to bottom, #FFFAFA 0%, #FFF0F0 100%); margin: 0 auto;} 
    */
background: radial-gradient(circle at center, #FFFFFF, #FFCFDC);}



.top_content.red {background:#c46366; margin: 0 auto;} 
.top_content.white {background:#ffffff; /*#f3f3f3; */ margin: 0 auto;} 


@media screen and (max-width:767px){
/* .top_content.pink {background:#FFDCE6; margin: 0 auto;}  */

.top_content.pink {
background: radial-gradient(circle at center, #FFFFFF, #FFDCE6);}	
}


/* フッター　関連団体・企業　背景色   色イメージ　260615 追加 */

/* TOPページ とサブページの下　*/
.f-inner{
/*	background-image: linear-gradient(to top, #FFECCB 0%, #FFF9F0 99%, #FFF9F0 100%); */
/*	
	background-image: linear-gradient(to top, #AAE2FF 0%, #ffffff 99%, #ffffff 100%);
*/	
	background: linear-gradient(to top,#AAE2FF,#ffffff);
	width: 100%; 
	padding:50px 0;
}


/* サブページ */
.f-inner_sub{
    background:#F4FBFF;
	width: 100%; 
	padding:0px 0 0px 0;
	margin: 0px 0 0px 0;
}


.f-inner_sub_2{
    background-image: linear-gradient(to top, #81D4FF 0%, #F4FBFF 99%, #F4FBFF 100%);
	width: 100%; 
	padding:50px 0;
}

/*  事業領域 フッター　保留　*/

.f-inner_sub_3{
  background:#FFFCFD;
	width: 100%; 
	padding:0px 0 0px 0;
	margin: 0px 0 0px 0;
}


.f-inner_sub_4{
    background-image: linear-gradient(to top, #FF959E 0%, #FFFCFD 99%, #FFFCFD 100%);
	width: 100%; 
	padding:50px 0;
}

/*  ニュース　フッター　保留　*/

.f-inner_sub_5{
  background:#F4FBFF;
	width: 100%; 
	padding:0px 0 0px 0;
	margin: 0px 0 0px 0;
}


.f-inner_sub_6{
    background-image: linear-gradient(to top, #81D4FF 0%, #F4FBFF 99%, #F4FBFF 100%);
	width: 100%; 
	padding:50px 0;
}



.copyright {
	padding: 20px 0;
	font-size: 12px;
	text-align: center;	
	color: #3c3c3c;
}

/* フッターとメインコンテンツの区切り　アンダーライン　 */

.f-underline{
  padding-bottom: 5px;
 /* font-weight: bold;
  font-size: 16px; */
  position: relative;
  border-bottom: 1px solid #1eb4ff;/*真ん中：水色*/
}
.f-underline::before{
  content: '';
  position: absolute;
  bottom: -1px;
  width: 25%;
  height: 1px;
  background: #ff0019;/*左：赤*/
}
.f-underline::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 25%;
  height: 1px;
  background: #ff0019;/*右：赤*/
}








/**** リニューアルWEBサイト用に作成したCSS　その2 各ページレイアウトデザイン　ここから　****/

/* メッセージ：氏名 */
.full-name{
padding: 0px 0;
margin: 0 auto;	
text-align: center;	
}

/* ニュース：お知らせ、メディア掲載 */
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.news-list ul{
 padding-left:0;
}

.news-list li{
  list-style:none;
}

.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #3c3c3c;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #3c3c3c;
  padding: 10px 20px 0 0;
  line-height: 1.6;		
}

.news-list .item .title{
  margin: 0;
  width: 100%; 	
  font-size:16px;
  line-height: 1.6;	
}
.news-list .item a:hover .title{
  color: #C7C7C7;	
}

.news-list .item .category_1{
  margin: 0;
  min-width: 140px;
  padding: 5px 20px 0 0;
}

.news-list .item .category_2{
  margin: 0;
  min-width: 140px;
  padding: 5px 20px 0 0;
}


.news-list .item .category_1 span{
/*  background: #F2A0B6;  */
background-image: linear-gradient( 135deg, #FFB4D8 10%, #FF51A6 100%);	
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 16px;
  line-height: 1;
}

.news-list .item .category_2 span{
/*  background: #66B8D9;  */
background-image: linear-gradient( 135deg, #3C8CE7 10%, #00EAFF 100%);	
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 16px;
  line-height: 1;
}



@media screen and (max-width:767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

/* 装飾 */
 
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}


/* 企業情報　写真を３つに並べる　*/

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

.links_flexitem3:hover {
   /* color: #00baa5; */ 
}
 
.links_flexitem3 {
	width: 33.3333%;  /* 4分割する時は　25％に変更 */
    padding:0px 30px;
    margin: 0px 10px;              /* 外側の余白 */
    text-align: center;
	font-size:80%;
}

.links_flexitem3 a{
	text-decoration: underline;
}
.links_flexitem3:nth-child(1) {
    background-color:none; /* 背景色指定 */
} 
.links_flexitem3:nth-child(2) {
    background-color:none; /* 背景色指定 */
}
.links_flexitem3:nth-child(3) {
    background-color:none; /* 背景色指定 */
}
 

@media screen and (max-width:767px) {
.links_flexbox3 {
    flex-direction: column;
  }
  .links_flexbox3 .links_flexitem3{
    width: 90%;
  }
  .links_flexbox3 .links_flexitem3 img{
    width: 90%;
  }	
	
}

/* コンプライアンス　写真を２つに並べる　*/

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

.links_flexitem2:hover {
   /* color: #00baa5; */ 
}
 
.links_flexitem2 {
	width: 50%;  /* 4分割する時は　25％に変更 */
    padding:0px 30px;
    margin: 0px 10px;              /* 外側の余白 */
    text-align: center;
	font-size:100%;
}

.links_flexitem2 a{
	text-decoration: underline;
}

.img-shadow img {
	  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}
.links_flexitem2:nth-child(1) {
    background-color:none; /* 背景色指定 */
} 
.links_flexitem2:nth-child(2) {
    background-color:none; /* 背景色指定 */
}
 

@media screen and (max-width:767px) {
  .links_flexbox2 {
    flex-direction: column;
  }
  .links_flexbox2 .links_flexitem2{
    width: 90%;
  }
  .links_flexbox2 .links_flexitem2 img{
    width: 90%;
  }	
	
}

/*  自動でPDFのアイコンをつけるCSS  状況により使用

a[href$=".pdf"]::after {
  content: " (PDF)";
  font-size: 0.8em;
  color: #cc0000;
}
*/


/*　リニューアルサイト時　移動　会社概要　表*/
/* 会社概要 */

.table_profile{
	width: 100%;
	font-size: 18px;
	
}

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

.table_profile th,
.table_profile td {
  padding: 24px 0;
  border: none;
}


.table_profile th {
  width: 30%;
  text-align:left;
}

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

.table_profile th {
    width: 100%;
  }

.table_profile td {
    padding-top: 0;
  }
}

/* リニューアルサイト時 移動　他、海外拠点 会社概要　*/

.sakura-group ul li{
  list-style-type: disc; 	
   margin: 0 0 0 20px; 		
}

/* 260729追加 */

.sakura-group ul li a{
 color: #3c3c3c;
 transition: color 0.3s;	
}

.sakura-group ul li a:hover{
  color :#C7C7C7;
}



.other-overseas ul li{
  list-style-type: circle; 	
   margin: 10px 0 0 50px;	
}

.aboutus-list ul li{
  list-style-type: disc; 	
   margin: 0 0 0 60px; 		
}

 /* 透明性ガイドライン プライバシーポリシー　260615　リンクホバー追加　*/
.g-line ul li{
  list-style-type: disc;
   padding: 0.5em 0;
   margin: 0 0 0 40px;
   font-size:18px;	
  line-height: 1.8;	
}

.g-line ul li a{
text-decoration: underline!important;
}

.g-line ul li a:hover{
color: #ff0019!important;
}

.p-line ul li{
   list-style-type: circle!important; 	
   padding: 0.5em 0;
   margin: 0 0 0 40px;
   font-size:18px;	
}


.compliance ul li{
  list-style-type: disc; 	
   margin: 0 0 0 20px; 		
}



/* アクセスのgooglemap スマホ対応 会社概要　*/

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

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



/* 会社概要　お問い合わせフォーム誘導ボタン　*/

/* ボタン共通設定 */
.btn-contact{
    /*矢印の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
  /*　background-image: linear-gradient(90deg, #ff5777, #ffc0cc); */
	background: linear-gradient(90deg, #ff5777, #ffc0cc); 
	color:#fff;
    padding: 15px 100px 15px 50px;
	border-radius:30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .2s;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin: 30px 0;	
}

.btn-contact:hover{
	background: linear-gradient(90deg, #00a8f8, #b4e7ff);
	color:#fff;
}


/* 矢印が右に移動 */
.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top:37%;  /* top:42%; ; */
    right: 70px;  /* top:42%; ; */
    /*矢印の形状*/
    width: 10px;  /* 5px; */
    height: 10px; /*5px;  */
    border-top: 5px solid #fff;  /*2px ;  */
    border-right: 5px solid #fff;  /*2px   */
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 25px;  /* right: 11px; ; */
}

/*　英語版MAPダウンロード　*/
.fancy {
 background-color: transparent;
 border: 2px solid #00a8f8;
 border-radius: 0;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin: 0;
 outline: none;
 overflow: visible;
 padding: 1.25em 2em;
 position: relative;
 text-align: center;
 text-decoration: none;
 text-transform: none;
 transition: all 0.3s ease-in-out;
 user-select: none;
 font-size: 16px;
 margin: 20px 0;
}

.fancy::before {
 content: " ";
 width: 1.5625rem;
 height: 2px;
 background: #00a8f8;
 top: 50%;
 left: 1.5em;
 position: absolute;
 transform: translateY(-50%);
 transform-origin: center;
 transition: background 0.3s linear, width 0.3s linear;
}

.fancy .text {
 font-size: 1.125em;
 line-height: 1.33333em;
 padding-left: 2em;
 display: block;
 text-align: left;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase;
 text-decoration: none;
 color: #00a8f8;
}

.fancy .top-key {
 height: 2px;
 width: 1.5625rem;
 top: -2px;
 left: 0.625rem;
 position: absolute;
 background: #fff;
 transition: width 0.5s ease-out, left 0.3s ease-out;
}

.fancy .bottom-key-1 {
 height: 2px;
 width: 1.5625rem;
 right: 1.875rem;
 bottom: -2px;
 position: absolute;
 background: #fff;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy .bottom-key-2 {
 height: 2px;
 width: 0.625rem;
 right: 0.625rem;
 bottom: -2px;
 position: absolute;
 background: #fff;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy:hover {
 color: #fff;
 background: #00a8f8;
}

.fancy:hover::before {
 width: 0.9375rem;
 background: #fff;
}

.fancy:hover .text {
 color: #fff;
 padding-left: 1.5em;
}

.fancy:hover .top-key {
 left: -2px;
 width: 0px;
}

.fancy:hover .bottom-key-1,
 .fancy:hover .bottom-key-2 {
 right: 0;
 width: 0;
}



/*  会社概要　アクセス　テキストと画像　２つに並べる　*/

.profile-flexbox {
  display: flex;
  flex-direction: row; /* デフォルトはrow */	
  text-align: left;
  width: 100%;
  margin: 30px auto;	
}

.p-flex-item {
  width: 100%;
}

.p-item01 {
  background-color: none;
  width: 50%;
  padding-right:0%;	
}

.p-item02 {
  background-color: none;
  width: 50%;
  padding-left:0%;		
}

@media screen and (max-width:767px){

.profile-flexbox {	
 flex-direction: column; /* 縦並びへ変更 */	
}

.p-item01 {
  width: 100%;	
}

.p-item02 {
  text-align: center;
  width: 100%;
  padding-left:0%;		
}		
}


/* 会社概要　とどめておきたい */
.p-arrow {
  position: relative;
  display: inline-block;
  width: 9.7px;
  height: 15.3px;
  margin: 0px 10px;
}

.p-arrow::before,
.p-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 12px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ff0019;
  transform-origin: calc(100% - 1px) 50%;
}

.p-arrow::before {
  transform: rotate(45deg);
}

.p-arrow::after {
  transform: rotate(-45deg);
}


/* 企業紹介　私たちについて　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%;
}

/* ONE SAKURA YouTube動画 */

.video-container {
  text-align: center; /* 子要素を中央に配置する */
}

/* レスポンシブ対応させる場合（画面幅に合わせて可変） */
.video-container iframe {
  max-width: 100%;

}



/* ONE SAKURA　誘導ボタン */

.aboutus-btn{
  height: 100%;
  background: none;
  position: relative;
  margin: 30px auto 90px auto;	
}

.one-sakura_btn {
  cursor: pointer;
  background-color: #ff0019;
  width: 396px; /*  */
  height: 74px; /*  */
  line-height: 74px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  border: 1px solid #ff0019;
 /* box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34); */
  span {
    color: #fff;
    display: block;
    padding-left: 20px;  /* 260721 padding-left: 35px;  */
    text-transform: uppercase;
    font: bold 28px/60px YuGothic; /* 260730 24px/46px YuGothic 260721 font: bold 18px/66px Arial; */
    transform: scaleX(0.6);
    letter-spacing: 3px;
    transform-origin: center left;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
  }
  em {
    position: absolute;
    height: 1px;
    background: #fff;
    width: 47%;
    right: 23px;
    top: 50%;
    transform: scaleX(0.25);
    transform-origin: center right;
    transition: all 0.3s ease;
    z-index: 1;
  }
  &:before, &:after {
    content: '';
    background: #fff;
    height: 50%;
    width: 0;
    position: absolute;
    transition: .3s cubic-bezier(.785,.135,.15,.86);
  }
  &:before {
    top: 0;
    left: 0;
    right: auto;
  }
  &:after {
    bottom: 0;
    right: 0;
    left: auto;
  }
  &:hover {
    &:before {
      width: 100%;
      right: 0;
      left: auto;
    }
    &:after {
      width: 100%;
      left: 0;
      right: auto;
    }
    span {
      color: #ff0019;
    }
    em {
      background: #ff0019;
      transform: scaleX(1);
    }
  }
}


@media screen and (max-width:767px){

.one-sakura_btn{
 width: 90%;
}

}


/* 私たちについて　サクラグループ紹介動画の見出し　h5 */
.heading-mv {
  position: relative;
  display: inline-block;
  padding: 8px 15px;
  color: #3c3c3c;
}

.heading-mv::before,
.heading-mv::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
}
.heading-mv::before {
  top: 0;
  left: 0;
  border-top: 2px solid #ff0019;
  border-left: 2px solid #ff0019;
}
.heading-mv::after {
  bottom: 0;
  right: 0;
  border-right: 2px solid #1eb4ff;
  border-bottom: 2px solid #1eb4ff;
}







/* 私たちについて　松本会長の書籍とサクラグループ ゆかりの地 日本橋本町 */

.aboutus-flexbox {
  display: flex;
  flex-direction: row; /* デフォルトはrow */	
  width: 60%; /* width: 50%;  */
  margin: 30px auto 90px auto;
  padding: 0 20px;
  background-image: linear-gradient(180deg, #ffe7f4, #edfdff);
}

.about-flex-item {
  width: 100%;
}

.us-item01 {
  background-color: none;
  width: 62%;
  padding:0% 3%;	
  text-align: left;	
}

.us-item02 {
  background-color: none;
  width: 33%;
  padding-left:20%;
  text-align: right;	
}

.us-item02 img{
  margin-left:none;
  margin-right: none;
}

@media screen and (max-width:767px){

.aboutus-flexbox {	
 flex-direction: column; /* 縦並びへ変更 */	
  width: 100%;
}

.us-item01 {
  width: 100%;	
}

.us-item02 {
  width: 80%;
  padding-left:0%;	
  text-align: center;		
}

.us-item02 img{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}	
	
}



/* 事業領域とグループ企業　グループ企業の住所と外観写真 */

.area-flexbox {
  display: flex;
  flex-direction: row; /* デフォルトはrow */	
  text-align: left;
  width: 100%;
  margin: 0px auto 0px auto;
}

.a-flex-item {
  width: 100%;
}

.a-item01 {
  background-color: none;
  width: 75%;
  padding-right: 2%;	
}

.a-item02 {
  background-color: none;
  width: 25%;
  text-align: right;	
}


/* 260730 事業領域とグループ企業　社名とロゴを並べるためのCSS */

.company-flexbox {
  display: flex;
  flex-direction: row; /* デフォルトはrow */	
  text-align: left;
  width: 100%;
  margin: 0px auto 0px auto;
  padding-bottom: 2%;		
}

.com-flex-item {
  width: 100%;
}

.com-item01 {
  background-color: none;
  width: 80%;
  padding-right: 0%;
  display: flex;
/*	
  align-items: center;	*/	
}

.com-item01 img{
	width: 600px;
	height: 60px;
	flex-shrink: 0; /* これで小さくならない */
}

.com-item02 {
  background-color: none;
  width: 20%;
  text-align: left;
  vertical-align: bottom!important;
	
}


/* サクラファインテックグループのみロゴではないのでこれだけ変える

.com-item03 {
  background-color: none;
  width: 80%;
  padding-right: 0%;
  display: flex;
  height: 40px;
  padding: 5px 0 5px 0;
}


.content h10{
	font-size: 30px;	
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bold;
	  vertical-align:middle;
}

.content h10.sfgc-icon::before{
  content: "";
  display: inline-block;
  width: 40px; 
  height: 40px;
  background-image: url("../business/img/pd_icon.png");  
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align:middle;
  padding-right:5px;
}
　
.com-item04 {
  background-color: none;
  width: 20%;
  text-align: left;
}

*/


/*
@media screen and (max-width:767px){

.content h10{
	font-size: 16px;	
}
.content h10.sfgc-icon::before{
  width:24px; 
  height: 24px; 
}	
	
}
*/


/* 260729追加 */

.area-a_link {
	padding: 0px;
	margin: 10px 0 10px 0px!important;	
}


.area-a_link {
	padding: 0px;
	margin: 10px 0 10px 0px!important;	
}

.area-a_link a{
 color: #3c3c3c;
 transition: color 0.3s;	
}

.area-a_link a:hover{
  color : #C7C7C7;
}




@media screen and (max-width:767px){

.area-flexbox {	
 flex-direction: column; /* 縦並びへ変更 */	
}

.a-item01 {
  width: 100%;	
}

.a-item02 {
  text-align: center;
  width: 100%;
}
	
/* 260730 追加　社名とロゴを並べる */	
	
.company-flexbox {	
 flex-direction:column;  /* 縦並びに 変更しない flex-direction:row; /*/	
  padding-bottom: 2%;	
  width: 100%;	
}

.com-item01 {
  width: 100%;
  padding-right: 0%;
  text-align: left;	
}
.com-item01 img{
  width: auto;
  height: auto;	
}	
	
.com-item02 {
  width: 100%;
  text-align:left;
}	

/* サクラファインテックグループ　スマホ版調整　
	
.com-item03 {
  width: 100%;
  padding-right: 0%;
  text-align: left;
  height: auto;	
}
.com-item03 img{
  width: 10%;
margin: 0 auto;
}	
	
.com-item04 {
  width: 100%;
  text-align:left;
}	
*/	
	
	
}

/* 各事業アイコン　色分け */
/*  ベース  */
.area-icon{
padding: 10px;
margin: 10px 5px 0px 0;	
font-size: 14px;
letter-spacing: 0.05em;	
color: #ffffff;	
}
/* 感染制御　*/
.ipc{
background: #ff2459;
}
/* 感染制御　ライフサイエンス　*/
.ipc_ls{
background: #ff9466; /* #ffa37c #feaf8e #ff86a9　#4accfc; */
}
/* 病理診断　*/
.pd{
background: #0072e5; /* #117CFB; */
}

@media screen and (max-width:767px){
.area-icon{
padding: 5px 5px;
margin: 10px 5px 10px 0;	
}
	
}



/* 沿革・歴史　タイムライン　260615修正　 */	

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 260px; /* 260px width: 140px;  */
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #1eb4ff solid;  /* border-left: 3px #e5e5d1 solid; */
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #FF0019; /* #FF9696 #6fc173  */
    position: absolute;
    left: 274px;   /* 274px; left: 154px;   */
    top: 24px;
    border-radius: 100%;
  }
}

/* 沿革・歴史 ミニコラム　*/

.box_17 {
	position: relative;
	background: #ffeef3; /* #FFF8F8 #eaf5f9; */
	margin: 50px 0 0 0; 
	}
.box_17_ttl {
	position: relative;
	display: inline-block;
	padding: 0.5em 2em;
	margin: 0px 0 20px 0;
	background:#ff749c;
	color: #fff;
	font-weight: bold;
	top: 20px;
	left: -10px;
	}
.box_17_ttl::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 10px rgb(149, 158, 155);
	}
.box_17_txt {
	margin: 0;
	padding: 1em 1.5em 1.5em;
	font-size:95%;
	}


/* 沿革・歴史　３つの時代へ誘導 仮　*/	

.stepBar {
  display: flex;
  max-width: 100%;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.stepBar li {
  font-size: 20px;
  list-style: none;
  position: relative;
  width: 33.333%;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.stepBar li:after {
  background: #1eb4ff; /* #e5e5d1; #FFD5D5; */
  content: "";
  width: calc(100% - 24px);/*   width: calc(100% - 24px);　 */
  height: 4px;
  position: absolute;
  left: calc(-50% + 18px);  /*   left: calc(-50% + 24px);   */
  top: 24px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #1eb4ff; /* #e5e5d1; #FFD5D5; */
  color: #ffffff;
  display: inline-block;
  height: 50px;
  margin-bottom: 10px;
  line-height: 50px;
  width: 52px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 0%; /* 260730 border-radius: 50%;  */
}
.stepBar .visited:after {
  background: #ff0019;	/* #FF5656; */
}
.stepBar .visited span {
  background:#ff0019;	/* #FF5656; */
}

.stepBar .visited a{
  color: #ff0019;	/* #FF5656; */
}
.stepBar .visited a:hover{
  border-bottom: 2px solid #ff0019; /* #e5e5d1; #FF5656; */
  color: #ff0019; /* #e5e5d1; #FF5656; */
}

.stepBar .s-next a{
  color: #1eb4ff; /* #e5e5d1; #FFD5D5; */
}
.stepBar .s-next a:hover{
  border-bottom: 2px solid #1eb4ff; /* #e5e5d1; #FFD5D5; */
  color:  #1eb4ff; /* #e5e5d1; #FFD5D5; */
}


/* 保留
.stepBar .s-next_2 span {
  background:#e5e5d1;
}

.stepBar .s-next_2 a{
  color:  #e5e5d1;  
}
.stepBar .s-next a:hover{
  border-bottom: 2px solid #e5e5d1;  
  color:  #e5e5d1;  
}
`*/


/* サステナビリティ　企業名とロゴ 260729修正*/

.sdgs-flexbox {
  display: flex;
  flex-direction: row; /* デフォルトはrow */	
  text-align: left;
  width: 100%;
  margin: 0px auto　10px auto;	
}

.s-flex-item {
  width: 100%;
}

.s-item01 {
  background-color: none;
  width: 50%;
  padding:  1% 2% 1% 1%;
}

.s-item02 {
  background-color: none;
  width: 48%;
  display: flex;	
  align-items: center
}

.s-item02 img{
 height: 40px;  /* お好みで調整 */
}

/* 260730 トビタテ、JICA、HAICSのための高さ指定 */
.s-item03 {
  background-color: none;
  width: 48%;
  display: flex;	
  align-items: center
}

.s-item03 img{
 height: 100px;  /* お好みで調整 */
}

/* 260730 ピープルズ、JIMTEFのための高さ指定 */

.s-item04 {
  background-color: none;
  width: 48%;
  display: flex;	
  align-items: center
}

.s-item04 img{
 height: 30px;  /* お好みで調整 */
}


/* 260729追加 */

.sdgs-a_link {
	padding: 0px;
	margin: 10px 0 10px 10px!important;	
}

.sdgs-a_link a{
 color: #3c3c3c;
 transition: color 0.3s;	
}

.sdgs-a_link a:hover{
  color : #C7C7C7;
}





@media screen and (max-width:767px){

.sdgs-flexbox {	
 flex-direction: column; /* 縦並びへ変更 */	
}

.s-item01 {
  width: 100%;	
}

.s-item02 {
  text-align: center;
  width: 70%; /*   width: 100%;  */
  margin: 20px 0;	
}
	
.s-item03 {
  text-align: center;
  width: 70%; /*   width: 100%;  */
  margin: 20px 0;	
}		
	
.s-item04 {
  text-align: center;
  width: 70%; /*   width: 100%;  */
  margin: 20px 0;	
}	
	
}



 /* ニュースページ　サクラが舞う */
.cherry-blossom {
  position: relative;
  height: 100vh;  /*    height: 200vh;  */
  width: 100%;
overflow: hidden;
}

.petal {
  position: absolute;
  background-color: #ffc0cb; 
  border-radius: 150% 0 150% 0;
  animation: animate-petal 50s linear;　/* 260615　 animation: animate-petal 10s linear; 修正　桜がゆっくり舞い落ちる */
}

.petal::after {
  content: "";
  position: absolute;
  top: -14%;
  left: -10%;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffc0cb;
  border-radius: 150% 0 150% 0;
  transform: rotate(15deg);
}

@keyframes animate-petal {
  0% {
    top: 0;
    opacity: 0;
    transform: rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100%;  /*   top: 100vh;  */
    transform: rotate(3000deg);
  }
}


@media screen and (max-width:767px){
	
  .cherry-blossom {
  position: relative;
  height:400vh;   /*    height: 100vh;  */
  width: 100%;
}
	
}


/* プライバシーポリシーなどの枠 */
.waku {
width: 100%;
padding: 20px 0;	
border: 1px solid #FFE4BC;
}


/* 会社概要の背景　260618 保留　 */


.bg-transparent {
  position: relative;
  padding: 100px 0;
}
.bg-transparent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  width: 50%;
  height: 50%;
  background-image: url('../business/img/sghc.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}



/* 全ページフッター　Cookieを使用について　*/

.cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 13px;
	letter-spacing: 0.05em;
    color: #3c3c3c;
  	background: #fff;  /* background: rgba(0,0,0,.9);  */	
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
	
    padding: 0.5em 6em;  /* 1.2em; */
    box-sizing: border-box;
    visibility: hidden;
  }
  .cookie-consent.is-show {
    visibility: visible;
  }
  .cookie-consent a {
   color:#3c3c3c;
  }
  .cookie-agree {
    color:#fff;
	background: #3c3c3c;
    padding: .5em 1.5em;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
@media screen and (max-width:767px) {
    .cookie-consent {
      flex-direction: column;
	  font-size: 11px;	
	  padding: 1em 1em;  /* 1.2em; */
    }
    .cookie-text {
      margin-bottom: 1em;
    }
  }

/**** リニューアルWEBサイト用に作成したCSS　その2 各ページレイアウトデザイン　ここまで　****/


/**** リニューアルWEBサイト用　その3 修正後のアイディア　ここから　260803　****/

/* お見舞い文ボックス　*/
#omimai-text {
	width: 100%;
	max-width: 1400px; /* 	width: 1200px;  */
	height: 100%;  /* 	height: 252px;  */
	background: none;  /* background: #F8FBFE; */
    padding: 0 0 0 0;
    margin: 0px 0px 0px 0px;
	border: 1px solid #1eb4ff;
}

/* ニュース掲載のお知らせ　*/

.loop-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 50px;
  background: none;
  margin: 30px auto;	
}
.loop-area {
  display: flex;
  animation: loop-slide 20s infinite linear 1s both;
  list-style: none;
  margin:  0;
  padding: 0;
}
.loop-area .content {
  width: 800px;　/* 500px; */

}

/* お知らせ  */
.news-n a{
  text-decoration: none;
  font-weight: none;
  color: #fff;	
  background-image: linear-gradient( 135deg, #FFB4D8 10%, #FF51A6 100%);	
  padding: 20px;
}

/* メディア掲載 */
.news-m a{
  text-decoration: none;
  font-weight: none;
  color: #fff;	
  background-image: linear-gradient( 135deg, #3C8CE7 10%, #00EAFF 100%);	
  padding: 20px;
}


@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

#news_notice,#news_media{
  padding-top: 100px;
  margin-top:-100px;
}

/* 260810　ONE SAKURA 見学コース */

.os-tour{
	padding: 10px 25px;
}

  /* メディアクエリ */
@media screen and (max-width:767px) {
.os-tour{
	padding: 0px 0px;
}
	
/* お見舞い文ボックス　*/
#omimai-text {
    padding: 5px 10px;
}

}