@charset "utf-8";

/* SP(smartphone)用css */


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


body {
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #333;
}

#body {
	background-color: #ffffff;
	max-width: 900px;
  margin: auto;
}



  
 



#line {
	background-color: #ffffff;
	margin: auto;
	height: 5px;
	width: 900px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #97890F;
	border-left-color: #97890F;
}
#wrapper {
	width: 860px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin: auto;
	background-color: rgb(255, 255, 255);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #97890F;
	border-left-color: #97890F;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul li {
	list-style: none;

}

img {
	border: none;
	vertical-align: bottom;
}

/* header */

.over_top_img {
	height: 550px;
	width: 902px;
	margin: auto;
}

.over_top_img img{
	height: 550px;
	width: 902px;
	overflow: hidden;
	object-fit: cover;
}

.over_top_img2 {
	height: 550px;
	width: 902px;
	margin: auto;
	margin-bottom: -15px;
}

.over_top_img2 img{
	height: 550px;
	width: 902px;
	overflow: hidden;
	object-fit: cover;
}

.header-bgC{
	width: 860px;
/*	background-color: #FFF;*/
	/*background:rgb(240, 238, 238, 0.98);
	background:linear-gradient(#759df1,#e1e4ec,#5387f8)*/
}

.bottom-box{

	width: 860px;
	display: flex;
	justify-content: space-evenly;

}
.item-box{
	width: 400px;
}

.item-box img{
	width: 400px;
}

.bottom-box2{
  margin-top: 15px;
	margin-bottom: 15px;
	width: 860px;
	display: flex;
	justify-content: space-evenly;

}
.item-box2{
	width: 400px;
	height: 270px;
}

.item-box2 img{
	width: 400px;
	height: 270px;
}



.bottom-box3{

	width: 900px;
	margin-top: -50px;
	margin-bottom: 120px;

	margin-left: -20px;
	display: flex;
	justify-content: space-evenly;

}
.item-box3{
	width: 410px;
}

.item-box3 img{
	width: 410px;
}


.bottom-box4{

	width: 900px;
	margin-top: 70px;
	margin-bottom: -10px;

margin-left: -20px;
	display: flex;
	justify-content: space-evenly;

}
.item-box4{
	width: 426px;

	margin-left: px;
}

.item-box4 img{
	width: 426px;
	margin-left: px;

}

.item-box4a{
	width: 426px;

	margin-left: px;
}

.item-box4a img{
	width: 426px;

	margin-left: px;
}




.bottom-box5{

	width: 900px;
	margin-top: 30px;
	margin-bottom: -10px;

margin-left: -20px;
	display: flex;
	justify-content: space-evenly;

}
.item-box5{
	width: 426px;

	margin-left: px;
}

.item-box5 img{
	width: 426px;
	margin-left: px;

}

.item-box5a{
	width: 426px;

	margin-left: px;
}

.item-box5a img{
	width: 426px;

	margin-left: px;
}


.bottom-box6{

	width: 900px;
	margin-top: 30px;
	margin-bottom: 60px;

margin-left: -20px;
	display: flex;
	justify-content: space-evenly;

}
.item-box6{
	width: 426px;

	margin-left: px;
}

.item-box6 img{
	width: 426px;
	margin-left: px;

}

.item-box6a{
	width: 426px;

	margin-left: px;
}

.item-box6a img{
	width: 426px;

	margin-left: px;
}















.top-title-top-aa{
	width: 900px;
	height: px;
	margin-bottom: 20px;
	margin-left: -20px;
	margin-top:-20px;
}

.top-title-top-aa img {
	width: 900px;
	height: px;
}




.top-title-top-aaz1{
	width: 900px;
	height: px;
	margin-bottom: -65px;
	margin-left: -20px;
	margin-top:35px;
}

.top-title-top-aaz1 img {
	width: 900px;
	height: px;
}


.top-title-top-a7 img {
	width: 900px;
	height: px;
}

.top-title-top-a7{
	width: 900px;
	height: px;
	margin-bottom: 120px;
	margin-left:-20px;
	margin-top: 80px;
}


.top-title-top-a14 img {
	width: 900px;
	height: px;
}

.top-title-top-a14{
	width: 900px;
	height: px;
	margin-bottom: -20px;
	margin-left:-20px;
	margin-top:80px;
}




.top-title-top-a16{
	width: 900px;
	height: px;
	margin-bottom: 50px;
	margin-left:-20px;
	margin-top:30px;
}

.top-title-top-a16 img{
	width: 900px;
	
}

.top-title-top-a17{
	width: 900px;
	height: px;
	margin-bottom: -20px;
	margin-left:-20px;
	margin-top:25px;
}

.top-title-top-a18{
	width: 900px;
	height: px;
	margin-bottom: 90px;
	margin-left:-20px;
	margin-top:75px;
}

.top-title-top-a18 img {
	width: 900px;
	height: px;
}



.top-title-top-a19{
	width: 900px;
	height: px;
	margin-bottom: 0px;
	margin-left:-20px;
	margin-top:30px;
}




.top-title-top-a29 img {
	width: 900px;
	height: px;
}

.top-title-top-a29{
	width: 900px;
	height: px;
	margin-bottom: 100px;
	margin-left: -20px;
	margin-top:40px;
}



.top-title-top-a35
{
	width: 900px;
	height:px;
	margin-bottom: -30px;
	margin-left: -20px;
	margin-top:65px;
}

.top-title-top-a35 img {
	width: 900px;
	height:px;
}

.top-title-top-a36{
	width: 900px;
	height:px;
	margin-bottom: 60px;
	margin-left: -20px;
	margin-top: 95px;
}

.top-title-top-a36 img {
	width: 900px;
	height:px;
}




.top-title-top-a39{
	width: 880px;
	height:px;
	margin-bottom: 85px;
	margin-left: -10px;
	margin-top: -60px;
}

.top-title-top-a39 img {
	width: 884px;
	height:px;
}



.top-title-top-a42{
	width: 900px;
	height:px;
	margin-bottom: 0px;
	margin-left: -20px;
	margin-top: 30px;
}

.top-title-top-a42 img {
	width: 900px;
	height:px;
}


.top-title-top-a43{
	width: 900px;
	height:px;
	margin-bottom: 60px;
	margin-left: -20px;
	margin-top: 30px;
}

.top-title-top-a43 img {
	width: 900px;
	height:px;
}

.top-title-top-a44{
	width: 900px;
	height:px;
	margin-bottom: 60px;
	margin-left: -20px;
	margin-top: 100px;
}

.top-title-top-a44 img {
	width: 900px;
	height:px;
}

.top-title-top-a45{
	width: 900px;
	height:px;
	margin-bottom: 50px;
	margin-left: -20px;
	margin-top: 100px;
}

.top-title-top-a45 img {
	width: 900px;
	height:px;
}

.top-title-top-d{
	width: 865px;
	height: px;
	margin-bottom: 60px;
	margin-left: 0px;
	margin-top: 70px;
}

.top-title-top-d img {
	width: 865px;
	height: px;
	margin-left: -2px;

	border-radius: 7px;
}

.top-title-top-e{
	width: 865px;
	height: px;
	margin-bottom: 55px;
	margin-left: 0px;
	margin-top: -15px;
}

.top-title-top-e img {
	width: 865px;
	height: px;
	margin-left: -2px;

	border-radius: 7px;
}






.main-item_ptop2a{
	width: 890px;
	height: 210px;
	margin-top: 100px;
	margin-bottom: 115px;
	margin-left: -15px;
}
.main-item_ptop2a img{
	width: 890px;
	height: 210px;


}



.main-item-wb3t{
	width: 870px;
	margin-top: 130px;
	margin-bottom:50px;
	margin-left: -5px;
}
.main-item-wb3t img{
	width:870px;
	border-radius: 20px;


}

.main-item-wb3t1{
	width: 870px;
	margin-top: 120px;
	margin-bottom:10px;
	margin-left: -5px;
}
.main-item-wb3t1 img{
	width:870px;
	border-radius: 20px;


}

.main-item-wb5{
	width: 880px;
	margin-top: 150px;
	margin-bottom:50px;
	margin-left: -10px;
}
.main-item-wb5 img{
	width:880px;
	border-radius: 0px;

}






.toptxt {
	text-align: left;
	font-size:30px;
	margin: 1px 0 20px 0;
	line-height: 1.5;
	background: #E7F0E8;
	padding: 8px 14px;
	font-family: sans-serif;
	font-size: 2.1rem;
}




.toptxt3 {
	text-align: left;
	font-size:30px;
	margin: 1px 0 20px -20px;
	line-height: 1.5;
	background: #e7f0ea;
	padding: 25px 14px 18px 25px;
	font-family: sans-serif;
	font-size: 2.4rem;

	width: 861px;
}


 .relative7 {

	position: relative;
	width: 900px;
	height: px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: -20px;


 }

 .absolute12 {
	position: absolute;
	height: 160px;
	right: 7px;
	bottom: px;
	margin-top: -185px;

  }


 .relative3 {
	position: relative;
	width: 900px;
	height: px;
	margin-top: -7px;
	margin-bottom: 20px;
	margin-left: -20px;

	
  }
  .absolute01 {
	position: absolute;
	height: 150px;
	right: 15px;
	bottom: px;
	margin-top: -130px;

  }



  
 .relative4 {
	position: relative;
	width: 900px;
	height: px;
	margin-top: -10px;
	margin-bottom: 25px;
	margin-left: -20px;

	
  }


 .absolute02 {
	position: absolute;
	width: 900px;
	right: 0px;
	bottom:-60px;
  }

  .absolute08 {
	position: absolute;
	width: 900px;
	right: 0px;
	bottom: -60px;
  }

  .absolute09 {
	position: absolute;
	width: 820px;
	right: 39.5px;
	bottom: -160px;
  }

  .absolute10 {
	position: absolute;
	width: 900px;
	right: 1px;
	bottom: px;
	margin-top: 15px;
	
	margin-left: -50px;



  }




  

  




.logo{
  float: right;
}


#header {
	margin-bottom: 25px;
}
#header #logo {
	font-size: 11px;
	line-height: 1.6em;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
}
#header #logo p {
	margin-bottom: 5px;
}
@media screen and (max-device-width: 480px) {
#header #logo p{ font-size:8px;  }
}


.covid {
margin: 28px 20px 20px px;
border: #2d88ca solid 1px;
padding: 1.5rem 2.2rem;
border-radius: 10px;
background-color: #fff;
}
.covid_title {
	text-align: center;
	font-size: 2.1rem;
	font-weight: bold;
	color: #2d88ca;
	margin-bottom: 0.9rem;
	margin-right: 1px;
	font-family:  "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;

}

.covid p{
	margin-top: 5px;
	margin-left: -3px;
	margin-right: -13px;
	line-height: 2.5rem;
	font-size: 1.8rem;
	font-family:  "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.text_box {
	border: #2d88ca solid 1px;
	padding: 1.5rem 2.2rem;
	border-radius: 10px;
	background-color: #fff;
}

.text_box_title {
	text-align: center;
	font-size: 2.1rem;
	font-weight: bold;
	color: #2d88ca;
	margin-bottom: 0.9rem;
	font-family:  "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;	
}
	
.text_box p{
	margin-top: 5px;
	line-height: 2.5rem;
	font-size: 1.8rem;
	font-family:  "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
}
	



#header .text {
	font-size: 13px;
	line-height: 1.6em;
	font-weight: bold;
	clear: both;
	text-align: left;
}

img.tel-link{
margin: 15px 0px;

}


.tel-link-1{
	width: 870px;
	height: 210px;
	margin-left: -5px;
	margin-top: 5px;
	margin-bottom: -10px;
}

	








/* =================================================== */
/* ▼ 対応エリアのご案内セクション（完全独立型・900px対応） ▼ */
/* =================================================== */

/* 1. 全体の枠組み */
.service-area-section {
  max-width: 900px;
  margin: 50px auto;
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  box-sizing: border-box;
}

/* 2. 大見出し（H2タグ：完全独立型） */
.service-area-section h2.area-main-title {
  all: unset; /* 他の設定を無効化 */
  display: block; 
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 45px;
  font-weight: 700;
  color: #0d47a1; /* ヒカリテック様のブルー */
  text-align: center;
  margin: 0 auto 30px auto;
  padding: 0 0 10px 0;
  border-bottom: 3px solid #0d47a1;
  box-sizing: border-box;
}

/* 3. 各エリアの箱 */
.area-box {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 25px 30px;
  margin-bottom: 25px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
  box-sizing: border-box;
}

/* 長距離専用の箱（赤枠） */
.long-distance-box {
  border: 2px solid #e64a19; 
  background-color: #fffaf8;
  
  margin-bottom: 120px;
}

/* 4. 小見出し（H3タグ：完全独立型） */
.service-area-section h3.area-sub-title {
  all: unset; /* 他の設定を無効化 */
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #ccc;
  box-sizing: border-box;
}
.service-area-section .long-distance-box h3.area-sub-title {
  color: #e64a19; /* 長距離は赤文字 */
}

/* 5. 「広島発のみ」強調ブロック */
.attention-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #ffebee;
  padding: 12px 20px;
  border-radius: 6px;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.attention-label {
  background-color: #d32f2f;
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.attention-text {
  margin: 0;
  font-size: 32px;
  color: #d32f2f;
  font-weight: 900;
  line-height: 1.4;
}
.attention-text strong {
  font-size: 32px; 
  text-decoration: underline;
  text-underline-offset: 3px;
}
.area-desc {
  font-size: 24.5px;
  line-height: 1.8;
  margin: 0;
  color: #333;
}







/* =================================================== */
/* ▼ 幅900px以下のスマホ用デザイン（自動で切り替わります） ▼ */
/* =================================================== */
@media (max-width: 900px) {
  .service-area-section {
    padding: 0 15px; /* スマホ画面の端に文字がくっつかないように余白を追加 */
    margin: 30px auto;
  }
  .service-area-section h2.area-main-title { font-size: 45px; }
  .service-area-section h3.area-sub-title { font-size: 38px; }
  .area-box { padding: 20px 15px; }
  
  /* スマホ版ではラベルと文章を縦に並べて見やすくする */
  .attention-wrap { 
    flex-direction: column; 
    align-items: flex-start; 
    gap: 8px; 
    padding: 10px 15px;
  }
  .attention-text { font-size: 30px; }
  .attention-text strong { font-size: 28px; }
  .area-desc { font-size: 25px; }
}






















/*h1 {
	background:  #c0bd0500;
	width: 878px;*/
	/* height: 21px; */
	/*font-weight: bold;
	font-size: 130%;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	text-align: center;
	line-height: 1.2;
	margin-top: -15px;
	margin-bottom: 20px;
	margin-left: -9px;
}*/








/*h1 {
	background: url(../img/h4.png) no-repeat #0D4415;
	width: 0px;*/
	/* height: 21px; */
	/*font-weight: bold;
	font-size: 200%;
	color: #FFF;
	padding: 20px 10px 10px 70px;
	text-align: left;
	line-height: 1.5;
	margin-top: 25px;
	margin-bottom: -20px;
}*/


h2 {
  font-size: 2.4rem;
  padding: 1.9rem 1.5rem;
	border-top: 6px solid #519dd2;
  border-bottom: 6px solid #519dd2;
  text-align: center;
  color: #519dd2;
}

h2 + p {
  font-size: 1.9rem;
  padding: 1.5rem 1.5rem;
 text-align: center;
  color: #224761;
  font-weight: 650;

}

h2 + ul li {
  font-size: 1.8rem;
  padding: 1.5rem 1.5rem;
 text-align: left;
 
  color: #224761;
  font-weight: 700;

}


/* 1. ブログセクション全体の見出し（H2）専用デザイン */
h2.blog_top_title {
    display: block;
    text-align: center;
    font-size: 3.0rem;
    font-weight: bold;
    color: #0055aa;           /* 信頼感のある青色 */
    padding: 15px 0;
    margin: 140px 0 80px 0;
    position: relative;
    border-bottom: 2px solid #ffaa00; /* 下線にアクセントのオレンジ */
}

/* 2. 各ブログ記事のタイトル（H3）専用デザイン */
/* .top_blog_in_contents の中にある h3 だけを対象にします */
.top_blog_in_contents h3.top_blog_title {
    display: block;
    margin: 5px 0 8px -5;      /* 上下の余白調整 */
    padding: 0;
    font-size: 1.9rem;       /* 本文より一回り大きく */
    font-weight: bold;
    color: #333;              /* 読みやすい濃いグレー */
    line-height: 1;
	
	border-top: 1px solid #ffffff;
    border-bottom:1.0px solid #ffffff;
	margin-left: 0px;

    /* リンクの色が変わらないように固定 */
    text-decoration: none;
}

/* 記事タイトルのホバー（指を置いた時）の演出 */
.top_blog_contents a:hover h3.top_blog_title {
    color: #ffaa00;           /* オレンジ色に変わって「押せる」ことを伝える */
    text-decoration: underline;
}

/* 日付(day)のデザインも少し整えるとH3が引き立ちます */
.top_blog_day {
    font-size: 2.5rem;
    color: #17c9ff;
    margin-bottom: 13px;
	margin-top: -25px;
}


/* 記事全体のリンクから下線を消す */
.top_blog_contents a {
    text-decoration: none !important;
    color: inherit; /* 文字色を親要素から引き継ぐ（真っ青にならない） */
    display: block;
}

/* タイトルのデザイン */
.top_blog_in_contents h3.top_blog_title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    margin: 5px 0;
    line-height: 1.4;
	margin-top: -10px;
}

/* 指を置いた時（ホバー）だけタイトルを少し強調する */
.top_blog_contents a:hover h3.top_blog_title {
    color: #0055aa; /* 御社のテーマカラーの青 */
    text-decoration: underline; /* タイトルだけに下線を出す */
}


h3 {
  font-size: 2.4rem;
  padding: 1.9rem 1.5rem;
	border-top: 6px solid #519dd2;
  border-bottom: 6px solid #519dd2;
  text-align: center;
  color: #519dd2;
}

h3 + p {
  font-size: 1.9rem;
  padding: 1.5rem 1.5rem;
 text-align: center;
  color: #224761;
  font-weight: 650;
  margin-top: 25px;
  margin-bottom: -20px;
  margin-left: -50px;


}

h3 + ul li {
  font-size: 1.8rem;
  padding: 1.5rem 1.5rem;
 text-align: left;
 
  color: #224761;
  font-weight: 700;

}

/* トップページ専用見出しのデザイン調整 */
.fm-heading {
    display: block;        /* ブロック要素として扱う */
    font-size: 2.2rem !important; /* 文字を大きく（!importantで強制適用） */
    font-weight: bold;     /* 太字にする */
    color: #0055aa;        /* 濃い青色（御社のサイトカラーに合わせて調整してください） */
    line-height: 1.4;      /* 行間を少し広げて読みやすく */
    margin: 20px 0 10px -60px; /* 上下に余白を作る */
    padding: 8px 12px;    /* 内側に余白を作る */
    background-color: #f0f7ff; /* 薄い背景色をつけて目立たせる */
    border-left: 5px solid #ffaa00; /* 左側にアクセントのオレンジ線 */
    border-radius: 4px;    /* 角を少し丸くする */
}

.fm-sub-lead {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}



.fm-item{
	width: 888px;
	height: px;
	margin-bottom: 90px;
	margin-left: -14px;
	margin-top:35px;
}

.fm-item img {
	width: 888px;
	height: px;
}




h4 {
  font-size: 2.5rem;
  padding: 1rem 1rem;
	border-top: 2px solid #519dd2;
  border-bottom: 2px solid #519dd2;
  text-align: center;
  color: #519dd2;
}

h5 {
	background: url(../img/h4.png) no-repeat #0D4415;
	width: 780px;
	/* height: 21px; */
	font-weight: bold;
	font-size: 190%;
	color: #FFF;
	padding: 20px 10px 10px 70px;
	text-align: left;
	line-height: 1.5;
	
}


.red {
	color: #D00C31;
	font-size: 30px;
	font-family: sans-serif;
	font-size: 2.1rem;	
}

.text_align_left_box{
	height: 360px;
	width: 860px;
	background-color: #E7F0E8;
}

.text_align_left{
all: initial;
background-color: #FFF;
font-size: 40px;
font-family: sans-serif;
background-color: #E7F0E8;
margin-left: 40px;

}

.text_align_left_1{
	all: initial;
	background-color: #FFF;
	font-size: 30px;
	font-family: sans-serif;
	background-color: #E7F0E8;
	margin-top: 50px;
	margin-left: 20px;
	
	}

.t140bgl {
	font-weight: bold;
	text-align:center ;
	font-size: 160%;
	color: #136620;
	border-top: 1px #136620 solid;
	border-bottom: 1px #136620 solid;
	padding: 10px 0;
	margin-bottom: 15px;
}

.tirashi-text{
	font-size: 30px;
  text-align: center;
	margin-bottom: 15px;
}

.menu_top {
	margin-top: 20px;
	display: flex;
	justify-content: space-evenly;

}

.menu_top_1 {
	width: 900px;
	margin-top: 20px;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-evenly;

}

.menu_top_1 img {
	margin-left: -40px;
  width: 400px;
}

.menu {
	margin-top: 20px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;

}



.menu_p {
	margin-top: -50px;
	margin-bottom: -20px;
	display: flex;
	justify-content: space-between;

}


.menu-z {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;

}

.menu_p-z {
	margin-top: -50px;
	margin-bottom: -20px;
	display: flex;
	justify-content: space-between;

}


.menu_1 {
	width: 870px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: -5px;
	display: flex;
	justify-content: space-between;

}
#menu p {
	margin-bottom: 15px;
	text-align: left;
}
#menu1 {
	background-color: #FDE8EC;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #A50C27;
	width: 420px;
	height: 550px;
	text-align: center;
}
#menu1 h6 {
	margin-bottom: 20px;
}

#menu1 h6 img {
	width: 420px;
	height: 70px;
}

#menu1 p {
	margin-bottom: 10px;
	padding-top: 20px;
}

#menu1 p img {
	width: 350px;
	height: 60px;
}

#menu1a {
	background-color: #FDE8EC;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-left: -5px;
	border: 1px solid #A50C27;
	width: 420px;
	height: 550px;
	text-align: center;
}
#menu1a h2 {
	margin-bottom: 20px;
}

#menu1a h2 img {
	width: 420px;
	height: 70px;
}

#menu1a p {
	margin-bottom: 10px;
	padding-top: 20px;
}

#menu1a p img {
	width: 350px;
	height: 60px;
}

#menu2 {
	background-color: #D7E9FF;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #002C61;
	width: 420px;
	height: 550px;
	text-align: center;
}
#menu2 h6 {
	margin-bottom: 20px;
}

#menu2 h6 img {
	width: 420px;
	height: 70px;
}

#menu2 p {
	margin-bottom: 10px;
	padding-top: 20px;
}

#menu2 p img {
	width: 350px;
	height: 60px;
}

#menu2a {
	background-color: #D7E9FF;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-right: -5px;
	border: 1px solid #002C61;
	width: 420px;
	height: 550px;
	text-align: center;
}
#menu2a h2 {
	margin-bottom: 20px;
}

#menu2a h2 img {
	width: 420px;
	height: 70px;
}

#menu2a p {
	margin-bottom: 10px;
	padding-top: 20px;
}

#menu2a p img {
	width: 350px;
	height: 60px;
}



#footer {
	background-color: #146721;
	color: #FFF;
	font-size: 33px;
	line-height: 2.2em;
	padding-top:10px;
	padding-bottom: 180px;
	margin: auto;
	width: 900px;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #97890F;
	border-left-color: #97890F;
	margin-left: 1px;

}

#footer a{
	color: #FFF;
}


#footertop {
	background-color: #146721;
	color: #FFF;
	font-size: 33px;
	line-height: em;
	padding-top:10px;
	padding-bottom: 180px;
	margin: auto;
	width: 898.3px;
	height: 1550px;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #97890F;
	border-left-color:  #97890F;
	margin-left: px;
	line-height: 1.5;
    

}




/* 900pxの幅で中央に寄せるための設定 */
#footertop address {
    width: 900px;
    margin: 0 auto; /* 左右中央寄せ */
    font-style: normal; /* 斜体を解除 */
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size: 29px;
	font-weight: bold;
}

/* メインタイトル部分 */
.f-main-title {
    margin-bottom: -20px;
}

.f-main-title strong {
    font-size: 43px; 
    color: #ffffff;
    display: block;
    line-height: 1.4;
    margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 80px;
	font-weight: 900;
}


.f-main-title-1 {
    margin-bottom: 43px;

}

.f-main-title-1 strong {
    font-size: 47px; 
    color: #ffffff;
    display: block;
    line-height: 1.4;
    margin-bottom: 10px;
	margin-left: 25px;
	font-weight: 900;
}




.f-sub-title {
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.2em;
	margin-left: 20px;
	margin-top: -30px;
	margin-bottom: 0px;
}

/* 各セクション（拠点・ショップ）を900px内で整列 */
.f-office-section, 
.f-shop-section {
    width: 870px; /* 900pxいっぱい使う */
    margin-bottom: 30px;
	margin-left: 2px;
    padding: 25px;
    background:#146721;
    border: 1px solid#146721;
    border-radius: 10px;
    box-sizing: border-box; /* パディングを含めて900pxにする */
}

/* セクション内の見出し（本社名など） */
.f-office-section strong, 
.f-shop-section strong {
    display: inline-block;
    font-size: 35px;
    color: #ffffff;
   
    margin-bottom: 15px;
    padding-bottom: 5px;
}

/* 電話番号のリンク（クリック・タップしやすく） */
#footertop a[href^="tel:"] {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 33px;
    background: #146721;
    padding: 1px 5px;
    border-radius: 5px;
    transition: 0.3s; /* ホバー時の動き */
}

#footertop a[href^="tel:"]:hover {
    background-color: #d32f2f;
    color: #ffffff;
}

/* コピーライト部分 */
.f-copyright-section {
    margin-top: 50px;
    width: 100%;
}

.f-copyright-section strong {
    font-size: 45px;
    display: block;
    margin-bottom: 15px;
}

.f-copyright-section small {
    font-size: 35px;
    color: #ffffff;
}



























.retern-btn{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
	
}

.btn--orange,
a.btn--orange {
  color: #FFF;
  background-color: #002beb;
	font-size: 40px;
	border-radius: 100vh;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #4cacfa;
}

.retern-btn1{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	
}

.btn1--orange,
a.btn--orange {
  color: #fafafa;
  background-color: #002beb;
	font-size: 40px;
	border-radius: 100vh;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
}
.btn1--orange:hover,
a.btn--orange:hover {
  color: #fffdfd;
  background: #4cacfa;
}




.fm-box{
	background-color: #FFF;
	
}

.fm-top-box{
	margin-top: 15px;
	
}

.fm-top-box img{
	width: 860px;
	height: 400px;
	border-radius: 20px;
}


.fm-step1{
	text-align: center;
	margin-top: 50px;
	overflow: hidden;
}

.fm-step1 img{
	width: 880px;
}


.fm-item{
	text-align: center;
	/* margin-top: -10px; */
	
}

.fm-item img{
	width: 780px;

}

.fm-item1{
	text-align: center;
	/* margin-top: -10px; */
	
}

.fm-item1 img{
	width: 780px;
margin-bottom: 50px;
}

.fm-step-text{
	display: block;
	margin-left: 2em;
	font-size: 30px;
	font-family: sans-serif;
	
}

.fm-step-text p{
	padding-top: 1em;
	padding-bottom: 1em;

}

.fm-step-text ul li{
	padding-top: 1em;
	padding-bottom: 1em;
	list-style: disc;
}

.fm-step-text ol li{
	margin-left: 2em;
	list-style: decimal;
}





.mt30{
	margin-top: 30px;
}

.radius-item img{
	width: 860px;
	border-radius: 20px;
}



.tr_left{
	width: 8em;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}

/* スマホ用画面下端メニュー */
.footer_menu_bar
{
	width: 100%;
  text-align: center;
  position: fixed;        /* 要素の位置を固定する */
  bottom: 0;              /* 絶対位置を指定する(下0px) */
  background-color: rgba(255, 255, 255, 0.85); /* 背景は透過させる */
}


.footer-tel-pc {
	width:100%;
	height: 170px;
	display: flex;
	justify-content: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.footer-tel{
	background-color: #e3fae6;
	margin-right: 15px;
	margin-left: 5px;
	display: flex;
  justify-content: center;
  align-items: center;

}

.footer-tel img{
	width: 260px;

}

.footer-pc {
	margin-top: 3px;
}

.footer-pc img{
	width: 260px;
	height: 170px;
}

.footer-pc1 {
	margin-top: 3px;
	margin-left: 10px;
}

.footer-pc1 img{
	width: 260px;
	height: 170px;
}


.footer_menu_bar_6
{
	width: 660px;
	height: 170px;
	margin-left: 83px;
	margin-bottom: 5px;
	border-radius: 15px;
  text-align: center;
  position: fixed;        /* 要素の位置を固定する */
  bottom: 0;              /* 絶対位置を指定する(下0px) */
  background-color: rgba(255, 255, 255, 0); /* 背景は透過させる */
  
}


.footer-tel-pc_6 {
	width:760px;
	height: 175px;
	display: flex;
	justify-content: center;
	margin-top: -5px;
	margin-bottom: 15px;
	margin-left: -217px;
}



.footer-tel_6 img{
	width: 460px;
	height: 169px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 15px;
}

.footer_menu_bar_7
{
	width: 170px;
	height: 169px;
	margin-left: 726px;
	margin-bottom: 5px;
	border-radius: 15px;
  text-align: center;
  position: fixed;        /* 要素の位置を固定する */
  bottom: 0;              /* 絶対位置を指定する(下0px) */
  background-color: rgba(255, 255, 255, 0); /* 背景は透過させる */
}


.footer-tel-pc_7 {
	width:350px;
	height: 140px;
	display: flex;
	justify-content: center;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: -163px;
}



.footer-pc_7 img{
	width: 193px;
	height: 169px;
	margin-left: -285px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 20px;
}

.footer_menu_bar_8
{
	width: 170px;
	height: 169px;
	margin-left: 725px;
	margin-bottom: 5px;
	border-radius: 15px;
  text-align: center;
  position: fixed;        /* 要素の位置を固定する */
  bottom: 0;              /* 絶対位置を指定する(下0px) */
  background-color: rgba(255, 255, 255, 0); /* 背景は透過させる */
}


.footer-tel-pc_8 {
	width:350px;
	height: 140px;
	display: flex;
	justify-content: center;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: 40px;
}



.footer-pc_8 img{
	width: 185px;
	height: 169px;
	margin-left: -285px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 20px;
}

.footer_menu_bar_6a
{
	width: 660px;
	height: 169px;
	margin-left: 60px;
	margin-bottom: 5px;
	border-radius: 15px;
  text-align: center;
  position: fixed;        /* 要素の位置を固定する */
  bottom: 0;              /* 絶対位置を指定する(下0px) */
  background-color: rgba(255, 255, 255, 0); /* 背景は透過させる */
}










.blog_day {
	margin-top: 10px;
	font-size: 2rem;
}

.blog_title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 2rem;

}

.blog_text {
	margin-bottom: 200px;
	font-size: 2rem;

}




.blog_top_title {
	font-size: 3rem;
	font-weight: bold;
	color: #15519b;
	background-color: #a2c5f0;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 120px;
	margin-left: 15vw;
	margin-right: 20vw;
	
}



.top_blog_box a:link {
	color: #333;
}

.top_blog_box a:visited {
	color: #333;
}

.top_blog_box a:hover {
	color: #333;
}

.top_blog_box a:active {
	color: #333;
}



.top_blog_contents {
	font-size: 2.2rem;
	width: 860px;
	margin-bottom: 13px;
}

.top_blog_contents a{
	display: flex;
	width: 860px;
	margin-bottom: 10px;
}

.top_blog_img {
	width: 346px;
	height: 280px;
	overflow: hidden;
}

.top_blog_img img{
	width: 350px;
	height: 280px;
	overflow: hidden;
	
}


.top_blog_in_contents {
	margin: 15px 20px ;
	width: 490px;
}

.top_blog_title {
	font-weight: bold;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden; 

}

.top_blog_text {
	margin-bottom: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden; 
}


/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position:fixed;
  z-index: 999;
  /*ナビのスタート位置と形状*/
top:-230%;
  left:0;
width:100%;
  height: 200vh;/*ナビの高さ*/
background:rgb(240, 238, 238, 0.98);
background:linear-gradient(#5387f8,#c3cdf0,#5387f8);
/* background: linear-gradient(#aba7f2,#9de7f6,#b2aef1); */
  /*動き*/
transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
  top: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999; 
  width: 100%;
  height: 200vh;/*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top:48%;
  left:50%;
  transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav li{
  list-style: none;
  text-align: center; 
}

#g-nav li a{
color: #FFF;
text-decoration: none;
padding:5px;
display: block;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: bold;
}

#g-nav li img{
	width: 350px;
}







/*========= ボタンのためのCSS ===============*/
.openbtn{
position:fixed;
  z-index: 9999;/*ボタンを最前面に*/

top:45px;
right: 50px;

cursor: pointer;
  width: 120px;
  height:120px;
	background-color: #ffffff00;
	border-radius: 15%;
}

/*×に変化*/	
.openbtn span{
  display: inline-block;
  transition: all .4s;
  position: absolute;
	margin-top: 17px;
	margin-left: px;
  left: 19px;
  height: 5px;
  border-radius: 5px;
background-color: #ffffff00;
  width: 70%;
  height: 5%;

}

.openbtn span:nth-of-type(1) {
top:15px;	
}

.openbtn span:nth-of-type(2) {
top:30px;
}

.openbtn span:nth-of-type(3) {
top:46px;
}

.openbtn.active {
  background-color: rgba(255, 255, 255, 0);
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 50%;
}

.openbtn.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn.active span:nth-of-type(3){
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 50%;
}








	













 span{
   display: inline-block;
 }

 @media screen and (min-width:500px) {
  .contents p{
    width: 70%;
  }
  p {
    text-align: center;
  }

}




 
 .out{
    position: relative;
	margin-bottom: px;
	margin-top: -15px;


}
.in img{
	
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s;
    z-index: 0;
	
}
.img{
	

    display: block;
    width: 100%;
    height: auto;
}
input{
    display: none;
}
.in{
    display: flex;
    justify-content: center;

	
}
label span{

	margin-top: 100px;
	margin-bottom: 50px;
    display: block;
    width: 17px;
    height: 17px;
    padding: 38px;
    margin: -5px 0 -35px
	
	;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
label span::before{
	margin-top: 10px;
	margin-bottom: -60px;

    content: "";
    display: block;
    width: 130%;
    height: 130%;
    background: #39d6fd;
    opacity: 1.5;
    border-radius: 100%;
}   

input:nth-of-type(1):checked ~ .in label:nth-of-type(1) span::before,
input:nth-of-type(2):checked ~ .in label:nth-of-type(2) span::before,
input:nth-of-type(3):checked ~ .in label:nth-of-type(3) span::before,
input:nth-of-type(4):checked ~ .in label:nth-of-type(4) span::before{
    background: #000;
    opacity: 1;
}
label span::before{
    animation: slidebutton 18.5s infinite;
}
@keyframes slidebutton{
    0%{opacity: 0.5;background: #4287f5;}
    3.5%{opacity: 1;background: #000;}/* b÷x×100=y */
    25%{opacity: 1;background: #000;}/* 100÷c=z */
    28.5%{opacity: 0.5;background: #4287f5;}/* y+z */
}            
label:nth-of-type(2) span::before,label:nth-of-type(2) img{
    animation-delay: 6s;
}            
label:nth-of-type(3) span::before,label:nth-of-type(3) img{
    animation-delay: 9s;
}            
label:nth-of-type(4) span::before,label:nth-of-type(4) img{
    animation-delay: 12.5s;
}            
input:nth-of-type(1):checked ~ .in label:nth-of-type(1) img,
input:nth-of-type(2):checked ~ .in label:nth-of-type(2) img,
input:nth-of-type(3):checked ~ .in label:nth-of-type(3) img,
input:nth-of-type(4):checked ~ .in label:nth-of-type(4) img{
    opacity: 1;
    z-index: 1;
}
.in img{
    animation: slide 18.5s infinite;/* (a+b)×c=x */
    opacity: 0;
}
@keyframes slide{
    0%{opacity: 0;}
    3.5%{opacity: 1;z-index: 1;}/* b÷x×100=y */
    25%{opacity: 1;}/* 100÷c=z */
    28.5%{opacity: 0;z-index: 0;}/* y+z */

}
input:checked ~ .in img,input:checked ~ .in span::before{
    animation: none;
}
.in:hover img,.in:hover span::before{
    animation-play-state:paused;/* マウスを載せると一時停止 */
}  
.out img{

	width: 900px;
	margin-left: -20px;
	margin-top: -10px;
	margin-bottom: -65px;
	
  }