@charset "UTF-8";
@import url(default.css);

h1{ text-align: center; font-size: 36px; margin: 0px; padding: 0px; }
h2{ font-size: 32px; margin: 0px; padding: 0px; font-weight: bold; }
h3{ text-align: center; font-size: 28px; margin: 0px; padding: 0px; }
.defW{ max-width: 1170px; margin: 0px auto; }
.contsBody{ margin: 4vw 0 0 0; }

.nodeco{ text-decoration: none; }
a:hover > img{
    cursor:pointer;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity:0.8;
    zoom:1;
}
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.is-fixed-sp {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: rgba(0,178,169,0.8);
    text-align: center;
    padding: 10px 0px;
}

.toplink{
    position: absolute;
    bottom:10px;
    right: 10px;
    z-index: 3;
    padding: 10px;
    border:1px solid #999;
    background-color: rgba(200,200,200,0.8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.toplink{
    position: absolute;
    bottom:10px;
    right: 10px;
    z-index: 3;
    padding: 10px;
    border:1px solid #999;
    background-color: rgba(200,200,200,0.8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.toplink a{ text-decoration: none; }

header{
    max-width: 1170px;
    background-image: url(../image/headerBG.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 20px auto;
}
header.notel{
    max-width: 1170px;
    background-image: url(../image/headerBG_notel.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 20px auto;
}

.GM{
    background-color: #5dc2b2;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border: none;
}

.navbar-default .navbar-nav > li > a{
    color:#FFF;
    text-decoration: none;
    width: 147px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 0px 10px;
}

.navbar-default .navbar-nav > li > a.small{
    width: 100px;
    text-align: center;
}

.navbar-default .navbar-nav > li > a:hover{
    color:#FFF;
    text-decoration: none;
/*    background-image: url(../image/gmBG.png);
    background-repeat: no-repeat;
    background-position: center*/

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border: none;
    background-color: #00b2a9;
}

.navbar { margin-bottom: 0px; }

.mainImage{
    background-image: url(../image/mainImage.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 59vw;
    position: relative;
}

.maincomitBtn{
    position: absolute;
    top: 42vw;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 35vw;
}

.box1{
    max-width: 900px;
    margin: 0px auto;
    padding: 10px 0px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}
.box1text{
    margin-top: 50px;
    max-width: 100%;
}

.box1>.title{
    background-color: #00b2a9;
    border-bottom: 10px #ffe900 solid;
    color: #FFF;
    padding: 24px;
}
.box1>ul{
    margin: 30px 40px;
}
.box1>ul>li{
    text-align: left;
    list-style: none;
    font-size: 25px;
    line-height: 40px;
}
.box1>ul>li:before{
    content: "\f1db";
    font-family: FontAwesome;
    color: #00b2a9;
    margin-right: 10px;
}

.boxRelative{ position: relative; }

.box2{ background-color: #00b2a9; overflow:hidden; color: #FFF; font-size: 15px; padding-top: 2%; }
.box2Title{ }
.box2Strleft{ padding: 0 4% 0 2%; font-weight: bold; line-height: 25px; }
.box2StrRight{ padding: 0 4% 0 4%; font-weight: bold; line-height: 25px; }
.box2Str1Img{
    position: absolute;
    top:10%;
    right: 7%;
}

.box3{ background-color: #ffe900; overflow:hidden; font-size: 15px;  }
.box3Body{ min-height: 190px;}
.box3Title{ padding-top: 40px; text-align: left; }
.box3Strleft{ padding: 0 4% 0 3%; font-weight: bold; line-height: 25px; }
.box3StrRight{ padding: 0 0% 0 4%; font-weight: bold; line-height: 25px; }

.box3Str1Img{
    position: absolute;
    top:-10%;
    left: 9%;
}

.box4{ background-color: #00b2a9; overflow:hidden; color: #FFF; font-size: 15px; padding-top: 2%; padding-bottom: 40px; }
.box4Title{   }
.box4Title2{   }
.box4Strleft{ padding: 1% 4% 0 3%; font-weight: bold; line-height: 25px; }
.box4StrRight{ padding: 1% 0% 0 4%; font-weight: bold; line-height: 25px; }
.box3Str1Img{
    position: absolute;
    top:-10%;
    left: 9%;
}

.backRitsu{ max-width: 47%; width: 47%; margin: 0; padding: 4% 0 0 7%; float: left; text-align: right; }
.bank{ max-width: 53%; width: 53%; margin: 0; padding: 3% 5% 0 2%; float: right; }

.comitArea{
    background-image: url(../image/bg1.png);
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}
.comitFont{
    font-weight: bold;
    font-size:18px;
}

.nagareArea{
    padding-bottom: 50px;
    margin-top: 50px;
}

.nagareBody{
    float: left;
    max-width: 22%;
    margin-left: 4%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}
.nagareBody:first-child{
    margin-left: 0;
}
.nagareArrow{
    float: left;
    position: relative;
    padding-top: 10%;
}
.nagareArrow:after {
    content: "\f054";
    font-family: FontAwesome;
    float: left;
    position: absolute;
    top:35%;
    left:3%;
    font-size: 3vw;
    margin-left: 8px;
    color: #CCC;
}

.nagareTitle{
    background-color: #00b2a9;
    padding: 5px 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
.nagareStr{
    padding: 15px;
    text-align: left;
    min-height: 100px;
}

.voiceArea{
    padding: 50px 0;
    padding-bottom: 50px;
    background-color: #00b2a9;
    background-image: url(../image/voiceBG.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    color: #FFF;
}

.voiceBody{
    background-color: #FFF;
    margin-top: 50px;
    padding: 0px 10px;
}
.voiceL{ color: #c975c0; font-weight: bold; font-size: 16px; }
.voiceM{ color: #00b2a9; font-weight: bold; font-size: 16px; }
.voiceL:before,
.voiceM:before {
    content: "\f075";
    font-family: FontAwesome;
    font-size: 30px;
    margin-right: 10px;
}
.voiceStr{
    color: #333;
    padding: 5px 10px 5px 40px;
}

.faqArea{
    padding: 50px 0;
    padding-bottom: 50px;
    margin-top: 0px;
    background-color: #deeaea;
}


.faqBody{ box-shadow: 10px 10px 10px rgba(0,0,0,0.2); margin-top: 30px; }
.qTitle{
    background-image: url(../image/qTitle.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-color: #00b2a9;
    padding: 4% 12% 3% 12%;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    position: relative;
    cursor: pointer;
}
.aStr{
    background-color: #FFF;
    padding: 10px;
}

.CamArea{
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}

.acMenu dt{
    display:block;
    text-align:left;
    cursor:pointer;
}
.acMenu dt:after{
    content: "\f13a";
    font-family: FontAwesome;
    position: absolute;
    top: 15%;
    right:15px;
    font-size:30px;

}
.acMenu dd{
    background:#f2f2f2;
    text-align:cleft;
    display:none;
    padding:10px;
    background-color: #FFF;
}
.acMenu dd>div{
    background-image: url(../image/a.png) ;
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: top left;
    padding-left: 50px;
}
.acMenu dt.active{

}
.acMenu dt.active:after{
    content: "\f139";
    font-family: FontAwesome;
}

.imgwrap {
    position: relative;
    width: 100%;
    background-color: #ffe900;
    color: #00b2a9;
    -moz-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -ms-border-radius: 50% 50%;
}
.imgwrap:before {
    content:"";
    display: block;
    padding-top: 100%; /* 高さを幅の75%に固定 */
}
.circleStr {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.circle3{
    text-align: center;
    background-color: #ffe900;
    color: #00b2a9;
    -moz-border-radius: 50% 50%;
    -webkit-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    -ms-border-radius: 50% 50%;
    width: 100px;
    height: 100px;
    position: absolute;
    top:0;
    right:3%;;
    font-size: 25px;
    z-index: 2;
}
.circleStr{
    line-height: 15px;
    padding-top: 19px;
}
.mcenter{ margin: 20px 10px; max-width: 50%; width: auto; height: auto; }

footer a{ color: #999; text-decoration: none; margin-top: 20px; }

footer{
    padding-bottom: 8%;
    color: #999;
}
div.contactPage{ padding-bottom: 3%;
    color: #999;
}

.subpage_i{
    color:#00b2a9;
}

.notopborder{ border-top: none; }
.bottomborder1 { border-bottom:#00b2a9 1px solid; }

.form-horizontal .form-group{ margin-left: -14px; margin-right: -14px; }
.form-horizontal .form-group .mr-15{ margin-right: -15px !important; }
.form-horizontal .mr-15{ margin-left: -15px !important; margin-right: -15px !important;}
.form-group{ margin-bottom: 0px;}
.form-horizontal .control-label{ padding-top: 15px;}

@media only screen and (min-width:1400px){
    .nagareArrow:after {
        top:25%;
    }
}

@media only screen and (max-width:991px){
    .box2Strleft{ padding-left: 5%;}
    .box2StrRight{ padding-top: 0%; padding-left: 5%;}
    .box3Body{ min-height: 0px;}
    .box3Title{ padding-top: 0px; text-align: left; }
    .CamArea{
        padding-top: 20px;
        padding-bottom: 0px;
        margin-top: 0px;
    }

    .mcenter{ margin: 20px 15px; max-width: 90%; width: auto; height: auto; }

    footer{ padding-bottom: 13%; }
    .hyouTitle{ text-align: left; }

}

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

    .box2Strleft{ padding-left: 5%;}
    .box2StrRight{ padding-top: 0%; padding-left: 5%;}
    .box3Body{ min-height: 0px;}
    .box3Title{ padding-top: 0px; text-align: left; }
    .CamArea{
        padding-top: 20px;
        padding-bottom: 0px;
        margin-top: 0px;
    }

    .nagareArea{ padding-bottom: 20px; margin-top: 20px; }
    .nagareBody{
        float: none;
        max-width: 90%;
        width: 90%;
        margin: -10px 5%;
    }
    .nagareBody:first-child{ margin: -10px 5%; }
    .nagareArrow{ float: none; position: relative; padding-top: 0; }
    .nagareArrow:after {
        content: "\f078";
        font-family: FontAwesome;
        float: none;
        position: relative;
        top: 0%;
        left: 0%;
        margin-left: 0;
        font-size: 13vw;
    }
    .nagareStr{ font-size: 18px; }

    .voiceArea{ padding: 30px 0; margin-top: 30px; }
    .hyouTitle{ text-align: left; }
}
@media only screen and (max-width:767px){
    .box2Strleft{ padding-left: 5%;}
    .box2StrRight{ padding-top: 0%; padding-left: 6%;}
    .box3Body{ min-height: 0px;}
    .box3Title{ padding-top: 0px; text-align: left; }

    .CamArea{ padding-top: 20px; padding-bottom: 0px; margin-top: 0px; }
    .backRitsu{ max-width: 94%; width: 94%; margin: 3%; padding: 20px 0 0 0; float: none; text-align: center; }
    .bank{ max-width: 94%; width: 94%; margin: 3%; padding: 0; float: none; text-align: center; }

    .faqBody{ margin-top: 10px;}
    .qTitle{ height: 70px;}
    footer{ padding-bottom: 18%; }
    .hyouTitle{ text-align: left; }

}
@media only screen and (max-width:640px){

    h1{ font-size: 24px; }
    h3{ font-size: 20px; }
    .box1>ul{
        margin: 10px 10px;
        padding: 10px 0px;
    }
    .box1>ul>li{
        text-align: left;
        list-style: none;
        font-size: 16px;
        line-height: 25px;
    }
    .box1text{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .box2Strleft{ padding-left: 5%;}
    .box2StrRight{ padding-top: 0%; padding-left: 5%;}

    .box3Body{ min-height: 0px;}
    .box3Title{ padding-top: 40px; text-align: left; }
    .box3Strleft{ padding-left: 5%;}
    .box3StrRight{ padding-top: 0%; padding-left: 5%;}
    .box4Title2{ margin-top: 30px; }

    .navbar-default .navbar-nav{ max-width: 100%;}
    .navbar-default .navbar-nav > li{ width: 100%; text-align: center; border-bottom: 1px dotted #FFF;}
    .navbar-default .navbar-nav > li > a{ width: 100%; text-align: center; margin: 0px;}
    .navbar-default .navbar-nav > li > a.small{ width: 100%; text-align: center; margin: 0px;}
    .navbar-default .navbar-nav > li:last-child{ border-bottom: none;}
    .navbar-default .navbar-nav > li > a:hover{ background-image: none; }
    .navbar-default .navbar-nav { margin: 0px; }

    .CamArea{ padding-top: 20px; padding-bottom: 0px; margin-top: 0px; }
    .backRitsu{ max-width: 94%; width: 94%; margin: 3%; padding: 20px 0 0 0; float: none; text-align: center; }
    .bank{ max-width: 94%; width: 94%; margin: 3%; padding: 0; float: none; text-align: center; }

    .qTitle{ min-height: 60px;}

    footer{ padding-bottom: 20%; }
    .hyouTitle{ text-align: left; }
}

.aka {
font-weight: bold;
color: #FF4E4E;
background: #FFFA93;
}