@charset "UTF-8";

/* default sp
	----------------------------------------------- */
/* ============================================= sp
================================================*/

.article-items-list {width: 100%;display: -webkit-box;display: flex;-webkit-box-pack: start;justify-content: flex-start;flex-wrap: wrap;gap: 3vw;}
.article-items {width: 48%;background: #fff;border: 1px solid #bbb;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;position: relative;}
.article-items-image{ width: 100%; }
.article-items-text {padding: 3vw 2vw 3vw;}
.article-items-subtitle {padding: 1.5vw 2vw 1vw;margin-bottom: 2.5vw;font-size: 2.68vw;font-weight: normal;background: #f0f0f0;display: table;line-height: 1.2;}
.article-items-title {padding-bottom: 2.5vw;margin-bottom: 2vw;font-size: 3.65vw;font-weight: bold;line-height: 1.4;border-bottom: 1px dotted #9e9f9e;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.article-items-comment {padding-right: 8.6vw;}
.article-items-comment p {font-size: 3.42vw;font-weight: normal;line-height: 1.3;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.items-tag {z-index: 1;position: absolute;top: -3vw;left: 0;}
.items-tag li {padding: 1vw 2vw 1vw;margin: 0 0.5vw 1vw;color: #222;font-size: 2.2vw;font-weight: bold;background: #f6ff0b;border: 1px solid #222;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 4px;display: table;}
.items-iine {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items:center;-webkit-justify-content: flex-end;justify-content:flex-end;margin: 10px 0 0;}
.items-iine .icon {width: 30px;height: 30px;color: #fff;background: #222;-moz-border-radius: 50%;-webkit-border-radius: 100px;border-radius: 100px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;padding-top: 2px;margin-right: 3px;}
.items-iine .number {font-family: "Poppins";font-feature-settings: "palt";letter-spacing: .04em;line-height: 1;}

/* =====================*/
.single-box{padding: 5vw;margin: 5vw auto 10vw;width: 94vw;border: 1px solid #000;border-radius: 30px;background: #fff;position: relative;z-index: 1;overflow: hidden;}
.single-box p{margin-bottom: 3vw;text-align:justify;text-justify:inter-ideograph;}
.single-intoro{margin: 0 auto 5vw;}
.single-text {min-height: 80vw;margin: auto;position: relative;font-size: 3.8vw;line-height: 1.8;text-align:justify;text-justify:inter-ideograph;font-feature-settings: "palt";letter-spacing: 0.6px;}
.single-title{font-size: 5.3vw;font-weight: bold;line-height: 1.3;padding-bottom: 2vw;}
.single-img {width: 93.5vw;margin: 3vw auto;position: relative;left: -5vw;}
.single-img img{width: 100%;}
.single-box img{max-width: 100%;}
.single-box .items-tag {position: relative;top: auto;width: 63vw;}
.single-date {position: absolute;right: 0;}

.single-title-h3{font-weight: bold;font-size: 5vw;border-bottom: 1px solid;margin-bottom: 3vw;padding-bottom: 1vw;}
.single-title-h4{font-weight: bold;font-size: 4.8vw;color: #00a3cb;}
.single-title-h5{font-weight: bold;font-size: 4.5vw; background: #f3f3f3;  padding: 0 2%;margin-bottom: 3vw;}
.single-title-h6{font-weight: bold;font-size: 4vw;position: relative;text-indent: 20px;    color: #064ea7;}
.single-title-h6::before{ content: "\f02e"; font-family: 'icon' !important;position: absolute;left: -20px;}
.single-title-sub{font-weight: bold;font-size: 3.8vw;}

.check{margin: 0 auto 3vw;}
.check >li{position:relative;padding-left: 20px;margin: 0 auto 5px;}
.check >li:before{content: '\e928';font-family: 'icon' !important;position:absolute;left:0;}
a.link{font-weight: bold;position: relative;padding-left: 20px;text-decoration: underline;margin: 0 auto 3vw;font-size: 90%; color: #444;}
a.link::before{content: '\f08e';font-family: 'icon' !important;position:absolute;left:0;}

.single-table { border-top:#dedede solid 1px; border-left:#dedede solid 1px; width:100%; margin-bottom:3%; }
.single-table tr th,
.single-table tr td { padding:10px; border-bottom:#dedede solid 1px; border-right:#dedede solid 1px; vertical-align:top;}
.single-table tr th { background:#00a3cb; vertical-align: middle; color:#f3f3f3; text-align:center;}
.single-table-scroll .single-table{display: block;overflow-x: scroll;white-space: nowrap;}
.single-table-scroll tbody tr th:first-child{position: sticky;   left: 0;}

.nom{counter-reset: my-counter; list-style: none;  padding: 0;}
.nom >li {padding-left: 20px;position: relative;margin: 0 auto 5px;}
.nom >li:before {content: counter(my-counter);counter-increment: my-counter;background-color: #fff;display: block;float: left;line-height: 17px;margin-left: -20px;text-align: center;height: 16px;width: 16px;border: 1px solid #6d6d6d;border-radius: 50%;font-size: 3vw;position: relative;top: 4px;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) {
.article-items-list  {width: 100%;gap: 20px;}
.article-items {width: -webkit-calc(100% / 3 - 15px);width: calc(100% / 3 - 15px);}
.article-items-text { padding: 20px 20px 25px; }
.article-items-subtitle {padding: 8px 10px 7px;margin-bottom: 14px;font-size: 15px;}
.article-items-title { padding-bottom: 6px; margin-bottom: 10px; font-size: 24px; }
.article-items-comment { padding-right: 50px; }
.article-items-comment p { font-size: 14px; }
.items-iine {}
.items-iine .icon { width: 35px; height: 35px; padding-top: 2px; font-size: 16px; text-indent: 1px; }
.items-tag { top: 14px; left: 10px; }
.items-tag li {padding: 8px 12px 7px;margin: 0 5px 5px 0;font-size: 14px;}


/* =====================*/
.single.main-content{width: clamp(730px, 96%, 1200px);}
.single-box{padding: 30px;margin: 0px auto 50px 0;width: 100%;border: 1px solid #000;border-radius: 30px;background: #fff;position: relative;z-index: 1;overflow: hidden;}
.single-box p{margin-bottom: 15px;text-align:justify;text-justify:inter-ideograph;}
.single-intoro{margin: 0 auto 20px;}
.single-text {min-height: 500px;margin: auto;position: relative;font-size: 16px;line-height: 1.8;text-align:justify;text-justify:inter-ideograph;font-feature-settings: "palt";letter-spacing: 0.6px;}
.single-title{font-size: 26px;font-weight: bold;line-height: 1.3;padding-bottom: 10px;}
.single-img {width: 98vw;margin: 30px auto;position: relative;left: -3.8vw;}
.single-img img{width: 100%;}
.single-box img{max-width: 100%;}
.single-box .items-tag {position: relative;top: auto;width: 60%;}
.single-date {position: absolute;right: 0;}

.single-title-h3{font-weight: bold;font-size: 20px;border-bottom: 1px solid;margin-bottom: 20px;padding-bottom: 20px;}
.single-title-h4{font-weight: bold;font-size: 18px;color: #00a3cb; margin: 10px auto;}
.single-title-h5{font-weight: bold;font-size: 16px; background: #f3f3f3;  padding:1% 2%;margin-bottom: 20px;}
.single-title-h6{font-weight: bold;font-size: 16px;position: relative;text-indent: 20px;    color: #064ea7;}
.single-title-h6::before{ content: "\f02e"; font-family: 'icon' !important;position: absolute;left: -20px;}
.single-title-sub{font-weight: bold;font-size: 16px;}

.check{margin: 0 auto 16px;}
.check >li{position:relative;padding-left: 20px;margin: 0 auto 5px;}
.check >li:before{content: '\e928';font-family: 'icon' !important;position:absolute;left:0;}
a.link{font-weight: bold;position: relative;padding-left: 20px;text-decoration: underline;margin: 0 auto 20px;font-size: 90%; color: #444;}
a.link::before{content: '\f08e';font-family: 'icon' !important;position:absolute;left:0;}

.single-table { border-top:#dedede solid 1px; border-left:#dedede solid 1px; width:100%; margin-bottom:3%; }
.single-table tr th,
.single-table tr td { padding:10px; border-bottom:#dedede solid 1px; border-right:#dedede solid 1px; vertical-align:top;}
.single-table tr th { background:#00a3cb; vertical-align: middle; color:#f3f3f3; text-align:center;}
.single-table-scroll .single-table{display: block;overflow-x: auto;white-space: normal;}

.single-table-scroll tbody tr th:first-child{position: sticky;   left: 0;}

.nom{counter-reset: my-counter; list-style: none;  padding: 0;}
.nom >li {padding-left: 20px;position: relative;margin: 0 auto 5px;}
.nom >li:before {content: counter(my-counter);counter-increment: my-counter;background-color: #fff;display: block;float: left;line-height: 20px;margin-left: -23px;text-align: center;height: 20px;width: 20px;border: 1px solid #6d6d6d;border-radius: 50%;font-size: 12px;position: relative;top: 4px;}


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



}	  @media screen and (min-width: 1250px) {
.single-box{ width: clamp(430px, 67%, 780px);  order: 1;}
.article-items-list  {width: calc(100vw - 500px); }
.single-img { width: 780px;margin: 30px auto;position: relative;left: -30px;}

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

	    .article-items {width: -webkit-calc(100% / 4 - 15px);width: calc(100% / 4 - 15px);}
}  /* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {



}