@charset "utf-8";
/* CSS Document */

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

.pc-none{
    display: none;
}
.hero {
    width: 80%;
    margin: 0 auto;
    position: relative;
    background-image: url(../img/event/top/chiba_renovation_cafeevent_main_241206.jpg)!important;
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 30%;
    background-position-x: 0px;
    background-position-y: -35px;
}
.hero_text {
    width: 80%;
    margin: 0 auto;
}
.hero_text h2 {
    font-weight: 600;
    font-size: 110px;
    letter-spacing: .08em;
    color: #5a5a5a;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
}
@font-face {
    font-family: 'MyFont';
    src: url(/fonts/SummerPisces.ttf);
}
section.event{
    padding-top: 80px;
}
section.inner{
    padding-top: 120px;
}
section.inner .hero_text{
    text-align: center;
}
section.event ul.event_contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
    padding-bottom: 70px;
}
section.event ul.event_contents_now {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
    padding-bottom: 70px;
}
section.event li.event-box {
    width: 30%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 30px;
    margin-bottom: 4%;
}

section.event li.event-box_now {
    width: 30%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 30px;
    margin-bottom: 4%;
}
section.event .ev-main-wrap{
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #333;
    padding-bottom: 120px;
}
section.event .ev-main-wrap p.sub-ttl{
    font-size: 16px;
    font-weight: 500;
}
section.event .ev-main-wrap .ev-ex{
    margin-top: 30px;
    margin-bottom: 30px;
}
section.event .ev-main-wrap p.border {
    background: linear-gradient(transparent 75%, #ffadad 75%);
    display: inline;
    font-size: 17px;
}
section.event .wrap {
    /*
    margin: 0 auto;
    */
    display: flex;
    justify-content: space-between;
}

/*
イベント３つ用
section.event .wrap .ev-inner{
  width: 30%;
}
*/

/*イベント２つ用*/
section.event .wrap .ev-inner{
  width: 40%;
}

section.event .mgb70{
    margin-top: 70px;
    margin-bottom: 120px;
}
p.arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    margin-top: 8px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
p.arrow::before{
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #333;
}
p.arrow::after{
    left: 4px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
p.ev-txt {
    width: 80%;
    margin: auto;
    padding-top: 120px;
    font-size: 24px;
    letter-spacing: .3vw;
}

#event_index {
    padding-top: 50px;
}

.event_content{
    width: 70%;
    margin: 0 auto;
    padding-top: 120px;
}

.re_top- {
    padding-top: 0!important;
}

.event_content .title {
    text-align: left;
}

.event_content2{
    width: 70%;
    margin: 0 auto;
    padding-bottom: 120px;
    border-bottom: 1px solid #000;
}

.event_content1-2{
    width: 70%;
    margin: 0 auto;
}

ul.event_contents{
    width: 80%;
    margin: 0 auto;
    padding-top: 120px;
}

ul.event_contents_now{
    width: 80%;
    margin: 0 auto;
    padding-top: 120px;
}
ul.event_contents{
    padding-top: 0;
}
ul.event_contents_now{
    padding-top: 0;
}
section.event li.event-box h3.w-midashi {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    color: #111;
}

section.event li.event-box_now h3.w-midashi {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    color: #111;
}

/*ここから開催中見学会*/
section.event .slider {
    width: 50%;
    margin-bottom: 20px;
    min-width: 570px;
}
section.event .thumbcss{
    width: 50%;
    min-width: 570px;
}
section.event .thumb-mgb{
    margin: 0 5px;
}
.slick-next:before{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32px 24px"><path fill="％２３000" d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M10,17L15,12L10,7V17Z" /></svg>');
}
.slick-prev:before{
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32px 24px"><path fill="％２３000" d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14,7L9,12L14,17V7Z" /></svg>');
}


/*----谷追加-----*/
.event_svg {
    width: 40%;
    padding-left: 7%;
    position: relative;
    z-index: 20;
}

.recommendation_point {
    outline-style: solid;
    outline-color: #23502a9e;
    position: absolute;
    width: 70%;
    margin-top: -3%;
    z-index: 10;
}

.recommendation_point_of_bule {
    outline-style: solid;
    outline-color: #1c6f94;
    margin-top: -4%;
    margin: -4% auto 0 auto;
    z-index: 10;
}

.recommendation_point_of_pink {
    outline-style: solid;
    outline-color: #c1856c;
    margin-top: -4%;
    margin: -4% auto 0 auto;
    z-index: 10;
}

.recommendation_point_of_cyaan {
    outline-style: solid;
    outline-color: #80b7c4;
    margin-top: -4%;
    margin: -4% auto 0 auto;
    z-index: 10;
}

.recommendation_point_of_orange {
    outline-style: solid;
    outline-color: #e88b24;
    margin-top: -4%;
    margin: -4% auto 0 auto;
    z-index: 10;
}

.recommendation_point ul {
    padding: 6% 0 3% 0;
}
.recommendation_point_of_bule {
    padding: 6% 0 3% 0;
}

.recommendation_point_of_pink {
    padding: 6% 0 3% 0;
}

.recommendation_point_of_cyaan {
    padding: 6% 0 3% 0;
}

.recommendation_point_of_orange {
    padding: 6% 0 3% 0;
}


.recommendation_point ul li {
    list-style: inside!important;
    text-indent: -1.4em;
    margin-left: 3em;
    margin-right: 1.4em;
}

.recommendation_point_of_bule ul li {
    list-style: inside !important;
    text-indent: -1.4em;
    margin-left: 3em;
    margin-right: 1.4em;
}

.recommendation_point_of_pink ul li {
    list-style: inside !important;
    text-indent: -1.4em;
    margin-left: 3em;
    margin-right: 1.4em;
}

.recommendation_point_of_cyaan ul li {
    list-style: inside !important;
    text-indent: -1.4em;
    margin-left: 3em;
    margin-right: 1.4em;
}

.recommendation_point_of_orange ul li {
    list-style: inside !important;
    text-indent: -1.4em;
    margin-left: 3em;
    margin-right: 1.4em;
}

.contact_botton {
    width: 85%;
    margin: 0 auto 100px auto;
}

.contact_botton_of_bule {
    margin: 0 auto 100px auto;
}

.contact_botton_green {
    text-align: center;
    background-color: #589260;
    outline: solid;
    outline-color: #589260;
}

.contact_botton_blue {
    text-align: center;
    background-color: #c1856c;
    outline: solid;
    outline-color: #c1856c;
}

.contact_botton_cyaan {
    text-align: center;
    background-color: #80b7c4;
    outline: solid;
    outline-color: #80b7c4;
}

.contact_botton_orange {
    text-align: center;
    background-color: #e88b24;
    outline: solid;
    outline-color: #e88b24;
}

.contact_botton_green_text {
    color: #ffff;
    margin: 0% 10% 0 10%;
    padding: 3% 0 3% 0;
}

.contact_botton_grey {
    text-align: center;
    background-color: #5a5a5a;
    outline: solid;
    outline-color: #5a5a5a;
}

.contact_botton_grey_text {
    color: #ffff;
    margin: 0% 10% 0 10%;
    padding: 3% 0 3% 0;
}


.contact_botton_white {
    text-align: center;
    outline: solid;
    outline-color: #589260;
}

.contact_botton_white_of_blue {
    text-align: center;
    outline: solid;
    outline-color: #1c6f94;
}

.contact_botton_white_of_pink {
    text-align: center;
    outline: solid;
    outline-color: #c1856c;
}

.contact_botton_white_of_cyaan {
    text-align: center;
    outline: solid;
    outline-color: #80b7c4;
}

.contact_botton_white_of_orange {
    text-align: center;
    outline: solid;
    outline-color: #e88b24;
}

.contact_botton_white_text {
    font-size: 24px;
    font-weight: 600;
    color: #589260;
    padding: 3% 0 3% 0;
}

.contact_botton_white_text_of_blue {
    font-size: 24px;
    font-weight: 600;
    color: #1c6f94;
    padding: 3% 0 3% 0;
}

.contact_botton_white_text_of_pink {
    font-size: 24px;
    font-weight: 600;
    color: #c1856c;
    padding: 3% 0 3% 0;
}

.contact_botton_white_text_of_cyaan {
    font-size: 24px;
    font-weight: 600;
    color: #80b7c4;
    padding: 3% 0 3% 0;
}

.contact_botton_white_text_of_orange {
    font-size: 24px;
    font-weight: 600;
    color: #e88b24;
    padding: 3% 0 3% 0;
}

/*--------完成現場見学会*/
.contact_botton_white2 {
    text-align: center;
    outline: solid;
    outline-color: #5a5a5a;
}

.contact_botton_white_text2 {
    font-size: 24px;
    font-weight: 600;
    color: #5a5a5a;
    padding: 3% 0 3% 0;
}

.title_center {
    text-align: center;
}
/*--------*/

/*--------団地リノベ*/

.time {
    width: 70%;
}

.time .date {
    list-style-type: none;
}

.time .date li span {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.time .date li {
    border-bottom: 1px dashed #5d5d5d;
    padding: 24px 0 5px 0px;
}

.date_padding {
    width: initial;
    padding-left: 49%;
    font-weight: normal;
    width: 76%;
}


.grey_text {
    width: 93%;
    position: relative;
    left: 25px;
}

.back_grey_title {
    font-weight:600;
}

.danchoi_merit_contents {
    display: flex;
}

.danchoi_merit_contents_left {
    width: 40%;
    text-align: center;
}

.danchoi_merit_contents_left img {
    width: 35%;
}

.danchoi_merit_contents_right {
    width: 60%;
    margin-top: 5%;
    font-size: 20px;
}

.danchoi_merit_contents_right img {
    width: 70%;
}

.danchoi_merit_contents_right_img {
    /* text-align: right; */
    position: relative;
    right: -25%;
}

.h2_title {
    padding: 0.2rem 0 0.2rem 0rem;
    margin-bottom: 25px;
    /*background-color: #5a5a5a21;*/
}

.pay_flex {
    display: flex;
}

.pay_flex_left {
    width: 50%;
}

.pay_flex_left p {
    margin-right: 10%;
}

.pay_flex_right {
    width: 50%;
}

.pay_set_loan_title {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 10px;
}

.pay_set_loan_title span {
    font-weight: 600;
}

.pay_set_loan_text {
    margin-bottom: 10px;
}

.pay_set_loan {
    
}

.pay_set_loan_image {
    text-align: center;
    display: none;
}

.pay_set_loan_image_pc {
    text-align: center;
}

.pay_set_loan_image_pc img {
    width: 80%;
}

.nature_flex {
    display: flex;
    text-align: center;
}

.nature_flex_left {
    width: 45%;
    margin-top: 22%;
    margin-right: 10%;
}

.nature_flex_right {
    width: 50%;
}

.power_flex {
    display: flex;
}

.power_flex_left {
    margin-right: 10%;
    width: 50%;
}

.power_flex_right {
    width: 50%;
}

.full {
    text-align: center;
}

.bgimg1 {
    background-image: url(../img/event/danchi/renovation_danchi_full1.jpg);
    background-size: cover;
    background-position: center;
    height: 280px;
}

.bgimg2 {
    background-image: url(../img/event/danchi/renovation_danchi_full2.jpg);
    background-size: cover;
    background-position: bottom;
    height: 280px;
}

.bgimg3 {
    background-image: url(../img/event/danchi/renovation_danchi_full3.jpg);
    background-size: cover;
    background-position: 100% 30%;
    height: 280px;
}

.fromjanp {
    font-weight: 500;
    margin: 0px auto 100px;
    font-family: 'Montserrat', sans-serif;
    width: 300px;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
/*--------*/

/*--------YohaSイベント*/

.date_text {
    margin-top: 25px;
}

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

/* -------猫イベント */

.fv_margn {
    margin-top: 80px;
}

.none {
    width: 40%;
    background-color: #fff;
}

.on {
    max-width: 880px;
}

.cat_flex {
    display: flex;
    width: 100%;
}

.cat_photo_flex {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto 3.5% auto;
}

.cat_photo_flex_img {
    text-align: center;
    width: 48%;
}

.now_img {
    background-color: #ededed;
    padding-bottom: 1px;
}

.concept_space_box {
    height: 100px;
    background-color: #ededed;
}

/* 猫２弾 */

.event_information_midashi {
    width: 100%;
    margin-bottom: 1.8rem;
    text-align: center;
}

.time09 {
    width: 100%;
}

.time09 .date {
    list-style-type: none;
}

.time09 .date li span {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.time09 .date li {
    border-bottom: 1px dashed #5d5d5d;
    padding: 24px 0 5px 0px;
}

.event09_info_map {
    margin-left: 49%;
    font-size: 10px;
}
/* ------- */

/*家具イベント*/
.interior_bg_gy {
    background-color: #f9f9f9;
}

/*家具イベント*/
.interior_bg_ye {
    background-color: #f3f2ef;
}

/* -------個別相談会03イベント */
 
.place {
    padding-left: 36%;
    font-weight: normal;
    width: 76%;
}

.side_by_side {
    display: flex;
    justify-content: space-between;
    margin-top: 6%;
    margin-bottom: 50px;
}

.side_by_side img {
    width: 30%;
}

.teal {
    text-align: center;
}

.event03_reform {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    border-bottom: 1px solid #111;
    display: inline-block;
}

.event03_renovation {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    display: inline-block;
    background: linear-gradient(transparent 75%, #ffadad 75%);
}

.event03_graph {
    width: 100%;
    max-width: 500px;
    min-width: 280px;
}

.event03_title {
    font-size: 17px;
    font-weight: 600;
}



.event10_cv {
    text-align: center;
}

.mgbauto {
    margin: 0 auto;
}

.mgb25 {
    margin-bottom: 25px;
}

.mgb50 {
    margin-bottom: 50px;
}

.mgb100 {
    margin-bottom: 100px;
}

.mgb150 {
    margin-bottom: 150px;
}

.mgb200 {
    margin-bottom: 200px;
}

.pdb50 {
    padding-bottom: 50px;
}

.pdt10 {
    padding-top: 10px;
}

.pdb100 {
    padding-bottom: 100px;
}

.pdt100 {
    padding-top: 100px;
}

.zumen_flex {
    display: flex;
}

.zumen_flex_box {
    text-align: center;
    font-size: 14px;
}

.w70 {
    width: 70%
}

.mgauto {
    margin: 0 auto;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgt50 {
    margin-top: 50px;
}

.mgt100 {
    margin-top: 100px;
}

.mgt200 {
    margin-top: 200px;
}

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



.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 25px!important;
    line-height: 1;
    opacity: .75;
    color: inherit!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 25px!important;
    height: 25px!important;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
section.event .kengaku-place{
    margin-top: 60px;
}
section.event .kengaku-place p.ttl,
span.ttl{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

section.event .kengaku-place p.place{
 margin-top: auto;
}



.hurry_pickup {
    margin-top: 2.5rem;
}

/*ここまで開催中見学会*/


section.event p.point{
    color: #ed1144;
    font-size: 18px;
    font-weight: 500;
    margin-top: 60px;
}
section.event .main ul.question li{
    margin-bottom: 5px;
}


section.event li.event-box h3.w-midashi span{
    display: block;
}
section.event li.event-box_now h3.w-midashi span{
    display: block;
}
section.event li.event-box p.w-comment {
    margin-top: 20px;
    color: #111;
    margin-bottom: 20px;
}
section.event li.event-box_now p.w-comment {
    margin-top: 20px;
    color: #111;
    margin-bottom: 20px;
}
section.event .kaitai-merit span {
    margin: 8px 0;
    /* display: block; */
    width: 100px;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #222;
    padding-left: 0px;
    padding-bottom: 4px;
    /* margin-bottom: 7px; */
}
section.event .kaitai-merit h3{
    margin-bottom: 20px;
}
section.event .kaitai-merit p{    
    margin-top: auto;
    margin-bottom: 20px;
}
section.event .w-more {
    font-weight: 500;
    margin-top: auto;
    font-family: 'Montserrat', sans-serif;
    width: 50%;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    text-align: center;
    min-width: 130px;
}
section.event .w-more a{
    display: block;
    padding: 6px 0;
}

section.event .gaiyou{
    font-size: 12px;
}
section.event .last{
    padding-top: 8%;
}

.event_content .event-h{
    width: 100%;
}
.event_content .bfr-aft{
    display: flex;
    margin-bottom: 30px;
    margin-top: 100px;
}
.event_content .aft{
    margin-left: 7%;
}
.event_content p.date{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.event_content .bfr-aft img{
    max-height: 400px; 
}
.event_content .bfr-aft .bfr p,
.event_content .bfr-aft .aft p{
    margin-top: auto;
}
.event_content p.title {
    padding-bottom: initial;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
}
.event_content p.title span{
    display: inline-block;
}

/* .event_content .main p,
.event_content p.mgt60{
    margin-top: 60px;
} */

.event_content .main img.gallery{
    width: 80%;
    margin-top: 100px;
}


.event_content .main img.gallery2{
    width: 50%;
    margin-top: 100px;
}

.event_content .main a.profile {
    padding: 10px;
    background-color: #ccc;
    display: block;
    margin: 10px 0;
    max-width: 300px;
}

.last-content  {
    border-bottom: 1px solid #000;
    padding-bottom: 70px;
}
.to-top {
    padding-top: 100px;
    text-align: center;
    width: 30%;
    margin: 0 auto;
}
.to-top a {
    background-color: #5d5d5d;
    color: #fff;
    padding: 10px 0;
    display: block;
}
.event_content .main p.h-bottom{
    font-size: 20px;
    line-height: inherit;
}
.event_content .main p.h-bottom span.strong {
    font-size: 34px;
    font-weight: 800;
    margin-right: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    
}

.eve-interview-wrap {
    background-color: #dbdbdb;
    padding-top: 7%;
    padding-bottom: 8%;
    margin-top: 8%;
}
.eve-interview-wrap h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 60px;
}
.eve-interview-wrap .eve-interview-w70{
    width: 70%;
    margin: 0 auto;
}
.eve-interview-wrap .eve-interview-w70 p.case {
    margin-top: 2%;
    margin-bottom: 1%;
    font-weight: 600;
    font-size: 18px;
}
.eve-interview-wrap .eve-interview-w70 p.case span {
    margin-right: 15px;
    border-bottom: 1px solid #000;
    padding-bottom: 0px;
}
.eve-interview-wrap .eve-interview-flex{
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.eve-interview-wrap .eve-interview-flex img{
    width: 60%;
    align-self: flex-start;
}
.eve-interview-wrap .eve-interview-flex .txt{
    width: 35%;
}
.eve-interview-wrap .eve-interview-flex .more {
    margin: 60px 0 0;
}
.eve-interview-wrap .eve-interview-flex .more  a{
    display: block;
    padding: 13px 0;
}
.ended-link{
    /*
    border-bottom: 1px solid #000;
    */
    text-align: center;
    padding-bottom: 7%;
}
.ended-link a{
    background-color: #333;
    color: #fff;
    min-width: 130px;
    padding: 16px;
}

.marker2 {
    background: linear-gradient(transparent 75%, #eead68 75%);
}

.marker_gre {
    background: linear-gradient(transparent 75%, #24502aa3 75%);
}

.event_botton {
    margin: 0 auto;
    width: 70%;
}

.air_box {
    width: 100%;
    margin-bottom: 18rem;
}

.back_grey {
    background-color: #e2e2e244;
    padding: 40px 0 50px 0;
    width: 100%!important;
}

.back_grey2 {

    padding: 0px 0 0px 0;
    width: 100%!important;
    text-align: center;
}

.number_title {
    font-size: 45px;
    position: absolute;
    color: #eead68;
    opacity: 0.75;
}

/*個別相談会用*/
.number_title_gre {
    font-size: 45px;
    position: absolute;
    color: #24502aa3;
    opacity: 0.75;
}



/*個別相談会用*/
.number_title_gre_of_bule {
    font-size: 45px;
    position: absolute;
    color: #1c6f94a3;
    opacity: 0.75;
}

/*女子会08*/
.number_title_gre_of_pink {
    font-size: 45px;
    position: absolute;
    color: #c1856c;
    opacity: 0.75;
}

/*女子会08 延長*/
.number_title_gre_of_cyaan {
    font-size: 45px;
    position: absolute;
    color: #80b7c4;
    opacity: 0.75;
}

/*旧耐震*/
.number_title_gre_of_orange {
    font-size: 45px;
    position: absolute;
    color: #e88b24;
    opacity: 0.75;
}


.nomber_text {
    width: 93%;
    position: relative;
    top: 50px;
    left: 25px;
}

.three_point_midashi {
    font-size: 25px;
    margin-bottom: 25px;
    text-align: center;
    letter-spacing: 0.2rem;
}

. {
    padding-left: 49%;
    font-weight: normal;
    width: 51%;
}


/*indexイントロ*/

.event_intro {
    width: 80%;
    margin: 0 auto 0 auto;
}

@media screen and (max-width: 720px) {
    .event_intro {
        width: 90%;
    }
}

.event_intro_title {
    width: 70%;
    max-width: 600px;
    margin: 3rem 0 0 0;
}

@media screen and (max-width: 720px) {
    .event_intro_title {
        width: 90%;
    }
}

.event_intro_flex {
    width: 100%;
    display: flex;
    margin: 3rem 0 0 0;
    gap: 3rem;
    justify-content: space-between;
}

@media screen and (max-width: 720px) {
    .event_intro_flex {
        flex-direction: column-reverse;
        margin: 0rem 0 0 0;
        gap: 1rem;
    }
}

.event_intro_flex_text_title {
    font-size: 19px!important;
    font-weight: bold;
}

.event_intro_flex_text_sentence {
    margin: 2rem 0 0 0;
    line-height: 2.5rem;
}

@media screen and (max-width: 720px) {
    .event_intro_flex_text_sentence {
        margin: 1rem 0 0 0;
    }
}

.event_intro_flex_text_sentence span {
    font-weight: bold;
}

.event_intro_flex_img {
    min-width: 300px;
    max-width: 570px;
}

@media screen and (max-width: 720px) {
    .event_intro_flex_img {
        margin: 2rem 0 0 0;
    }
}

.event_index_midashi {
    width: 80%;
    margin:  15rem auto 0 auto;
    max-width: 500px;
}


@media screen and (max-width: 720px) {
    .event_index_midashi {
        margin:  7rem auto 0 auto;
    }
}






/*indexイントロ*/


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



@media screen and (max-width: 1200px){
    section.event li.event-box {
        width: 44%;
    }
    section.event li.event-box_now {
        width: 44%;
    }
    .eve-interview-wrap .eve-interview-w70{
        width: 90%;
    }

    .time {
        width: 100%;
    }
}

@media screen and (max-width: 1070px){
    .hero{
        background-position-y: 5%;
        padding-top: 40%;
        background-attachment: inherit;
        width: 90%;
        background-position: inherit;
        background-size: cover;
    }
    ul.event_contents{
        width: 90%;
    }
    ul.event_contents_now{
        width: 90%;
    }

    p.ev-txt{
        width: 90%;
        padding-top: 10%;
        font-size: 21px;
    }
    section.event .ev-main-wrap p.sub-ttl{
        font-size: 14px;
        margin-top: 10px;
    }
    section.event .wrap {
        /*
        display: inherit;
        */
    }
    section.event .ev-main-wrap{
        width: 90%;
    }
    section.event .wrap .ev-inner{
        width: 100%;
        margin-bottom: 40px;
    }
    .event_content p.title span{
        display: block;
    }
    /*
    .event_content p.title{
        text-align: center;
    }
    */

    .event_content .main img.gallery2{
        width: 80%;
        margin-top: 100px;
    }

    .zumen_center {
        margin: 0 auto;
    }

    .three_point_midashi {
        font-size: 18px;
    }

}


@media screen and (max-width: 720px){

    .recommendation_point {
        outline-style: solid;
        position: absolute;
        width: 90%;
        margin-top: -4%;
    }

    .recommendation_point_ {
        outline-style: solid;
        position: absolute;
        width: 90%;
        margin-top: -4%;
    }

    .hero_text h2 {
       font-size: max(10vw,60px);
    }
    .hero {
        width: 90%;
        background-position-y: 14%;
        padding-top: 56%;
        background-position-x: 49%;
        padding-top: 75%;
    }
    .event_content,
    .hero_text{
        width: 90%;
    }

    .event_content {
        width: 90%;
    }

    .re_event_content {
        width: 100%!important;
    }

    .event_content2 {
        width: 90%;
    }

    .event_content1-2{
        width: 90%;
        margin: 0 auto;
    }

    .w70 {
        width: 90%;
    }

    .event_botton {
        width: 80%;
    }

    section.inner{
        padding-top: 80px;
    }

    section.event li.event-box{
        padding-top: 5%;
    }
    section.event li.event-box_now{
        padding-top: 5%;
    }
    section.event .last{
        padding-top: 60px;
    }
    .event_content{
        padding-top: 10%;
    }
    .pc-none{
        display: inherit;
    }
    .sp-none{
        display: none;
    }
    /*
    article .event_content img{
        width: 50%;
    }
    */
    .event_content .bfr-aft .bfr p,
    .event_content .bfr-aft .aft p{
        margin-top: 7px;
    }
    .event_content .bfr-aft{
        display: inherit;
        margin-top: 16%;
    }
    .event_content .bfr{
        margin-bottom: 30px;
    }
    .event_content .aft{
        margin-left :auto;
    }

    .event_content .main img.gallery{
        width: 100%;
        margin-top: 16%;
    }

    .event_content .main img.gallery2{
        width: 80%;
        margin-top: 100px;
    }

    section.event .gaiyou{
        font-size: 10px;
    }
    section.event .ev-main-wrap p.border{
        font-size: 15px;
    }
    section.event .ev-inner .w-txt{
        margin-top: 7px;
    }
    section.event .slider_thumb{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        min-width: inherit;
    }
    section.event .thumb{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        min-width: inherit;
    }
    .eve-interview-wrap h3{
        font-size: 31px;
    }
    .eve-interview-wrap .eve-interview-w70 p.case span{
        display: block;
    width: 24%;
    }
    .eve-interview-wrap .eve-interview-flex{
        display: block;
    }
    .eve-interview-wrap .eve-interview-flex img{
        width: 100%;
    }
    .eve-interview-wrap .eve-interview-flex .txt{
        width: 100%;
    }
    .eve-interview-wrap .eve-interview-flex .more{
        margin: 20px 0 0;
    }
    .eve-interview-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 60px;
}
.eve-interview-wrap .eve-interview-w70 p.case{
    font-size: 14px;
}

/* 猫2 */
    .event09_info_map {
        font-size: 10px !important;
    }

}


@media screen and (max-width: 600px){

    section.w-wrap .to-top,
    .to-top{
        width: 50%;
        min-width: 220px;
    }
    section.w-wrap p.w-title{
        font-size: 4.5vw;
    }
    ul.event_contents{
        width: 94%;
    }
    ul.event_contents_now{
        width: 94%;
    }
    section.event li.event-box h3.w-midashi {
        font-size: 14px;
    }
    section.event li.event-box_now h3.w-midashi {
        font-size: 14px;
    }
    section.event li.event-box{
        width: 45%;
        display: inherit;
    }
    section.event li.event-box_now{
        width: 45%;
        display: inherit;
    }

    section.event .w-more{
        margin: 0 auto;
    }

    section.event li.event-box:nth-child(2n) {
        /*margin-top: 15%;*/
    }
    .hero_text span{
        display: block;
    }
    section.event ul.event_contents_now {
        display: block;
    }
    .event_content p.title{
        font-size: 3.7vw;
    }

    section.event li.event-box_now {
        width: 100%;
    }
    
}


@media screen  and (max-width: 520px){

    .event_svg {
        width: 70%;
    }

    .recommendation_point ul {
        padding: 10% 0 3% 0;
    }

    .recommendation_point_of_bule ul {
        padding: 10% 0 3% 0;
    }

    .recommendation_point_of_pink ul {
        padding: 10% 0 3% 0;
    }

    .recommendation_point_of_cyaan ul {
        padding: 10% 0 3% 0;
    }

    .recommendation_point_of_orange ul {
        padding: 10% 0 3% 0;
    }

    .recommendation_point {
        margin-top: -7%;
    }

    .recommendation_point_of_bule {
        margin-top: -7%;
    }

    .recommendation_point_of_pink {
        margin-top: -7%;
    }

    .recommendation_point_of_cyaan {
        margin-top: -7%;
    }

    .recommendation_point_of_orange {
        margin-top: -7%;
    }

    section.inner{
        padding-top: 55px;
    }
    iframe{
        width: 100%;
    }
    .event_content .main p.h-bottom{
        font-size: 18px;
    }
    .event_content .main p.h-bottom span.strong {
        font-size: 30px;
        letter-spacing: initial;
        margin-right: 10px;
    }
    .event_content .main p.h-bottom span.block{
        display: block;
    }
    p.arrow{
        font-size: 13px;
    }


    .time {
        width: 100%;
    }


    .danchoi_merit_contents_left img {
        width: 50%;
    }

    .danchoi_merit_contents_right img {
        width: 95%;
        position: relative;
        right: 25%;
    }

    


    .pay_set_loan_title {
        font-size: 1.6rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .pay_set_loan img {
        width: 100%;
    }

    .pay_set_loan_image {
        display: block;
    }

    .pay_set_loan_image_pc {
        display: none;
    }

    /* 猫イベント */
    .fv_margn {
        margin-top: 80px;
    }

}

/* 猫イベント */
@media screen and (max-width: 500px) {
    .fv_margn {
        margin-top: 55px;
    }

    .none {
      display: none;
    }
  
    .none2 {
      width: 5%;
    }
  }