@charset "shift_jis";

.home__image_v2 {
    position: relative;
    width: 540px;
    height: 400px;
}

.home__image_v2 img {
    display: block;
    width: 540px;
    height: 400px;
}

h2.catchphrase {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}

.common__explanation {
    position: relative;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.common__explanation h2.explanation_title {
    position: relative;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    padding-bottom: 25px;
}

.common__explanation h2.explanation_title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #387CCC rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.common__explanation .explanation__flex_wrap {
    border: solid 2px #387CCC;
    background-color: #FFF;
    width: 100%;
    max-width: 650px;
    padding: 10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.common__explanation .explanation__flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
}

.common__explanation .explanation__flex:first-child {
    margin-top: 0;
}

.common__explanation .explanation__flex .explanation_num {
    background-color: #387CCC;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    border-radius: 50%;
}

.common__explanation .explanation__flex p.explanation_provider {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    margin-left: 5px;
}

.common__explanation .explanation__flex p.explanation_provider span {
    font-size: 13px;
    font-weight: 600;
}

.common__explanation h3.explanation_index {
    display: block;
    background-color: #387CCC;
    width: 180px;
    font-size: 16px;
    margin-top: 20px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.2em;
    padding: 7px;
    margin-left: auto;
    margin-right: auto;
}

.common__explanation p.explanation_txt {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
}

.common__explanation a.explanation_link {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
}

.choice__wrap {
    background-color: #647FB9;
    width: 400px;
    height: 400px;
    padding: 20px;
}

.choice__wrap a.choice_button {
    display: block;
    position: relative;
    width: 100%;
    height: 170px;
    margin-top: 20px;
    border-radius: 5px;
}

.choice__wrap a.choice_button:first-child {
    margin-top: 0;
}

.choice__wrap a.c01,
.home__branch .branch_box a.c01 {
    background: rgb(242,242,242);
	background: -webkit-linear-gradient(rgba(255,255,255,1) 50%, rgba(255,239,242,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,1) 50%, rgba(255,239,242,1) 100%);
	background: linear-gradient(rgba(255,255,255,1) 50%, rgba(255,239,242,1) 100%);
}

.choice__wrap a.c01:hover,
.home__branch .branch_box a.c01:hover {
    background: #FFEFF2;
}

.choice__wrap a.c02,
.home__branch .branch_box a.c02 {
    background: rgb(242,242,242);
	background: -webkit-linear-gradient(rgba(255,255,255,1) 50%, rgba(240,248,255,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,1) 50%, rgba(240,248,255,1) 100%);
	background: linear-gradient(rgba(255,255,255,1) 50%, rgba(240,248,255,1) 100%);
}

.choice__wrap a.c02:hover,
.home__branch .branch_box a.c02:hover {
    background: #F0F8FF;
}

.choice__wrap a.choice_button .choice_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    width: 90%;
    text-align: center;
}

.choice__wrap a.choice_button .choice_inner p.title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.choice__wrap a.choice_button .choice_inner p.explanation {
    font-size: 14px;
    margin-top: 10px;
}

.choice__wrap a.choice_button .choice_inner p.goto_detail {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.13em;
    padding: 5px 20px;
    margin-top: 15px;
}

.choice__wrap a.choice_button .choice_inner p.c01 {
    background-color: #A90448;
}

.choice__wrap a.choice_button .choice_inner p.c02 {
    background-color: #4966A6;
}

.branch__wrap {
    position: relative;
    background: #FFF;
    width: 900px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    box-shadow:0px 5px 6px 2px #999999;
}

.branch__wrap .new___badge {
    position: absolute;
    top: -10px;
    left: -5px;
    background-color: #DC143C;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    transform: rotate(-7deg);
    border-radius: 50%;
}

.branch__wrap .common_title {
    border-left: solid 10px #1E90FF;
    border-right: solid 10px #1E90FF;
    background: #00337f;
    width: 400px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 25px auto;
    box-shadow:0px 5px 6px 2px #999999;
}

.branch__wrap h3.explanation_index {
    display: inline-block;
    background-color: #387CCC;
    width: 300px;
    font-size: 16px;
    margin-top: 20px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.2em;
    padding: 7px;
    margin-bottom: 20px;
}

.branch__wrap p.explanation {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.home__branch {
}

.home__branch .branch_box {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.home__branch .branch_box:first-child {
    margin-left: 0;
}

.home__branch .branch_box a.goto__login {
    flex-grow: 1;
    display: block;
    position: relative;
    border: solid 1px #CCC;
    border-radius: 7px;
}

.home__branch .branch_box .branch_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    width: 90%;
    text-align: center;
}

.home__branch .branch_box .branch_inner p.branch_title {
    font-size: 18px;
    font-weight: 600;
}

.home__branch .branch_box .branch_inner p.branch_title span {
    font-size: 14px;
    font-weight: 600;
}

.home__branch .branch_box .branch_inner p.branch_ex {
    font-size: 14px;
    margin-top: 6px;
}

.home__branch .branch_box .branch_inner p.phs_move {
    display: inline-block;
    background-color: #A90448;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.13em;
    padding: 5px 50px;
    margin-top: 15px;
}

.home__branch .branch_box .branch_inner p.msr_move {
    display: inline-block;
    background-color: #4966A6;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.13em;
    padding: 5px 50px;
    margin-top: 15px;
}

.login__wrap iframe {
    display: block;
    width: 100%;
    max-width: 400px;
    height: 400px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}