@charset "UTF-8";

/*  /////////////////////////////////////////////////////////////// 
       共通レイアウト                      
//////////////////////////////////////////////////////////////// */
.red{
	color: red;
}
.font-s{
	font-size: 12px;
}
.font_20{
	font-size: 20px;
	color: #44A01B;
}
.font_16{
	font-size: 16px;
}
/* #5AB4BD;　　基本色*/
/*hr色付け
--------------------------------------*/
hr { /*色指定 主にヘッダーサブメニューで使用*/
  height: 1px;
  background-color: #5AB4BD; /*基本色*/
  border: none;
  margin: 0px 0px
;
}
/*上下間隔大*/
hr.w_line{
  height: 1px;
  background-color: #5AB4BD; /*基本色*/
  border: none;
  margin: 20px 0px
}
/*高さ余白
----------------------------*/
.h_space_100{
	height: 100px;
}
.h_space_50{
	height: 50px;
}
.h_space_20{
	height: 20px;
}
.h_space_10{
	height: 10px;
}
/*右にスペース
--------------------------------------*/
.space_r_5p{
	margin-right: 5px;
}
.space_r_10p{
	margin-right: 10px;
}
/*左にスペース
--------------------------------------*/
.space_l_10p{
	margin-left: 10px;
}
/*下にスペース
--------------------------------------*/
.common_btm_space_6px{
	margin-bottom: 6px;
}
.common_btm_space_50px{
	margin-bottom: 50px;
}
/*仕様メモ　完成後に消す
-------------------------------*/
.commn_ul_siyou {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 60px;
}
/*END 仕様メモ-------------*/
/*詳細（+）太く*/
.commn_f_bold {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}


/*===========================================
戻るボタン（固定のヒストリーバック）2023.3.22
============================================ */
/*位置を固定*/
.common_back_btn_area {
  text-align: right;
	margin-bottom: 20px;
	border: solid 0px;
}
.common_back_btn_area a {
text-decoration: none;
	color: #424446;
}

/*ボタン仕様*/
.common_back_btn_area .back_btn {
  text-align: center;
  padding: 6px 16px;
  /*cursor: pointer;*/
  font-size: 14px;
  border-radius: 4px;
  /*background-color: #ffffff;*/
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}

.common_back_btn_area .back_btn:hover {
  background-color: #5AB4BD;
  color: #ffffff;
}
/*ボタンの左矢印*/
.common_back_btn_area .back_arrow {
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*矢印と文字（戻る）並列*/
.common_back_btn_area .back_arrow, .common_back_btn_area .back_txt {
  display: inline-block;
}

/* ==============================================
ページタイトル
=============================================== */
.common_page_title{
				font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: #0B67C4;
	margin: 0px 0 40px 0;
border: solid 0px;
}
/* ==============================================

ページタイトル  iconとタイトル並列

=============================================== */

.common_page_title_flex {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 5px 0 20px 0;
  padding: 6px 0px;
  box-sizing: border-box;
  text-align: left;
  /*background-color: #ffffff;*/
 border: solid 0px;
}

/*ページicon*/
.common_page_title_flex .icon img {
  width: 28px;
	height: 28px;
  vertical-align: bottom;
  border: solid 0px;
}

/*ページタイトル*/
.common_page_title_flex .title {
  font-size: 20px;
  line-height: 24px;
  margin-left: 5px;
  color: #0B67C4;
  /*text-shadow: 1px 2px 1px #B7AFB0;*/
  border: solid 0px;
}
.common_page_title_flex .title span{
	display: inline-block;
}
/*========================================
このページの説明項目
======================================== */
.common_setsumei_item{
	margin-bottom: 20px;
}
/*枠付きタイトル*/
.common_setsumei_item .title{
	width: 180px;
	padding: 2px 0px;
	font-size: 12px;
	text-align: center;
	border: solid 1px #6ED3DC;
	border-radius: 20px;
	background-color: #A5DDE2;
	margin-bottom: 10px;
}
/* ul
===================================== */
ul.com_ul {
  /*font-size: 12px;*/
	margin-bottom: 20px;
  padding: 5px 0 0 50px;
  box-sizing: border-box;
}


ul.com_ul li{
  padding: 4px 0;
  line-height: 16px;
  box-sizing: border-box;
}
@media (max-width: 749px) {
ul.com_ul{
	  padding: 5px 0 0 18px;
	}
	ul.com_ul li{
  padding: 0px 0;
  line-height: 16px;
  box-sizing: border-box;
}
}
/* ol 説明で使用
===================================== */
ol.common_ol{
  /*font-size: 12px;*/
  margin: 10px;
  padding: 5px 0 0 50px;
  box-sizing: border-box;
}
@media (max-width: 749px) {
	ol.common_ol{
  margin: 0px;
  padding: 5px 0 0 16px;
  box-sizing: border-box;
	}
}
ol.common_ol li{
  padding: 4px 0;
  line-height: 16px;
  box-sizing: border-box;
}
/*========================================
四角分類番号　　　　左（四角に番号）　右（テキスト）
======================================== */
.com_bunrui_nunber{
	position: relative;
	margin: 0px 0 10px 0 ;
	padding: 6px 16px;
		box-sizing: border-box;
	border: solid 1px #9ECF59;
	border-left: solid 40px #9ECF59;
}


.com_bunrui_nunber .txt{
		font-size:18px;
		line-height: 24px;
}
.com_bunrui_nunber .txt span{
	display: inline-block;
}
@media (max-width: 749px) {
.com_bunrui_nunber .txt{
		font-size:14px;
		line-height: 16px;
}
}
/*番号*/
.com_bunrui_nunber .nunber{
	position: absolute;
		font-size: 18px;
		line-height: 24px;
	  left: -26px;
  top: 44%;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
	color: #ffffff;
}

/*========================================
サブタイトル
======================================== */
.com_sub_title {
  /*font-weight: bold;*/
  font-size: 18px;
	line-height: 20px;
  padding: 4px 6px;
  box-sizing: border-box;
  margin-top: 50px;
	margin-bottom: 10px;
  /*margin-bottom: 16px;*/
  border-left: solid 6px #5ab4bd;
}
@media (max-width: 749px) {
.com_sub_title{
		font-size:16px;
		line-height: 18px;

}
}
.com_sub_title span{
	display: inline-block;
}
/*========================================
サブタイトルの説明
======================================== */
.com_sub_title_txt{
  font-size: 14px;
  margin-top: 5px;
  padding-left: 10px;
  box-sizing: border-box;
}
/*.com_sub_title_txt::before {
  content: "●";
  padding-right: 3px;
  color: red;
}*/
/*========================================
◯に番号とテキストの並び
======================================== */
.com_bangou_flex{
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 20px;
	border: solid 0px;
}
.com_bangou_flex .circle_bangou {
	margin-right: 10px;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  /*border: solid 1px #458F97;*/
  background: #458F97; /*基本色*/
	/*background: #ffffff;*/

}

.com_bangou_flex .circle_bangou span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 40%;
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
  width: 24px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
	border: solid 0px;/*必須*/
}
.com_bangou_flex .txt{
	font-size: 16px;
}

/*詳細ページリンク
-----------------------------------*/
/*複数ボタンの場合並列　include/kensetu_shinsekekka.htmlで使用*/
.com_page_link_flex{
	display: flex;
}
.com_page_link_area{
		width: 100%;
	 max-width: 200px;
	margin-top: 20px;
	margin-right: 20px;
	border: solid 0px;
}
.com_page_link_area a{
	text-decoration: none;
	color: #44A01B;
}
.com_page_link_area .page_link{
	padding: 12px 0px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	 font-weight: 100;
	border: solid 1px  #44A01B;
	border-radius: 10px;
	background-color: #ECF2FF;
	margin-bottom: 10px;
}
.com_page_link_area .page_link:hover{
	 color: #ffffff;
	background-color:#90CB76;
}

/*===============================================
　スムーズ　アップ　ボタン（上へ戻る） 円形
=============================================== */
.common_smooth_up {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.common_smooth_up_btn {
  display: inline-block;
  /*margin-left: 50%;*/
  margin-bottom: 30px;
  text-decoration: none;
  color: #668ad8;
  width: 50px;
  height: 45px;
  padding-top: 5px;
  line-height: 20px;
  border-radius: 50%;
  border: solid 2px #668ad8;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}
.common_smooth_up_btn:hover {
  background: #b3e1ff;
  color: white;
}


/* ディバイスサイズ設定
============================================= */
@media (max-width: 749px) {
/* ==============================================
戻るボタン
=============================================== */
.common_back_btn_area{
display: none;
}


}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {

	}

/* Desktop View------------------------------- */
@media (min-width: 1024px) {
	}