@charset "utf-8";

/*****
*
* 記事用のスタイル
* 2023.05.25更新
*
*****/


/** 見出し **/
h4{
 font-size: 3.6rem;
 line-height: 1;
 color: #0387e7;
 text-align: center;
 margin: 0 0 40px;
}

h5{
  font-size: 1.8rem;
  font-weight: bold;
  color: #0387e7;
  margin-bottom: 0.8em;
}

/** ボタン **/
.btn{
  display: block;
  padding: 0.2em 0;
  font-size: 1.6rem;
  text-align: center;
  color: #fff !important;
  background-color: #fb9300;
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
  text-decoration: none;
}

.btn_green{
  display: block;
  padding: 0.2em 0;
  font-size: 1.6rem;
  text-align: center;
  color: #3a9a97 !important;
	border:2px solid #3a9a97;
  border-radius: 20px;
  text-decoration: none;
}

/** テキスト **/
.linkText{
  color:#0000ff !important;
  text-decoration: underline !important;
}
.strongText{
  font-weight: bold;
}

.color-orange{
  color:#fb9300;
}

.color-red{
color:#ff0000;
}

.color-red{
color:#ff0000;
}

del {
    background-image: linear-gradient(#ff0000, #ff0000);
    background-position: 0 50%;
    background-size: 100% 2px;
    background-repeat: repeat-x;
    margin: 0 0.4em;
    text-decoration: none;
}

.appendix{
 background-color: #f5f5f5;
 color:#333333;
 padding: 25px 38px;
 margin:30px 0px;
}


/** 汎用 **/
.textcenter{
  text-align: center;
}

.textleft{
  text-align: left;
}

.textright{
  text-align: right;
}

.border_img{
border:1px solid #000000;
}

.width240{
display:block;
max-width:240px;
margin: 5px auto 10px;
}

.width320{
display:block;
max-width:320px;
margin: 5px auto 10px;
}

.width480{
display:block;
max-width:480px;
margin: 5px auto 10px;
}

.width720{
display:block;
max-width:720px;
margin: 5px auto 10px;
}

.img_left{
  margin-left: 0;
}

.img_right{
  margin-right:0
}


/** 目次 **/
.contents_list{
 background-color: #ecf4ff;
 padding:10px 15px;
}
.contents_list li{
  list-style: none;
}
.contents_list__item{
 font-size:110%;
 color:#0387e7!important;
 line-height: 2.5em;
 padding: 2px;
 }
.contents_list__item::after {
 content: "";
 display: inline-block;
 width: 8px;
 height: 8px;
 border-top: 1px solid #0387e7;
 border-right: 1px solid #0387e7;
 transform: rotate(135deg);
 margin: 4px 10px;
}

/** ビデオ **/
.video{
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/** リスト **/
ul.article__list,ol.article__list,ul.article__list li,ol.article__list li{
  list-style-type: unset;
}
ul.article__list,ol.article__list{
  margin-left: 20px;
}
ul.article__list li,ol.article__list li{
padding-left: -20px;
/* line-height: 0.2; */
}

ol.article__list--number li{
  list-style-type: decimal;
}

.list_flex_wrapper{
	clear: both;
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}
.list_flex{
 display: flex;
 justify-content: space-between;
}

/** 画像を並べる **/
.list_flex_variable_wrapper{
margin: 15px 0px;
}
.list_flex_variable{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.list_flex_variable li a,
.list_flex_variable li img{
margin-top:auto;
}
.list_flex_variable li{
display: flex;
flex-direction: column;
height: auto;
/*ここから下を記事で編集してください*/
width: 48%;
padding-bottom: 15px;
/*ここまで*/
}




/** テーブル **/
.article__table{
  width: 100%;
  border: 1px solid #b4d6f1;
  border-collapse: collapse;
  margin-bottom: 40px;
}
.article__table caption{
	caption-side: bottom;
	text-align: left;
	padding: 1em 0 0;
}
.article__table th,
.article__table td{
	vertical-align: top;
	padding: 1em;
	border: 1px solid #b4d6f1;
}
.article__table th{
	white-space: nowrap;
	color: #003366;
	font-weight: bold;
	background-color: #eaf3fc;
}
.article__table td{
}
.article__table .ta-left{
	text-align: left;
}
.article__table .ta-center{
	text-align: center;
}
.article__table .ta-right{
	text-align: right;
}
.article__table td.va-top{
	vertical-align: top !important;
}
.article__table .va-middle{
	vertical-align: middle !important;
}
.article__table .va-bottom{
	vertical-align: bottom !important;
}
.article__table p{
	margin: 1em 0;
}
.article__table dl{
	margin: 0;
	padding: 0;
}
.article__table dt{
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0;
}
.article__table dd{
	margin: 0 0 1.5em;
	padding: 0;
}
.article__table dt:last-of-type,
.article__table dd:last-of-type{
	margin-bottom: 0 !important;
}

.article__table dl.inline{
	margin: 0;
	padding: 0;
}
.article__table dl.inline dt{
	display: inline-block;
	vertical-align: top;
	width: 16%;
	font-weight: bold;
	margin: 0 0 0.5em;
}
.article__table dl.inline dd{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0.5em;
	width: 83%;
}
.article__table strong{
	font-weight: bold;
}

/** テーブル2 **/
.article__table2{
  width: 100%;
  border: 1px solid #b4d6f1;
  border-collapse: collapse;
  margin-bottom: 40px;
}
.article__table2 caption{
	caption-side: bottom;
	text-align: left;
	padding: 1em 0 0;
}
.article__table2 th,
.article__table2 td{
	vertical-align: top;
	padding: 1em;
	border: 1px solid #b4d6f1;
}
.article__table2 th{
	white-space: nowrap;
	color: #003366;
	font-weight: bold;
	background-color: #eaf3fc;
}
.article__table2 td{
}
.article__table2 .ta-left{
	text-align: left;
}
.article__table2 .ta-center{
	text-align: center;
}
.article__table2 .ta-right{
	text-align: right;
}
.article__table2 td.va-top{
	vertical-align: top !important;
}
.article__table2 .va-middle{
	vertical-align: middle !important;
}
.article__table2 .va-bottom{
	vertical-align: bottom !important;
}
.article__table2 p{
	margin: 1em 0;
}
.article__table2 dl{
	margin: 0;
	padding: 0;
}
.article__table2 dt{
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0;
}
.article__table2 dd{
	margin: 0 0 1.5em;
	padding: 0;
}
.article__table2 dt:last-of-type,
.article__table2 dd:last-of-type{
	margin-bottom: 0 !important;
}

.article__table2 dl.inline{
	margin: 0;
	padding: 0;
}
.article__table2 dl.inline dt{
	display: inline-block;
	vertical-align: top;
	width: 16%;
	font-weight: bold;
	margin: 0 0 0.5em;
}
.article__table2 dl.inline dd{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0.5em;
	width: 83%;
}
.article__table2 strong{
	font-weight: bold;
}

/** テーブル3 **/
.article__table3.sp{
  display: none;
}
.article__table3{
  width: 100%;
  border: 1px solid #b4d6f1;
  border-collapse: collapse;
  margin-bottom: 40px;
}
.article__table3 caption{
	caption-side: bottom;
	text-align: left;
	padding: 1em 0 0;
}
.article__table3 th,
.article__table3 td{
	vertical-align: top;
	padding: 1em;
	border: 1px solid #b4d6f1;
}
.article__table3 th{
	white-space: nowrap;
	color: #003366;
	font-weight: bold;
	background-color: #eaf3fc;
}
.article__table3 td{
}
.article__table3 .ta-left{
	text-align: left;
}
.article__table3 .ta-center{
	text-align: center;
}
.article__table3 .ta-right{
	text-align: right;
}
.article__table3 td.va-top{
	vertical-align: top !important;
}
.article__table3 .va-middle{
	vertical-align: middle !important;
}
.article__table3 .va-bottom{
	vertical-align: bottom !important;
}
.article__table3 p{
	margin: 1em 0;
}
.article__table3 dl{
	margin: 0;
	padding: 0;
}
.article__table3 dt{
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0;
}
.article__table3 dd{
	margin: 0 0 1.5em;
	padding: 0;
}
.article__table3 dt:last-of-type,
.article__table3 dd:last-of-type{
	margin-bottom: 0 !important;
}

.article__table3 dl.inline{
	margin: 0;
	padding: 0;
}
.article__table3 dl.inline dt{
	display: inline-block;
	vertical-align: top;
	width: 16%;
	font-weight: bold;
	margin: 0 0 0.5em;
}
.article__table3 dl.inline dd{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0.5em;
	width: 83%;
}
.article__table3 strong{
	font-weight: bold;
}

/** テーブル4 **/
.article__table4{
	width: 100%;
	border: 1px solid #b4d6f1;
	border-collapse: collapse;
}
.article__table4 th,
.article__table4 td{
	vertical-align: top;
	padding: 1em;
	border: 1px solid #b4d6f1;
}
.article__table4 th{
	white-space: nowrap;
	color: #0a2f8f;
	font-weight: bold;
	background-color: #ecf1ff;
}
.article__table4 td{
	color:#333;
}

/** アコーディオン **/
.accordion_displayNone{
	display: none;
}

.section_inner p{
	margin-bottom: 0 !important;
}

.accordion a {
	display: block;
}

.accordion_box{
	margin-bottom: 30px;
}

.accordion_contents {
	padding: 20px 35px;
	background-color: #f0f1ff;
}

.accordion_contents span{
	font-weight: bolder;
	color: #4652a1;
}

.accordion_menu {
	cursor:pointer;
	font-weight: bold;
	padding: 20px 70px 20px 30px;
	position: relative;
	border: 2px solid #4652a1;
	color: #4652a1;
	transition: .5s;
}

.accordion_menu:after {
	box-sizing: border-box;
	content: "+";
	position: absolute;
	right: 0;
	top: 0px;
	height: 65px;
	padding: 8px 30px;
	margin: auto;
	font-size: 2.875rem;
}

.accordion_menu.open:after {
	content: '－';
}

.accordion_menu:hover{
	opacity: 0.7;
	transition: .5s;
}


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

/** テーブル **/
	.article__table{
		border: none;
		margin-bottom: 40px;
	}
	.article__table caption{
		caption-side: bottom;
		text-align: left;
		padding: 1em 1em 0;
	}
	.article__table th,
	.article__table td{
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0.5em 1em;
	}
	.article__table th{
		border-width: 0 0 0 6px;
		border-left: 6px solid #b4d6f1;
	}
	.article__table td{
		border: none;
		margin: 0 auto 20px;
	}

	.article__table dl.inline dt,
	.article__table dl.inline dd{
		display: block;
		width: 100%;
	}

/** テーブル3 **/

.article__table3.sp{
  display: block;
}

.article__table3{
  border: none;
  margin-bottom: 40px;
}
.article__table3 caption{
  caption-side: bottom;
  text-align: left;
  padding: 1em 1em 0;
}
.article__table3 th,
.article__table3 td{
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 1em;
}
.article__table3 th{
  width: 90vw;
  border-width: 0 0 0 6px;
  border-left: 6px solid #b4d6f1;
}
.article__table3 td{
  border: none;
  margin: 0 auto 5px;
}

.article__table3 dl.inline dt,
.article__table3 dl.inline dd{
  display: block;
  width: 100%;
}

.article__table3 th.th_dec{
  background-color: #ffffff;
  border-left: none;
  margin-top: 10px;
  color:#0387e7;
  font-weight: bold;
}

.article__table3 tr{
  /* display: block; */
  margin-bottom: 20px;
}


  .article__table3.pc{
    display: none;
  }


  .list_3_wrapper{
   width: 95%;
  }
}