@charset 'UTF-8';
/*smart_phone_config*/
/*共通パーツ化が困難だったため追記*/
/* *****************************
 *
 * INDEX file to Scss or Sass.
 *
 **************************** */
#head h1
{
    padding-left: 8%;

    background-position: 35% 40%;
}
@media screen and (max-width: 768px)
{
    #head h1
    {
        padding-left: 5%; 

        background-position: 33% 42%;
    }
}

@media screen and (max-width: 768px)
{
    #contents
    {
        margin-top: 25px;
    }
}
section#concept
{
    position: relative;

    width: 1120px;
    margin: 3.5% auto 0;
    padding: 2%;

    vertical-align: middle;

    background-color: #fff;
    background-image: url(../images/company/logoBig.png);
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: 30%;
}
@media screen and (max-width: 768px)
{
    section#concept
    {
        background-size: 50%;
    }
}
section#concept h1
{
    font-size: 227%;
    font-weight: normal;

    text-align: center;

    color: #3fa79e;
}
section#concept h1 span
{
    line-height: 1.8;

    padding: 1.5% 50px 1%;
    padding-left: 60px;

    background-image: url(../images/company/statementIcon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 15px;
    background-size: 30px;
}
@media screen and (max-width: 768px)
{
    section#concept h1 span
    {
        line-height: 2.6em;

        padding: 1%;
        padding-left: 9%;

        background-position: 1% 44%; 
        background-size: 10%;
    }
}
section#concept p
{
    font-size: 153.9%;
    line-height: 182%; 

    padding: 40px 0;

    text-align: center;

    color: #000;
}
section#concept p .pink
{
    font-size: 30px;
    font-weight: bold;
    line-height: 55px; 

    color: #0066c5;
}
@media screen and (max-width: 768px)
{
    section#concept p .pink
    {
        font-size: 100%;
        line-height: 100%;

        vertical-align: baseline;
    }
}
section#concept p .blue
{
    font-size: 30px;
    font-weight: bold;

    color: #0066c5;
}
@media screen and (max-width: 768px)
{
    section#concept p .blue
    {
        font-size: 100%;
        line-height: 100%;

        vertical-align: baseline;
    }
}
section#concept p .green
{
    font-size: 30px;
    font-weight: bold;
    line-height: 75px; 

    color: #0066c5;
}
@media screen and (max-width: 768px)
{
    section#concept p .green
    {
        font-size: 100%;
        line-height: 100%;

        vertical-align: baseline;
    }
}
section#concept p.phone
{
    display: none;
}
@media screen and (max-width: 768px)
{
    section#concept p.pc
    {
        display: none;
    }
    section#concept p.phone
    {
        display: block;
    }
}
@media screen and (max-width: 768px)
{
    section#concept
    {
        width: 100%;
    }
    section#concept h1
    {
        font-size: 153.9%;
        font-weight: normal;

        margin: 0;

        text-align: center; 

        color: #3fa79e;
    }
    section#concept p
    {
        font-size: 15px;
        font-size: 123.1%;
        line-height: 17px;
        line-height: 150%; 

        width: 90%;
        margin: 0 auto 3%;
        padding-top: 5%;

        text-align: left;

        color: #000;
    }
}

section.president
{
    width: 100%;
    padding-top: 4%;
    padding-bottom: 4%;

    background-image: url(../images/company/companyback.png);
    background-size: cover;
}
section.president .catchCopy
{
    display: block; 

    width: 870px;
    margin: 0 auto;
    padding: 1% 5.5% 5%;

    background-color: rgba(255, 255, 255, .8);
    background-image: url(../images/company/groupIconGreen.png);
    background-repeat: no-repeat;
    background-position: 28.5% 8.2%;
}
section.president .catchCopy h1
{
    font-size: 243%;
    font-weight: normal;

    margin-top: 1%;
    margin-bottom: 5%; 
    padding: 5%;
    padding-left: 10%;

    text-align: center;

    color: #3fa79e;
}
@media screen and (max-width: 768px)
{
    section.president .catchCopy h1
    {
        margin-bottom: 0; 
        margin-left: 0;
    }
}
section.president .catchCopy h2
{
    font-size: 213%;
    font-weight: normal; 
    line-height: 146%;

    text-align: center;
}
section.president .catchCopy h2 .red
{
    font-weight: bold; 

    color: #f32959;
}
section.president .catchCopy p
{
    font-size: 16px;
    line-height: 175%;

    clear: both;

    margin-bottom: 3.5%; 
    margin-left: 5%;
    padding-top: 2%;
    padding-left: 2%;

    text-align: left;

    color: #444545;
}
section.president .catchCopy p .bold
{
    font-weight: bold;
}
section.president .catchCopy img
{
    float: right;
}
@media screen and (max-width: 768px)
{
    section.president .catchCopy img
    {
        width: 60%;
        margin-right: 5%;
        margin-bottom: 1%;
    }
}
@media screen and (max-width: 768px)
{
    section.president
    {
        width: 100%;
        padding: 1%; 

        background-position: 11% 2%;
    }
    section.president .catchCopy
    {
        display: block; 

        width: 95%;
        margin: 10% auto;
        padding: 2% 2% 8%;

        background-color: rgba(255, 255, 255, .8);
        background-image: url(../images/company/groupIconGreen.png);
        background-repeat: no-repeat;
        background-position: 15% 5%;
        background-size: 11%;
    }
    section.president .catchCopy h1
    {
        font-size: 153.9%;
        font-weight: normal;

        margin-top: 5%;
        margin-left: 10%;

        color: #3fa79e;
    }
    section.president .catchCopy h2
    {
        font-size: 123.1%;
        line-height: 123.1%;

        padding: 0 4%; 

        color: #555;
    }
    section.president .catchCopy p
    {
        font-size: 15px;
        line-height: 22px;

        clear: both;

        margin-bottom: 2.5%;
        margin-left: 0; 
        padding: 2%;
        padding-top: 5%;

        text-align: left;

        color: #555;
    }
}

section#ism
{
    width: 1120px;
    margin: 1% auto;
    margin-bottom: 7%; 
    padding-top: 2%;

    vertical-align: middle;

    background-color: #fff;
}
section#ism h1
{
    font-size: 243%;
    font-weight: normal;

    padding: 2% 0;
    padding-left: 6%;

    text-align: center;

    color: #3fa79e;
    background-image: url(../images/company/ismIcon.png);
    background-repeat: no-repeat;
    background-position: 38% 46%;
}
section#ism img
{
    margin: 0 auto;
    margin-top: 4%; 

    text-align: center;
}
@media screen and (max-width: 768px)
{
    section#ism
    {
        width: 100%;

        background-position: 16% 8%;
        background-size: 8%;
    }
    section#ism h1
    {
        font-size: 154%;
        font-weight: normal;

        margin-bottom: 7%;
        margin-left: 6%;
        padding: 6% 0 3% 0;
        padding-left: 0;

        text-align: center;

        color: #3fa79e;
        background-position: 15% 64%;
        background-size: 7%;
    }
    section#ism img
    {
        width: 95%; 
        margin-bottom: 5%;
    }
}

#openDoor
{
    background-image: url(../images/company/openDoor.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
#openDoor h1
{
    font-size: 272%;
    font-weight: normal;
    line-height: 138.5%;

    padding-top: 5%;
    padding-bottom: 4%; 

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    #openDoor h1
    {
        font-size: 153.9%;

        text-shadow: 0 0 5px #000;
    }
}
#openDoor .infowarrap
{
    width: 100%;

    background-color: #f3f2f2;
}
#openDoor .infowarrap .info
{
    width: 1045px;
    margin: 0 auto; 
    margin-top: 30px;
    padding: 25px;
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap .info
    {
        width: 100%;
        padding: 3%;
    }
}
#openDoor .infowarrap .info h2
{
    font-size: 243%;
    font-weight: normal;

    padding-top: 1.5%;
    padding-bottom: 3.5%;

    text-align: center; 

    color: #3fa79e;
    background-image: url(../images/company/infoIconGreen.png);
    background-repeat: no-repeat;
    background-position: 38.5% 5%;
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap .info h2
    {
        font-size: 153.9%;

        width: 100%;
        padding: 6% 0 3% 0; 

        background-position: 28% 55%;
        background-size: 9%;
    }
}
#openDoor .infowarrap img
{
    float: left;

    height: 360px;
    margin-right: 20px;
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap img
    {
        width: auto;
        height: auto;
        margin: 0;
        margin-bottom: 2%;
    }
}
#openDoor .infowarrap table
{
    float: right;

    height: 360px;

    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    #openDoor .infowarrap table
    {
        width: 522px;
    }
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap table
    {
        font-size: 93%;
    }
}
#openDoor .infowarrap table tr
{
    vertical-align: middle;
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap table tr
    {
        font-size: 15px;
    }
}
#openDoor .infowarrap table tr th
{
    width: 18%;

    text-align: center;
    vertical-align: middle;

    border: solid 1px #3fa79e;
    background-color: #f3f2f2;
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap table tr th
    {
        font-size: 13px;

        width: 20%;
    }
}
#openDoor .infowarrap table tr td
{
    position: relative; 

    padding: 1%;

    vertical-align: middle;

    border: solid 1px #3fa79e;
}
#openDoor .infowarrap table tr td a
{
    display: none;
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap table tr td
    {
        font-size: 13px;

        padding: 5px;
    }
    #openDoor .infowarrap table tr td .pc
    {
        display: none;
    }
    #openDoor .infowarrap table tr td a
    {
        display: block;

        width: 100%;

        color: #706c6d;
    }
    #openDoor .infowarrap table tr td a img
    {
        position: absolute;
        top: 7px;
        right: 03%;

        width: 6%;
        height: auto;
        margin: 0;
        margin-bottom: 2%;
    }
}
@media screen and (max-width: 768px)
{
    #openDoor .infowarrap table
    {
        width: 100%;
        margin: 0;
    }
}
#openDoor .access
{
    width: 1070px;
    margin: 0 auto; 
    margin-top: 3%;
    padding-bottom: 2%;

    background-color: #fff;
}
@media screen and (max-width: 768px)
{
    #openDoor .access
    {
        display: none; 

        width: 100%;
    }
}
#openDoor .access h2
{
    font-size: 243%;
    font-weight: normal;

    margin-left: 6%; 
    padding-top: 1.5%;
    padding-top: 7%;
    padding-bottom: 4.5%;

    text-align: center;

    color: #3fa79e;
    background-image: url(../images/company/accessIconGreen.png);
    background-repeat: no-repeat;
    background-position: 34% 59%;
}
@media screen and (max-width: 768px)
{
    #openDoor .access h2
    {
        font-size: 153.9%;

        background-position: 16% 50%; 
        background-size: 9%;
    }
}
#openDoor .access .mapFrame1
{
    position: relative;

    float: left;
    overflow: hidden;

    height: 380px;
    margin-right: 18px;

    border: solid 3px #3fa79e;
}
@media screen and (max-width: 768px)
{
    #openDoor .access .mapFrame1
    {
        margin-right: 0;
    }
}
#openDoor .access .mapFrame1 #map1
{
    float: left; 

    width: 520px;
    height: 600px;
}
@media screen and (max-width: 768px)
{
    #openDoor .access .mapFrame1 #map1
    {
        margin-left: -130px;
    }
}
#openDoor .access .mapFrame1 #map1 img
{
    max-width: none;
}
#openDoor .access .mapFrame1 p.tag
{
    font-size: 153.9%; 

    position: absolute;
    top: 0;
    left: 0;

    padding: 1% 2.5% 1% 2%;

    color: #fff;
    background-color: #3fa79e;
}
@media screen and (max-width: 768px)
{
    #openDoor .access .mapFrame1
    {
        float: none;

        width: 83%;
        height: 300px;
        margin: 0 auto;
        margin-bottom: 10%;
    }
}
#openDoor .access .mapFrame2
{
    position: relative;

    float: right;
    overflow: hidden;

    height: 380px;

    border: solid 3px #3fa79e;
}
#openDoor .access .mapFrame2 #map2
{
    float: left; 

    width: 520px;
    height: 600px;
}
#openDoor .access .mapFrame2 #map2 img
{
    max-width: none;
}
#openDoor .access .mapFrame2 p.tag
{
    font-size: 153.9%; 

    position: absolute;
    top: 0;
    left: 0;

    padding: 1%;

    color: #fff;
    background-color: #3fa79e;
}
@media screen and (max-width: 768px)
{
    #openDoor .access .mapFrame2
    {
        float: none;

        width: 83%;
        height: 300px;
        margin: 0 auto;
    }
}

section#openDoor .history
{
    display: block;
    clear: both;

    margin: 0 auto;
    margin-top: 2%;
    padding-bottom: 3%;

    background-color: #f3f2f2;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history
    {
        width: 100%;
        padding-bottom: 0; 

        background-color: white;
    }
}
section#openDoor .history span.dot
{
    font-size: 12px;

    margin-right: 25px;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history span.dot
    {
        display: none;
    }
}
section#openDoor .history h2
{
    font-size: 243%;
    font-weight: normal;

    width: 1120px;
    margin: 0 auto;
    padding-top: 1.5%;
    padding-top: 65px;
    padding-bottom: 65px;

    text-align: center; 

    color: #3fa79e;
    background-image: url(../images/company/historyIcon.png);
    background-repeat: no-repeat;
    background-position: 43% 49%;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history h2
    {
        font-size: 153.9%;

        width: 100%;
        padding: 6% 0 3% 0; 

        background-position: 36% 74%;
        background-size: 7%;
        background-size: 7%;
    }
}
section#openDoor .history img
{
    position: absolute;

    float: left;

    height: 571px; 
    margin-top: 10px;
    margin-left: 340px;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history img
    {
        display: none;
    }
}
section#openDoor .history ul
{
    position: relative; 

    width: 672px;
    margin: 0 auto;
    margin-left: 35%;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history ul
    {
        width: 100%;
        margin-left: 0;
        padding: 5%;
    }
}
section#openDoor .history ul li
{
    font-size: 129%; 

    float: left;

    width: 85%;
    margin-bottom: 3.6%;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history ul li
    {
        font-size: 13px; 

        width: 80%;
        margin-left: 5%;
    }
}
section#openDoor .history ul li.age
{
    font-size: 138.5%;

    float: left; 

    width: 15%;
    margin-bottom: 3.6%;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history ul li.age
    {
        margin: 0;
    }
}
section#openDoor .history ul li.historyLine
{
    position: absolute;
    top: 1%;
    left: 4px; 

    display: block;

    width: 100px;
    height: 94%;

    background-image: url('../images/company/historyLine.png');
    background-repeat: repeat-y;
}
@media screen and (max-width: 768px)
{
    section#openDoor .history ul li.historyLine
    {
        display: none;
    }
}

.bx-wrapper
{
    display: block;

    height: 10%;
    margin-top: 0 !important;
    padding-top: 20px;
    padding-bottom: 20px;

    background-color: #e8e8e9;
}