/* ----------------------------------------------------------------------

全体

------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* -------------------------------------------------- google fonts

font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Raleway', sans-serif;

---------------------------------------------------- */

html{
    scroll-behavior: smooth;
    font-size: 62.5%;/* jQueryで書き換える */
    height: 100%;
}

body{
    font-size: 1.6rem;/* remで指定 */
    color: #000;
    line-height: 1.5;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    height: 100%;
    overflow-wrap: anywhere;/* 収まらない場合に折り返す */
    word-break: normal;/* 単語の分割はデフォルトに依存 */
    line-break: strict;/* 禁則処理を厳格に適用 */
}
img{
    max-width: 100%;
    height: auto;
}

a{
    transition: 0.3s;
    text-decoration: underline 1px;
    color: #2b54b3;
}

a:hover{
    color: #000;
}

/* ----------------------------------------------------- reCAPTCHA非表示 */
.grecaptcha-badge{
    visibility: hidden;
}





/* ----------------------------------------------------- 見出し */
h1{
    font-size: 150%;
    font-weight: 700;
    padding: 1em;
    border-radius: 2px;
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    margin: 1rem 0 0;
}


h2{
    margin: 4rem 0 1rem;
    font-size: 150%;
    font-weight: 700;
    color: #26499d;
    overflow: hidden;
    border: none;
}
h2 span{
    position: relative;
    display: inline-block;
    margin: 0 1em 0 0.5em;
    padding: 0 0.5em;
    text-align: left; 
}
h2 span::before, h2 span::after{
    position: absolute;
    top: 50%;
    content: '';
    width: 1500%;
    height: 1px;
    background-color: #888;
}
h2 span::before{
    right: 100%;
}
h2 span::after{
    left: 100%;
}

h3{
    font-size: 140%;
    font-weight: 700;
    margin: 2rem 0 0.5rem;
    padding: 1rem;
    border-left: 10px solid #26499d;
    background-color: #f6f6f6;
}


h4{
    font-size: 125%;
    font-weight: 700;
    padding: 0.5em 0.5em 0 0;
    margin: 0.5em 0 0.5rem;
}
h4::before{
    font-family: "Font Awesome 6 Free";
    content: "\f04d";
    padding-right: 0.2em;
    color: #26499d;
}

h5{
    font-size: 115%;
    font-weight: 700;

}

h6{
    font-size: 105%;
    font-weight: 700;
}





/* ----------------------------------------------------- 文字装飾・位置 */
.size-150{
    font-size: 150%;
}
.size-120{
    font-size: 120%;
}
.size-110{
    font-size: 110%;
}
.size-90{
    font-size: 90%;
}
.size-80{
    font-size: 80%;
}

.size-75{
    font-size: 75%;
}

.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}

.bold{
    font-weight: 700;
}

.red{
    color: #ea5549;
}

.blue{
    color: #0068b7;
}

.green{
    color: #00ac97;
}

.underline{
    border-bottom: 1px solid;
}

.underline-marker{
    background: linear-gradient(transparent 40%, #f5ff00 60%);
}

.underline-wave{
    text-decoration: 1px #000 wavy underline;
}

.underline-anime{/* アニメーション */
    position: relative;
}
.underline-anime::before {
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent 40%, #f5ff00 60%);
    animation: underline-anime 2s ease-in;
    z-index: -1;
}
@keyframes underline-anime {
    0% {
        right: 100%;
  }
    100% {
        right: 0;
  }
}




/* ------------------------------------------------------ 引用符 */
blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f6f6f6;
    color: #464646;
    margin: 0 1em 1em;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    color: #26499d;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
blockquote cite:before{
    content: "引用元：";
}





/* ----------------------------------------------------- box */
.box00{
    max-width: 680px;
    width: 95%;
    margin: 3rem 0;
    padding: 1.5rem;
}
.box01{/* シンプル黒実線 */
    border: 2px solid #000;
}





/* ------------------------------------------------------ list */
ul {
    list-style-type: disc;
    margin-left: 1.5em;
}
ul li::marker{
    color: #26499d;
}

ol{
    list-style-type: decimal;
    margin-left: 1.5em;
}

.list-none{
    list-style-type: none;
    margin-left: 0;
}





/* ------------------------------------------------------ table */
table{
	margin: 2em 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ddd;
    border-spacing: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    border-collapse: inherit;
  }
  td,th{
	border-bottom:1px solid #ddd;
	padding: 1em 1.5em;
    vertical-align: middle;
  }
  th{
	background:#26499d;
    color: #fff;
	text-align: left;
    min-width: 200px;
  }
  table tbody tr:last-child th,
  table tbody tr:last-child td{
	border-bottom: none;
  }
  th + th,td{
	border-left:1px solid #ddd;
  }

  td{
	background-color: #fff;
}

/* table-scroll */
.table-wrap {
  overflow-x: scroll;
}
.table-scroll {
    width: 100%;
    white-space: nowrap;
}





/* ----------------------------------------------------- パンくずリスト */
.breadcrumb {
    max-width: 98%;
    width: 100%;
    margin: 0.5rem 0 1.5rem 0.2rem;
    padding: 0;
    list-style: none;
    font-size: 80%;
}

.breadcrumb li {
    display: inline;
    list-style: none;
}

.breadcrumb li:after {
    font-family: "Font Awesome 6 Free";
    content: '\f0da';
    font-weight: 900;
    padding: 0 0.2em;
    color: #26499d;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    color: #000;
    text-decoration: none;
}

.breadcrumb li:first-child a:before {
    font-family: "Font Awesome 6 Free";
    content: '\f015';
    font-weight: 900;
    font-size: 1.1em;
    color: #26499d;
}

.breadcrumb li a:hover {
    text-decoration: underline 1px;
}





/* ------------------------------------------------------ ページネーション*/
.pagenation{
    list-style: none;
    margin: 6em 0 2em;
    text-align: center;
}
.pagenation a{
    text-decoration: none;
}

.pagenation li{
    display: inline-block;
}

.pagenation li a{
    margin: 0 0.3em;
    padding: 0.5em 0.8em;
    border: 1px solid #000;
    display: block;
}





/* ------------------------------------------------------ dl */
dl{
    margin: 1rem 0;
    border-left: 10px solid #26499d;
}

dl dt, dl dd{
    padding: 0 1rem;
}

dl dt{
    color: #26499d;
    font-size: 120%;
}

dl dd{
    padding-bottom: 1rem;
}
dl dd:last-of-type{
    padding-bottom: 0;
}





/* ------------------------------------------------------ list */
.list{
    max-width: 100%;
    width: 100%;
    margin: 2rem 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.list li{
    margin: 0.5rem 1% 0.5rem 0;
}
.list li:last-of-type{
    margin-right: 0%;
}

.list li a{
    display: block;
    padding: 0.5rem;
    transition: 0.3s;
    border: 1px solid #000;
    text-decoration: none;
    color: #000;
}
.list li a:hover{
    color: #fff;
    border: 1px solid #26499d;
    background-color: #26499d;
}


.list li a dl{
    margin: 0;
    padding: 0;
    border-left: none;
}
.list li a:hover dl dt{
    color: #fff;
}

.list li a dl dd{
    font-size: 90%;
}





/* --------------------------------------------  googleマップ */
.gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 35%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 3rem;
}
.gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}





/* ------------------------------------------------------ フォーム*/
input, textarea, select{
    margin: 0.4em 0;
    border: 1px solid #ddd ;
    padding: 0.3em;
    max-width: 580px;
    width: 100%;
    text-align: left;
    border-radius: 3px;
}
input[type=radio], input[type=checkbox]{
    width: auto;
    margin-left: 1rem;
}
input.zip-code{
    max-width: 200px;
}
.search-text{
    max-width: 480px;
    width: 100%;
}

input[type=submit].transmission{
    margin: 0.5em auto;
    border: 1px solid #ddd ;
    color: #fff;
    padding: 1em 2.5em;
    transition: .3s;
    background-color: #4d4d4d;
    max-width: fit-content;
    border-radius: 0;
}
input[type=submit].transmission:hover{
    background-color: #fff;
    color: #4d4d4d;
}

input[type=button].back{
    margin: 0.5em auto;
    border: 1px solid #888 ;
    padding: 1em 2.5em;
    transition: .3s;
    background-color: #eee;
    max-width: fit-content;
    border-radius: 0;
}
input[type=button].back:hover{
    background-color: #fff;
    color: #4d4d4d;
}

.required{
    font-size: 80%;
    background-color: #ea5549;
    color: #fff;
    padding: 0.2em 0.5em 0.3em;;
    border-radius: 3px;
    margin-left: 0.4em;
}





/* ------------------------------------------------------ 他 */
hr{
    color: #ddd;
    margin: 25px 0;
}

.btn a{
    margin: 0.7rem 0;
    padding: 0.7rem;
    background-color: #26499d;
    border: 2px solid #26499d;
    color: #fff;
    font-weight: 600;
    display: block;
    transition: 0.3s;
    text-decoration: none;
}
.btn a:hover{
    background-color: transparent;
    color: #26499d;
}





/* ----------------------------------------------------------------------

header

------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------

footer

------------------------------------------------------------------------- */
footer{
    color: #fff;
    padding: 2em 0 0.5em;
    background-color: #26499d;
    position: sticky;
    top: 100vh;
}
footer a{
    color: #fff;
}

footer .footer_inner{
    max-width: 95%;
    width: 100%;
    margin: 0 auto;
}

footer .footer_inner .footer-menu{
    display: flex;
    list-style-type: none;
    margin: 2rem 0;
    padding: 0;
}

footer .footer_inner .footer-menu li{
    margin-right: 1rem;
}

footer .footer_inner a:hover{
    color: #83c2db;
}





/* ------------------------------------------------------ go-top */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #ff5252;
  opacity: 0.7;
  border-radius: 50%;
  z-index: 100;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -12px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}





/* ------------------------------------------------------ 全体 */
.content{
    max-width: 1200px;
    width: 95%;
    margin: 0 auto 4rem;
}
.top-content{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}


.content article{
    max-width: 100%;
    width: 100%;
}












/* ----------------------------------------------------------------------

toppage

------------------------------------------------------------------------- */
.top-content section{
    max-width: 1200px;
    margin: 1rem auto;
}
/* ------------------------------------------------------ swiper */
.swiper{
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 2rem 0 0;
    background-color: #f4f4f4;
}

.swiper-button-next, .swiper-button-prev{
    top: 40%;
}

.slider1{
    padding-bottom: 3rem;
}

.slider1 .swiper-slide{
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 1rem;
}

.slider1 .swiper-slide a figure img{
    width: 100%;
}

.slider1 .swiper-slide figure figcaption{
    font-weight: 600;
    text-align: right;
}

.slider1 .swiper-pagination-bullet-active{
    background: #26499d;
}

.slider1 .swiper-button-next, .swiper-button-prev {
    color: #26499d;
}





/* ------------------------------------------------------ news */
.top-content .news .news_wrap{
    margin: 2rem auto;
    display: flex;
    justify-content: space-between;
    
}

.top-content .news .news_wrap .news_inner{
    margin-right: 3%;
    max-width: 77%;
    width: 100%;
}

.top-content .news .news_wrap .news_inner ul{
    border: 1px solid #ddd;
    padding: 1rem;
    list-style-type: none;
    margin-left: 0;
}

.top-content .news .news_wrap .news_inner ul li{
    padding: 0.5rem;
    border-bottom: 1px dashed #ddd;
}
.top-content .news .news_wrap .news_inner ul li a{
    color: #000;
    text-decoration: none;
}

.top-content .news .news_wrap .news_inner ul li dl{
    display: flex;
    border-left: none;
    margin: 0;
}

.top-content .news .news_wrap .news_inner ul li a dl dd{
    text-decoration: underline 1px;
}

.top-content .news .news_wrap .news_magazine{
    max-width: 25%;
    width: 100%;
    margin: 0;
    padding: 3rem 1rem;
    background-color: #f4f4f4;
    border-radius: 1.5rem;
    text-align: center;
    font-size: 85%;
    font-weight: 600;
}

.top-content .news .news_wrap .news_magazine figure img{
    max-width: 200px;
    width: 100%;
    border: 1px solid #000;
}

.top-content .news .news_wrap .news_magazine figure figcaption{
    margin-top: 1rem;
}





/* ------------------------------------------------------ recommend */
.recommend{
    margin: 2rem auto;
}

.recommend_wrap ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
}

.recommend_wrap ul li{
    max-width: calc(96%/5);
    width: 100%;
    margin: 1rem 1% 1rem 0;
    display: flex;
    flex-direction: column;
}
.recommend_wrap ul li:last-of-type{
    margin-right: 0;
}

.recommend_wrap ul li a{
    display: block;
    padding: 1rem;
    border: 1px solid #000;
    text-decoration: none;
    color: #000;
    flex: 1 1 auto;
}

.recommend_wrap ul li a:hover{
    border: 1px solid #26499d;
    background-color: #26499d;
    color: #fff;
}
.recommend_wrap ul li a:hover dl dt{
    color: #fff;
}

.recommend_wrap ul li a dl{
    margin: 0;
    border-left: 0;
    text-align: center;
}

.recommend_wrap ul li a dl dd{
    line-height: 1.2;
}





/* ------------------------------------------------------ swiper2 */
.slider2{
    margin: 5rem 0;
}

.slider2 .swiper-wrapper {
    transition-timing-function: linear;
}





/* ------------------------------------------------------ link */
.link{
    margin: 2rem auto;
}

.link .link_wrap ul{
    max-width: 98%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.link .link_wrap ul li{
    max-width: calc(96%/5);
    width: 100%;
    margin: 1rem 1% 1rem 0;
    align-content: center;
}
.link .link_wrap ul li:nth-of-type(5n){
    margin-right: 0;
}





/* ------------------------------------------------------ SNS */
.sns{
    margin: 2rem auto;
}

.sns .sns_line{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-left: none;
    display: flex;
    align-items: center;
}
.sns .sns_line dt a{
    font-size: 450%;
    color: #00B900;
}

.sns .sns_line dd{
    font-size: 90%;
}

.sns .sns_line dd h3{
    border-left: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}










/* ----------------------------------------------------------------------

個別ページ

------------------------------------------------------------------------- */
/* ------------------------------------------------------ about */
.about i.fa-file-pdf{
    margin-left: 0.5rem;
    color: #ea5549;
}

.about table.table-scroll tr td{
    text-align: center;
}
.about table.table-scroll img{
    max-width: 50px;
}





/* ------------------------------------------------------ sitemap */
.sitemap ul li{
    font-size: 110%;
    font-weight: 600;
}

.sitemap ul li ul{
    margin-bottom: 1rem;
}

.sitemap ul li ul li{
    font-size: 90%;
    font-weight: normal;
}






/* ------------------------------------------------------ operation */
.stepbar {
  margin: 0 auto;
}

.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #83c2db;
  color: #fff;
  text-align: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
}

.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;
}

.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #83c2db;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}





/* ------------------------------------------------------ privacy-policy, about-site */
.privacy-policy dl, .about-site dl{
    margin:2rem 0  4rem;
}

.about-site dl ul, .about-site dl figure{
    margin-top: 2rem;
    margin-bottom: 2rem;
}





/* ------------------------------------------------------ retirement */
.retirement .sub-title{
    color: #000;
    min-height: 3em;
}

.retirement-about .eyecatch{
    max-width: 400px;
    width: 100%;
    margin: 2rem auto;
}

.retirement section{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
}

.retirement section figure{
    max-width: calc(98%/3);
    width: 100%;
    margin: 1rem 1% 1rem 0;
    text-align: center;
}
.retirement section figure:nth-of-type(3n){
    margin-right: 0;
}

.retirement section figure img{
    max-width: 300px;
    width: 100%;
}

.retirement section figure figcaption span{
    font-size: 120%;
    font-weight: 600;
}
.retirement section figure a{
    text-decoration: none;
}





/* ------------------------------------------------------ calculator */
.calculator table{
    max-width: fit-content;
}




/* ------------------------------------------------------ faq */
.faq section dl{
    margin: 2rem auto;
    padding-bottom: 2rem;
    border-left: none;
}

.faq section dl dt{
    padding: 1rem;
    color: #fff;
    background-color: #26499d;
}
.faq section dl dt .question, .faq section dl dd .answer{
    font-size: 160%;
}

.faq section dl dd{
    padding: 1rem;
}
.faq section dl dd .answer{
    font-size: 190%;
    color: #83c2db;
    font-weight: 600;
}

.faq section dl dt dl, .faq section dl dd dl{
    display: flex;
    align-items: baseline;
    margin: 0;
    padding: 0;
}
.faq section dl dt dl{
    align-items: center;
}

.faq section dl dt dl dt, .faq section dl dd dl dt{
    min-width: 2.8em;
    background-color: transparent;
    padding: 0;
}

.faq section dl dt dl dd, .faq section dl dd dl dd{
    padding: 0;
}






/* ------------------------------------------------------ information-request, contact */
.information-request section.form p, 
.contact section.form p{
    margin-top: 2rem;
}

.information-request .family-name, .contact .family-name, 
.information-request .first-name, .contact .first-name, 
.information-request .family-name-furigana, .contact .family-name-furigana, 
.information-request .first-name-furigana, .contact .first-name-furigana,
.information-request .q1-other, .contact .q1-other{
    max-width: 300px;
}

.information-request .employees, .contact .employees, 
.information-request .entrepreneur, .contact .entrepreneur{
    max-width: 100px;
}

.information-request label, .contact label{
    display: block;
}





/* ------------------------------------------------------ send */
.send .title{
    margin: 2rem 0;
    font-size: 140%;
    text-align: center;
    font-weight: 600;
    color: #f3981d;
}
.send .title:before, .send .title:after{
    content:'＊＊＊＊＊';
}

/* ------------------------------------------------------ magazine */
.magazine #magazine_booklet ul{
    list-style-type: none;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 90%;
}

.magazine #magazine_booklet ul li{
    max-width: calc(95%/6);
    width: 100%;
    margin-right: 1%;
    margin-bottom: 2rem;
}
.magazine #magazine_booklet ul li:nth-last-of-type(6n){
    margin-right: 0%;
}

.magazine #magazine_booklet ul li dl{
    border-left: none;
    text-align: center;
}

.magazine #magazine_booklet ul li dl dt figure{
    max-width: 100%;
    width: 100%;
}
.magazine #magazine_booklet ul li dl dt figure img{
    max-width: 150px;
    width: 100%;
    border: 1px solid #888;
    margin-bottom: 0.6rem;
}

.magazine #magazine_email .registration{
    margin: 4rem auto 1rem;
    max-width: 680px;
    width: 100%;
    text-align: center;
    font-size: 250%;
}





/* ------------------------------------------------------ welfare */
/* -------------------- welfare top */
.welfare section{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
}

.welfare section figure{
    max-width: calc(98%/3);
    width: 100%;
    margin: 1rem 1% 1rem 0;
    text-align: center;
}
.welfare section figure:nth-of-type(3n){
    margin-right: 0;
}

.welfare section figure img{
    max-width: 300px;
    width: 100%;
}

.welfare section figure figcaption span{
    font-size: 120%;
    font-weight: 600;
}
.welfare section figure a{
    text-decoration: none;
}





.welfare .welfare_wrap{
    max-width: 100%;
    width: 100%;
    margin-bottom: 4rem; 
    display: flex;
    flex-wrap: wrap;
}

.welfare .welfare_wrap .welfare_inner{
    max-width: calc(97%/4);
    width: 100%;
    margin: 1rem 1% 1rem 0;
    display: flex;
    flex-direction: column;
}
.welfare .welfare_wrap .welfare_inner:nth-of-type(4n){
    margin-right: 0;
}
.welfare .welfare_wrap .welfare_inner a{
    color: #000;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    flex-grow: 1;
}
.soldout{
    display: block;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    flex-grow: 1;
}
.welfare .welfare_wrap .welfare_inner a:hover{
    background-color: #f6f6f6;
}

.welfare .welfare_wrap .welfare_inner a figure{
    display: flex;
    flex-direction: column;
}
.welfare .welfare_wrap .welfare_inner a figure dl{
    margin: 1rem 0 0;
    padding: 0;
    border-left: none;
    text-align: center;
    flex-grow: 1;
}

.welfare .welfare_wrap .welfare_inner a figure dl dd br{
    display: none;
}





/* ------------------------------------------------------ trip */
.trip section .figure-wrap, 
.bounty section .figure-wrap, 
.limitedtime section .figure-wrap
{
    max-width: 100%;
    width: 100%;
    margin: 1rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.trip section .figure-wrap figure, 
.bounty section .figure-wrap figure, 
.limitedtime section .figure-wrap figure
{
    display: flex;
    max-width: calc(94%/3);
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 90%;
    margin: 1%;
}
.trip section .figure-wrap figure a, 
.bounty section .figure-wrap figure a, 
.limitedtime section .figure-wrap figure a{
    display: block;
    border: 1px solid #e0e0e0;
    background-color: #f6f6f6;
    border-radius: 2px;
    padding: 1rem 1rem 2rem;
    text-decoration: none;
    color: #000;
}
.trip section .figure-wrap figure a:hover, 
.bounty section .figure-wrap figure a:hover, 
.limitedtime section .figure-wrap figure a:hover{
    background-color: transparent;
    text-decoration: none;
}

.trip section .figure-wrap figure a .title, 
.bounty section .figure-wrap figure a .title, 
.limitedtime section .figure-wrap figure a .title
{
    font-size: 130%;
    font-weight: 600;
    background-color: #26499d;
    color: #fff;
    padding: 1rem 0.5rem;
    border-radius: 2px;
}

.trip section ul.btn-wrap, .bounty section ul.btn-wrap{
    list-style-type: none;
    margin: 3rem 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.trip section ul.btn-wrap li, .bounty section ul.btn-wrap li{
    margin: 0 1rem;
}

/*先方確認取れたら削除。
.trip section .img-wrap, .bounty section .img-wrap{
    display: flex;
    flex-wrap: wrap;
}*/

.trip section .img-wrap figure, .bounty section .img-wrap figure{
    max-width: 230px;
}





/* ------------------------------------------------------ bounty */
.bounty section .figure-wrap{
    justify-content: flex-start;
    margin-top: 4rem;
}





/* ------------------------------------------------------ welfare_yutoribu */
.welfare_wrap .welfare_inner a{
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.welfare_wrap .welfare_inner a .content-wrap{
    flex-grow: 1;
}

.welfare_wrap .welfare_inner a .content-wrap .subtitle{
    font-size: 79%;
    font-weight: 600;
    color: #000;
    min-height: 1em;
}

.welfare_wrap .welfare_inner a .content-wrap .title{
    font-size: 130%;
    font-weight: 600;
    color: #26499d;
    min-height: 3em;
}

.welfare_wrap .welfare_inner a .content-wrap .address{
    margin: 1rem 0;
    color: #000;
}

.welfare_wrap .welfare_inner a .btn{
    text-align: center;
    font-size: 130%;
    font-weight: 600;
    background-color: #26499d;
    padding: 0.7rem;
    color: #fff;
    border-radius: 3px;
    border: 2px solid #26499d;
    transition: 0.3s;
}
.welfare_wrap .welfare_inner a:hover .btn{
    background-color: transparent;
    color: #26499d;
}





/* ------------------------------------------------------ welfare_yutoribu_single */
.welfare_yutoribu_single .welfare_single_inner .comment-wrap{
    /*display: flex;*/
    margin: 1rem 0 2rem;
}

.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner:first-of-type{
    /*max-width: 50%;*/
    font-weight: 600;
}
.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner:last-of-type{
    /*max-width: 50%;
    margin-left: 1%;*/
    font-size: 130%;
}
.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner{
    width: 100%;
}

.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .title{
    font-size: 200%;
    color: #26499d;
}

.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .fukidashi{
    display: inline-block;
    max-width: 400px;
    width: 100%;
    position: relative;
    padding: 1rem;
    box-shadow: 5px 5px #000;
    border: 2px solid #000;
    font-weight: 600;
    text-align: center;
    margin-top: 1.5rem;
}
.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .fukidashi:before{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 10px;
    width: 20px;
    background-color: #fff;
    content: "";
}
.welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .fukidashi:after{
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    width: 2px;
    background-color: #000;
    content: "";
}





/* ------------------------------------------------------ ticket */
.ticket section ul li dl dd{
    padding: 0.3rem 1rem;
    font-size: 80%;
    color: #888;
}

.ticket section ul li dl dd time{
    margin: 0.3rem 0.5rem 0.3rem 0;
}

.ticket section ul li dl dd span{
    display: inline-block;
    padding: 0.3rem 0.8rem;
    background-color: #888;
    color: #fff;
    margin: 0.3rem 0.5rem;
    border-radius: 3px;
}
.ticket section ul li dl dd span.tag_new{/* 新着 */
    border: 1px solid #cc5031;
    color: #cc5031;
    font-weight: 600;
    background-color: #fff;
}
.ticket section ul li dl dd span.tag_important{/* 重要 */
    border: 1px solid #cc5031;
    background-color: #cc5031;
}
.ticket section ul li dl dd span.tag_limited-stock{/* 残りわずか */
    border: 1px solid #26499d;
    background-color: #26499d;
}
.ticket section ul li dl dd span.tag_fax{/* FAX応募 */
    border: 1px solid #26499d;
    color: #26499d;
    font-weight: 600;
    background-color: #fff;
}
.ticket section ul li dl dd span.tag_round-trip{/* 往復はがき */
    border: 1px solid #f8b500;
    background-color: #f8b500;
    text-shadow: 1px 1px 0 #000;
}
.ticket section ul li dl dd span.tag_end{/* 販売終了 */
    border: 1px solid #f8b500;
    color: #000;
    font-weight: 600;
    background-color: #fff;
}
.ticket section ul li dl dd span.tag_no-cancellation{/* キャンセル不可 */
    border: 1px solid #666;
    background-color: #666;
}
.ticket section ul li dl dd span.tag_limited-time{/* 期間限定 */
    border: 1px solid #666;
    color: #666;
    font-weight: 600;
    background-color: #fff;
}

.ticket section ul li dl dd span.tag_update{
    border: 1px solid #00ac97;
    background-color: #00ac97;
}
.ticket section ul li dl dd span.tag_soldout{
    border: 1px solid #cc5031;
    background-color: #cc5031;
}

.ticket section ul li dl dd span.tag_sale{
    border: 1px solid #26499d;
    background-color: #26499d;
}








/* ------------------------------------------------------ welfare_single_ticket */
.welfare_single_inner .comment{
    margin: 2rem 0;
}

.welfare_single_inner .registration{
    margin: 2rem 0;
    text-align: center;
}

/* 完売 */
.welfare_single_inner .registration .registration_end{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    border: 3px solid #ea5549;
    color: #ea5549;
    font-weight: 600;
}
.welfare_single_inner .registration .registration_end span{
    display: block;
    font-size: 300%;
}

/* 電話受付 */
.welfare_single_inner .registration .registration_tel .btn a, 
.welfare_single_inner .registration .registration_form .btn a{
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 1rem auto;
    padding: 1rem;
    font-size: 150%;
}
.welfare_single_inner .registration .registration_tel .btn a::before{
    font-family: FontAwesome;
    content: '\f095';
    margin-right: 0.5rem;
}

/* Fax・往復はがき */
.welfare_single_inner .registration .registration_fax .btn, 
.welfare_single_inner .registration .registration_round-trip .btn
{
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 1rem auto;
    padding: 1rem;
    font-size: 150%;
    background-color: #26499d;
    border: 2px solid #26499d;
    color: #fff;
    font-size: 150%;
    font-weight: 600;
}

/* Fax */
.welfare_single_inner .registration .registration_fax .btn::before{
    font-family: FontAwesome;
    content: '\f1ac';
    margin-right: 0.5rem;
}





/* -------------------------------------------------- single-facility */




/* ----------------------------------------------------------------------

archive

------------------------------------------------------------------------- */
.archive .archive_list{
    list-style-type: none;
    margin-left: 0;
}

.archive .archive_list li{
    border-bottom: 1px dashed #ddd;
}

.archive .archive_list li a dl dt{
    display: flex;
    align-items: center;
}
/* ------------------------------ カテゴリー */
.archive .category{
    font-size: 65%;
}
.archive .category li{
    border-bottom: none;
    display: inline;
    margin: 0 0.2rem;
    padding: 0.2rem 0.8rem;
    background-color: #26499d;
    color: #fff;
    border-radius: 2px;
}





/* -------------------------------------------------- archive-facility */
.archive-facility section .area-list{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    margin: 1rem 0;
}

.archive-facility section .area-list li a{
    display: block;
    margin: 0.5rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid #eee;
    background-color: #eee;
    color: #000;
    border-radius: 3px;
    font-size: 110%;
    text-decoration: none;
}

/* -------------------- 各アイコン */
.archive-facility section .area-list li.area-kawaguchi a{
    background-color: #c1e4e9;
    border: 1px solid #c1e4e9;
}

.archive-facility section .area-list li.area-saitama a{
    background-color: #c7dc68;
    border: 1px solid #c7dc68;
}

.archive-facility section .area-list li.area-fukushima a{
    background-color: #ffcce5;
    border: 1px solid #ffcce5;
}

.archive-facility section .area-list li.area-ibaraki a{
    background-color: #ffd3a8;
    border: 1px solid #ffd3a8;
}

.archive-facility section .area-list li.area-tochigi a{
    background-color: #bee0c2;
    border: 1px solid #bee0c2;
}

.archive-facility section .area-list li.area-gunma a{
    background-color: #ff9999;
    border: 1px solid #ff9999;
}

.archive-facility section .area-list li.area-chiba a{
    background-color: #fcd575;
    border: 1px solid #fcd575;
}

.archive-facility section .area-list li.area-tokyo a{
    background-color: #d1ffa3;
    border: 1px solid #d1ffa3;
}

.archive-facility section .area-list li.area-kanagawa a{
    background-color: #c1ffff;
    border: 1px solid #c1ffff;
}

.archive-facility section .area-list li.area-shizuoka a{
    background-color: #e0c1ff;
    border: 1px solid #e0c1ff;
}

.archive-facility section .area-list li.area-yamanashi a{
    background-color: #ffd1d1;
    border: 1px solid #ffd1d1;
}

.archive-facility section .area-list li.area-nagano a{
    background-color: #d1d1ff;
    border: 1px solid #d1d1ff;
}
/*
.archive-facility section .area-list li.area-ceremonial-occasions a{
}*/

.archive-facility section .area-list li a:hover{
    background-color: transparent;
}

.archive-facility .welfare_wrap .welfare_inner a span.tel:before{
    font-family: "Font Awesome 6 Free";
    content: "\f095";
    font-weight: 900;
    padding: 0 0.5rem 0 1rem;
}
.archive-facility .welfare_wrap .welfare_inner a  span.address:before{
    font-family: "Font Awesome 6 Free";
    content: "\f5a0";
    font-weight: 900;
    padding: 0 0.5rem 0 1rem;
}

.archive-facility .welfare_wrap .welfare_inner a .membership-headcount{
    position: absolute;
    right: 0;
    top: 0.5rem;
    font-size: 85%;
    font-weight: 600;
    color: #fff;
}

.archive-facility .welfare_wrap .welfare_inner a .membership-headcount span{
    margin: 0;
    padding: 0.5rem 1rem;
}
.archive-facility .welfare_wrap .welfare_inner a .membership-headcount .membership-card{
    background-color: #fcc800;
    text-shadow: 1px 1px 0 #000;
}
.archive-facility .welfare_wrap .welfare_inner a .membership-headcount .headcount{
    background-color: #26499d;
}





/* ------------------------------------------------------------ archive-yutoribu */
/* ---------- カテゴリーアイコン部分 */
.list li a span{
    font-size: 90%;
    padding: 0 1rem;
    display: inline-block;
}
.list li a span:before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1b0";
    display: block;
    color: #26499d;
    font-size: 140%;
    transition: 0.3s;
}

.list li a span.commodity:before{
    content: "\f4b8";
}
.list li a span.clothing:before{
    content: "\f553";
}
.list li a span.gourmet:before{
    content: "\f2e7";
}
.list li a span.home:before{
    content: "\f1ad";
}
.list li a span.beauty-health:before{
    content: "\f3a5";
}
.list li a span.ceremonial-occasions:before{
    content: "\f004";
}
.list li a span.lessons:before{
    content: "\f86d";
}
.list li a span.pet:before{
    content: "\f553";
}
.list li a span.hobby:before{
    content: "\f544";
}

.list li a:hover span:before{
    color: #fff;
}



/* ----------------------------------------------------------------------

レスポンシブ

------------------------------------------------------------------------- */
/* ------------------------------------------------------ 912px */
@media screen and (max-width: 912px){
    
}
/* ------------------------------------------------------ 820px */
@media screen and (max-width: 820px){
    /* ----------------------------------------------------------------------

    個別ページ

    ------------------------------------------------------------------------- */ 
    /* ------------------------------------------------------ magazine */
    .magazine #magazine_booklet ul li{
        max-width: calc(97%/4);
    }
    .magazine #magazine_booklet ul li:nth-last-of-type(6n){
        margin-right: 1%;
    }
    .magazine #magazine_booklet ul li:nth-last-of-type(4n){
        margin-right: 0%;
    }
    
    
    
    
    
    /* ------------------------------------------------------ welfare */
    .welfare .welfare_wrap .welfare_inner{
        max-width: calc(98%/3);
    }
    .welfare .welfare_wrap .welfare_inner:nth-of-type(4n){
        margin-right: 1%;
    }
    .welfare .welfare_wrap .welfare_inner:nth-of-type(3n){
        margin-right: 0;
    }
    
    
    
    
    
    /* ------------------------------------------------------ ticket */
    .ticket{
        display: block;
    }
    .welfare_wrap .welfare_inner{
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .welfare_wrap .welfare_inner:nth-of-type(4n){
        margin-right: auto;
    }
    .welfare_wrap .welfare_inner:nth-of-type(2n){
        margin-right: auto;
    }
}





/* ------------------------------------------------------ 768px */
@media screen and (max-width: 768px){
    /* ----------------------------------------------------------------------

    個別ページ

    ------------------------------------------------------------------------- */
    /* ------------------------------------------------------ welfare_single */
    .welfare_single_inner .service .service_wrap{
        display: block;
    }

    .welfare_single_inner .service .service_wrap .service_inner_left{
        max-width: 400px;
        margin: 0 auto 1rem;
    }

    .welfare_single_inner .service .service_wrap .service_inner_right{
        max-width: 100%;
        text-align: center;
    }

    .welfare_single_inner .service .service_wrap .service_inner_right div{
        margin: auto;
        text-align: center;
    }

    .welfare_single_inner .service .service_title{
        margin-top: 1rem;
    }
    
    
    
    
    
    /* ------------------------------------------------------ welfare_yutoribu_single */
    .welfare_yutoribu_single .welfare_single_inner .comment-wrap{
        display: block;
    }

    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner:first-of-type{
        max-width: 100%;
    }
    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner:last-of-type{
        max-width: 100%;
        margin-left: 0;
    }
    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner{
        margin: 2rem 0;
    }

    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .title{
        font-size: 200%;
        color: #26499d;
    }

    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .fukidashi{
        display: inline-block;
        max-width: 400px;
        width: 100%;
        position: relative;
        padding: 1rem;
        box-shadow: 5px 5px #000;
        border: 2px solid #000;
        font-weight: 600;
        text-align: center;
    }
    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .fukidashi:before{
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        height: 10px;
        width: 20px;
        background-color: #fff;
        content: "";
    }
    .welfare_yutoribu_single .welfare_single_inner .comment-wrap .comment-inner .fukidashi:after{
        position: absolute;
        top: 95%;
        left: 50%;
        transform: translateX(-50%);
        height: 20px;
        width: 2px;
        background-color: #000;
        content: "";
    }
    
}




/* ------------------------------------------------------ 540px */
@media screen and (max-width: 540px){
    /* ----------------------------------------------------------------------

    全体

    ------------------------------------------------------------------------- */ 
    .content{
        display: block;
    }
    
    header, footer .footer_inner, .content{
        font-size: 80%;
    }



    
    
    /* ----------------------------------------------------------------------

    toppage

    ------------------------------------------------------------------------- */
/* ------------------------------------------------------ recommend */
    .recommend{
        margin: 2rem auto;
    }

    .recommend_wrap ul{
        flex-wrap: wrap;
        font-size: 90%;
    }

    .recommend_wrap ul li{
        max-width: 49%;
    }
    .recommend_wrap ul li:last-of-type{
        margin-right: 0;
    }
    .recommend_wrap ul li:nth-of-type(2n){
        margin-right: 0;
    }

    .recommend_wrap ul li a{
        display: block;
        padding: 1rem;
        border: 1px solid #000;
    }

    .recommend_wrap ul li a:hover{
        border: 1px solid #26499d;
        background-color: #26499d;
        color: #fff;
    }
    .recommend_wrap ul li a:hover dl dt{
        color: #fff;
    }

    .recommend_wrap ul li a dl{
        margin: 0;
        border-left: 0;
        text-align: center;
    }
    
    
    
    
    
    /* ------------------------------------------------------ link */
    .link .link_wrap ul li{
        max-width: calc(98%/3);
    }
    .link .link_wrap ul li:nth-of-type(3n){
        margin-right: 0;
    }
    .link .link_wrap ul li:nth-of-type(5n){
        margin-right: 1%;
    }
    
    
    
    
    
    /* ----------------------------------------------------------------------

    個別ページ

    ------------------------------------------------------------------------- */    
    /* ------------------------------------------------------ magazine */
    .magazine #magazine_booklet ul li{
        max-width: calc(98%/3);
    }
    .magazine #magazine_booklet ul li:nth-last-of-type(4n){
        margin-right: 1%;
    }
    .magazine #magazine_booklet ul li:nth-last-of-type(3n){
        margin-right: 0%;
    }
    
    
    
    
    
    /* ------------------------------------------------------ welfare */
    /* -------------------- welfare top */
    .welfare section figure, .retirement section figure{
        max-width: calc(98%/2);
    }
    .welfare section figure:nth-of-type(3n), .retirement section figure:nth-of-type(3n){
        margin-right: 1%;
    }
    .welfare section figure:nth-of-type(2n), .retirement section figure:nth-of-type(2n){
        margin-right: 0;
    }

    
    
    .welfare .welfare_wrap .welfare_inner{
        max-width: calc(99%/2);
    }
    .welfare .welfare_wrap .welfare_inner:nth-of-type(3n){
        margin-right: 1%;
    }
    .welfare .welfare_wrap .welfare_inner:nth-of-type(2n){
        margin-right: 0;
    }
    
    
    
    
    
    /* ------------------------------------------------------ ticket */
    .ticket{
        display: block;
    }
    .ticket .welfare_wrap .welfare_inner{
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .ticket .welfare_wrap .welfare_inner:nth-of-type(4n){
        margin-right: auto;
    }
    .ticket .welfare_wrap .welfare_inner:nth-of-type(2n){
        margin-right: auto;
    }
    
    
    
    
    
    /* ------------------------------------------------------ bounty */
    .trip section .figure-wrap figure, .bounty section .figure-wrap figure{
        max-width: calc(96%/2);
    }
}





/* ------------------------------------------------------ 440px */
@media screen and (max-width: 440px){
    h1{
        padding: 0.5em;
        font-size: 130%;
    }
    
    h2{
        font-size: 130%;
    }
    /* ----------------------------------------------------------------------

    toppage

    ------------------------------------------------------------------------- 
    /* ------------------------------------------------------ swiper */
    .slider1 .swiper-slide{
        margin: 0;
        padding: 0 1rem;
    }
    
    .slider1 .swiper-slide figure figcaption{
        margin-top: 0.5rem;
        text-align: center;
    }
}



/* ------------------------------------------------------ 414px */
@media screen and (max-width: 414px){
    /* ---------------------------------------------------------------------- table */
    th, td {
        display: block;
        width: 100%;
    }
    table tbody tr:last-child th{
        border-bottom: 1px solid #ddd;
    }
    td{
        border-left: none;
    }
    
    table.table-scroll th, table.table-scroll td{
        display: table-cell;
        width: auto;
    }
    table.table-scroll tbody tr:last-child th{
        border-bottom: none;
    }
    .table-scroll td{
        border-left: 1px solid #ddd;
    }





    /* ----------------------------------------------------------------------

    toppage

    ------------------------------------------------------------------------- */
    /* ------------------------------------------------------ news */
    .top-content .news .news_wrap{
        display: block;

    }

    .top-content .news .news_wrap .news_inner{
        margin: 1rem auto;
        max-width: 90%;
        padding: 1rem;
    }
    
    .top-content .news .news_wrap .news_inner ul li dl {
        display: block;
    }

    .top-content .news .news_wrap .news_magazine{
        max-width: 90%;
        margin: 1rem auto;
        padding: 3rem 1rem;
    }

    /*
    .top-content .news .news_wrap .news_magazine figure img{
    }*/
    
    
    
    
    
    /* ------------------------------------------------------ link */
    .link .link_wrap ul li{
        max-width: calc(99%/2);
    }
    .link .link_wrap ul li:nth-of-type(3n){
        margin-right: 1%;
    }
    .link .link_wrap ul li:nth-of-type(2n){
        margin-right: 0;
    }
    
    
    
    
    /* ----------------------------------------------------------------------

    個別ページ

    ------------------------------------------------------------------------- */ 
    /* ------------------------------------------------------ magazine */
    .magazine #magazine_booklet ul li{
        max-width: calc(99%/2);
    }
    .magazine #magazine_booklet ul li:nth-last-of-type(3n){
        margin-right: 1%;
    }
    .magazine #magazine_booklet ul li:nth-last-of-type(2n){
        margin-right: 0%;
    }
    
    
    
    
    
    /* ------------------------------------------------------ welfare */
    /* -------------------- welfare top */
    .welfare section{
        display: block;
        max-width: 100%;
        width: 100%;
    }

    .welfare section figure, .retirement section figure{
        max-width: 100%;
        margin: 2rem auto;
    }
    .welfare section figure:nth-of-type(3n), 
    .welfare section figure:nth-of-type(2n), 
    .retirement section figure:nth-of-type(3n), 
    .retirement section figure:nth-of-type(2n){
        margin-right: auto;
    }

    .welfare section figure figcaption span{
        font-size: 120%;
        font-weight: 600;
    }

    .welfare_wrap .welfare_inner a .content-wrap .title{
        font-size: 105%;
    }
    
    .welfare_wrap .welfare_inner a .content-wrap .subtitle{
        font-size: 70%;
    }
    
    .welfare_wrap .welfare_inner a .btn{
        font-size: 105%;
    }
    
    /* ------------------------------------------------------ ticket */

    .ticket .welfare_wrap .welfare_inner a figure, .soldout figure{
        display: block;
        text-align: center;
    }

    .ticket .welfare_wrap .welfare_inner a figure img, .soldout figure img{
        max-width: 300px;
        margin: 1rem auto;
    }
    
    .ticket .welfare_wrap .welfare_inner a figure figcaption, .soldout figure figcaption{
        text-align: left;
    }
}




/* ------------------------------------------------------ 280px */
@media screen and (max-width: 280px){
    
}