@charset "shift-jis";
/* --------------------------------------------------------------------
	Financial Academy

	Style Info: cart setting

-------------------------------------------------------------------- */
*{ box-sizing: border-box;}
#tab5_left,
.style1607_inyo li{ box-sizing: content-box;}
body{
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
}

img{
    max-width: 100%;
    height: auto;
}

.min{ font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;}

.tac { text-align: center;}
.tar { text-align: right;}
.tal { text-align: left;}
.txt_bold { font-weight: bold;}

.txt_orange { color: #ea5413;}
.txt_red { color: #ff0000;}
.txt_blue { color: #2c4198;}
.txt_lblue { color: #EE764E;}
.txt_smoke{ color: #C56780;}

.bg-beige { background-color: #f3f3f2;}
.bg-orange { background-color: #fef1ed;}

.lead{ font-size: 22px;}

.txt_s{ font-size: .8em;}
.txt_m{ font-size: 1rem;}
.txt_l{ font-size: 18px;}

.marker{
    padding-bottom: 3px;
    background: linear-gradient(#fff 60%, #fef1ed 60%);
}
.marker_drow{
    line-height: 1.3;
    background: url(/event/retirement_gift/img/marker_drow.svg) center bottom/348px no-repeat;
}

.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.ml10 { margin-left: 10px !important;}
.ml20 { margin-left: 20px !important;}
.ml35 { margin-left: 35px !important;}
.pt10{ padding-top: 10px !important;}

.pc{ display: inherit;}
.sp{ display: none;}

.br_pc::before{
    content: "\A" ;
    white-space: pre ;
}

#contents{ padding: 0 0 5px 0;}

section h2{
    font-size: 35px;
    letter-spacing: .05em;
    font-weight: normal;
    text-align: center;
    font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
}
section h3{
    text-align: center;
    font-size: 23px;
}
section h3.line{
    position: relative;
    margin-bottom: 50px;
}
section h3.line::before,
section h3.line::after{
    content: "";
    width: 25%;
    border-top: 1px solid #ED7845;
    position: absolute;
    top: 50%;
}
section h3.line::before{ left: 0;}
section h3.line::after{ right: 0;}
h3 .sub{
    display: block;
    font-size: .7em;
    font-weight: bold;
    padding-top: 30px;
}

section .inner{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0;
}

.btn01{ text-align: center;}
.btn01 a{
    background: #c6272d url(/images/common/arrow02.svg) 96% center/18px no-repeat;
    color: #fff;
    padding: 10px 60px;
    font-size: 27px;
    width: 55%;
    max-width: 540px;
    display: block;
    margin: 60px auto;
    font-weight: normal;
    border-radius: 2.8px;
    box-shadow: 0 1.5px 0 #782332;
    letter-spacing: .175em;
}
.btn01 a:hover{
    text-decoration: none;
    opacity: .7;
}
.btn02 {
    text-align: center;
    background: #e10f40;
    width: 100%;
    max-width: 410px;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    padding: 20px;
    position: relative;
}
a.btn02 {
    display: block;
    text-decoration: none;
    color: #fff;
}
.btn02::before{
    font-family: "Font Awesome 5 Free";
    content: '\f138';
    font-weight: 900;
    color: #fff;
    position: absolute;
    left: 20px;
    top: 18px;
}
.btn02:hover{
    cursor: pointer;
    opacity: .7;
}
.btn03 {
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #C56780 url(/school/image/finance_strategy/icn_arrow.svg) 95% 50%/25px no-repeat;
    width: 100%;
    max-width: 450px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    padding: 15px 20px;
    position: relative;
}
.btn03:link,
.btn03:visited,
.btn03:active,
.btn03:hover{ color: #fff;}

.youtube_wrap{
    max-width: 760px;
    margin:0 auto;
}
.youtube {
    margin: 0 auto;
    width: 100%;
    position:relative;
    padding-top:56.25%;
}
.youtube iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

.cls-1,.cls-2,.cls-3{stroke:#ED7845;}
.cls-3{fill:#f3f3f2; }

.arw{
    padding-top: 25px;
    margin: 30px 0;
    background: url(/event/retirement_gift/img/arw.png) center/contain no-repeat;
}

.newsbox{
    margin: 30px 0;
    padding: 1em;
    border: 2px solid #ED7845;
    border-radius: 3px;
}

.circle_img{
    width: 362px;
    height: 362px;
    border: 1px solid #EE764E;
    border-radius: 100%;
    overflow: hidden;
}
.circle_img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.floatbox .left{
    float: left;
    margin-right: 15px;
}
.floatbox .right{
    float: right;
    margin-left: 15px;
}
.floatbox + *{ clear: both;}


#breadcrumbs{
    float: left;
    margin: 20px 0;
    font-size: 12px;
}

/* ---------------------------
#mv
--------------------------- */
#mv {
	border-top: 1px solid #EE764E;
	border-bottom: 1px solid #EE764E;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(246,236,241,0.9) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(246,236,241,0.9) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(246,236,241,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f6ecf1',GradientType=1 );
}
#mv .txt{
	padding-top: 44.5%;
	background: url(/event/retirement_gift/img/mv.png) center/contain no-repeat;
}
#mv .txt > *{ display: none;}


/* ---------------------------
.story
--------------------------- */
.story .lead{
    font-size: 18px;
    line-height: 2.5;
    text-align: center;
}
.story .lead.min{ font-size: 30px;}
.story .circle_img.intro{
    width: 450px;
    height: 450px;
    margin: 30px auto;
}
.story .bg-orange p{
    line-height: 2;
}

/* ---------------------------
.yasashii
--------------------------- */
.yasashii{
    padding-top: 95px;
    background: url(/event/retirement_gift/img/deco_yasashii.svg)center top/130px no-repeat;
}
.yasashii .inner{
    background: #F5F0F1;
    border-radius: 25px;
}
.yasashii .list{
    max-width: 815px;
    margin: 0 auto;
}
.yasashii .list li{
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 60px;
}
.yasashii .list h3{
    color: #EE764E;
    font-size: 18px;
    line-height: 1.6;
    font-feature-settings: "palt";
}
.yasashii .list h3::before{
    content: "";
    display: block;
    margin: 0 auto 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.yasashii .list li:first-child h3::before{
    padding-top: 24px;
    background-image: url(/event/retirement_gift/img/num01_or.svg);
}
.yasashii .list li:nth-child(2) h3::before{
    padding-top: 26px;
    background-image: url(/event/retirement_gift/img/num02_or.svg);
}
.yasashii .list li:nth-child(3) h3::before{
    padding-top: 23px;
    background-image: url(/event/retirement_gift/img/num03_or.svg);
}
.yasashii .list li:nth-child(4) h3::before{
    padding-top: 28px;
    background-image: url(/event/retirement_gift/img/num04_or.svg);
}
.yasashii .list li:nth-child(5) h3::before{
    padding-top: 26px;
    background-image: url(/event/retirement_gift/img/num05_or.svg);
}
.yasashii .list li:nth-child(6) h3::before{
    padding-top: 26px;
    background-image: url(/event/retirement_gift/img/num06_or.svg);
}

.yasashii .list h3::after{
    content: "";
    padding-top: 14px;
    width: 234px;
    background: url(/event/retirement_gift/img/line.png)center/contain repeat-x;
    display: block;
    margin: 20px auto;
}
.yasashii .list p{
    font-size: 14px;
    padding: 0 20px;
    line-height: 2.3;
}

/* ---------------------------
.teacher
--------------------------- */
.teacher{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.teacher li{
    width: 50%;
    margin-bottom: 50px;
    text-align: left;
    line-height: 1.6;
    font-size: .85rem;
    padding: 0 3.5%;
}
.teacher li img{
    float: left;
    width: 37%;
    margin-right: 15px;
}
.teacher li h3{
    text-align: left;
    padding: 15px 0 25px;
}
/*.teacher li .position{
    height: 83px;
}*/
.teacher li h4{ margin-left: calc(37% + 15px);}
.teacher li .position{ margin-left: calc(37% + 15px);}
.teacher li .text{
    clear: both;
    padding-top: 20px;
}

/* ---------------------------
voice
--------------------------- */
.box_voice{
    margin: 0 auto;
}
.box_voice > div{
    background: #fff;
    border-top: 1px solid #EE764E;
    border-bottom: 1px solid #EE764E;
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.box_voice > div::before{
    content: "";
    width: 50px;
    height: 10px;
    background: #EE764E;
    transform: skewY(-45deg);
    position: absolute;
    left: 0;
    top: 10px;
}
.box_voice > div::after{
    content: "";
    width: 50px;
    height: 10px;
    background: #EE764E;
    transform: skewY(-45deg);
    position: absolute;
    right: 0;
    bottom: 10px;
}
.box_voice h3{
    font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 50px;
    line-height: 1;
    color: #EE764E;
    width: 100px;
    white-space: pre;
    display: flex;
    align-items: center;
}
.box_voice p{
    width: calc(100% - 100px - 12px);
    font-size: 15px;
    letter-spacing: .15em;
    font-feature-settings: "palt";
    line-height: 2;
}

/* ---------------------------
.campaign
--------------------------- */
.list_campaign{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.list_campaign li{
    width: 49%;
    background: #fff;
    border-radius: 5px;
    font-feature-settings: "palt";
    line-height: 1.6;
    padding: 20px 10px;
}
/*.list_campaign li::before{
    content: "";
    display: block;
    width: 68px;
    height: 68px;
    border-radius: 100%;
    margin: 10px auto 20px;
    background-color: #EE764E;
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
}
.list_campaign li:first-child::before{
    background-image: url(/event/retirement_gift/img/num01_wt.svg);
}
.list_campaign li:nth-child(2)::before{
    background-image: url(/event/retirement_gift/img/num02_wt.svg);
}
.list_campaign .marker{
padding-left: .5em;
padding-right: .5em;
background: linear-gradient(#fff 40%, #fbd7ca 40%);
}*/
.list_campaign li > p{
	max-width: 300px;
	margin: 0 auto;
}
.list_campaign .txt_l > .txt_orange{ font-size: 1.3em;}
.list_campaign .ttl{
	display: inline-block;
	background: #ee774e;
	color: #fff;
	padding: .75em 1em;
	border-radius: 1.5em;
	font-size: 1.1em;
	line-height: 1;
	margin-bottom: 15px;
}

/* ---------------------------
.gaiyou
--------------------------- */
.gaiyou .wrap_conts .photo{
    border: 1px solid #757575;
	background: #fff;
}
.gaiyou .wrap_conts .photo > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tbl_gaiyou{
    border-top: 1px solid #757575;
    border-left: 1px solid #757575;
}
.tbl_gaiyou tr > *{
    padding: 1em 10px;
    font-feature-settings: "palt";
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
}
.tbl_gaiyou th{
    width: 6em;
    background: #F5F0F1;
    color: #EE764E;
    font-weight: normal;
    vertical-align: top;
    padding: 1em;
}

/* ---------------------------
form
--------------------------- */
.wrap_form{
    background: #fff;
    border: 1px solid #757575;
    padding: 45px 20px;
    text-align: center;
}
.wrap_form .inner{
    max-width: 500px;
    padding: 0;
}
.form dt{
    font-size: 24px;
    margin-bottom: 20px;
}
.form dd{ margin-bottom: 60px;}
.form .checklist{ margin-bottom: 20px;}
.form .checklist li{
    display: inline-block;
/*    max-width: calc(50% - 45px);*/
    vertical-align: top;
}
.form .checklist input{ display: none;}
.form .checklist label{ position: relative;}
.form .checklist label > span{
    display: inline-block;
    vertical-align: top;
}
.form .checklist label::before{
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #c2c2c2;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: .5em;
    vertical-align: -7px;
    cursor: pointer;
}
.form .checklist input:checked + label::after{
    content: '';
    background: #EE764E;
    border-radius: 100%;
    border: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 0;
    vertical-align: -7px;
    cursor: pointer;
    text-align: center;
}

form .btn03:disabled{ opacity: .3;}

.wrap_form .payment{
    text-align: left;
    font-size: .8em;
    line-height: 1.5;
}
.wrap_form .payment img{ max-width: 300px;}


@media screen and (min-width: 1250px) {
    #mv .txt{ padding-top: 560px;}
}


/* ƒ^ƒuƒŒƒbƒgˆÈ‰º */
@media screen and (max-width: 1024px) {
    #head2{ height: 85px !important;}

    #container{
        margin-top: 100px;
        overflow: hidden;
        width: 100%;
    }
    .lead{ font-size: 20px;}

    .btn01{ max-width: 100%;}
    .btn01 a{ width: 80%;}

    .youtube{ max-width: 100%;}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
    .story .lead.min{ font-size: 26px;}
}

@media screen and (min-width: 600px) {
    .newsbox p{ text-align: center;}
    
    .floatbox{ overflow: hidden;}
    .floatbox .clr_pc{ clear: both;}
    
    .story .clr_pc{ padding-top: 50px;}
    
    .yasashii .inner{ padding: 45px 30px 10px;}
    .yasashii .list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .yasashii .list li{
        width: 44%;
    }
    
    .box_voice{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .box_voice > div{
        width: 44%;
        margin-bottom: 60px;
    }

    .campaign .marker_drow{ background-size: 408px;}

    .gaiyou .wrap_conts{ display: flex;}
    .gaiyou .wrap_conts > *{ width: 50%;}
    .gaiyou .wrap_conts .photo{
        order: 1;
        border-left: 0;
    }
    
    .form dt img{ margin-right: 3em;}
    .form .checklist li + li{ margin-left: 40px;}
}

/* ƒXƒ}ƒz */
@media screen and (max-width: 599px) {
    body,
    .txt_m{ font-size: 14px;}

    .snsBtn { margin: 0}
    #breadcrumbs{ display: none;}

    .pc{ display: none;}
    .sp{ display: inherit;}

    .br_pc::before{ content: none;}
    .br_sp::before{
        content: "\A" ;
        white-space: pre ;
    }

    a.anchor{
        display: block;
        padding-top: 90px;
        margin-top: -90px;
    }
    
    .txt_l{ font-size: 1.15em;}

    section .inner{ padding: 40px 0;}
    section h2 {
        font-size: 25px;
        letter-spacing: 0;
    }
    section h3{ font-size: 1.2rem}

    section h3.line{ margin-bottom: 20px;}
    section h3.line::before,
    section h3.line::after{ width: 15%;}
    
    .marker_drow{ background-size: 278px;}
    
    .lead{ font-size: 15px;}
    .btn01 a{
        font-size: 16px;
        padding: 10px 5px;
        background: #ca2828 url(/images/common/arrow02.svg) 97% center/12px no-repeat;
        letter-spacing: .1em;
        margin: 30px auto 0;
        width: 100%;
    }
    .btn02::before{ left: 5px;}
    .btn03 {
        background-size: 18px;
        font-size: 15px;
    }
    
    .arw {
        padding-top: 13px;
        margin: 15px 0;
    }
    
    .floatbox .left{
        shape-outside: ellipse();
        margin-top: 1em;
        margin-left: -55px;
    }
    .floatbox .right{
        shape-outside: ellipse();
        margin-top: 1em;
        margin-right: -55px;
    }
    .floatbox .left + p,
    .floatbox .right + p{ padding-top: 1em;}

    #mv .txt{ padding-top: 57%;}
    
    .story .lead{
        font-size: 1em;
        line-height: 2;
        font-feature-settings: "palt";
    }
    .story .lead.mb60{ margin-bottom: 1em !important;}
    .story .lead.min{ font-size: 16px;}
    .story .circle_img.intro{
        width: 240px;
        height: 240px;
        margin: 15px auto;
    }
    
    .circle_img {
        width: 220px;
        height: 220px;
    }

    .yasashii {
        padding-top: 65px;
        background-size: 85px;
    }
    .yasashii .inner{ padding: 45px 20px 10px 20px;}
    .yasashii .list li{
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    .yasashii .list h3{ font-size: 15px;}
    .yasashii .list h3::after {
        padding-top: 10px;
        width: 150px;
    }
    .yasashii .list p{ line-height: 1.8;}

    .teacher{ display: block;}
    .teacher li{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 25px;
    }
    
    .box_voice > div{ margin-bottom: 20px;}
    .box_voice h3{
        font-size: 40px;
        width: 80px;
    }
    .box_voice p {
        width: calc(100% - 80px - 15px);
        font-size: 14px;
        line-height: 1.6;
    }
    
    .mind p{ line-height: 2;}
    
    .list_campaign{ margin-top: 1.5em;}
    .list_campaign li{ font-size: 14px;}
/*    .list_campaign li::before {
        width: 40px;
        height: 40px;
        background-size: 18px;
    }
    .list_campaign li:nth-child(2)::before{ background-size: 21px;}*/

    .gaiyou .wrap_conts .photo{ border-bottom: 0;}
    
    .form dt{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .form dd{ margin-bottom: 40px;}
    .form .checklist{ margin-bottom: 10px;}
    .form .checklist li{
/*        margin: 0 5px;
        max-width: calc(50% - 15px);*/
        display: block;
        text-align: left;
        margin-bottom: 15px;
    }
    .form .checklist label::before{ margin-right: .3em;}
    .form .checklist label > span{ width: calc(100% - 26px - .3em);}
    .form .checklist input:checked + label::after{ top: -1px;}
}


/* ---------------------------
.curriculum-list
--------------------------- */
.curriculum-list,
.conts_slide_sp,
.conts_slide_pc{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.curriculum-list .item {
    max-width: 460px;
    width: 48%;
    background-color: #fef0ed;
    border-bottom: 1px solid #EE764E;
    position: relative;
    margin-bottom: 60px;
    text-align: left;
}
.curriculum-list .item > .ttl {
    color: #EE764E;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    width: 100%;
    font-weight: bold;
    background-color: #fff;
    display: flex;
    align-items: flex-end;
}
.curriculum-list .item > .ttl .vol {
    font-family: 'Josefin Slab', serif;
    font-size: 30px;
    font-weight: normal;
}
.curriculum-list .item > .ttl .num {
    font-family: 'Josefin Slab', serif;
    font-size: 50px;
    display: inline-block;
    padding: 0 10px 0 3px;
    vertical-align: bottom;
    line-height: 1;
    position: relative;
    top: 13px;
    font-weight: normal;
}
.curriculum-list .item > .ttl .main {
    padding-bottom: 3px;
    line-height: 1.2;
}
.curriculum-list .box {
    background-color: #fef0ed;
    font-size: 14px;
    border-top: 1px solid #EE764E;
    padding: 20px;
}
.curriculum-list .box dl {
    display: flex;
    margin-top: 0;
}
.curriculum-list .box dl:not(:first-child) {
    margin-top: 10px;
}
.curriculum-list .box dl dt {
    font-weight: bold;
    width: 90px;
}
.curriculum-list .box dl dd {
    width: calc(100% - 90px);
}
.curriculum-list .box dd ul{ display: none;}
.curriculum-list .box li {
    padding-left: 1em;
    text-indent: -1em;
}

.btn_more{
    display: block;
    margin: 0 auto;
    border: 1px solid;
    outline: 0;
    color: #ee774e;
    background: #fff;
    font-size: 18px;
    padding: 10px 2em;
    margin-bottom: 60px;
    width: 100%;
    max-width: 600px;
    border-radius: 1.5em;
    cursor: pointer;
    position: relative;
}
.btn_more::after{
    content: "";
    width: 25px;
    height: 25px;
    background: url(/images/common/arrow_orange.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%) rotate(90deg);
}
.btn_more.active::after{ transform: translateY(-50%) rotate(-90deg);}

@media screen and (min-width:  600px) {
    .btn_more.sp{ display: none;}
    .btn_more:not(.active)::before {
        content: "";
        width: 100vw;
        height: 150px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        position: absolute;
        top: -210px;
        left: 50%;
        transform: translateX(-50%);
    }
    .conts_slide_pc{
        max-height: 0;
        transition: max-height 0.3s;
        overflow: hidden;
        position: relative;
    }
    .conts_slide_pc.active{
        max-height: 9999px;
    }
}

@media screen and (max-width: 599px) {
    .curriculum-list {
        display: block;
    }
    .curriculum-list .item {
        max-width: none;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .btn_more.pc{ display: none;}
    .btn_more{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .btn_more::after {
        width: 20px;
        height: 20px;
    }
    .conts_slide_sp{
        max-height: 0;
        transition: max-height 0.3s;
        overflow: hidden;
        position: relative;
    }
    .conts_slide_sp.active{
        max-height: 9999px;
    }
}

/* ============================
.faq-list
============================ */
.faq-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -30px;
}
.faq-list .item {
    width: 49%;
    max-width: 470px;
    border-bottom: 1px solid #EE764E;
    position: relative;
    background-color: #f5f0f1;
    margin-top: 100px;
}
.faq-list .question {
    color: #EE764E;
    font-size: 18px;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    line-height: 1.3;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EE764E;
    padding-left: 40px;
    background: url(/event/retirement_gift/img/bg_faq.svg) 0 100% no-repeat;
    background-size: 36px 40px;
    min-height: 42px;
}
.faq-list .answer {
    font-size: 16px;
    padding: 10px;
    display: flex;
    align-items: center;
}
.faq-list .answer .link_mail{
    text-decoration: underline;
    color: #333;
}
.faq-list .answer .link_mail:hover{ color: #009;}
.icn_mail > svg{ height: 1em;}

/* ƒXƒ}ƒz */
@media screen and (max-width: 599px) {
    .faq-list {
        display: block;
        margin-top: 30px;
    }
    .faq-list .item {
        width: 100%;
        max-width: none;
        background-color: transparent;
    }
    .faq-list .question {
        position: static;
        font-size: 16px;
    }
    .faq-list .answer {
        background-color: #efefef;
        font-size: 14px;
    }
    .faq-list .item {
        margin-top: 20px;
    }
}