@charset "UTF-8";


/*
 * Start Bootstrap - Landing Page (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body,
html {
    width: 100%;
    height: 100%;
}


.topnav {
    font-size: 14px;
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    text-align: center;
    color: #f8f8f8;
    background: url(../image/intro-bg.jpg) no-repeat center center;
    background-size: cover;
}

.intro-header2 {
    text-align: center;
    color: #f8f8f8;
height:750px;
background-image:url(../image/headlp_bg.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}
.intro-header3 {
    text-align: center;
    color: #f8f8f8;
height:750px;
background-image:url(../image/headlp_bg2.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}
.intro-header4 {
    text-align: center;
    color: #f8f8f8;
height:750px;
background-image:url(../image/headlp_bg4.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}
.intro-header5 {
    text-align: center;
    color: #f8f8f8;
height:2250px;
background-image:url(../image/head_fcb1.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}
.intro-header6 {
    text-align: center;
    color: #f8f8f8;
height:2000px;
background-image:url(../image/head_fcb2.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}
.intro-header7 {
    text-align: center;
    color: #f8f8f8;
height:1680px;
background-image:url(../image/head_pc_rentalopen.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}
.intro-header8 {
    text-align: center;
    color: #f8f8f8;
height:780px;
background-image:url(../image/head_bg_rentaltousi.jpg);
background-size:cover;
margin-top: -40px;
    background-position: top center;
}

.intro-message {
    position: relative;
    padding-top: 5%;
    padding-bottom: 10%;
}

.intro-message>h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 5em;
}

.intro-divider {
    width: 980px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message>h3 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

@media (max-width:767px) {
    .intro-header5, .intro-header6 {
        height: unset;
    }
}

/*チェックボックス
---------------------------------------------------------------------------*/

.check_box {
width: 750px;
    height: auto;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
        margin-bottom: 1.5em;
}

.check_list {
    float: left;
    width: 95%;
    margin-top: 5px;
}

.check_in {
    float: left;
    width: 95%;
    margin-top: 5px;
    padding-left: 15px;
}

.check_right {
    float: left;
    width: 260px;
}

.space1 {
    height: 1px;
}

.check {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 16px;
    counter-increment: titleNum;
}

.check_list li {
    list-style: none;
    background: url(../image/check_icon1.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
    padding: 3px 0px 3px 38px;
    line-height: 30px;
    background-position-y: 2px;
}



/*ゆいまーる---------------------------------------------------------------------------------------------------------------------------------------------------*/

.business2 #menubar {
    background: #f57c00;
    ;
    color: #ffffff;
}

.business2 .widget h3 {
    border-left: 5px #FF5722 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.business2 #main h2 {
    clear: both;
    padding: 12px .75em;
    background-color: #ffffff;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
}

.business2 #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 8px;
    height: 27px;
    background-color: #ff5722;
}

.business2 #main h3 {
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
}

.business2 nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #FF5722;
    color: #fff;
}

.business2 nav#menubar ul li a {
    color: #ffffff;
}

.business2 #sub ul.submenu li a:hover {
    background-color: #F57C00;
    color: #fff;
}

.business2 a:hover {
    color: #FF9800;
    text-decoration: none;
}

.button{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 4px #0f5a09;
    border-radius: 3px;
    line-height: 2.2;
    font-size: 32px;
    background: #00a9e2;
}
.button:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
text-decoration:none;
}

.business2 header {
    border-top: 4px;
    border-top-color: #F57C00;
    color: #ffffff;
    border-style: solid;
}

.button_bg{margin-top:-122px;}

.button2_bg{
    margin: -140px auto 0;
    width: 1200px;
}

.button2:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
    text-decoration: none;
}

.business2 footer {
    background-color: #fff;
    color: #212121;
    border-top-style: solid;
    border-color: #f57c00;
    border-top-width: 10px;
}

.business2 footer a {
    color: #212121;
}

.business2 footer a:hover {
    color: #f57c00;
}

.business2 .step_midashi span {
    color: #FF5722;
}

.yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #FF9800;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #FF9800;
}

.moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #F57C00;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #F57C00;
}

.content-section-a2 {
    padding: 50px 0;
    background-color: #fff;
}

.content-section-a3 {
    padding: 16px 0;
    background-color: #df0013;
}

.content-section-a4 {
    padding: 16px 0;
    background-color: #f9f9f9;
}

.content-section-a5 {
    padding: 16px 0;
    background-color: #FFFCF2;
}


.content-section-a6 {
background: -moz-linear-gradient(25deg, rgba(37, 95, 162, 0.8), rgba(0, 188, 212, 0.8)),url(../image/offer_bg.jpg);
background: -webkit-linear-gradient(25deg, rgba(37, 95, 162, 0.8), rgba(0, 188, 212, 0.8)),url(../image/offer_bg.jpg);
background: linear-gradient(25deg, rgba(37, 95, 162, 0.8), rgba(0, 188, 212, 0.8)),url(../image/offer_bg.jpg);
background-size:cover;
background-position:center;
/*以下グラデーションとは関係のない部分*/
line-height: 1.7em;
text-align: center;
color: #FFF;
padding: 3em 0 0 0;
}

.content-section-a7 {
    padding: 16px 0;
    background-color: #FFF;
    background-image: url(../image/gridng.png);
    background-repeat: repeat;
}

.content-section-a7b {
    padding: 16px 0;
    background-color: #f3f3f3;
    background-image: url(../image/gridng.png);
    background-repeat: repeat;
}

.content-section-a8 {
    padding: 16px 0;
    background-color: #FFF;
    background-image: url(../image/cym-bg.gif);
    background-repeat: repeat;
}

.content-section-a9 {
    padding: 16px 0;
    background-color: #df0013;
    background-image: url(../image/pointbg.png);
    background-repeat: repeat;
    background-position: center top;
}

.content-section-a10 {
    padding: 16px 0;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}

.stripe{
    bottom: 0;
    height: 52px;
    background: #fff url(../image/stripe.gif) repeat-x top center;
}

.center{
	text-align:center;
}


@media (max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message>h1 {
        font-size: 33px;
    }

    .intro-message>h3 {
        font-size: 16px;
    }

    ul.intro-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons>li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}


@media (max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons>li:last-child {
        margin-bottom: 0;
    }

    .content-section-a2 {
        padding: 0px 0;
    }
}

@media (max-width: 480px) {

    .button {
        border-radius: 5px;
        width: 80%;
        font-size: x-large;
        margin-left: auto;
        margin-right: auto;
        padding: 8PX;
    line-height: 2.5;
height:80px;
    }

.intro-header2 {
    height: auto;
}
.intro-header3 {
    height: auto;
}
.intro-header4 {
    height: auto;
}

.intro-header7 {
    height: auto;
}

.intro-header8 {
    height: auto;
}
  
.check_box {
width: 100%;
    height: auto;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
} 

.content-section-a7 {
	margin-top:32px;
}
  

}

@media (max-width: 1020px) and (min-width: 768px) {

.intro-header2 {
    height: auto;
}
.intro-header3 {
    height: auto;
}

.intro-header7 {
    height: auto;
}

}

.container2 {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    padding: 8px 24px;
    background-color: none;
    overflow: hidden;
}

.contents {
    clear: left;
    padding-top: 0px;
    margin: 0px 10px;
    overflow: hidden;
}

.header_fc3 {
    text-align: center;
    background-image: url(../image/fc3_main_bg.jpg);
    background-size: cover;
    background-position: top center;
}

.onayami_fc3 {
    background-color: #444;
    padding: 4rem 0 8rem;
    position: relative;
}

.onayami_fc3 h2 {
    text-align: center;
    color: #fff;
    font-size: 36pt;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.onayami_check_fc3 {
	background: #fff;
	padding-top: 1rem;
	border: solid 4px #e5e5e5;
}

.oc_left {
    float: left;
	width: 62%;
}

.oc_left ul {
	margin: 0 0 0 2.5rem;
}

.oc_left li {
	font-size: 27px;
    font-weight: 600;
	padding: 1.25rem 0 1.25rem 4rem;
    border-bottom: dotted #ffc6ca;
	position: relative;
    text-indent: 0;
}

.oc_left li:last-child {
    border-bottom: none;
}

.oc_left li:before {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    color: #e60012;
	left: 4px;
}

.oc_right {
    float: right;
	width: 38%;
}
	
.yajirushi_fc3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.yajirushi_fc3 img {
    display: initial;
}

.erabareru_fc3 {
    background-color: #e60012;
    padding: 14rem 0 4rem;
}

.er_fc3 {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 1em;
	padding: 2em;
}

.er_fc3 h3 {
	margin: 0 0 1em;
    padding-bottom: 1rem;
    border-bottom: dashed 2px #ffc6ca;
}

.er_number_tt {
	width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 75px;
    float: left;
    padding: 0px 0 0px;
	font-weight: 600;
    margin-bottom: 16px;
	line-height: 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom,#e60012 0,#bb171e 100%);
}

.er_reason {
	font-size: 16px;
}

.er_number {
	font-size: 54px;
    padding: 0px 0 0;
	line-height: 1.1;
    font-family: 'Trebuchet MS',sans-serif;
}

.er_title {
    padding: 0 16px;
    font-size: 52px;
    font-weight: bold;
    color: #212121;
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    height: 80px;
}

.er_left {
    float: left;
	width: 54%;
}

.er_left p {
    margin: 0 0 1em;
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: .4px;
}

.er_right {
    width: 44%;
    float: right;
}

.contact_btn {
	font-size: 5rem;
    font-weight: 600;
    text-align: center;
    padding: 1em;
    color: #fff;
    background: linear-gradient(to bottom, #2de378 0, #03ab49 100%);
    border-radius: 2px;
    border: solid 1px;
    outline: solid 3px #2de378;
    width: 99%;
    margin: 0.75em auto 0.5em;
    line-height: 0.5;
    letter-spacing: 0.75rem;
    max-width: 840px;
}

.contact_btn:before {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 36px;
	padding-right: 0.5em;
	display: inline-block;
    height: 25px;
    vertical-align: middle;
}

.fc_introduction {
    background-image: url(../image/introduction_bg.jpg);
	padding-bottom: 1.5em;
}

.intro_fc3 {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 1em;
    padding: 2em;
}

.intro_fc3 h3 {
    margin: 0 0 1em;
    padding-bottom: 1rem;
    border-bottom: solid 1px #959595;
    font-size: 44px;
    font-weight: 600;
    text-align: center;
}

.intro_left {
    float: left;
	width: 48%;
}

.intro_L_tt {
    font-size: 48px;
    letter-spacing: 6px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.intro_left p {
    margin: 0 0.5em 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: .4px;
}

.intro_right {
    float: right;
	width: 50%;
}

.fc3_white {
    margin: 2em 0;
}


.cp_box {
	position: relative;
	margin-bottom: 2em;
}
	
.cp_box input {
	display: none;
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 300px;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
    margin: 0;
}

.content-section-a10 .cp_box label {
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, #fff 100%);
}

.cp_box label::after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
	bottom: 40px;
    left: 50%;
    padding: 1em;
    font-family: FontAwesome;
	content: "" " 全店舗を見る";
    transform: translate(-50%, 0px);
    letter-spacing: 0.05em;
    color: rgb(255, 255, 255);
    background-color: #e60012;
    border-radius: 36px;
    font-size: 24px;
    width: 66%;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 500px;
    transition: all 0.5s;
}

.cp_box input:checked+label {
    background: inherit;
}

.cp_box input:checked + label::after {
    font-family: FontAwesome;
    content: "" " 閉じる";
}

.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 80px;
	transition: all 2s;
}

.fc3_red {
	background: #e60012;
	padding: 2em 0;
}

.fc_red {
    color: #e60012;
}

.fc3_voice {
    color: #fff;
    text-align: center;
    font-size: 56px;
    font-weight: 600;
	margin-bottom:24px;
}

.fc3_v_box {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 1em;
	padding: 1.25em;
}

.fc3_v_box_in {
	width: 98%;
    margin: 0 auto;
}

.fc3_v_box h3 {
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom,#e60012 0,#bb171e 100%);
	font-size: 36px;
    font-weight: 500;
	padding: .75em;
    margin-bottom: .5em;
}

.fc3_v_left {
    float: left;
    width: 50%;
}

.fc3_owner {
    font-size: 24px;
    color: #e60012;
    border-bottom: dotted 2px #ffc6ca;
    font-weight: 600;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.fc3_t {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
    margin-left: 1rem;
    margin-bottom: 1.5em;
}

.fc3_v_right {
    float: right;
    width: 48%;
}

.fc3_h2 {
    text-align: center;
    font-weight: 600;
	font-size: 88px;
	letter-spacing: -2px;
	margin-bottom: 0.5em;
}

.fc3_white p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    margin-bottom: 1em;
}

.fc3_why_tt {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-bottom: .75em;
}

.fc3_point {
	padding: 4rem 0;
    background-image: url(../image/cym-bg.gif);
    background-repeat: repeat;
}

.ssp_fc3 {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 1em;
    padding: 2em;
}

.ssp_fc3 h3 {
    margin: 0 0 1em;
    padding-bottom: 1rem;
}

.ssp_number_tt {
    line-height: 1.4;
	width: 60px;
	height: 60px;
    border-radius: 50%;
	font-size: 45px;
    float: left;
    padding: 0px 0 0px;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom,#e60012 0,#bb171e 100%);
}

.ssp_number {
    padding: 0px 0 0;
    line-height: 1.1;
}

.ssp_title {
	padding-left: 16px;
    font-size: 40px;
    font-weight: 600;
    color: #212121;
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    height: 60px;
}

.ssp_left {
    float: left;
	width: 56%;
}

.ssp_left p {
    margin: 0 0 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 2.4;
    letter-spacing: .4px;
}

.ssp_right {
    width: 40%;
    float: right;
}

.fc3_realization {
    background-color: #bb171e;
    padding: 4rem 0 8rem;
    position: relative;
}

.fc3_realization h2 {
    text-align: center;
    color: #fff;
    font-size: 64px;
    font-weight: 600;
	margin-bottom: 0.5em;
}

.big {
    font-size: larger;
}

.fc3_r_box {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 1em;
    padding: 2em;
}

.fc3_r_box h3 {
	color: #e60012;
	margin: 0 0 .75em;
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
}

.fc3_teikakaku_tt {
	font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-bottom: .75em;
}

.realization_left {
    float: left;
    width: 50%;
}

.realization_left p {
    margin: 0 0.5em 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: .4px;
}

.realization_l_tt {
    font-size: 24px;
    letter-spacing: 0;
    margin: 0 .25em 0;
    font-weight: 600;
	line-height: 1.6;
}

.realization_right {
    float: right;
    width: 48%;
}

.fc3_support {
	padding: 18rem 0 4rem;
    background-color: #e73342;
    background-image: url(../image/pointbg.png);
    background-repeat: repeat;
    background-position: center top;
}

.fc3_s_box {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 1em;
    padding: 2em;
}

.fc3_s_box h2 {
    margin-bottom: 1em;
}

.fc3_s_in {
	padding-bottom: 2.5em;
	margin-bottom: 2.5em;
    border-bottom: dotted 1px #959595;
}

.fc3_s_in:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.support_left {
    float: left;
    width: 50%;
}

.support_left h3 {
    margin-bottom: 1em;
}

.support_number_tt {
    line-height: 1.4;
	width: 54px;
	height: 54px;
    border-radius: 50%;
	font-size: 40px;
    float: left;
    padding: 0px 0 0px;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom,#e60012 0,#bb171e 100%);
}

.support_L_tt {
	padding-left: 8px;
    font-size: 32px;
    font-weight: 600;
    color: #212121;
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    height: 60px;
}

.support_left p {
    margin: 0 0 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.8;
    letter-spacing: .4px;
	margin-left: 16px;
}

.support_right {
    width: 46%;
    margin-top: 8px;
    float: right;
}

.fc3_flow {
    padding: 16px 0;
    background-color: #FFF;
    background-image: url(../image/gridng.png);
    background-repeat: repeat;
}

.fc3_flow_title {
    text-align: center;
    font-size: 64px;
    font-weight: 600;
    margin-bottom: .25em;
}

.fc3_f_box {
    background: #fff;
	margin-bottom: 2.75em;
    padding: .75em;
    border: 1px solid #a0a0a0;
	position: relative;
}


.fc3_f_box:last-child:after {
	content: none;
}

.fc3_f_box::after {
    content: ' ';
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -70px;
    width: 0;
    height: 0;
    border: none;
    border-top: 35px solid #e60012;
    border-right: 70px solid transparent;
    border-left: 70px solid transparent;
}


.flow_left {
    float: left;
    width: 66.666%;
    margin: .5em;
}

.flow_left h3 {
    margin-bottom: 1em;
}

.flow_number_tt {
    line-height: 1.4;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 40px;
    float: left;
    padding: 0px 0 0px;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
    color: #fff;
    background: #e60012;
}

.flow_L_tt {
    padding-left: 8px;
    font-size: 48px;
    font-weight: 600;
    color: #212121;
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    height: 55px;
}

.flow_left p {
    margin-left: 2.5em;
}

.flow_right {
    float: right;
    width: 25%;
}

.last_box:after {
    content: none;
}

	
.fc3_daihyou p {
	margin: 0 auto 1em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: .4px;
	width: 98%;
}

.fc3_contact {
    background-color: #fff;
    margin-top: 2em;
    padding: 4rem;
}

@media only screen and (max-width: 500px){
	
	.container2 {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0;
	}
	
	.contents {
		width: auto;
		padding-top: 0px;
		margin: 0px;
	}
	
	.fc_introduction {
		background-image: url(../image/introduction_bg_sp.jpg);
		padding: 1rem 0 3rem;
	}
	
	.onayami_fc3 {
		padding: 2rem 0 4.5rem;
	}
	
	.onayami_fc3 h2 {
		font-size: 20pt;
		font-weight: 600;
		line-height: 1.25em;
		margin-bottom: 1rem;
	}
	
	.onayami_check_fc3 {
		width: 96%;
		margin: 1rem auto 1.5rem;
	}
	
	.oc_left {
		float: none;
		width: 100%;
	}
	
	.oc_left ul {
		margin: 0 auto;
		width: 92%;
	}
	
	.oc_left li {
		font-size: 20px;
		line-height: 1.5em;
		padding-left: 3rem;
	}
	
	.oc_right {
		float: none;
		width: 100%;
	}
	
	.erabareru_fc3 {
		padding:8rem 0 2rem;
	}
	
	.er_fc3 {
		width: 96%;
		margin: 0 auto 1em;
		padding: 1.25em;
		display: flex;
		flex-direction: column;
		box-shadow: none;
	}
	
	.er_fc3 h3 {
		width: 100%;
		order: 1;
		margin-bottom: .5em;
	}
	
	.er_number_tt {
		width: 60px;
		height: 60px;
		font-size: 55px;
		margin-bottom: 0;
	}
	
	.er_number {
		font-size: 40px;
		line-height: .7;
	}
	
	.er_reason {
		display: block;
		font-size: 12px;
		line-height: 2.2;
	}
	
	.er_title {
		line-height: 1.2;
		font-size: 26px;
		padding-right: 0;
		padding-left: 8px;
		height: 65px;
	}
	
	.er_left {
		float: none;
		width: 98%;
		margin: 0 auto;
		order: 3;
	}
	.er_left p {
		font-size: 14px;
	}
	
	br {
		display: block !important;
	}
	
	.er_right {
		float: none;
		width: 100%;
		order: 2;
		margin-bottom: 1em;
	}

	.contact_btn {
		width: 92%;
		font-size: 24px;
		letter-spacing:-1px;
		padding: 1.54em 0.5em;
	}
	
	.contact_btn:before {
		font-size: 16px;
		padding: 0.25em;
		height: 20px;
	}
	
	.intro_fc3 {
		width: 96%;
		margin: 0 auto 1em;
		padding: 1.25em;
	}
	
	.intro_fc3 h3 {
		width: 100%;
		font-size: 28px;
		margin-bottom: .5em;
		line-height: 1.2;
	}
	
	.intro_left, .intro_right {
		float: none;
		width: 100%;
	}
	
	.intro_L_tt {
		font-size: 32px;
		letter-spacing: 5px;
		text-align: center;
		margin: 1rem auto;
	}
	
	.intro_left img {
		margin-bottom: 1em;
	}
	
	.intro_left p {
		font-size: 14px;
	}
	
	.cp_box label::after {
		padding: .75em;
		width: 80%;
	}
	
	.cp_box input:checked + label::after {
		font-family: FontAwesome;
		content: "" " 閉じる";
		bottom: 25px;
	}
	
	.cp_box .cp_container {
		height: 400px;
	}
	
	.fc3_voice {
		font-size: 22px;
	}
	
	.fc3_v_box {
		width: 96%;
		margin: 0 auto 1em;
		padding: 1.25em;
	}
	
	.fc3_v_box h3 {
		font-size: 22px;
		width: 100%;
	}
	
	.fc3_v_left {
		float: none;
		width: 100%;
	}
	
	.fc3_v_right {
		float: none;
		width: 100%;
	}
	
	.fc3_white {
		width: 96%;
		margin: 2em auto;
	}
	
	.fc3_h2 {
		font-size: 32px;
	}
	
	.fc3_white p {
		font-size: 16px;
	}
	
	.fc3_why_tt {
		font-size: 24px;
	}
	
	.ssp_fc3 {
		width: 96%;
		margin: 0 auto 1em;
		padding: 1.25em;
		display: flex;
		flex-direction: column;
		box-shadow: none;
	}
	
	.ssp_fc3 h3 {
		width: 100%;
		margin-bottom: .5em;
		padding: 0;
	}
	
	.ssp_number_tt {
		width: 50px;
		height: 50px;
		font-size: 38px;
		margin-bottom: 0;
	}
	
	.ssp_title {
		line-height: 1.2;
		font-size: 19px;
		padding-right: 0;
		padding-left: 8px;
		height: 55px;
	}
	
	.ssp_left {
		float: none;
		width: 100%;
	}
	
	.ssp_left p {
		font-size: 14px;
	}
	
	.ssp_right {
		float: none;
		width: 100%;
	}
	
	.fc3_realization {
		padding: 4rem 0;
	}
	
	.fc3_realization h2 {
		font-size: 28px;
		letter-spacing: -3px;
	}
	
	.fc3_r_box {
		width: 96%;
		margin: 0 auto 1em;
		padding: 1.25em;
		display: flex;
		flex-direction: column;
	}
	
	.fc3_r_box h3 {
		text-align: center;
		width: 100%;
		font-size: 24px;
		letter-spacing: -1px;
		order: 1;
	}
	
	.fc3_teikakaku_tt {
		font-size: 24px;
	}
	
	.realization_left {
		float: none;
		width: 100%;
		order: 3;
	}
	
	.realization_left p {
		font-size: 14px;
	}
	
	.realization_l_tt {
		font-size: 16px;
	}
	
	.realization_right {
		float: none;
		width: 100%;
		order: 2;
		margin-bottom: 1em;
	}
	
	.fc3_support {
		padding: 10rem 0 4rem;
	}
	
	.fc3_s_box {
		width: 96%;
		margin: 0 auto 1em;
		padding: 1.25em;
	}
	
	.fc3_s_in {
		padding-bottom: 2em;
		margin-bottom: 2em;
	}
	
	.support_left {
		float: none;
		width: 100%;
	}
	
	.support_left h3 {
		width: 100%;
	}
	
	.support_number_tt {
		width: 40px;
		height: 40px;
		font-size: 30px;
	}
	
	.support_L_tt {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: -3px;
		height: 40px;
		padding-left: 4px;
	}
	
	.support_left p {
		margin: 1em 0 0;
		font-size: 14px;
	}
	
	.support_right {
		display: none;
	}
	
	.fc3_flow {
		padding-top: 32px;
		margin-bottom: 16px;
	}
	
	.fc3_flow_title {
		font-size: 40px;
		letter-spacing: 0;
	}
	
	.fc3_f_box {
		width: 96%;
		margin: 0 auto 4em;
		padding: 1em;
	}
	
	.flow_left {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.flow_left h3 {
		width: 100%;
	}
	
	.flow_number_tt {
		width: 40px;
		height: 40px;
		font-size: 30px;
	}
	
	.flow_L_tt {
		letter-spacing: 0;
		font-size: 28px;
		height: 40px;
	}
	
	.flow_left p {
		margin: 1em 4px;
	}
	
	.fc3_f_box:after {
		border-top: 30px solid #e60012;
		border-right: 60px solid transparent;
		border-left: 60px solid transparent;
		bottom: -45px;
		margin-left: -60px;
	}
	
	.flow_right {
		display: none;
	}

	
	.fc3_contact {
		padding: 2rem;
	}
}





.marker {
    background: linear-gradient(transparent 70%, yellow 70%);
    font-weight: bold;
}

.red-moji {
    color: #ef5350;
    font-weight: bold;
}


.shop-box {
display: flex;
    margin: 2.5rem auto;
    padding-bottom: 2rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.shop {
    width: 20%;
	box-sizing: border-box;
    padding: 0.5rem;
	line-height: 1.4;
}

span.prefecture {
    background: #f91717;
    color: #fff;
	font-size: 1.5rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-align: center;
}

span.name {
    font-size: 1.75rem;
    font-weight: bold;
    color: #212121;
    vertical-align: middle;
}


@media only screen and (max-width: 500px){
	.shop {
		width: 50%;
	}
	
	span.prefecture {
    font-size: 1.25rem;
}
	
	span.name {
    font-size: 1.75rem;
}
	
}



.model-case2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 2.5rem auto;
	max-width: 840px;
}

.model {
    width: 49%;
    position: relative;
}

.model-btn {
    position: absolute;
    bottom: 4%;
    width: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


@media screen and (max-width: 500px) {
	.model-case2 {
		margin: 1rem 1rem 2.5rem;
	}
	
	.model {
		width: 100%;
		margin-bottom: 1.5rem;
	}
}

.contact-box {
	background: #fff;
    max-width: 840px;
    margin: 2.5rem auto;
    padding: 3rem;
    border-radius: 4px;
    box-sizing: border-box;
}


@media screen and (max-width: 500px) {
	.contact-box {
		margin: 2.5rem 1.5rem;
		padding: 1.5rem;
	}
}