@charset "utf-8";


/* SUB COMMON */
.sub {  }
.sub_content { padding: 50px; }
.sub_content .container { max-width:1170px; padding: 0 15px}

/* SUB VISUAL */
.sub_visual { position: relative; display: table;  background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:700px; }
.sub.s1_1 .sub_visual { background-image:url('../images/sub/s1_1_visual.jpg'); }
.sub.s1_2 .sub_visual { background-image:url('../images/sub/s1_2_visual.jpg'); }
.sub.s1_3 .sub_visual { background-image:url('../images/sub/s1_3_visual.jpg'); }
.sub.s1_4 .sub_visual { background-image:url('../images/sub/s1_4_visual.jpg'); }
.sub.s1_5 .sub_visual { background-image:url('../images/sub/s1_5_visual.jpg'); }
.sub.s1_6 .sub_visual { background-image:url('../images/sub/s1_6_visual.jpg'); }
.sub.s2_1 .sub_visual { background-image:url('../images/sub/s2_1_visual.jpg'); }
.sub.s2_2 .sub_visual { background-image:url('../images/sub/s2_2_visual.jpg'); }
.sub.s2_3 .sub_visual { background-image:url('../images/sub/s2_3_visual.jpg'); }
.sub.s2_4 .sub_visual { background-image:url('../images/sub/s2_4_visual.jpg'); }
.sub.s2_5 .sub_visual { background-image:url('../images/sub/s2_5_visual.jpg'); }
.sub.s2_6 .sub_visual { background-image:url('../images/sub/s2_6_visual.jpg'); }
.sub.s2_7 .sub_visual { background-image:url('../images/sub/s2_7_visual.jpg'); }
.sub.s3_1 .sub_visual { background-image:url('../images/sub/s3_1_visual.jpg'); }
.sub.s3_2 .sub_visual { background-image:url('../images/sub/s3_2_visual.jpg'); }
.sub.s3_3 .sub_visual { background-image:url('../images/sub/s3_3_visual.jpg'); }
.sub.s3_4 .sub_visual { background-image:url('../images/sub/s3_4_visual.jpg'); }
.sub.s3_5 .sub_visual { background-image:url('../images/sub/s3_5_visual.jpg'); }
.sub.s3_6 .sub_visual { background-image:url('../images/sub/s3_6_visual.jpg'); }
.sub.post .sub_visual { background-image:url('../images/sub/post_visual.jpg'); }
.sub.list .sub_visual { background-image:url('../images/sub/list_visual.jpg'); }
.sub_visual .text_wrap { display:table-cell; text-align: center; vertical-align:middle; }
.sub_visual .text_wrap .category span { display:inline-block; font-size:24px; color:#ffffff; padding-bottom:5px; border-bottom:2px solid #ffffff; margin-bottom:40px; }
.sub_visual .text_wrap .writer{font-size: 18px; color:#FFF;margin-top:40px}
.sub_visual .text_wrap .subject { font-size: 40px; line-height:54px; font-weight:600; color:#ffffff; }
.sub_top .info_box{
  font-size: 16px;
  line-height: 30px;
  padding: 1.5rem;
background: #f4f4f4;
  margin-bottom: 3.5rem;
  text-align: center;
}
.sub_top .info_box .info_text{

}
.sub_content .part{
  margin-bottom: 40px;
}
.sub_content .part .txt_wrap { margin-bottom:40px; }
.sub_content .part .txt_tit { font-size:24px; font-weight:600; text-decoration: underline; margin-bottom:15px; }
.sub_content .part .txt_desc { font-size:16px; line-height:30px; letter-spacing: -0.03em}

.sub_content .part .txt_wrap {
    margin: 20px 0;
}
.sub_content .part .txt_wrap p{
  font-size: 16px;

  line-height: 30px;
  letter-spacing: -0.03em
}
.sub_content .part .txt_wrap .title{
  font-weight: bold; font-size: 22px;margin-bottom: 10px
}
.sub_content .part .img_wrap{
  text-align: center;
  margin: 20px 0;
}
.sub_content .part .img_wrap.full {
  margin: 0px -50px;
}
.sub_content .part .caption{
  color:#666666; font-size: 14px; margin-top:10px
}

.tac{text-align: center!important}
.tal{text-align: left!important}
.tar{text-align: right!important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10 {margin-top: 0.625rem !important;}
.mt13 {margin-top: 13px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mb40 {margin-bottom: 2.5rem !important;;}
.mb0 {margin-bottom:0!important;;}
.mb20 {margin-bottom:20!important;;}



/*ROW*/
.row:after { display: block; content: ''; clear: both; }
.row .col_2 { float: left; width:50%; padding: 10px; box-sizing: border-box; }
.row .col_2:first-child { padding-left: 0px; }
.row .col_2:last-child { padding-right: 0px; }
.row .col_3 { float: left; width:33.3333%; padding: 10px; box-sizing: border-box; }
.row .col_3.two { width: 66.6666%; }
.row .col_3:first-child { padding-left: 0px; }
.row .col_3:last-child { padding-right: 0px; }

.row .col_4 { float: left; width:25%; padding: 10px; box-sizing: border-box; }
.row .col_4:first-child { padding-left: 0px; }
.row .col_4:last-child { padding-right: 0px; }



/* column */
.row {
  overflow: hidden;
}
.row:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.row.mt30 {
  margin-top: 1.875rem;
}
.row.mb30 {
  margin-bottom: 1.875rem;
}
.row.mb60 {
  margin-bottom: 3.75rem;
}
.row .column {
  display: inline-block;
  float:left;
  padding-left: 2.5%;
}
.row.width50 .column {
  padding-left: 0px;
}
.row .column:first-child {padding-left: 0;}
.row .column figure.mid {margin-bottom: 0.9375rem;}
.row .column figure.mb0 {margin-bottom: 0; }
.row .column.mid {vertical-align: middle;}
.row .column.right {float: right; }
.row .column.right {padding-left: 2.5%; }
.row .column.right + .column {padding-left: 0; }

.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}

.row.width1 > .column:first-child {width: 1%;}
.row.width1 > .column {width: 99%;}
.row.width3 > .column:first-child {width: 3%;}
.row.width3 > .column {width: 97%;}
.row.width5 > .column:first-child {width: 5%;}
.row.width5 > .column {width: 95%;}
.row.width8 > .column:first-child {width: 8%;}
.row.width8 > .column {width: 92%;}
.row.width10 > .column:first-child {width: 10%;}
.row.width10 > .column {width: 90%;}
.row.width14 > .column:first-child {width: 14%;}
.row.width14 > .column {width: 86%;}
.row.width15 > .column:first-child {width: 15%;}
.row.width15 > .column {width: 85%;}
.row.width16 > .column:first-child {width: 16%;}
.row.width16 > .column {width: 84%;}
.row.width17 > .column:first-child {width: 17%;}
.row.width17 > .column {width: 83%;}
.row.width20 > .column:first-child {width: 20%;}
.row.width20 > .column {width: 80%;}
.row.width21 > .column:first-child {width: 21%;}
.row.width21 > .column {width: 79%;}
.row.width23 > .column:first-child {width: 23%;}
.row.width23 > .column {width: 77%;}
.row.width25 > .column:first-child {width: 25%;}
.row.width25 > .column {width: 75%;}
.row.width26 > .column:first-child {width: 26%;}
.row.width26 > .column {width: 74%;}
.row.width28 > .column:first-child {width: 28%;}
.row.width28 > .column {width: 71%;}
.row.width32 > .column:first-child {width: 32%;}
.row.width32 > .column {width: 67%;}
.row.width36 > .column:first-child {width: 36%;}
.row.width36 > .column {width: 64%;}
.row.width37 > .column:first-child {width: 37%;}
.row.width37 > .column {width: 63%;}
/* .row.width36 > .column.right {width: 64%;}
.row.width36 > .column.right + .column {width: 36%;} /* 454px  40.3333 */
.row.width40 > .column:first-child {width: 40%;}
.row.width40 > .column {width: 60%;}
.row.width41 > .column:first-child {width: 41%;}
.row.width41 > .column {width: 59%;}
.row.width42 > .column:first-child {width: 42%;}
.row.width42 > .column {width: 58%;}
.row.width48 > .column:first-child {width: 48%;}
.row.width48 > .column {width: 52%;}
.row.width50 > .column:first-child {width: calc(50% - 15px); margin-right: 30px;}
.row.width50 > .column {width:  calc(50% - 15px);}

.row.width51 > .column:first-child {width: 51%;}
.row.width51 > .column {width: 49%;}

.row.width52 > .column:first-child {width: 52.0834%;}
.row.width52 > .column {width: 47.9166%;} /* 545px 45.4166 */
.row.width54 > .column:first-child {width: 54.6667%;}
.row.width54 > .column {width: 45.3333%;} /* 514px */
.row.width56 > .column:first-child {width: 57.1117%;}
.row.width56 > .column {width: 42.8883%;}
.row.width57 > .column:first-child {width: 57.6667%;}
.row.width57 > .column {width: 42.3333%;} /* 478px  40.3333 */

.row.width57_2 > .column:first-child {width: 57%;}
.row.width57_2 > .column {width: 43%;} /* 478px  40.3333 */

.row.width59_2 > .column:first-child {width: 59%;}
.row.width59_2 > .column {width: 41%;} /* 462px  41 */

.row.width59 > .column:first-child {width: 59.6667%;}
.row.width59 > .column {width: 40.3333%;} /* 454px  40.3333 */
.row.width59 > .column.right {width: 62.1667%;}
.row.width59 > .column.right + .column {width: 37.8333%;} /* 454px  40.3333 */

.row.width60 > .column {width: 60%;}
.row.width60 > .column + .column {width: 40%;}
.row.width61 > .column {width: 61%;}
.row.width61 > .column + .column {width: 39%;}
.row.width62 > .column {width: 62%;}
.row.width62 > .column + .column {width: 38%;}
.row.width63 > .column {width: 63%;}
.row.width63 > .column + .column {width: 37%;}

.row.width64 > .column {width: 64.6667%;}
.row.width64 > .column + .column {width: 35.3333%;}

.row.width65 > .column {width: 64.6667%;}
.row.width65 > .column + .column {width: 35.3333%;}

.row.width66 > .column {width: 66%;}
.row.width66 > .column + .column {width: 34%;}
.row.width67 > .column {width: 67%;}
.row.width67 > .column + .column {width: 33%;}
.row.width68 > .column {width: 68%;}
.row.width68 > .column + .column {width: 32%;}
.row.width70 > .column {width: 70%;}
.row.width70 > .column + .column {width: 30%;}
.row.width71 > .column {width: 71%;}
.row.width71 > .column + .column {width: 29%;} /* 311  */
.row.width72 > .column {width: 72%;}
.row.width72 > .column + .column {width: 28%;} /* 311  */
.row.width74 > .column {width: 74%;}
.row.width74 > .column + .column {width: 26%;} /* 311  */
.row.width77 > .column {width: 77%;}
.row.width77 > .column + .column {width: 23%;} /* 311  */
.row.width85 > .column {width: 85%;}
.row.width85 > .column + .column {width: 15%;} /* 311  */

.art_txt { position:absolute; left:0px; right:0px; bottom: -5px; color:#ffffff; font-size:80px; line-height:80px; height:80px; font-weight:bold; }




/* SUB */

.s1_1_box { position: relative; background-color:#6562ab; padding: 160px 150px 80px 150px}
.s1_1_box:before { display: block; content: ''; clear: both; background-image: url(../images/sub/s1_1_1.jpg); height: 270px; position: absolute; left: 0px; right: 0px; top: 40px; z-index: 3; width: 100%; background-repeat: no-repeat; background-position: top center; background-size: contain; }
.s1_1_box .txt_point { position: relative; font-size:30px; font-weight: 600; text-align: center; line-height:35px; margin-bottom:40px; margin-top: 120px; z-index:99; }
.s1_1_box .txt_point span { color:#ffffff; }
.s1_1_box .txt_desc { position: relative; font-size:16px; text-align: center; line-height:30px; z-index:99; color: #fff; margin-top:60px !important;}


.s1_2 .info_text { text-align:center; }
.s1_2 .title { color: #00a3b6 ;}
.s1_2 .box1 { background-color:#f7fbfc; padding: 25px; }
.s1_2 .box2 {padding:20px 20px; background: #fff; width: fit-content; border-top: 1px solid black; border-bottom: 1px solid black;  width: 100%;}
.s1_2 .box2 .txt_wrap{max-width: 800px;}
.s1_2 .box2.box2_1{background-image: url('../images/sub/s1_2_10.jpg'); background-position: right bottom ; background-size:232px; background-repeat: no-repeat;}
.s1_2 .box2.box2_2{background-image: url('../images/sub/s1_2_21.jpg'); background-position: 90% center ; background-size:114px; background-repeat: no-repeat;}
.s1_2 .box2.box2_1 .img_wrap,.s1_2 .box2.box2_2 .img_wrap{margin-bottom: 0 !important;}
.s1_2 .box2.box2_1 .txt_wrap,.s1_2 .box2.box2_2 .txt_wrap{margin-top: 10px !important;}

.s1_2 .flexs_2{display: flex; align-items: flex-end;}
.s1_2 .flexs_2>:nth-child(1){margin-right: 20px;}
@media all and (max-width:1280px){
    .s1_2 .box2 .txt_wrap{max-width: 700px;}
    .s1_2 .box2 {padding:20px 20px  120px 20px  !important; background-size:160px !important; }
    .s1_2 .box2.box2_2{ background-position: 90% bottom; }
    .s1_2 .flexs_2{display: block}
    .s1_2 .flexs_2>:nth-child(1){margin-right: 0px;}
}
@media all and (max-width:768px){
    .s1_2 .box2.box2_2{ background-size: 80px;}
    .s1_2 .box2 { background-size:140px; }
    .s1_2 .size{height: 20px;}

}

@media all and (max-width:480px){
    .s1_2 .box2 { background-size:120px !important; }
}
.s1_3 .info_box{background: #f7f7f7 !important;}
.s1_3 .box1 { background-color:#eaf2d5;  padding: 80px 30px;  max-width: 1140px; margin: 0 auto;}
.s1_3 .time { display:inline-block; padding: 10px; border-radius:10px; background-color:#000; text-align:center; color:#fff; margin-bottom:10px; }
.s1_3 .title.ccolor1 {color:#254e70; text-decoration: underline; text-underline-offset : 5px; word-break: keep-all;   text-decoration-thickness: 1px; }
.s1_3 .title.ccolor2 {color:#008cb8; text-decoration: underline; text-underline-offset : 5px; word-break: keep-all;   text-decoration-thickness: 1px; }
.s1_3 .title.ccolor3 {color:#2b9091; text-decoration: underline; text-underline-offset : 5px; word-break: keep-all;   text-decoration-thickness: 1px; }

.s1_3 .ccolor1{color: #2b9091; font-weight: bold;}
.s1_3 .ccolor2{color: #008cb8;font-weight: bold;}
.s1_3 .ccolor3{color: #254e70;font-weight: bold;}
@media all and (max-width:768px){
    .s1_3 .box1 {   padding: 10px;  }
}


.s1_4 .box1{background: #f3f3f3; padding: 20px 40px;}
.s1_4 .box1 .title{font-size: 18px !important; line-height: 30px !important;}
.s1_4 .box1 .box2{background: white; margin-bottom: 20px; padding:0 20px; box-shadow: 6px 6px 0 0 #acacac; display: flex; align-items: center; justify-content: left;}
.s1_4 .box1 .box2>:nth-child(1){width:26%;}
.s1_4 .box1 .box2>:nth-child(2){width: 73%;}
@media all and (max-width:1280px){
    .s1_4 .box1 .box2>:nth-child(1){width:41%;}
.s1_4 .box1 .box2>:nth-child(2){width: 58%;}
}
@media all and (max-width:1024px){
    .s1_4 .box1 .box2>:nth-child(1){width:45%;}
.s1_4 .box1 .box2>:nth-child(2){width: 54%;}
}

@media all and (max-width:768px){
    .s1_4 .box1 .box2{display: block; padding: 20px;}
    .s1_4 .box1 .box2>:nth-child(1){width:100%;}
    .s1_4 .box1 .box2>:nth-child(2){width: 100%; margin-top: 0px;}
}


.s1_5 .box1 { background-color:#f1e4d3; padding: 80px 30px 60px 30px; }
.s1_5 .box2 { background-color:#fff; padding: 20px 30px; border-radius: 30px }
.s1_5 .box2 .part{margin-bottom: 0px !important;}
.s1_5 .box2 .part:not(.part:first-child){border-top: 2px dotted #dcdee1 ;}
.s1_5 .box2 .part span{color: #ed7750; font-weight: bolder !important;}

.s1_6 .box1 { background-color:#ededed; padding:80px 40px 40px 40px; }
.s1_6 .box1_1 { background-color:#fff; padding: 40px;border-radius: 30px; position: relative;} 
.s1_6 .box1_1 .box_tit{position: absolute; left: 50%; top:10px; transform: translate(-50%,-50%);}

.s1_6 .box1_1 .row.b_line{border-bottom: 1px solid black; }
.s1_6 .box1_1 .row .r_line{border-right: 1px solid black; }
.s1_6 .num {text-indent: -16px; padding-left: 16px; word-break: keep-all; }
.s1_6 .mark{background: #fade92; font-weight: bold;}
.s1_6 .row .col_3{height: 300px;}
.s1_6 .row .col_3 p{margin-top: 20px;}
@media all and (max-width:1280px){
    .s1_6 .row .col_3{height: 380px;}
}
@media all and (max-width:1080px){
    .s1_6 .box1_1 .box_tit{width: 100%; text-align: center;}
    .s1_6 .row .col_3{width: 100%; height: auto;}
    .s1_6 .box1_1 .row.b_line{border-bottom: 0px solid black; }
.s1_6 .box1_1 .row .r_line{border-right: 0px solid black; }
}
@media all and (max-width:768px){
    .s1_6 .box1{padding: 40px;}
    .s1_6 .box1_1 {padding: 20px; border-radius: 18px;}
    .s1_6 .box1_1 .box_tit img{min-width: 180px;}
}


.s2_1 .title { display:inline-block; clear:both; color:#904f2f ;}
.s2_1 .part:not{border-top: 2px dashed #5876b8;}
.s2_1 .caption{text-align: right !important;}
.s2_1 .box1 {background: url(../images/sub/s2_1_bg.jpg)no-repeat; background-size: cover; padding: 60px;}
.s2_1 .box1 .part{border-top: none;}
.s2_1 .box1 .mini-box{background: #ba733f; margin-top: 150px; padding: 20px; border-radius: 30px; max-width: 1000px; width: 100%;}
.s2_1 .box1 .mini-box .title{color:#fddd8a !important;}
.s2_1 .box1 .mini-box .title small{color: #fddd8a; display: block;}
.s2_1 .box1 .mini-box p{color: #fff; word-break: keep-all; position: relative; padding-top: 5px; margin-top: 5px;}
.s2_1 .box1 .mini-box p::after{content: ''; width: 40px; height: 1px; background: white; position: absolute; top:-2px; left: 0;}
.s2_1 .box1 .flexs{align-items: end; justify-content: space-between;}
.s2_1 .box1 .img_wrap{min-width: fit-content; margin-bottom: 0 !important;}
@media all and (max-width:768px){
    .s2_1 .box1 .img_wrap{ min-width: none; text-align: right;}
    .s2_1 .box1 .img_wrap img{max-height: 180px; margin-right: 20px;}
}

.s2_2 .mark{ background: linear-gradient(to bottom, transparent 60%, #d4dcd8 40%); width: fit-content; margin-right: 15px;}
.s2_2 .num{color:#306257; font-size: 30px;font-weight: bold;}
.s2_2 .num_wrap{display: flex; flex-wrap: wrap;}
.s2_2 .box{border: 1px solid #689886; border-radius: 18px; padding: 30px; position: relative;  background: #f7f8f8;     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.03);}
.s2_2 .box .box_tit{position: absolute; display: flex; align-items: center; height: 30px; top:-15px; background: #689886; border-radius: 30px; color: white; padding: 5px 20px; text-align: center;       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.03); left: 20px;}
.s2_2 .box_flex{display: flex; margin-top: 10px;}
.s2_2 .box_flex>:nth-child(1){margin-right: 15px;}

.s2_3 .title{text-decoration: underline; text-underline-offset : 5px; text-decoration-thickness: 1px;}
.s2_3 .box{background: #dee1f1; padding: 5px 20px; border-radius: 10px; border: 1px solid #ddd; }
.s2_4 .box{background: #e4ddd8; padding: 5px 20px; border-radius: 10px; border: 1px solid #ddd; }
.s2_5 .box{background: #d4e4f5; padding: 5px 20px; border-radius: 10px; border: 1px solid #ddd; }

@media all and (max-width:480px){
    .s2_2 .box .box_tit{font-size: 14px !important;left: 50%; padding: 5px 0px; transform: translate(-50%,0); width: 90%; text-align: center;  align-items: center; justify-content: center;} }


@media all and (max-width:380px){

    .s2_2 .box .box_tit{font-size: 16px !important;left: 0; padding: 0; top:0; display: block; position: static; color: #689886 ; background: none; height: auto;   box-shadow: none; text-align: left; font-weight: bold; transform: translate(0,0); word-break: keep-all;} }


.s2_7 .card_box{ background-color: #f7f7f7; padding:40px }
.s2_7 .card_number { position: relative; border-bottom:3px solid #000; padding-bottom:10px; }
.s2_7 .card_number .name { font-size:14px; position:absolute; right:0px; bottom: 20px; }
.s2_7 .card_number .count { }
.s2_7 .card_number .count span { display:inline-block; width: 40px; line-height:40px; height:40px; text-align:center; border-radius:30px; border: 3px solid #000; font-size:16px; }
.s2_7 .flower{display: flex;}
.s2_7 .flower{display: flex;}


.s3_1 {}
.s3_1 .flexs.end{align-items: end;}
.s3_1 .black { color:#222 !important; }
.s3_1 .box{background: #e0e9ca; padding: 40px;box-shadow: 6px 6px 0 0 #b7b7b7; }
.s3_1 .box .title{background: white; padding: 5px 30px; text-align: center; border-radius: 30px; max-width: fit-content; margin: 20px auto; position: relative;}
.s3_1 .box .title img{position: absolute; right: -40px; top:-20px}
.s3_1 .box2{display: flex; align-items: end;}
.s3_1 .box2 {font-weight: bold; text-decoration: underline; text-underline-offset : 5px; word-break: keep-all;   text-decoration-thickness: 1px;  }
.s3_1 .box2 .txt_wrap{margin-bottom: 0;}
.s3_1 .box2 .txt_wrap .title{font-weight: bold !important;  margin-left: 10px;}
.s3_1 .tit{position: relative; background: #6d9838; height: 50px; display: flex; align-items: center; color: white; padding:0 40px; border-radius: 18px 30px 30px 0;}
.s3_1 .tit::after{position: absolute; content: ''; background: url('../images/sub/s3_1_text.jpg')no-repeat; top:49px; left: 0; width: 20px; height: 27px;}
.s3_1 .tit_flex{display: flex; align-items: end;}
.s3_1 .fwb{font-weight: bold; }
.s3_1 .mark{background:#c3d683; }

@media all and (max-width:1025px){
    .s3_1 .tit{max-width: fit-content; font-size: 18px !important;}

}
@media all and (max-width:768px){
    .s3_1 .tit{max-width: fit-content; font-size: 16px !important; padding: 0 20px; border-radius:20px 20px 20px 0; word-break: keep-all;}
    .s3_1 .tit::after{content: ''; position: absolute;    bottom: 0; left: 0%; width: 0; height: 0; border: 13px solid transparent; border-top-color: #6d9838; border-bottom: 0; border-left: 0;
        background: none;}
}
@media all and (max-width:640px){
    .s3_1 .tit_flex{display: block;}
}
@media all and (max-width:480px){
    .s3_1 .box .title{padding: 5px 15px;word-break: keep-all;}
    .s3_1 .box{padding: 20px 30px}
    .s3_1 .box .title img{max-width: 40px; right: -23px;}
}

@media all and (max-width:360px){
    .s3_1 .box{padding: 20px 25px}
}


.s3_2 {}
.s3_2 .place_wrap { background-color: #f3f3f3; padding: 20px; margin: 20px 0px; }
.s3_2 .place_info { font-size:0px; margin-bottom: 10px; }
.s3_2 .place_info:last-child { margin-bottom: 0px; }
.s3_2 .place_info span { display:inline-block; font-size:18px; line-height:30px; }
.s3_2 .place_info span:first-child { width:60px; font-weight: 700; vertical-align: top; margin-right:20px; }
.s3_2 .place_info span:last-child { width: calc(100% - 80px); }
.s3_2 .row span{border-radius: 30px; padding:1px 8px; margin-right: 10px; color: white;}
@media all and (max-width:768px){
.s3_2 .row .img_wrap{margin-top: 20px !important;}
}
.s3_3 .box{background: url('../images/sub/s3_3_bg.jpg')no-repeat; padding: 30px; background-size: cover;}
.s3_3 .flexs.end{align-items: end; padding: 0 30px 10px 30px;}
.s3_3 .flexs.end>.img_wrap img{max-height: fit-content;}
.s3_3 .title.line{text-decoration: underline; text-underline-offset : 5px; word-break: keep-all;   text-decoration-thickness: 1px;}
.s3_3 .box1_1{padding: 40px; border-radius: 30px; background: #f3995d; border: 1px solid black;}
.s3_3 .box1_1 .title{background: #edc01a; padding: 5px 10px; text-align: center; border-radius: 8px; margin-bottom: 20px; border: 1px solid black;}
.s3_3 .box1_1 p{background: white; padding: 5px 10px;  text-align: left; border-radius: 8px; margin-top: 20px; border: 1px solid black;}
.s3_3 .box2_1{padding: 40px; border-radius: 30px; background: #fff; border: 1px solid #d8a778;}
.s3_3 .box2_1 .txt_wrap{border-bottom: 1px solid #d8a778; padding-bottom: 20px;}
.s3_3 .box2_1 .txt_wrap .title{background: #edc01a; border-radius: 8px; padding: 10px; width:fit-content; border: 1px solid black; display: flex; align-items: center;}
.s3_3 .box2_1 .txt_wrap span{background: #ed746f; width: fit-content; width: 30px; display: flex; height: 30px; align-items: center; text-align: center; justify-content: center;
border-radius: 8px; border: 1px solid black; margin-right: 5px;}
.s3_3 .box2_2{padding: 20px; border-radius: 30px; background: #f3995d;border: 1px solid black; margin-top: 40px;}
.s3_3 .box2_2 .box2_2_1{border: 1px solid black; padding: 30px; border-radius: 8px; background: white;}
.s3_3 .box2_2  .title{background: #edc01a; padding: 5px 10px; text-align: center; border-radius: 8px; margin-bottom: 20px; border: 1px solid black;}

@media all and (max-width:768px){
    .s3_3 .box{padding: 20px 0;}
    .s3_3 .flexs.end{ padding: 0px 20px 10px 20px;}
    .s3_3 .box1_1{padding:20px}
    .s3_3 .box2_1{padding: 20px 20px 0 20px;}
    .s3_3 .box2_2{padding:0 20px ;}
}



.s3_4 .box1{padding: 20px 40px; background: #4a5fab;}
.s3_4 .box2{padding: 10px 20px; background: #502f1e; border-radius: 30px;}
.s3_4 .box1 .row .column .txt_wrap .title{color: #f3be39;}
.s3_4 .box1 .row .column .txt_wrap .title span{color: #f3be39; font-weight: normal;} 
.s3_4 .box1 .row .column .txt_wrap p{color: white !important; word-break:keep-all;}
.s3_4 .box1 .row .column .txt_wrap p span{font-weight: bold; border-bottom: 1px solid white; color: white;}
.s3_4 .box1 .bg{margin-top: 80px;}
.s3_5 {}
.s3_5 .flexs .box{width: 70%; }
.s3_5 .flexs .img_wrap{width: 30%;}
.s3_5 .box {background: #f5bb94; padding: 20px !important; border-radius: 30px;   border-left: 10px solid white;border-top: 10px solid white;  outline: 1px solid black;   box-shadow: 11px 11px 0 0 #f5bb94;}
.s3_5 .box .tit{border-bottom: 1px solid black;width: fit-content; font-weight: bold;}
@media all and (max-width:768px){
    .s3_5 .flexs .box{width: 100%; }
  .s3_5 .flexs .img_wrap{width:100%; text-align: right; margin-top: 60px !important;}
  .s3_4 .box1 .bg{margin-top: 0px; text-align: left;}
}

.s3_6 {}
.s3_6 .part .title {background: #f6ad38; width: fit-content; padding: 0 15px; position: relative;}
.s3_6 .part .title span{position: absolute; right: -30px; top: -10px;}

.post { position: relative; }
.post .img_info { font-size:14px;  text-decoration:underline; margin-bottom:30px; }
.post .txt_desc { position: relative; font-weight: bold;background-color:#ffecc0; padding: 10px 10px 80px 10px; font-size:16px;  text-align: center; line-height:30px; z-index: 2; }
.post .txt_point {font-weight:600; color: #f6615e; margin-bottom:10px; }



/* SUB BOX */
.start_box { background-color:#f7f7f7; padding: 20px; font-size:16px; line-height:30px; text-align:center; margin-bottom:50px; }
.end_box { border-top: 1px solid #303030; border-bottom: 1px solid #303030; padding: 20px; font-size:16px; line-height:30px; margin-bottom:50px; }

.img_wrap.full { margin: 0px -50px; }
.img_wrap.full img{ max-width:initial; width:100%; text-align: center !important; margin: 0 auto;}
.img_wrap { text-align: center; margin-bottom:40px; }
.img_wrap.half {}
.img_wrap.half:after { display:block; content:''; clear:both; }
.img_wrap.half figure { float:left; width:49%; margin-right:2%; }
.img_wrap.half figure:last-child { margin-right:0px; }



/* SUB ARROW */
.sub_move_arrow { position: relative; background-color:#f1f1f1; text-align:center; margin-top:80px;  }
.sub_move_arrow:after { display: block; content: ''; clear: both; width: 1px; height: 20px; background-color: #333333; position: absolute; left: 0px; right: 0px; top: 50%; margin: -10px auto 0px auto; z-index:2; }
.sub_move_arrow .move_prev { display:inline-block; padding-right:40px; }
.sub_move_arrow .move_next { display:inline-block; padding-left: 40px;}
.sub_move_arrow a { display: block; font-size: 16px; color: #333333; line-height: 40px; padding: 20px 0px; height: 80px; box-sizing: border-box; }



/*listPage*/
.listarea{padding: 50px; width: 80%;margin:0 auto}
.listPages {
	padding: 50px 80px;
	background-color: #fff;
}

.listPages-area {
	margin-bottom: 50px;
}

.list_title {
	margin-bottom: 40px;
	font-size: 28px;
	font-family: 'S-CoreDream-6Bold';
	text-align: center;
  border-bottom: 1px solid #333;;
  padding-bottom: 10px;
  font-weight: bold;
}

.list_list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}
.list_item.one{width:100%}
.list_item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 48.6078%;
	margin-right: 7.1896%;
}

.list_item:last-child {
	margin-right: 0;
}

.list_item-vol {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

.list_item-img {
	margin-bottom: 15px;
	box-shadow: 5px 5px #ddd;
	width:200px;
}

.list_item-webzine {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 30px;
	background-color: #62b0e3;
	color: #fff;
	border-radius: 40px;
	font-weight: bold;
}

.list_item-view {
	text-align: center;
	width: 100%;
}
.list_item-view .vol{
  font-weight: bold;
  font-size: 22px
}
.list_item-view a {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 14px 16px;
	padding-left: 20px;
}
.list_item-view a:first-child {
	background-image: url('../images/list/ico-pdf.png');
}
.list_item-view a:last-child{
	background-image: url('../images/list/ico-ebook.png');
}

.flexs{display: flex;}
.flexs div {margin-right:2% !important; }
.flexs>:last-child { margin-right:0px; }
.wbk{word-break: keep-all;}
@media all and (max-width:1410px) {

 }
 @media all and (max-width:1024px) {
  .sub_visual { height:600px; }
  .sub_visual .text_wrap .category span { font-size:18px; margin-bottom:30px; }
  .sub_visual .text_wrap .subject { font-size:30px; line-height:42px; }
  .sub_content .part .txt_wrap .title { font-size: 20px; }
  .s1_1_box .txt_point { font-size:26px; line-height:28px; }
  .s1_3 .color .title { font-size: 50px !important; }    
  .s3_1 .row.width40 > .column {width: 100%;}
  .s3_1 .box1 .row.width40  {height:100%}
  .s3_1 .box1 .col_3 img{height: 100%;}
  .s3_1 .box1 .col_3{word-break: keep-all;}
 }
 .mo-only{display: none}
@media all and (max-width:768px) {

  .re-mt0{margin-top: 0}
  .mo-only{display: block}
  .pc-only{display: none}
  .img_wrap.full { margin: 0px -20px !important; }

  .sub_visual { height:400px; }
  .sub_visual .text_wrap .category span { font-size:16px; margin-bottom:20px; }
  .sub_visual .text_wrap .subject { font-size:26px; line-height:36px; }
  .sub_content { padding: 20px; }
  .sub_content .part .txt_wrap .title { font-size: 18px; }

  .row .column{display: block; float: none; width:100% !important; margin-left: 0px; margin-right: 0px;}
  .row .col_2 { width: 100%; padding: 0px; }
  .row .col_3 { width: 100%; padding: 0px; }
  .row .col_3.two { width: 100%; padding: 0px; }
  .row .col_4 { width: 50%; padding: 0px; }

  .listarea{width:100%}
  .list_list{display: block;}
  .list_item{width:100%;padding:20px}

  .art_txt { font-size:60px; line-height:60px; height:60px; }

  .s1_1 .alert_list li { font-size:18px; }
  .s1_1_box{padding:50px 20px 100px 20px }
  .s1_1_box .txt_point { font-size:22px; line-height:24px; }
  .s1_1_box .txt_desc { font-size:14px; line-height:20px;    word-break: keep-all; margin-top: 80px !important; }
  .s1_1_box:before {width: 80%; left: 50%; transform: translate(-50%, 0%);}
  .s1_1_box:after { width: 80%;  max-height: 100px; top:20%;} 
  .s1_3 .color .title {font-size:22px !important;}
  .s1_4 .box2 { padding: 20px 15px;}
  .s1_5 .box1 {  padding: 80px 20px 60px 20px; }
  .s1_5 .box2 {  padding: 20px 15px; }
  .s2_1 .box1 { padding: 20px;}
  .s2_1 .box1 .mini-box{margin-top:0px; padding: 5px 10px ;}
  .s2_1 .box1 .mini-box p{word-break:break-all}
  .s2_3_box .color_box { padding-bottom:200px; }
  .s2_3_box .row.half .column { width:100%; }
  .s2_3_box .txt_tit { font-size:15px; }
  .s2_3_box .txt_desc  { font-size:13px; }
  .s2_4_box .txt_tit { font-size:18px; }
  .s2_4_box .txt_desc { font-size:14px; line-height:26px; }
  .s2_4 .flower{display: block;}
  .s3_1 .box1 {background: url(../images/sub/s3_1_bg1.jpg)no-repeat;background-size: cover; padding: 40px 20px;}
  .s3_1 .box1 .col_3.two{background:#fffcf7 ; padding:10px 20px;}
  .s3_2_box .column { margin-bottom:50px; }
  .s3_3 .box1{ padding: 20px;}
  .s3_3 .box2 {padding:10px 20px; }
  .s3_4 .box1{padding: 20px;}
  

  .start_box  { font-size: 14px;}
  .start_box br {display: none;}
  .end_box { font-size: 14px; text-align:center; }
  .end_box br {display: none;}
  .flexs{display: block;}
  .flexs .img_wrap  {margin-right:0% !important; }
 }
@media all and (max-width:460px) {
  .sub_visual { height:300px; }
  .sub_visual .text_wrap .category span { font-size:14px; margin-bottom:10px; }
  .sub_visual .text_wrap .subject { font-size:22px; line-height:28px; }
  .art_txt { font-size:40px; line-height:40px; height:40px; }
  .s1_1 .alert_list li { font-size:14px; }
  .s1_1 .alert_list li span.num { clear:both; display:block; font-size:14px; width:18px; line-height:18px; height:18px; margin-right: 0px; margin-bottom:5px; padding:5px; }
  .s1_1_box .txt_point { font-size:20px; line-height:24px; }
}
@media all and (max-width:400px) {
 }