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

.error-info,
.errors{
color: #da0000;
}

@keyframes kvFormVisualIn{
from { opacity: 0; filter: blur(8px); }
to { opacity: 1; filter: blur(0); }
}

@keyframes zoomUp {
0% {
transform:scale(1.5);
}
100% {
transform:scale(1.2);
}
}

#ma{
font-family: "Noto Serif JP", serif;
}

/*PC*/
@media print, screen and (min-width: 768px) {
#ma{
width:100%;
margin: 0 auto 200px;
font-family: "Noto Serif JP", serif;
}


/*fv
----------------------------------*/
#ma .fv{
position: relative;
width: 100%;
background: url("../images/bg_fv.jpg") bottom center no-repeat;
background-size: auto;
background-size: cover;
margin: 0;
padding: 100px 5% 25%;
box-sizing: border-box;
}

#ma .fv .fv_main{
display: table;
position: relative;
overflow: hidden;
padding: 35px;
box-sizing: border-box;
justify-content: center;
}

#ma .fv .fv_main::before{
content: "";
background: rgba(0,0,0,.03);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 1rem;
}

#ma .fv .fv_main .fv_main_ttl{
width: 90%;
margin: 0 auto 50px;
font-size: 5.6rem;
font-weight: 500;
line-height: 1;
text-align: center;
position: relative;
}

#ma .fv .fv_main .fv_main_ttl::before{
content: "";
position: absolute;
bottom: -20px;
left:0%;
width: 100%;
height: 1px;
background: #086DB0;
}

#ma .fv .fv_main_txt{
font-size: 1.8rem;
font-weight:500;
line-height:2;
text-align: center;
letter-spacing: .1rem;
}



/*policy
---------------------------------------------------------*/
#ma .policy{
width: 100%;
padding:10rem 0;
box-sizing: border-box;
position: relative;
background:#e1ecf7;
}

#ma .policy .m_ttl_en{
font-size: 3rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}

#ma .policy .m_ttl{
position: relative;
font-size: 4.6rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:25px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .policy .m_s_ttl{
font-size: 2.6rem;
line-height: 1;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 50px;
}

#ma .policy .policy_box{
width: 1000px;
margin: 0 auto;
background: #fff;
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding:4.5rem 3.5rem;
border-radius:1rem;
}

#ma .policy .policy_box p{
line-height: 2;
margin: 0 0 60px;
}

#ma .policy .policy_box .ph_list{
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
}

#ma .policy .policy_box .ph_list li{
width: 32%;
}

#ma .policy .policy_box .ph_list li img{
border-radius: 1rem;
overflow: hidden;
}



/*investment
---------------------------------------------------------*/
#ma .investment{
padding:10rem 0;
box-sizing: border-box;
position: relative;
background: linear-gradient(160deg, white 0%, #cddae3 100%);
}

#ma .investment .m_ttl_en{
font-size: 3rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}


#ma .investment .m_ttl{
position: relative;
font-size: 4.6rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:25px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .investment .m_s_ttl{
font-size: 2.6rem;
line-height: 1;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 50px;
}

#ma .investment .m_txt{
font-size: 1.75rem;
line-height: 1;
font-weight: 500;
text-align: center;
color: #05415a;
margin-bottom: 60px;
}

#ma .investment .m_m_ttl{
position: relative;
font-size: 2.8rem;
font-weight: 500;
line-height: 1;
color: #05415a;
margin-bottom:25px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .investment .m_m_ttl::before{
content:"";
display: block;
position: absolute;
left: 0;
top: -10px;
width: 100%;
height: 1px;
background: #999;
}

#ma .investment .m_m_ttl::after{
content:"";
display: block;
position: absolute;
left: 0;
top: -10px;
width: 100px;
height: 1px;
background: #086DB0;
}

#ma .investment .investment_list{
width: 1000px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 80px;
padding: 0;
list-style-type: none;
}

#ma .investment .investment_list .investment_box{
width: 46%;
background-image: linear-gradient(180deg, #ffffff, #e2eeff);
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding:2.5rem 2rem;
border-radius:1rem;
border: 2px solid #05415a;
position: relative;
}

#ma .investment .investment_list .investment_box .ttl2{
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%,-50%);
font-size: 2.2rem;
font-weight: 500;
line-height: 1;
padding:.7rem 3rem;
box-sizing: border-box;
border-radius: 50rem;
background-color: #05415a;
color: #fff;
}

#ma .investment .investment_list .investment_box .txt_list{
margin: 0 0 0 20px;
list-style-type: disc;
padding: 0;
}

#ma .investment .investment_list .investment_box .txt_list li{
margin-bottom: 30px;
color: #05415a;
font-weight: 400;
}

#ma .investment .investment_list .investment_box .txt_list li:last-child{
margin-bottom: 0;
}

#ma .investment .investment_list .target_box{
width: 46%;
background-image:linear-gradient(180deg, #ffffff, #f0faff);
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding:2.5rem 2rem;
border-radius:1rem;
border: 2px solid #086db0;
position: relative;
}

#ma .investment .investment_list .target_box .ttl2{
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%,-50%);
font-size: 2.2rem;
font-weight: 500;
line-height: 1;
padding:.7rem 3rem;
box-sizing: border-box;
border-radius: 50rem;
background-color: #086db0;
color: #fff;
}

#ma .investment .investment_list .investment_box .icon,
#ma .investment .investment_list .target_box .icon{
width: 50%;
margin:15px auto 20px;
}

#ma .investment .investment_list .target_box p{
line-height: 1.8;
font-weight: 400;
color: #086db0;
}

#ma .investment .area_box{
width: 1000px;
margin: 0 auto;
background:linear-gradient(160deg, white 0%, #F0F0F0 100%);
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding: 4.5rem 3.5rem;
border-radius: 1rem;
border: 1px solid #E3E3E3;
}


/*flow
---------------------------------------------------------*/
#ma .flow{
padding:10rem 0;
box-sizing: border-box;
position: relative;
background: #FAFAFA;
}


#ma .flow .m_ttl_en{
font-size: 3rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}


#ma .flow .m_ttl{
position: relative;
font-size: 4.6rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:25px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .flow .m_s_ttl{
font-size: 2.6rem;
line-height: 1;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 50px;
}

#ma .flow .m_txt{
font-size: 1.75rem;
line-height: 1;
font-weight: 500;
text-align: center;
color: #05415a;
margin-bottom: 60px;
}

#ma .flow .block{
width: 980px;
margin: 0 auto 60px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#ma .flow .block:last-child{
margin-bottom: 0;
}

#ma .flow .block::before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 18px 0 18px 20px;
border-color: transparent transparent transparent #666;
position: absolute;
bottom: -50px;
left: 50%;
margin: auto;
transform: rotate(90deg);
}

#ma .flow .block:last-child:before {
display: none;
}

#ma .flow .block .f_ttl1{
width: 5%;
background:#a01f1f;
font-size: 2.2rem;
line-height: 1;
color:#FFF;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;
padding: 5px;
border-radius: 1rem;
letter-spacing: .3rem;
}

#ma .flow .block .flow_list1{
width: 92%;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 5;
}

#ma .flow .block .flow_list1 li{
background: linear-gradient(160deg, white 0%, #F0F0F0 100%);
width: 100%;
margin-right: 2.333%;
border: 2px solid #a01f1f;
padding:15px;
box-sizing: border-box;
border-radius: 1rem;
position: relative;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
margin-bottom: 15px;
}

#ma .flow .block .flow_list1 li:last-child:before {
display: none;
}

#ma .flow .block .flow_list1 li:last-child{
margin-bottom: 0;
}


#ma .flow .block .flow_list1 li h6{
color: #a01f1f;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 10px;
text-align: left;
letter-spacing: .1rem;
}

#ma .flow .block .flow_list1 li .txt{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
margin: auto;
}

#ma .flow .block .f_ttl2{
width: 5%;
background: #086DB0;
font-size: 2.2rem;
line-height: 1;
color: #FFF;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;
padding: 5px;
border-radius: 1rem;
letter-spacing: .3rem;
}

#ma .flow .block .flow_list2{
width: 92%;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 5;
}

#ma .flow .block .flow_list2 li{
background: linear-gradient(160deg, white 0%, #F0F0F0 100%);
width: 100%;
border: 2px solid #086DB0;
padding:15px;
box-sizing: border-box;
border-radius: 1rem;
position: relative;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
margin-bottom:15px;
}


#ma .flow .block .flow_list2 li .flow_ttl{
width: 100%;
background: #05415a;
padding: 10px;
box-sizing: border-box;
font-size: 1.6rem;
font-weight: 500;
color: #FFF;
text-align: center;
line-height: 1;
position: relative;
margin-bottom: 20px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}

#ma .flow .block .flow_list2 li .flow_ttl::before{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 12px;
border-color: transparent transparent transparent #05415a;
position: absolute;
bottom:-12px;
left: 49%;
margin: auto;
transform: rotate(90deg);
}

#ma .flow .block .flow_list2 li .fukidashi {
position: absolute;
right:-180px;
bottom: 30px;
display: inline-block;
margin-left: 20px;
padding: 10px;
border: 2px solid #ff8400;
background-color: #FFF;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
color: #121212;
text-align: center;
}

#ma .flow .block .flow_list2 li .fukidashi::before {
content: "";
position: absolute;
top: 43%;
left: -2px;
width: 2px;
height: 20%;
background: #FFF;
z-index: 1;
}

#ma .flow .block .flow_list2 li .fukidashi::after {
content: "";
position: absolute;
top: 55%;
left: -40px;
width:50px;
height: 2px;
background: #ff8400;
transform: rotate(160deg);
z-index: 2;
}

#ma .flow .block .flow_list2 li h6{
color: #086DB0;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 10px;
text-align: left;
letter-spacing: .1rem;
}

#ma .flow .block .flow_list2 li .txt{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
margin: auto;
}

#ma .flow .block .flow_list2 li .txt_b{
background: #086db0;
padding: 5px;
box-sizing: border-box;
margin-top: 10px;
border-radius: .6rem;
color: #FFF;
font-size: 1.2rem;
line-height: 1.8;
}

#ma .flow .block .illust_img01{
position: absolute;
bottom: 0;
right: -70px;
width: 400px;
z-index:0;
overflow: hidden;
border-radius: 1rem;
}


/*faq
---------------------------------------------------------*/
#ma .faq{
width: 100%;
padding: 10rem 0;
box-sizing: border-box;
position: relative;
background: #e1ecf7;
}

#ma .faq .m_ttl_en{
font-size: 3rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}

#ma .faq .m_ttl{
position: relative;
font-size: 4.6rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:25px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .faq .m_s_ttl{
font-size: 2.6rem;
line-height: 1;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 50px;
}

#ma .faq .faq_list{
width: 1000px;
margin: 0 auto;
list-style: none;
padding: 0;
}

#ma .faq .faq_list li{
border: 1px solid #333;
background: #fff;
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding: 4.5rem 3.5rem;
border-radius: 1rem;
margin-bottom: 30px;
}

#ma .faq .faq_list li:last-child{
margin-bottom: 0;
}

#ma .faq .faq_list li h5{
position: relative;
color: #05415a;
font-size:2rem;
line-height: 1;
padding-left:3.6rem;
margin-bottom: 40px;
border-bottom: 1px solid #05415a;
padding-bottom: 15px;
box-sizing: border-box;
}

#ma .faq .faq_list li h5::before{
content: "Q";
position: absolute;
top: -10px;
left: 0;
font-weight: 600;
font-size: 3.6rem;
line-height: 1;
color: #05415a;
font-family: "Barlow", sans-serif;
}

#ma .faq .faq_list li .faq_box{
position: relative;
padding-left:3.6rem;
}

#ma .faq .faq_list li .faq_box::before{
content: "A";
position: absolute;
top: -10px;
left: 0;
font-weight: 600;
font-size: 3.6rem;
line-height: 1;
color: #086db0;
font-family: "Barlow", sans-serif;
}

#ma .faq .faq_list li .faq_box dl{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}

#ma .faq .faq_list li .faq_box dl dt{
width:100px;
padding:0 10px 10px;
box-sizing: border-box;
}

#ma .faq .faq_list li .faq_box dl dd{
width:calc(100% - 100px);
padding:0 10px 10px;
box-sizing: border-box;
}


/*form
---------------------------------------------------------*/
#ma .form{
width: 100%;
position: relative;
background:rgba(255,255,255,1);
padding:65px 45px;
box-sizing: border-box;
margin: auto;
}

#ma .form .form_block{
width: 1000px;
margin: 0 auto;
background:#FFF;
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding: 4.5rem 3.5rem;
border-radius: 1rem;
border: 1px solid #E3E3E3;
}


#ma .form .m_ttl_en{
font-size: 3rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}

#ma .form .m_ttl{
position: relative;
font-size: 4.6rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:25px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .form .m_s_ttl{
font-size: 2.6rem;
line-height: 1;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 50px;
}

#ma .form .fm_ttl{
position: relative;
font-size: 2.8rem;
font-weight: 500;
line-height: 1;
color: #05415a;
margin-bottom:35px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .form .fm_ttl::before{
content:"";
display: block;
position: absolute;
left: 0;
top: -10px;
width: 100%;
height: 1px;
background: #999;
}

#ma .form .ma_txt{
width: 100%;
position: relative;
margin: 0 auto 40px;
}

#ma .form .ma_txt span{
color: #da0000;
font-weight: bold;
}

#ma .pv_tit{
font-size: 1.8rem;
font-weight: 300;
margin: 0 0 30px;
position: relative;
text-align: center;
}

#ma .com_table {
width:100%;
margin:0 auto 30px;
font-size: 1.4rem;
background:#e0ebf3;
box-sizing: border-box;
border-radius: 1rem;
}

#ma .com_table th {
width: 25%;
padding: 15px 20px;
text-align: left;
font-weight: 500;
line-height: normal;
position: relative;
display: table-cell;
}

#ma .com_table th span {
float: right;
font-size: 0.8em;
background: #da0000;
padding: 2px 10px;
color: #FFF;
line-height: normal;
font-style: normal;
display: block;
width: 30px;
text-align: center;
}

#ma .com_table td {
padding: 15px 20px;
position: relative;
display: table-cell;
vertical-align: middle;
}

#ma button[type="submit"],
#ma input[type="submit"] {
background:  #333333;
border:  #333333 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

#ma submit[type="submit"]:hover,
#ma input[type="submit"]:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

#ma .submit:hover {
background: #fff;
border: #165aa2 1px solid;
color: #165aa2;
}

#ma input[type="text"],
#ma input[type="date"],
#ma textarea,
#ma select {
padding: 8px;
border: 1px solid #dddddd;
}

#ma .w100 { width: 100px;}
#ma .w240 { width: 240px;}
#ma .w350 { width: 350px;}
#ma .w540 { width: 540px;}
#ma .w100p { width: 100%;}

#ma .h_kome {
background:#da0000;
color: #fff;
display: inline-block;
font-size: 0.7em;
padding: 1px 10px;
}	

#ma .ma_link_btn01 a{
margin-top:30px;
margin-bottom:30px;
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 10px 50px;
text-align: center;
text-decoration:none;
}

#ma .ma_link_btn01 a:hover{
opacity:0.8;
}

#ma ::placeholder {
color: #999;
}


#ma .btn_back {
background:  #FFF;
border:  #333333 1px solid;
color: #333;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

#ma .btn_back:hover {
background: #333;
border: #333333 1px solid;
color: #FFF;
}

#ma .error_txt {
color: #FF0000;
}

#ma .ma-privacy__title {
font-size: 1em;
line-height: 1.6;
}

#ma .ma-privacy__wrap {
width: 100%;
height: 300px;
padding: 20px;
overflow-y: scroll;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
margin: 30px auto 60px;
background: #F1F1F1;
}

#ma .ma-privacy__list dt {
margin-top: 60px;
margin-bottom: 10px;
font-size: 1em;
line-height: 1.8;
}

#ma .ma-privacy__list dd {
font-size: 1em;
line-height: 1.8;
}

#ma .ma-privacy__list dd:last-child {
margin-bottom: 60px;
}

#ma .ma-privacy__check {
max-width: 600px;
margin: 60px auto;
padding: 30px 40px;
line-height: 1.6 !important;
background-color: rgba(0, 0, 0, .05);
text-align: center;
box-sizing: border-box;
}


#ma .com_table td img{
width: 150px;
}


#ma .btn_top a{
width: 300px;
margin: 60px auto 0;
background:  #333333;
border:  #333333 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

#ma .btn_top a:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

#ma .ma-privacy__check {
width: 100%;
margin: 30px auto 10px;
padding: 10px;
line-height: 1.6 !important;
background-color: rgba(0, 0, 0, .05);
text-align: center;
box-sizing: border-box;
}

#ma .form .pri_txt{
font-size: 1.6rem;
text-align: center;
margin-bottom: 30px;
}

#ma .form .pri_txt2{
font-size: 1.6rem;
margin-bottom: 30px;
list-style: none;
position: relative;
}

#ma .form .pri_txt2 li{
position: relative;
margin-bottom: 20px;
padding-left: 20px;
}

#ma .form .pri_txt2 li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 1.6rem;
}

}
/*sp*/
@media only screen and (max-width: 767px) {
/*fv
----------------------------------*/
#ma .fv{
position: relative;
width: 100%;
background: url("../images/bg_fv_sp.jpg") top center no-repeat;
background-size: cover;
margin:0;
padding:30px 5% 240px;
box-sizing: border-box;
}

#ma .fv .fv_main{
display: table;
position: relative;
overflow: hidden;
padding: 20px;
box-sizing: border-box;
justify-content: center;
}

#ma .fv .fv_main::before{
content: "";
background: rgba(0,0,0,.03);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 1rem;
}

#ma .fv .fv_main .fv_main_ttl{
width: 90%;
margin: 0 auto 40px;
font-size: 3.2rem;
font-weight: 500;
line-height: 1;
text-align: center;
position: relative;
}

#ma .fv .fv_main .fv_main_ttl::before{
content: "";
position: absolute;
bottom: -20px;
left:50%;
width: 40%;
height: 1px;
background: #086DB0;
margin-left: -20%;
}

#ma .fv .fv_main_txt{
font-size: 1.5rem;
font-weight:500;
line-height:1.8;
letter-spacing: .05rem;
}



/*policy
---------------------------------------------------------*/
#ma .policy{
width: 100%;
padding:5rem 5%;
box-sizing: border-box;
position: relative;
background:#e1ecf7;
}

#ma .policy .m_ttl_en{
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}

#ma .policy .m_ttl{
position: relative;
font-size:2.8rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:15px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .policy .m_s_ttl{
font-size: 1.6rem;
line-height: 1.4;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 20px;
}

#ma .policy .policy_box{
width: 100%;
margin: 0 auto;
background: #fff;
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding:2.5rem 1.5rem;
border-radius:1rem;
}

#ma .policy .policy_box p{
line-height: 2;
margin: 0 0 30px;
}

#ma .policy .policy_box .ph_list{
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
}

#ma .policy .policy_box .ph_list li{
width: 32%;
}

#ma .policy .policy_box .ph_list li img{
border-radius:.5rem;
overflow: hidden;
}



/*investment
---------------------------------------------------------*/
#ma .investment{
padding:5rem 5%;
box-sizing: border-box;
position: relative;
background: linear-gradient(160deg, white 0%, #cddae3 100%);
}

#ma .investment .m_ttl_en{
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}


#ma .investment .m_ttl{
position: relative;
font-size: 2.8rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:15px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .investment .m_s_ttl{
font-size: 1.66rem;
line-height: 1.4;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 30px;
}

#ma .investment .m_txt{
font-size: 1.6rem;
line-height: 1.4;
font-weight: 500;
color: #05415a;
margin-bottom: 30px;
}

#ma .investment .m_m_ttl{
position: relative;
font-size: 2rem;
font-weight: 500;
line-height: 1;
color: #05415a;
margin-bottom:20px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .investment .m_m_ttl::before{
content:"";
display: block;
position: absolute;
left: 0;
top: -10px;
width: 100%;
height: 1px;
background: #999;
}

#ma .investment .m_m_ttl::after{
content:"";
display: block;
position: absolute;
left: 0;
top: -10px;
width: 100px;
height: 1px;
background: #086DB0;
}

#ma .investment .investment_list{
width: 100%;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}

#ma .investment .investment_list .investment_box{
width: 100%;
background-image: linear-gradient(180deg, #ffffff, #e2eeff);
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding:2.5rem 2rem;
border-radius:1rem;
border: 2px solid #05415a;
position: relative;
margin-bottom: 40px;
}

#ma .investment .investment_list .investment_box .ttl2{
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%,-50%);
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
padding:.7rem 3rem;
box-sizing: border-box;
border-radius: 50rem;
background-color: #05415a;
color: #fff;
}

#ma .investment .investment_list .investment_box .txt_list{
margin: 0 0 0 20px;
list-style-type: disc;
padding: 0;
}

#ma .investment .investment_list .investment_box .txt_list li{
margin-bottom: 30px;
color: #05415a;
font-weight: 400;
}

#ma .investment .investment_list .investment_box .txt_list li:last-child{
margin-bottom: 0;
}

#ma .investment .investment_list .target_box{
width: 100%;
background-image:linear-gradient(180deg, #ffffff, #f0faff);
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding:2.5rem 2rem;
border-radius:1rem;
border: 2px solid #086db0;
position: relative;
}

#ma .investment .investment_list .target_box .ttl2{
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%,-50%);
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
padding:.7rem 1rem;
box-sizing: border-box;
border-radius: 50rem;
background-color: #086db0;
color: #fff;
white-space: normal;
}

#ma .investment .investment_list .investment_box .icon,
#ma .investment .investment_list .target_box .icon{
width: 60%;
margin:15px auto 20px;
}

#ma .investment .investment_list .target_box p{
line-height: 1.8;
font-weight: 400;
color: #086db0;
}

#ma .investment .area_box{
width: 100%;
margin: 0 auto;
background:linear-gradient(160deg, white 0%, #F0F0F0 100%);
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding: 2.5rem 1.5rem;
border-radius: 1rem;
border: 1px solid #E3E3E3;
}


/*flow
---------------------------------------------------------*/
#ma .flow{
padding:5rem 5%;
box-sizing: border-box;
position: relative;
background: #FAFAFA;
}


#ma .flow .m_ttl_en{
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}


#ma .flow .m_ttl{
position: relative;
font-size: 2.8rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:15px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .flow .m_s_ttl{
font-size: 1.6rem;
line-height: 1.4;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 30px;
}

#ma .flow .m_txt{
font-size: 1.75rem;
line-height: 1;
font-weight: 500;
text-align: center;
color: #05415a;
margin-bottom: 60px;
}

#ma .flow .block{
width: 100%;
margin: 0 auto 70px;
position: relative;
}

#ma .flow .block:last-child{
margin-bottom: 0;
}

#ma .flow .block::before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 18px 0 18px 20px;
border-color: transparent transparent transparent #666;
position: absolute;
bottom: -50px;
left: 46%;
margin: auto;
transform: rotate(90deg);
}

#ma .flow .block:last-child:before {
display: none;
}

#ma .flow .block .f_ttl1{
background: #a01f1f;
font-size: 1.8rem;
line-height: 1;
color: #FFF;
display: flex;
align-items: center;
justify-content: center;
padding:10px;
border-radius: 1rem;
letter-spacing: .3rem;
margin-bottom: 10px;
}

#ma .flow .block .f_ttl1 span{
display: block;
margin-bottom: 10px;
font-size: .9rem;
}

#ma .flow .block .flow_list1{
list-style: none;
margin: 0;
padding: 0;
z-index: 5;
}

#ma .flow .block .flow_list1 li{
background: linear-gradient(160deg, white 0%, #F0F0F0 100%);
width: 100%;
margin-right: 2.333%;
border: 2px solid #a01f1f;
padding: 20px 15px;
box-sizing: border-box;
border-radius: 1rem;
position: relative;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
margin-bottom:15px;
}

#ma .flow .block .flow_list1 li:last-child:before {
display: none;
}

#ma .flow .block .flow_list1 li:last-child{
margin-right: 0;
}


#ma .flow .block .flow_list1 li h6{
color: #a01f1f;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 10px;
}

#ma .flow .block .flow_list1 li .txt{
font-size: 1.6rem;
line-height: 1.8;
}

#ma .flow .block .f_ttl2{
background: #086DB0;
font-size: 1.8rem;
line-height: 1;
color: #FFF;
display: flex;
align-items: center;
justify-content: center;
padding:10px;
border-radius: 1rem;
letter-spacing: .3rem;
margin-bottom: 10px;
}

#ma .flow .block .f_ttl2 span{
display: block;
margin-bottom: 10px;
font-size: .8rem;
}

#ma .flow .block .flow_list2{
list-style: none;
margin: 0;
padding: 0;
}

#ma .flow .block .flow_list2 li{
background: linear-gradient(160deg, white 0%, #F0F0F0 100%);
width: 100%;
margin-right: 2.333%;
border: 2px solid #086DB0;
padding: 20px 15px;
box-sizing: border-box;
border-radius: 1rem;
position: relative;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
margin-bottom: 15px;
}

#ma .flow .block .flow_list2 li:last-child{
margin-right: 0;
}

#ma .flow .block .flow_list2 li .flow_ttl{
width: 8%;
background: #086DB0;
padding: 10px 5px;
box-sizing: border-box;
font-size: 1.4rem;
font-weight: 500;
color: #FFF;
text-align: center;
line-height: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;
}

#ma .flow .block .flow_list2 li .flow_ttl::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width:4.5vw 0 4.5vw 5vw;
border-color: transparent transparent transparent #086DB0;
position: absolute;
bottom:-2.5vh;
left:1vw;
margin: auto;
transform: rotate(90deg)
}

#ma .flow .block .flow_list2 li .flow_ttl::after{
z-index: 2;
border-left-color: #086DB0;
}

#ma .flow .block .flow_list2 li h6{
color: #086DB0;
font-size: 1.8rem;
line-height: 1;
margin-bottom:10px;
}

#ma .flow .block .flow_list2 li .txt{
font-size: 1.6rem;
line-height: 1.8;
}

#ma .flow .block .flow_list2 li .txt_b{
background: #086db0;
padding: 5px;
box-sizing: border-box;
margin-top: 10px;
border-radius: .6rem;
color: #FFF;
font-size: 1.2rem;
line-height: 1.8;
}

#ma .flow .block .illust_img01{
position: relative;
z-index:0;
width: 60%;
margin: auto;
overflow: hidden;
border-radius: 1rem;
}


#ma .flow .block .flow_list2 li .fukidashi {
position: relative;
width: 60%;
margin:20px auto 0;
padding: 10px;
border: 2px solid #ff8400;
background-color: #fffaf0;
text-align: center;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
color: #000000;
}

#ma .flow .block .flow_list2 li .fukidashi::before {
content: "";
position: absolute;
top: -2px;
left: 50%;
background: #F0F0F0;
width: 40px;
height: 2px;
z-index: 1;
margin-left: -20px;
}

#ma .flow .block .flow_list2 li .fukidashi::after {
content: "";
position: absolute;
top: -20px;
left: 50%;
background: #ff8400;
width: 2px;
height: 25px;
z-index:2;
margin-left: -1px;
}

/*faq
---------------------------------------------------------*/
#ma .faq{
width: 100%;
padding: 5rem 5%;
box-sizing: border-box;
position: relative;
background: #e1ecf7;
}

#ma .faq .m_ttl_en{
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}

#ma .faq .m_ttl{
position: relative;
font-size:2.8rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:20px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .faq .m_s_ttl{
font-size: 1.6rem;
line-height: 1;
font-weight: 300;
color: #05415a;
margin-bottom:20px;
text-align: center;
}

#ma .faq .faq_list{
width: 100%;
margin: 0 auto;
list-style: none;
padding: 0;
}

#ma .faq .faq_list li{
border: 1px solid #333;
background: #fff;
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding: 2.5rem 1.5rem;
border-radius: 1rem;
margin-bottom: 30px;
}

#ma .faq .faq_list li:last-child{
margin-bottom: 0;
}

#ma .faq .faq_list li h5{
position: relative;
color: #05415a;
font-size:2rem;
line-height: 1.4;
padding-left:3.6rem;
margin-bottom: 25px;
border-bottom: 1px solid #05415a;
padding-bottom: 10px;
box-sizing: border-box;
}

#ma .faq .faq_list li h5::before{
content: "Q";
position: absolute;
top: -5px;
left: 0;
font-weight: 600;
font-size: 3.6rem;
line-height: 1;
color: #05415a;
font-family: "Barlow", sans-serif;
}

#ma .faq .faq_list li .faq_box{
position: relative;
padding-left:3.6rem;
}

#ma .faq .faq_list li .faq_box::before{
content: "A";
position: absolute;
top: -10px;
left: 0;
font-weight: 600;
font-size: 3.6rem;
line-height: 1;
color: #086db0;
font-family: "Barlow", sans-serif;
}

#ma .faq .faq_list li .faq_box dl{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}

#ma .faq .faq_list li .faq_box dl dt{
width:80px;
padding:0 10px 10px;
box-sizing: border-box;
}

#ma .faq .faq_list li .faq_box dl dd{
width:calc(100% - 80px);
padding:0 10px 10px;
box-sizing: border-box;
}


/*form
---------------------------------------------------------*/
#ma .form{
width: 100%;
position: relative;
background:rgba(255,255,255,1);
padding:5rem 5%;
box-sizing: border-box;
margin: auto;
}

#ma .form .form_block{
width: 100%;
margin: 0 auto;
background:#FFF;
box-sizing: border-box;
box-shadow: 0 0 .75rem 0 rgba(0,0,0,.1);
padding: 2.5rem 2rem;
border-radius: 1rem;
border: 1px solid #E3E3E3;
}


#ma .form .m_ttl_en{
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
color: #92bbd6;
font-family: "Barlow", sans-serif;
text-align: center;
opacity: .25;
}

#ma .form .m_ttl{
position: relative;
font-size: 2.8rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #05415a;
margin-bottom:20px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .form .m_s_ttl{
font-size: 1.6rem;
line-height: 1;
font-weight: 300;
text-align: center;
color: #05415a;
margin-bottom: 20px;
}

#ma .form .fm_ttl{
position: relative;
font-size: 1.8rem;
font-weight: 500;
line-height: 1;
color: #05415a;
margin-bottom:35px;
letter-spacing: .2rem;
z-index: 1;
}

#ma .form .fm_ttl::before{
content:"";
display: block;
position: absolute;
left: 0;
top: -10px;
width: 100%;
height: 1px;
background: #999;
}

#ma .form .ma_txt{
width: 100%;
font-size: 1.6rem;
position: relative;
margin: 0 auto 40px;
}

#ma .form .ma_txt span{
color: #da0000;
font-weight: bold;
}

#ma .form{
width: 100%;
position: relative;
background:rgba(255,255,255,1);
box-sizing: border-box;
margin: auto;
}

#ma .pv_tit{
font-size: 1.2rem;
font-weight: 300;
margin: 0 0 30px;
position: relative;
text-align: center;
}


#ma .com_table {
width:100%;
margin:0 auto 30px;
box-sizing: border-box;
background: #e0ebf3;
border-radius: .6rem;
}


#ma .com_table th {
text-align: left;
font-weight: 500;
position: relative;
vertical-align: top;
display: block;
padding: 10px 10px 0;
box-sizing: border-box;
border-bottom: none;
}

#ma .com_table th span {
float: right;
font-size: 1.2rem;
background:  #da0000;
padding: 0 10px;
color: #FFF;
line-height: normal;
font-style: normal;
}

#ma .com_table td {
padding: 5px 10px;
box-sizing: border-box;
position: relative;
display: block;
}


#ma button[type="submit"],
#ma input[type="submit"] {
background:  #333333;
border:  #333333 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

#ma button[type="submit"]:hover,
#ma input[type="submit"]:hover {
background: #fff;
border: #333333 1px solid;
color:  #333333;
}

#ma .submit:hover {
background: #fff;
border: #165aa2 1px solid;
color: #165aa2;
}

#ma input[type="text"],
#ma input[type="date"],
#ma textarea,
#ma select {
padding: 8px;
border: 1px solid #dddddd;
box-sizing: border-box;
}

#ma .w100 { width: 20%;}
#ma .w240 { width: 100%;}
#ma .w350 { width: 100%;}
#ma .w540 { width: 100%;}
#ma .w100p { width:100%;}

#ma .h_kome {
background:#7a6a56;
color: #fff;
display: inline-block;
font-size: 0.9em;
padding: 1px 10px;
}	

#ma .ma_link_btn01 a{
margin-top:30px;
margin-bottom:30px;
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 10px 50px;
text-align: center;
text-decoration:none;
}

#ma .ma_link_btn01 a:hover{
opacity:0.8;
}

#ma .btn_back {
background:  #FFF;
border:  #333333 1px solid;
color: #333;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

#ma .btn_back:hover {
background: #333;
border: #333333 1px solid;
color: #FFF;
}

#ma .error_txt {
color: #FF0000;
}


#ma .ma-privacy__title {
}

#ma .ma-privacy__wrap {
width: 100%;
height: 300px;
padding: 20px;
overflow-y: scroll;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
margin: 0 auto 30px;
background: #F1F1F1;
}

#ma .ma-privacy__list dt {
margin-top: 30px;
margin-bottom: 10px;
font-size: 1em;
line-height: 1.8;
}

#ma .ma-privacy__list dd {
font-size: 1em;
line-height: 1.8;
}

#ma .ma-privacy__list dd:last-child {
margin-bottom: 30px;
}

#ma .ma-privacy__check {
width: 100%;
margin: 20px auto;
padding: 10px;
line-height: 1.6 !important;
background-color: rgba(0, 0, 0, .05);
text-align: center;
box-sizing: border-box;
}


#ma .com_table td img{
width: 150px;
}

#ma .btn_top a{
width: 300px;
margin: 30px auto 0;
background:  #333333;
border:  #333333 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

#ma .btn_top a:hover {
background: #fff;
border: #333333 1px solid;
color: #333333;
}

#ma .form .pri_txt{
font-size: 1.4rem;
text-align: center;
margin-bottom: 30px;
}

#ma .form .pri_txt2{
font-size: 1.4rem;
margin-bottom: 30px;
list-style-type: none;
}


#ma .form .pri_txt2 li{
position: relative;
margin-bottom: 20px;
padding-left: 20px;
}

#ma .form .pri_txt2 li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 1.6rem;
}

}