@charset "utf-8";
/* ===================================================================
CSS information
file name  :  base-common-parts.css
style info :  基本設定
===================================================================*/
/* ===================================================================
ベースタイトルスタイル
=================================================================== */

/*=====================決め打ちタイトルiconスタイル01======================*/
.main-article .normal_title-icon:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
content: "\f152";
color:#AD152F;
margin-right: 8px;
}

/*=====================スタイル01　アイコンは設定は別======================*/
.main-article .normal_title { 
font-weight: bold;
position: relative;
margin-bottom: 35px;
padding: 0 0 0 30px;
letter-spacing: 0.1em;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.main-article .normal_title { padding: 0;}
}
.main-article .normal_title:after { 
content: '';
position: absolute;
left: 0;
bottom: -8px;/*線の上下位置*/
display: inline-block;
width: 120px;/*線の長さ*/
height: 1px;/*線の太さ*/
background-color: #AD152F;/*線の色*/
border-radius: 2px;/*線の丸み*/
}
.main-article .normal_title span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .normal_title {font-size: 2.2rem!important;}
.main-article .normal_title span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .normal_title {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .normal_title span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .normal_title {font-size: 2.07rem!important;}
.main-article .normal_title span {font-size: 1.22rem!important;}
}

/*=====================スタイル02　アイコンは設定は別======================*/
.main-article .normal_title02 { 
font-weight: bold;
position: relative;
margin-bottom: 35px;
padding: 0 0 0 30px;
letter-spacing: 0.1em;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.main-article .normal_title02 { padding: 0;}
}
.main-article .normal_title02:after { 
content: '';
position: absolute;
left: 0;
bottom: -8px;/*線の上下位置*/
display: inline-block;
width: 100%;/*線の長さ*/
height: 1px;/*線の太さ*/
background-color: #AD152F;/*線の色*/
border-radius: 2px;/*線の丸み*/
}
.main-article .normal_title02 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .normal_title02 {font-size: 2.2rem!important;}
.main-article .normal_title02 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .normal_title02 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .normal_title02 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .normal_title02 {font-size: 2.07rem!important;}
.main-article .normal_title02 span {font-size: 1.22rem!important;}
}

/*=====================スタイル03　アイコンは設定は別======================*/
.main-article .normal_title03 { 
font-weight: bold;
margin-bottom: 25px;
border-bottom: solid 1px #AD152F;
padding: 0 0 0 30px;
position: relative;
display: inline-block;
letter-spacing: 0.2em;
}
.main-article .normal_title03 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .normal_title03 {font-size: 2.2rem!important;}
.main-article .normal_title03 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .normal_title03 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .normal_title03 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .normal_title03 {font-size: 2.07rem!important;}
.main-article .normal_title03 span {font-size: 1.22rem!important;}
}

/*=====================スタイル04　アイコンは設定は別======================*/
.main-article .normal_title04 { 
font-weight: bold;
position: relative;
margin-bottom: 35px;
padding: 0 0 0 30px;
letter-spacing: 0.1em;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.main-article .normal_title04 { padding: 0;}
}
.main-article .normal_title04:after { 
content: '';
position: absolute;
left: 0;
bottom: -8px;/*線の上下位置*/
display: inline-block;
width: 100%;/*線の長さ*/
height: 2px;/*線の太さ*/
background-color: #AD152F;/*線の色*/
border-radius: 2px;/*線の丸み*/
}
.main-article .normal_title04 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .normal_title04 {font-size: 2.2rem!important;}
.main-article .normal_title04 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .normal_title04 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .normal_title04 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .normal_title04 {font-size: 2.07rem!important;}
.main-article .normal_title04 span {font-size: 1.22rem!important;}
}

/*=====================スタイル05　アイコンは設定は別======================*/
.main-article .normal_title05 { 
font-weight: bold;
margin-bottom: 25px;
border-bottom: solid 2px #AD152F;
padding: 0 0 0 30px;
position: relative;
display: inline-block;
letter-spacing: 0.2em;
}
.main-article .normal_title05 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .normal_title05 {font-size: 2.2rem!important;}
.main-article .normal_title05 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .normal_title05 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .normal_title05 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .normal_title05 {font-size: 2.07rem!important;}
.main-article .normal_title05 span {font-size: 1.22rem!important;}
}

/* ===================================================================
タイトルスタイル
=================================================================== */

/*=============汎用タイトル=============*/
.main-article .title01 {
font-weight: bold;
letter-spacing: 0.2em;
}
.main-article .title01 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title01 {font-size: 2.2rem!important;}
.main-article .title01 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title01 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title01 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title01 {font-size: 2.07rem!important;}
.main-article .title01 span {font-size: 1.22rem!important;}
}

/*=============左右横線=============*/
.main-article .title02 {
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
padding: 0 55px;
letter-spacing: 0.2em;
}
.main-article .title02 :before, .main-article .title02 :after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #000;
}
.main-article .title02 :before {left:0;}
.main-article .title02 :after {right: 0;}
.main-article .title02 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title02 {font-size: 2.2rem!important;}
.main-article .title02 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title02 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title02 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title02 {font-size: 2.07rem!important;}
.main-article .title02 span {font-size: 1.22rem!important;}
}

/*=============中心下線タイトル=============*/
.main-article .title03 {
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
letter-spacing: 0.2em;
}
.main-article .title03:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #AD152F;
border-radius: 2px;
}
.main-article .title03 span{
display: inline-block;
} 
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title03 {font-size: 2.2rem!important;}
.main-article .title03 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title03 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title03 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title03 {font-size: 2.07rem!important;}
.main-article .title03 span {font-size: 1.22rem!important;}
}

/*=============背景塗りつぶしタイトル=============*/
.main-article .title04 {
font-weight: bold;
background-color: #AD152F;
display: inline-block;
padding: 10px;
letter-spacing: 0.2em;
color: #FFF;
}
.main-article .title04 span{
display: inline-block;
} 
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title04 {font-size: 2.2rem!important;}
.main-article .title04 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title04 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title04 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title04 {font-size: 2.07rem!important;}
.main-article .title04 span {font-size: 1.22rem!important;}
}

/*=====================上下バー======================*/
.main-article .title05 { 
font-weight: bold;
position: relative;
margin-top: 35px;
text-align: center;
margin-bottom: 35px;
padding: 0 0 0 30px;
letter-spacing: 0.1em;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.main-article .title05 { padding: 0;}
}
.main-article .title05:after { 
content: '';
position: absolute;
left: 0;
bottom: -8px;/*線の上下位置*/
display: inline-block;
width: 100%;/*線の長さ*/
height: 1px;/*線の太さ*/
background-color: #AD152F;/*線の色*/
border-radius: 2px;/*線の丸み*/
}
.main-article .title05:before { 
content: '';
position: absolute;
left: 0;
bottom: 50px;/*線の上下位置*/
display: inline-block;
width: 100%;/*線の長さ*/
height: 1px;/*線の太さ*/
background-color: #AD152F;/*線の色*/
border-radius: 2px;/*線の丸み*/
}
.main-article .title05 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title05 {font-size: 2.2rem!important;}
.main-article .title05 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title05 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title05 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title05 {font-size: 2.07rem!important;}
.main-article .title05 span {font-size: 1.22rem!important;}
}

/*=============吹き出しタイトル=============*/
.main-article .title06 {
position: relative;
text-align: center;
color: #AD152F;
padding: 10px;
border: 1px solid #AD152F;
border-radius: 6px;
font-weight: bold;
margin-bottom: 23px;
display: inline-block;
letter-spacing: 0.2em;
}
.main-article .title06:before,.main-article .title06:after {
content: " ";
position: absolute;
width: 12px;
height: 12px;
left: 50%;
top: auto;
bottom: -10px;
background: #fff;
transform: rotate(45deg) translateX(-50%);
-webkit-transform: rotate(45deg) translateX(-50%);
}
.main-article .title06:before {
border: 2px solid;
bottom: -11px;
width: 8px;
height: 8px;
}
.main-article .title06 span {
display: block;
position: absolute;
line-height: 1;
height: 1em;
top: -8px;
left: 50%;
padding: 0 10px 0 10px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
background-color: #fff;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title06 {font-size: 2.2rem!important;}
.main-article .title06 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title06 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title06 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title06 {font-size: 2.07rem!important;}
.main-article .title06 span {font-size: 1.22rem!important;}
}

/*=============上部アイコンタイトル=============*/
/*アイコンはインラインで設定*/
.main-article .title07 {
font-weight: bold;
text-align: center;
margin-bottom: 25px;
letter-spacing: 0.2em;
}
.main-article .title07 span{
display: block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title07 {font-size: 2.2rem!important;}
.main-article .title07 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title07 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title07 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title07 {font-size: 2.07rem!important;}
.main-article .title07 span {font-size: 1.22rem!important;}
}

/*=============サブタイトル色付き=============*/
.main-article .title08 {
font-weight: bold;
margin-bottom: 25px;
text-align: center;
letter-spacing: 0.2em;
}
.main-article .title08 span{
display: block;
color: #AD152F;
margin-top: 10px;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title08 {font-size: 2.2rem!important;}
.main-article .title08 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title08 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title08 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title08 {font-size: 2.07rem!important;}
.main-article .title08 span {font-size: 1.22rem!important;}
}

/*=============サブタイトル下線タイトル=============*/
.main-article .title09 {
font-weight: bold;
text-align: center;
margin-bottom: 25px;
letter-spacing: 0.2em;
}
.main-article .title09 span{
display: inline-block;
color: #AD152F;
border-bottom: 1px solid #AD152F;
margin-bottom: 10px;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title09 {font-size: 2.2rem!important;}
.main-article .title09 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title09 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title09 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title09 {font-size: 2.07rem!important;}
.main-article .title09 span {font-size: 1.22rem!important;}
}

/*=============枠囲み2重縦線タイトル=============*/
.main-article .title10 {
display: inline-block;
padding: 10px 10px 8px 10px;
border: 1px solid #CCC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title10 {font-size: 2.2rem!important;}
.main-article .title10 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title10 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title10 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title10 {font-size: 2.07rem!important;}
.main-article .title10 span {font-size: 1.22rem!important;}
}

/*=============全下線=============*/
.main-article .title11 {
font-weight: bold;
letter-spacing: 0.2em;
border-bottom: 1px solid #AD152F;
padding-left: 15px;
}
.main-article .title11 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title11 {font-size: 2.2rem!important;}
.main-article .title11 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title11 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title11 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title11 {font-size: 2.07rem!important;}
.main-article .title11 span {font-size: 1.22rem!important;}
}

/*=============下線色分けタイトル=============*/
.main-article .title12 {
font-weight: bold;
margin-bottom: 25px;
border-bottom: solid 2px #E71F3B;
padding: 0 0 10px 0;
position: relative;
display: inline-block;
letter-spacing: 0.2em;
}
.main-article .title12:before {
position: absolute;
content: " ";
border-bottom: solid 2px #75C9FC;
bottom: -2px;
width: 25%;
display: inline-block;
}
.main-article .title12 span{
display: inline-block;
}
@media (min-width: 1000px) {/* 1000px以上*/
.main-article .title12 {font-size: 2.2rem!important;}
.main-article .title12 span {font-size: 1.3rem!important;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article .title12 {font-size: 2.2rem!important;font-size: calc(2.07rem + ((1vw - 0.768rem) * (1.3/2.31)))!important;}
.main-article .title12 span {font-size: 1.3rem!important;font-size: calc(1.22rem + ((1vw - 0.768rem) * (0.8/2.31)))!important;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article .title12 {font-size: 2.07rem!important;}
.main-article .title12 span {font-size: 1.22rem!important;}
}

/* ===================================================================
並列割合
===================================================================*/

/*初期(左詰め)*/
.list-item-box{
display: flex;
align-items: center;
flex-wrap: wrap;
}

/*全体センタリング*/
.list-item-box-center{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

/*上詰め*/
.list-item-box-start{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}


/*固定*/
.list-item-wnone {padding: 5px;}
.list-item2-none {min-width: 50%; padding: 5px;}
.list-item3-none {min-width: 33.33333%; padding: 5px;}
.list-item4-none {min-width: 25%; padding: 5px;}
.list-item5-none {min-width: 20%; padding: 5px;}
.list-item-none:only-child {width: 100%;}
.list-item-none:first-child:nth-last-child(2),.list-item-none:first-child:nth-last-child(2) ~ .list-item-none {width: 50%; padding: 5px;}
.list-item-none:first-child:nth-last-child(3),.list-item-none:first-child:nth-last-child(3) ~ .list-item-none {width: 33.33333%; padding: 5px;}
.list-item-none:first-child:nth-last-child(4),.list-item-none:first-child:nth-last-child(4) ~ .list-item-none {width: 25%; padding: 5px;}
.list-item-none:first-child:nth-last-child(5),.list-item-none:first-child:nth-last-child(5) ~ .list-item-none {width: 20%; padding: 5px;}
.list-item-none:first-child:nth-last-child(6),.list-item-none:first-child:nth-last-child(6) ~ .list-item-none {width: 16.66667%; padding: 5px;}
.list-item-none:first-child:nth-last-child(7),.list-item-none:first-child:nth-last-child(7) ~ .list-item-none {width: 14.28571%; padding: 5px;}
.list-item-none:first-child:nth-last-child(8),.list-item-none:first-child:nth-last-child(8) ~ .list-item-none {width: 12.5%; padding: 5px;}
.list-item-none:first-child:nth-last-child(9),.list-item-none:first-child:nth-last-child(9) ~ .list-item-none {width: 11.11111%; padding: 5px;}
.list-item-none:first-child:nth-last-child(10),.list-item-none:first-child:nth-last-child(10) ~ .list-item-none {width: 10%; padding: 5px;}


@media (min-width: 1000px) {/* 1000px以上*/
.list-item2 {min-width: 50%; padding: 5px;}
.list-item3 {min-width: 33.33333%; padding: 5px;}
.list-item4 {min-width: 25%; padding: 5px;}
.list-item5 {min-width: 20%; padding: 5px;}

.list-item:only-child {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(2),.list-item:first-child:nth-last-child(2) ~ .list-item {min-width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(3),.list-item:first-child:nth-last-child(3) ~ .list-item {min-width: 33.33333%; padding: 5px;}
.list-item:first-child:nth-last-child(4),.list-item:first-child:nth-last-child(4) ~ .list-item {min-width: 25%; padding: 5px;}
.list-item:first-child:nth-last-child(5),.list-item:first-child:nth-last-child(5) ~ .list-item {min-width: 20%; padding: 5px;}
.list-item:first-child:nth-last-child(6),.list-item:first-child:nth-last-child(6) ~ .list-item {width: 16.66667%; padding: 5px;}
.list-item:first-child:nth-last-child(7),.list-item:first-child:nth-last-child(7) ~ .list-item {width: 14.28571%; padding: 5px;}
.list-item:first-child:nth-last-child(8),.list-item:first-child:nth-last-child(8) ~ .list-item {width: 12.5%; padding: 5px;}
.list-item:first-child:nth-last-child(9),.list-item:first-child:nth-last-child(9) ~ .list-item {width: 11.11111%; padding: 5px;}
.list-item:first-child:nth-last-child(10),.list-item:first-child:nth-last-child(10) ~ .list-item {width: 10%; padding: 5px;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.list-item2 {min-width: 50%; padding: 5px;}
.list-item3 {min-width: 50%; padding: 5px;}
.list-item4 {min-width: 50%; padding: 5px;}
.list-item5 {min-width: 50%; padding: 5px;}

.list-item:only-child {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(2),.list-item:first-child:nth-last-child(2) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(3),.list-item:first-child:nth-last-child(3) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(4),.list-item:first-child:nth-last-child(4) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(5),.list-item:first-child:nth-last-child(5) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(6),.list-item:first-child:nth-last-child(6) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(7),.list-item:first-child:nth-last-child(7) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(8),.list-item:first-child:nth-last-child(8) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(9),.list-item:first-child:nth-last-child(9) ~ .list-item {width: 50%; padding: 5px;}
.list-item:first-child:nth-last-child(10),.list-item:first-child:nth-last-child(10) ~ .list-item {width: 50%; padding: 5px;}
}
@media screen and (min-width: 0px) and (max-width:768px) {
.list-item2 {min-width: 100%; padding: 5px;}
.list-item3 {min-width: 100%; padding: 5px;}
.list-item4 {min-width: 100%; padding: 5px;}
.list-item5 {min-width: 100%; padding: 5px;}

.list-item:only-child {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(2),.list-item:first-child:nth-last-child(2) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(3),.list-item:first-child:nth-last-child(3) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(4),.list-item:first-child:nth-last-child(4) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(5),.list-item:first-child:nth-last-child(5) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(6),.list-item:first-child:nth-last-child(6) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(7),.list-item:first-child:nth-last-child(7) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(8),.list-item:first-child:nth-last-child(8) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(9),.list-item:first-child:nth-last-child(9) ~ .list-item {width: 100%; padding: 5px;}
.list-item:first-child:nth-last-child(10),.list-item:first-child:nth-last-child(10) ~ .list-item {width: 100%; padding: 5px;}
}

/* ===================================================================
記事内スタイル
===================================================================*/
.main-article { color:#43474b; }

@media (min-width: 1000px) {/* 1000px以上*/
.main-article p { margin-top: 15px; margin-bottom: 15px; font-feature-settings: "palt"; line-height: 2em; letter-spacing: 0.16em;}
}
@media (min-width: 768px) and (max-width: 999px) {/* 999px以下*/
.main-article p { margin-top: 15px; margin-bottom: 15px; font-feature-settings: "palt"; line-height: 2em; letter-spacing: 0.16em;}
}
@media screen and (min-width:0px) and (max-width: 769px) {/* 769px以下*/
.main-article p { margin-top: 15px; margin-bottom: 15px; font-feature-settings: "palt"; line-height: 2em; letter-spacing: 0.16em;}
}


/* ===================================================================
リンク要素関連 
幅100%表示は、a要素に「block」を追加して下さい。他サイズ調整はwidth25などを使用。
=================================================================== */

/*============================ カラーフリーlink_box_colorfree ============================*/
.link_box_colorfree {
display: inline-block;
text-decoration: none;
text-align: center;
border-radius: 3px;
transition: .4s;
}
a.link_box_colorfree {
text-decoration: none;
}

/*=======================link_box_nohover=======================*/
.link_box_nohover{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
border: solid 1px #43474b;
background-color: #FFFFFF;
border-radius: 3px;
transition: .4s;
pointer-events:none;
color: #43474b;
}
/*=======================link_box_nohover_r=======================*/
.link_box_nohover_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
background-color: #43474b;
border-radius: 3px;
transition: .4s;
pointer-events:none;
color: #FFFFFF;
}
/*=======================link_box_nohover_s=======================*/
.link_box_nohover_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
border: solid 1px #43474b;
background-color: #FFFFFF;
border-radius: 3px;
transition: .4s;
pointer-events:none;
color: #43474b;
}
/*=======================link_box_nohover_s_r=======================*/
.link_box_nohover_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
border: solid 1px #43474b;
background-color: #43474b;
border-radius: 3px;
transition: .4s;
pointer-events:none;
color: #FFFFFF;
}

/*=======================矢印link_boxアニメーション=======================*/
.link_box{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #AD152F;
border: solid 1px #AD152F;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #AD152F;
transition: .5s;
}
.link_box:hover {
background: #AD152F;
color: #FFFFFF;
border: solid 1px #AD152F;
text-decoration: none;
cursor: pointer;
}
.link_box:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_sアニメーション=======================*/
.link_box_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #AD152F;
border: solid 1px #AD152F;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #AD152F;
transition: .5s;
}
.link_box_s:hover {
background: #AD152F;
color: #FFFFFF;
border: solid 1px #AD152F;
text-decoration: none;
cursor: pointer;
}
.link_box_s:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_boxアニメーション_r=======================*/
.link_box_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #AD152F;
border-radius: 3px;
transition: .5s;
}
.link_box_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_r:hover {
cursor: pointer;
text-decoration: none;
color: #AD152F;
border: solid 1px #AD152F;
background: #FFFFFF;
}
.link_box_r:hover:after{
color: #AD152F;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_boxアニメーション_r_s=======================*/
.link_box_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #AD152F;
border-radius: 3px;
transition: .5s;
}
.link_box_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #AD152F;
border: solid 1px #AD152F;
background: #FFFFFF;
}
.link_box_r_s:hover:after{
color: #AD152F;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_blueアニメーション=======================*/
.link_box_blue{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #00A1E9;
border: solid 1px #00A1E9;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_blue:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #00A1E9;
transition: .5s;
}
.link_box_blue:hover {
background: #00A1E9;
color: #FFFFFF;
border: solid 1px #00A1E9;
text-decoration: none;
cursor: pointer;
}
.link_box_blue:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_blue_sアニメーション=======================*/
.link_box_blue_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #00A1E9;
border: solid 1px #00A1E9;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_blue_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #00A1E9;
transition: .5s;
}
.link_box_blue_s:hover {
background: #00A1E9;
color: #FFFFFF;
border: solid 1px #00A1E9;
text-decoration: none;
cursor: pointer;
}
.link_box_blue_s:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_blueアニメーション_r=======================*/
.link_box_blue_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #00A1E9;
border-radius: 3px;
transition: .5s;
}
.link_box_blue_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_blue_r:hover {
cursor: pointer;
text-decoration: none;
color: #00A1E9;
border: solid 1px #00A1E9;
background: #FFFFFF;
}
.link_box_blue_r:hover:after{
color: #00A1E9;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_blueアニメーション_r_s=======================*/
.link_box_blue_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #00A1E9;
border-radius: 3px;
transition: .5s;
}
.link_box_blue_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_blue_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #00A1E9;
border: solid 1px #00A1E9;
background: #FFFFFF;
}
.link_box_blue_r_s:hover:after{
color: #00A1E9;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_greenアニメーション=======================*/
.link_box_green{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #109648;
border: solid 1px #109648;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_green:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #109648;
transition: .5s;
}
.link_box_green:hover {
background: #109648;
color: #FFFFFF;
border: solid 1px #109648;
text-decoration: none;
cursor: pointer;
}
.link_box_green:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_green_sアニメーション=======================*/
.link_box_green_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #109648;
border: solid 1px #109648;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_green_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #109648;
transition: .5s;
}
.link_box_green_s:hover {
background: #109648;
color: #FFFFFF;
border: solid 1px #109648;
text-decoration: none;
cursor: pointer;
}
.link_box_green_s:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_greenアニメーション_r=======================*/
.link_box_green_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #109648;
border-radius: 3px;
transition: .5s;
}
.link_box_green_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_green_r:hover {
cursor: pointer;
text-decoration: none;
color: #109648;
border: solid 1px #109648;
background: #FFFFFF;
}
.link_box_green_r:hover:after{
color: #109648;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_greenアニメーション_r_s=======================*/
.link_box_green_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #109648;
border-radius: 3px;
transition: .5s;
}
.link_box_green_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_green_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #109648;
border: solid 1px #109648;
background: #FFFFFF;
}
.link_box_green_r_s:hover:after{
color: #109648;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_purpleアニメーション=======================*/
.link_box_purple{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #5863F8;
border: solid 1px #5863F8;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_purple:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #5863F8;
transition: .5s;
}
.link_box_purple:hover {
background: #5863F8;
color: #FFFFFF;
border: solid 1px #5863F8;
text-decoration: none;
cursor: pointer;
}
.link_box_purple:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_purple_sアニメーション=======================*/
.link_box_purple_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #5863F8;
border: solid 1px #5863F8;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_purple_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #5863F8;
transition: .5s;
}
.link_box_purple_s:hover {
background: #5863F8;
color: #FFFFFF;
border: solid 1px #5863F8;
text-decoration: none;
cursor: pointer;
}
.link_box_purple_s:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_purpleアニメーション_r=======================*/
.link_box_purple_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #5863F8;
border-radius: 3px;
transition: .5s;
}
.link_box_purple_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_purple_r:hover {
cursor: pointer;
text-decoration: none;
color: #5863F8;
border: solid 1px #5863F8;
background: #FFFFFF;
}
.link_box_purple_r:hover:after{
color: #5863F8;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_purpleアニメーション_r_s=======================*/
.link_box_purple_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #5863F8;
border-radius: 3px;
transition: .5s;
}
.link_box_purple_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_purple_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #5863F8;
border: solid 1px #5863F8;
background: #FFFFFF;
}
.link_box_purple_r_s:hover:after{
color: #5863F8;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_pinkアニメーション=======================*/
.link_box_pink{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FF4365;
border: solid 1px #FF4365;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_pink:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FF4365;
transition: .5s;
}
.link_box_pink:hover {
background: #FF4365;
color: #FFFFFF;
border: solid 1px #FF4365;
text-decoration: none;
cursor: pointer;
}
.link_box_pink:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_pink_sアニメーション=======================*/
.link_box_pink_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FF4365;
border: solid 1px #FF4365;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_pink_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FF4365;
transition: .5s;
}
.link_box_pink_s:hover {
background: #FF4365;
color: #FFFFFF;
border: solid 1px #FF4365;
text-decoration: none;
cursor: pointer;
}
.link_box_pink_s:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_pinkアニメーション_r=======================*/
.link_box_pink_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #FF4365;
border-radius: 3px;
transition: .5s;
}
.link_box_pink_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_pink_r:hover {
cursor: pointer;
text-decoration: none;
color: #FF4365;
border: solid 1px #FF4365;
background: #FFFFFF;
}
.link_box_pink_r:hover:after{
color: #FF4365;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_pinkアニメーション_r_s=======================*/
.link_box_pink_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #FF4365;
border-radius: 3px;
transition: .5s;
}
.link_box_pink_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_pink_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #FF4365;
border: solid 1px #FF4365;

background: #FFFFFF;
}
.link_box_pink_r_s:hover:after{
color: #FF4365;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_maybeアニメーション=======================*/
.link_box_maybe{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #073B4C;
border: solid 1px #073B4C;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_maybe:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #073B4C;
transition: .5s;
}
.link_box_maybe:hover {
background: #073B4C;
color: #FFFFFF;
border: solid 1px #073B4C;
text-decoration: none;
cursor: pointer;
}
.link_box_maybe:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_maybeアニメーション=======================*/
.link_box_maybe_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #073B4C;
border: solid 1px #073B4C;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_maybe_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #073B4C;
transition: .5s;
}
.link_box_maybe_s:hover {
background: #073B4C;
color: #FFFFFF;
border: solid 1px #073B4C;
text-decoration: none;
cursor: pointer;
}
.link_box_maybe_s:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_maybeアニメーション_r=======================*/
.link_box_maybe_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #073B4C;
border-radius: 3px;
transition: .5s;
}
.link_box_maybe_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_maybe_r:hover {
cursor: pointer;
text-decoration: none;
color: #073B4C;
border: solid 1px #073B4C;
background: #FFFFFF;
}
.link_box_maybe_r:hover:after{
color: #073B4C;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_maybeアニメーション_r_s=======================*/
.link_box_maybe_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #073B4C;
border-radius: 3px;
transition: .5s;
}
.link_box_maybe_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_maybe_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #073B4C;
border: solid 1px #073B4C;
background: #FFFFFF;
}
.link_box_maybe_r_s:hover:after{
color: #073B4C;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================矢印link_box_emeraldアニメーション=======================*/
.link_box_emerald{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #04BFBF;
border: solid 1px #04BFBF;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_emerald:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #04BFBF;
transition: .5s;
}
.link_box_emerald:hover {
background: #04BFBF;
color: #FFFFFF;
border: solid 1px #04BFBF;
text-decoration: none;
cursor: pointer;
}
.link_box_emerald:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_emeraldアニメーション_r=======================*/
.link_box_emerald_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #04BFBF;
border-radius: 3px;
transition: .5s;
}
.link_box_emerald_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_emerald_r:hover {
cursor: pointer;
text-decoration: none;
color: #04BFBF;
border: solid 1px #04BFBF;
background: #FFFFFF;
}
.link_box_emerald_r:hover:after{
color: #04BFBF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_emeraldアニメーション_r_s=======================*/
.link_box_emerald_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #04BFBF;
border-radius: 3px;
transition: .5s;
}
.link_box_emerald_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_emerald_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #04BFBF;
border: solid 1px #04BFBF;
background: #FFFFFF;
}
.link_box_emerald_r_s:hover:after{
color: #04BFBF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_orangeアニメーション=======================*/
.link_box_orange{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFA012;
border: solid 1px #FFA012;
background-color: #FFFFFF;
border-radius: 3px;
transition: .5s;
}
.link_box_orange:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFA012;
transition: .5s;
}
.link_box_orange:hover {
background: #FFA012;
color: #FFFFFF;
border: solid 1px #FFA012;
text-decoration: none;
cursor: pointer;
}
.link_box_orange:hover:after{
color: #FFFFFF;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_orangeアニメーション_r=======================*/
.link_box_orange_r{
display: inline-block;
text-align: center;
padding: 8px 10px 5px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #FFA012;
border-radius: 3px;
transition: .5s;
}
.link_box_orange_r:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_orange_r:hover {
cursor: pointer;
text-decoration: none;
color: #FFA012;
border: solid 1px #FFA012;
background: #FFFFFF;
}
.link_box_orange_r:hover:after{
color: #FFA012;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}
/*=======================矢印link_box_orangeアニメーション_r_s=======================*/
.link_box_orange_r_s{
display: inline-block;
text-align: center;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
background-color: #FFA012;
border-radius: 3px;
transition: .5s;
}
.link_box_orange_r_s:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #FFFFFF;
transition: .5s;
}
.link_box_orange_r_s:hover {
cursor: pointer;
text-decoration: none;
color: #FFA012;
border: solid 1px #FFA012;
background: #FFFFFF;
}
.link_box_orange_r_s:hover:after{
color: #FFA012;
margin-left: 10px;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f101";
transition: .5s;
}

/*=======================左ブラインドアニメーション=======================*/
.link_box_anime{
position: relative;
display: inline-block;
padding: 8px 10px 5px 10px;
border-radius: 3px;
border: 1px solid #AD152F;
color: #AD152F;
background-color: #FFFFFF;
text-align: center;
transition: .4s;
overflow: hidden;
z-index: 99;
}
.link_box_anime:hover {
text-decoration: none;
cursor: pointer;
color: #FFFFFF;
}
.link_box_anime:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #AD152F;
transition: .5s;
}
.link_box_anime:hover:after{
color: #FFFFFF;
}
.link_box_anime::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 120%;
height: 100%;
background: #AD152F;
transform-origin: right top;
transform: skewX(-0deg) scale(0, 1);
transition: transform .3s;
}
.link_box_anime:hover::before {
transform-origin: left top;
transform: skewX(-0deg) scale(1, 1);
}
/*=======================左slashブラインドアニメーション=======================*/
.link_box_anime_slash{
position: relative;
display: inline-block;
padding: 8px 10px 5px 10px;
border-radius: 3px;
border: 1px solid #AD152F;
color: #AD152F;
background-color: #FFF;
text-align: center;
transition: .4s;
overflow: hidden;
z-index: 99;
}
.link_box_anime_slash:hover {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.link_box_anime_slash:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left: 5px;
color: #AD152F;
transition: .4s;
}
.link_box_anime_slash:hover:after{
color: #FFFFFF;
}
.link_box_anime_slash::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 120%;
height: 100%;
background: #AD152F;
transform-origin: right top;
transform: skewX(-30deg) scale(0, 1);
transition: transform .3s;
}
.link_box_anime_slash:hover::before {
transform-origin: left top;
transform: skewX(-30deg) scale(1, 1);
}











/* ===================================================================
テーブル設定
===================================================================*/
.tabele_style_none .tabele_style_left{
border:1px #cccccc solid;
padding:10px;
}
.tabele_style_none .tabele_style_right_box01{
border:1px #cccccc solid;
padding:10px;
}


.tabele_style .tabele_style_left{
border:1px #cccccc solid;
padding:10px;
}
.tabele_style .tabele_style_right_box01{
border:1px #cccccc solid;
padding:10px;
}

@media screen and (min-width: 0px) and (max-width:768px) {

.tabele_style tr:first-child td.tabele_style_left,
.tabele_style tr:first-child th.tabele_style_left{
border-top: solid 1px #cccccc;
width: 100%;
}
.tabele_style .tabele_style_left,
.tabele_style .tabele_style_right_box01 {
border-top: none;
display: block;
width: 100%;
}

}

/* ===================================================================
リスト設定
===================================================================*/
.list_no li {
margin-left: 25px;
list-style-position: outside;
list-style-type: decimal;
}
.list_circle li {
margin-left: 25px;
list-style-position: outside;
list-style-type: circle;
}

/* ===================================================================
画像要素 背景画像はインラインで位置調整
=================================================================== */

/*======================normalアイキャッチ======================*/
.img-contents_wrap_normal {
position: relative;
padding: 400px 0px 0px 0;
}
.img-contents_wrap_normal:before {
content: "";position: absolute;
width: 100%;
height: 450px;
z-index: 1;
top:0;
}
.img-contents_wrap_normal .img-contents_box_normal {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_normal .img-contents_box_normal {padding: 25px 3% 25px 3%;}
}

/*======================かぶり中央100%======================*/
.img-contents_wrap_f {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_f::before {
content: "";position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
}
.img-contents_wrap_f .img-contents_box_f {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_f .img-contents_box_f {padding: 25px 3% 25px 3%;}
}
/*======================かぶりc100%======================*/
.img-contents_wrap_fc {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_fc::before {
content: "";position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
}
.img-contents_wrap_fc .img-contents_box_fc {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
width: 80%;
margin: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_fc .img-contents_box_fc {padding: 25px 3% 25px 3%; width: 100%;}
}
/*======================かぶりr50%======================*/
.img-contents_wrap_f50r {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_f50r::before {
content: "";position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
}
.img-contents_wrap_f50r .img-contents_box_f50r {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
width: 50%;
margin-left: 50%;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_f50r .img-contents_box_f50r {padding: 25px 3% 25px 3%; margin-left: 0%; width: 100%;}
}
/*======================かぶりl50%======================*/
.img-contents_wrap_f50l {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_f50l::before {
content: "";position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
}
.img-contents_wrap_f50l .img-contents_box_f50l {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
width: 50%;
margin-right: 50%;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_f50l .img-contents_box_f50l {padding: 25px 3% 25px 3%; margin-right: 0%; width: 100%;}
}

/*======================かぶりl70%======================*/
.img-contents_wrap_l {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_l::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
left:0;
max-width: 70%;
}
.img-contents_wrap_l .img-contents_box_l {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 50%;
margin-left: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_l {padding: 250px 0px 0px 0;}
.img-contents_wrap_l::before {max-width: 100%; height: 50%;}
.img-contents_wrap_l .img-contents_box_l {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶりr70%======================*/
.img-contents_wrap_r {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_r::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
right:0;
max-width: 70%;
}
.img-contents_wrap_r .img-contents_box_r {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 50%;
margin-right: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_r {padding: 250px 0px 0px 0;}
.img-contents_wrap_r::before {max-width: 100%; height: 50%;}
.img-contents_wrap_r .img-contents_box_r {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶり無し右寄り50%======================*/
.img-contents_wrap_rnone50 {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_rnone50::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
right:0;
max-width: 50%;
}
.img-contents_wrap_rnone50 .img-contents_box_rnone50 {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 50%;
margin-right: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_rnone50 {padding: 250px 0px 0px 0;}
.img-contents_wrap_rnone50::before {max-width: 80%;  height: 60%;}
.img-contents_wrap_rnone50 .img-contents_box_rnone50 {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶり無し左寄り50%======================*/
.img-contents_wrap_lnone50 {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_lnone50::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
left:0;
max-width: 50%;
}
.img-contents_wrap_lnone50 .img-contents_box_lnone50 {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 50%;
margin-left: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_lnone50 {padding: 250px 0px 0px 0;}
.img-contents_wrap_lnone50::before {max-width: 80%;  height: 60%;}
.img-contents_wrap_lnone50 .img-contents_box_lnone50 {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶり無し右寄り50%画像高さ50%======================*/
.img-contents_wrap_rnone50_h50 {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_rnone50_h50::before {
content: "";
position: absolute;
width: 100%;
height: 50%;
z-index: 1;
top:0;
right:0;
max-width: 50%;
}
.img-contents_wrap_rnone50_h50 .img-contents_box_rnone50_h50 {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 50%;
margin-right: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_rnone50_h50 {padding: 250px 0px 0px 0;}
.img-contents_wrap_rnone50_h50::before {max-width: 80%;  height: 60%;}
.img-contents_wrap_rnone50_h50 .img-contents_box_rnone50_h50 {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶり無し左寄り50%画像高さ50%======================*/
.img-contents_wrap_lnone50_h50 {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_lnone50_h50::before {
content: "";
position: absolute;
width: 100%;
height: 50%;
z-index: 1;
top:0;
left:0;
max-width: 50%;
}
.img-contents_wrap_lnone50_h50 .img-contents_box_lnone50_h50 {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 50%;
margin-left: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_lnone50_h50 {padding: 250px 0px 0px 0;}
.img-contents_wrap_lnone50_h50::before {max-width: 80%;  height: 60%;}
.img-contents_wrap_lnone50_h50 .img-contents_box_lnone50_h50 {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶり無し右寄り80%======================*/
.img-contents_wrap_rnone80 {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_rnone80::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
right:0;
max-width: 20%;
}
.img-contents_wrap_rnone80 .img-contents_box_rnone80 {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 80%;
margin-right: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_rnone80::before {max-width: 40%;  height: 100%;}
.img-contents_wrap_rnone80 .img-contents_box_rnone80 {max-width: 100%; padding: 25px 3% 25px 3%;}
}

/*======================かぶり無し左寄り80%======================*/
.img-contents_wrap_lnone80 {
position: relative;
padding: 60px 0;
}
.img-contents_wrap_lnone80::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top:0;
left:0;
max-width: 20%;
}
.img-contents_wrap_lnone80 .img-contents_box_lnone80 {
position: relative;
background-color: rgba(255,255,255,0.90);
z-index: 1;
padding: 25px;
max-width: 80%;
margin-left: auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.img-contents_wrap_lnone80::before {max-width: 40%;  height: 100%;}
.img-contents_wrap_lnone80 .img-contents_box_lnone80 {max-width: 100%; padding: 25px 3% 25px 3%;}
}




/* ===================================================================
管理画面設定・記事・画像回り込み指定
=================================================================== */
/*======================中央======================*/
.main-article img.aligncenter {
max-height: 450px;
display: block;
margin: 0 auto!important;
padding: 0 !important;
border: 0 !important;
object-fit: cover;
}
.main-article img.aligncenterf {
display: block;
margin: 0 auto!important;
padding: 0 !important;
border: 0 !important;
}
/*======================左======================*/
.main-article img.alignleft {
width:30%;
max-height: 250px;
float: left;
margin: 15px 15px 15px 0 !important;padding: 0 !important;border: 0 !important;object-fit: cover;
}
.main-article img.alignleftf {
float: left;
width:30%;
margin: 15px 15px 15px 0 !important;padding: 0 !important;border: 0 !important;object-fit: cover;
}
.main-article img.alignleft50 {
float: left;
width:50%;
height: 300px;
margin: 15px 15px 15px 0 !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
}
.main-article img.alignleft50f {
float: left;
width:50%;
margin: 15px 15px 15px 0 !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
}
/*======================左SP======================*/
@media screen and (min-width: 0px) and (max-width:768px) {/* 768px以下*/
    .main-article img.alignleft {
    float:none;
    width:100%;
    height: 250px;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-fit: cover;
    }
    .main-article img.alignleftf {
    float:none;
    width:100%;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-fit: cover;
    }
    .main-article img.alignleft50 {
    float:none;
    width:100%;
    height: 300px;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
    }
    .main-article img.alignleft50f {
    float:none;
    width:100%;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
    }
}
/*======================右======================*/
.main-article img.alignright {
float: right;
width:30%;
height: 250px;
margin: 15px 0 15px 15px !important;padding: 0 !important;border: 0 !important;object-fit: cover;
}
.main-article img.alignrightf {
float: right;
width:30%;
margin: 15px 0 15px 15px !important;padding: 0 !important;border: 0 !important;object-fit: cover;
}
.main-article img.alignright50 {
float: right;
width:50%;
height: 300px;
margin: 15px 0 15px 15px !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
}
.main-article img.alignright50f {
float: right;
width:50%;
margin: 15px 0 15px 15px !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
}
/*======================右SP======================*/
@media screen and (min-width: 0px) and (max-width:768px) {/* 768px以下*/
    .main-article img.alignright {
    float:none;
    width:100%;
    height: 250px;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-fit: cover;
    }
    .main-article img.alignrightf {
    float:none;
    width:100%;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-fit: cover;
    }
    .main-article img.alignright50 {
    float:none;
    width:100%;
    height: 300px;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
    }
    .main-article img.alignright50f {
    float:none;
    width:100%;
    margin: 15px 0px 15px 0 !important;padding: 0 !important;border: 0 !important;object-position: 0 50%;object-fit: cover;
    }
}


/* ===================================================================
jQueryツールチップ
===================================================================*/

.ui-tooltip {
white-space: pre-line!important;/*コード改行(&#13;&#10;)を有効化する*/
max-width: 90%!important;
}
.ui-tooltip {
font-size: 1.2rem!important;
padding: 10px 20px!important;
color: white!important;
border-radius: 10px!important;
box-shadow: 0 0 2px black!important;
background: #FF6347!important;
border: 2px solid white!important;
}
.infotool{
color: #db3956;
padding-left: 15px;
padding-top: 15px;
}


/* ===================================================================
YouTube
===================================================================*/
.video {
width:100%;
margin-bottom:30px; 
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}

/* ===================================================================
Google Mapsマイマップ
===================================================================*/
.google-mymap {
overflow: hidden;
}
.google-mymap iframe,
.google-mymap object,
.google-mymap embed {
margin-top:-46px;
}

/*===================================================================
フォーム
===================================================================*/

/*増減+-ボタン*/
input.pluralBtn {
width: 30px;
height: 30px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
padding: 0;
margin: 15px 0;
}

/*フォームエラー表示*/
.form_err{
border: 3px solid #FF0000;
background-color: #f9e6e7;
padding: 10px;
font-weight: bold;
}

/*フォーム開閉要素ポインター表示*/
.contents_clickdo{cursor: pointer;}

.form_tabele_style .form_inner_title_wark_01{
background-color: #2d728f;
padding: 5px 10px 5px 10px;
margin-bottom: 15px;
display: inline-block;
color: white;
border-radius: 3px;
}

.form_tabele_style .form_inner_title_wark_02{
padding: 5px 10px 5px 10px;;
margin-bottom: 15px;
display: block;
border-bottom: solid 1px #1f9ba0;
}

.form_tabele_style .form_inner_title_area_01{
background-color: #208ddb;
padding: 5px 10px 5px 10px;
margin-bottom: 15px;
display: inline-block;
color: white;
border-radius: 3px;
}

.form_tabele_style .form_inner_title_area_02{
padding: 5px 10px 5px 10px;;
margin-bottom: 15px;
display: block;
border-bottom: solid 1px #208ddb;
}

.form_tabele_style .form_tabele_style_left{
position: relative;
text-align: left;
padding-top:10px;
padding-right:50px;
padding-bottom:10px;
padding-left:10px;
vertical-align: top;
white-space: nowrap;
}
.form_tabele_style .form_tabele_style_right_box01{
padding:10px;
}

@media screen and (min-width: 0px) and (max-width:768px) {

.form_tabele_style tr:first-child td.form_tabele_style_left,
.form_tabele_style tr:first-child th.form_tabele_style_left{
width: 100%;
}
.form_tabele_style .form_tabele_style_left{
white-space:normal;
}
.form_tabele_style .form_tabele_style_left,
.form_tabele_style .form_tabele_style_right_box01 {
border-top: none;
display: block;
width: 100%;
}

}

/*必須モード*/
.form_requiredmode {
    display: block;
}
.form_requiredmode:after {
      position: absolute;
      content: "必須";
      top: auto;
      right: 5%;
      font-weight: 400;
      font-size: 11px;
      padding: 4px 8px 5px;
      background-color: #ca0e2f;
      color: #ffffff;
      line-height: 1;
}

/*============================ テキストinput ============================*/
.form_css input[type=text].form_style_text, .form_css input[type=password].form_style_text {
width: 100%;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
border: 1px solid #edeff0;
background-color: #edeff0;
line-height: 1.6;
color: #333333;
font-size: 1.6rem;
padding: 12px 20px;
transition: .2s linear; 
}
.form_css input[type=text].form_style_text:focus, .form_css input[type=password].form_style_text:focus {
border-color: #e9e9e9;
background-color: #fff;
color: #333333; 
}

.form_css input[type=text].form_style_text_auto, .form_css input[type=password].form_style_text_auto {
width: auto;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
border: 1px solid #edeff0;
background-color: #edeff0;
line-height: 1.6;
color: #333333;
font-size: 1.6rem;
padding: 12px 20px;
transition: .2s linear; 
}
.form_css input[type=text].form_style_text_auto:focus, .form_css input[type=password].form_style_text_auto:focus {
border-color: #e9e9e9;
background-color: #fff;
color: #333333; 
}

/*============================ テキストエリア ============================*/
.form_css textarea.form_style_text {
width: 100%;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
border: 1px solid #edeff0;
background-color: #edeff0;
line-height: 1.6;
color: #333333;
font-size: 1.6rem;
padding: 12px 20px 50px 20px;
transition: .2s linear; 
}
.form_css textarea.form_style_text:focus {
border-color: #e9e9e9;
background-color: #fff;
color: #333333; 
}

/*============================ テキストエリア大枠 ============================*/
.form_css textarea.form_style_textb {
width: 100%;
height: 400px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
border: 1px solid #edeff0;
background-color: #edeff0;
line-height: 1.6;
color: #333333;
font-size: 1.6rem;
padding: 12px 20px 50px 20px;
transition: .2s linear; 
}
.form_css textarea.form_style_text:focus {
border-color: #e9e9e9;
background-color: #fff;
color: #333333; 
}

/*============================ selectフォーム ============================*/
.form_css .form_style_select_full {
width: 100%;
padding: 12px 20px;
color: #333;
border: 1px solid #edeff0;
background-color: #edeff0;
border-radius: 5px;
line-height: 1.6;
}
.form_css .form_style_select_50 {
width: 50%;
padding: 12px 20px;
color: #333;
border: 1px solid #edeff0;
background-color: #edeff0;
border-radius: 5px;
line-height: 1.6;
}
.form_css .form_style_select_25 {
width: 25%;
padding: 12px 20px;
color: #333;
border: 1px solid #edeff0;
background-color: #edeff0;
border-radius: 5px;
line-height: 1.6;
}
.form_css .form_style_select_auto {
width: auto;
padding: 12px 20px;
color: #333;
border: 1px solid #edeff0;
background-color: #edeff0;
border-radius: 5px;
line-height: 1.6;
}

/*============================ checkboxes ============================*/
.form_css input[type=checkbox] { opacity: 0; position: absolute; cursor: pointer;} 
.form_css label{cursor: pointer;}
.form_css input[type=checkbox] + label:before {
font-family: "Font Awesome 5 Free"; 
display: inline-block;
}
/* unchecked icon */
.form_css input[type=checkbox] + label:before { content: "\f0c8"; color: #9a9a9a;} 
.form_css input[type=checkbox] + label:before { letter-spacing: 10px; } 
/* checked icon */
.form_css input[type=checkbox]:checked + label:before { content: "\f14a"; color: #1F9BA0; font-weight: 900;} 
.form_css input[type=checkbox]:checked + label:before { /*letter-spacing: 5px;*/ } 

/*============================ radio ============================*/
.form_css input[type=radio] { opacity: 0; position: absolute; } 
.form_css input[type=radio] + label:before {
font-family: "Font Awesome 5 Free"; 
display: inline-block;
}
/* unchecked icon */
.form_css input[type=radio] + label:before { content: "\f111"; color: #9a9a9a;} 
.form_css input[type=radio] + label:before { letter-spacing: 10px; } 
/* checked icon */
.form_css input[type=radio]:checked + label:before { content: "\f058"; color: #1F9BA0; font-weight: 900;} 
.form_css input[type=radio]:checked + label:before { letter-spacing: 5px; } 



/*===================================================================
個人情報保護エリア フォーム下
===================================================================*/
.privacytext {
width: 100%;
height: 250px;
overflow: auto;
border: 1px solid #CCC;
padding: 10px;
background-color: #F5F5F5;
}

/*====================== job_entry SP用 CSS調整 ======================*/
@media screen and (max-width: 768px) {
.job_entry_cssadjust .mb10,
.job_entry_cssadjust .mb15,
.job_entry_cssadjust .mb25 {
margin-bottom: 6px !important;
}

.job_entry_cssadjust .mr15,
.job_entry_cssadjust .mr25 {
margin-right: 6px !important;
}

.job_entry_cssadjust tr {
display: flex;
margin-bottom: 1em !important;
}

.job_entry_cssadjust th {
width: 26% !important;
margin-right: 1% !important;
}

.job_entry_cssadjust td[width="40%"] {
width: calc((100%-27%)/2) !important;
}

.job_entry_cssadjust div[class="pl5"],
.job_entry_cssadjust div[class="pl05"] {
    display: none;
}

.job_entry_cssadjust .infotool {
padding: 0;
}

.job_entry_cssadjust input[type=radio]+label:before,
.job_entry_cssadjust input[type=checkbox]+label:before,
.job_entry_cssadjust input[type=radio]+label:before {
letter-spacing: 3px !important;
}

.job_entry_cssadjust .form_css label {
width: unset !important;
font-size: .9em;
}

.job_entry_cssadjust input,
.job_entry_cssadjust select,
.job_entry_cssadjust textarea {
padding: 6px 2px !important;
}

.job_entry_cssadjust select {
width: 100% !important;
}

.job_entry_cssadjust .form_tabele_style_left {
padding: 0 !important;
}

.job_entry_cssadjust .form_tabele_style_left span {
font-size: 12px !important;
}

.job_entry_cssadjust .form_tabele_style_left span:after {
top: -12px;
right: auto;
left: 0px;
font-size: 10px;
font-weight: unset;
padding: 2px;
}

.job_entry_cssadjust .form_tabele_style_right_box01 {
padding: 2px !important;
}

.job_entry_cssadjust select[name="age_y"] {
width: 35% !important;
margin: 0 !important;
}

.job_entry_cssadjust select[name="age_m"],
.job_entry_cssadjust select[name="age_d"] {
width: 30% !important;
margin: 0 !important;
}

.job_entry_cssadjust .form_inner_title_area_01 {
margin-bottom: 6px !important;
}

.job_entry_cssadjust .form_inner_title_area_02 {
margin-bottom: 6px !important;
}
}

/*====================== job_entry アコーディオン ======================*/
.arconix-jobentry-wrap {
margin: 0 0 1em;
}

.arconix-jobentry-title {
font-weight: bold;
color: #96CA2D;
cursor: pointer;
padding: 10px;
margin-bottom: 1em;
}

@media screen and (max-width:768px) {
.arconix-jobentry-title {
padding: 0;
}
}

.arconix-jobentry-title:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f055";
margin-right: 2px;
}

.arconix-jobentry-title.jobentry-open:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f056";
margin-right: 2px;
}