@charset "utf-8";

/*------------------------------------------------------------

    汎用スタイル

------------------------------------------------------------*/

/* clearfix */

.clearfix:after {content: "";display: block;clear: both;}

/* flex */

.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}

.flexA {justify-content: space-around;}

.flexB {justify-content: space-between;}

.flexC {justify-content: center;}

/*------------------------------------------------------------

    font

------------------------------------------------------------*/

.tk-hiragino-mincho-pron,

.hiraMinProN {

    font-family:"hiragino-mincho-pron",sans-serif;

}

/*------------------------------------------------------------

    content

------------------------------------------------------------*/

.content {

    width: 984px;

    margin: 0 auto;

}

/*------------------------------------------------------------

    headLine01

------------------------------------------------------------*/

.headLine01 {

    margin: 0 -27px 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.headLine01 .num {

    width: 204px;

}

.headLine01 .jp {

    margin-top: 9px;

    width: calc(100% - 230px);

    font-size: 30px;

    font-weight: 900;

    line-height: 1.66;

    letter-spacing: 0.03em;

}

/*------------------------------------------------------------

    headLine02

------------------------------------------------------------*/

.headLine02 {

    margin-bottom: 46px;

    text-align: center;

    font-size: 30px;

    letter-spacing: 0.03em;

    font-weight: 900;

}

/*------------------------------------------------------------

    headLine03

------------------------------------------------------------*/

.headLine03 {

    margin-bottom: 20px;

    color: #000;

    text-align: center;

    font-size: 38px;

    letter-spacing: 0.03em;

    font-weight: 600;

    font-family:"hiragino-mincho-pron",sans-serif;

}

.headLine03 .en {

    margin-top: 3px;

    display: block;

    color: #03108e;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 0.03em;

    font-family: 'Noto Sans JP', sans-serif;

}



/*------------------------------------------------------------

    com-text-box

------------------------------------------------------------*/

.com-text-box {

    margin: 0 auto;

    max-width: 644px;

}

.com-text-box .text01 {

    margin: 0 0 23px 70px;

    text-align: center;

    line-height: 2;

    letter-spacing: 0.03em;

}

.com-text-box .text01 span {

    display: inline-block;

    text-align: left;

}

.com-text-box .ico {

    margin-bottom: 12px;

    text-align: center;

}

.com-text-box .text02 {

    margin-bottom: 23px;

    text-align: center;

    color: #010f69;

    font-size: 20px;

    letter-spacing: 0.03em;

    font-weight: 700;

    line-height: 2.2;

}

.com-text-box .text02 span {

    display: block;

    font-size: 26px;

    line-height: 1.5;

}

.com-text-box .pho {

    margin-bottom: 39px;

    text-align: center;

}

.com-text-box .text03 {

    text-align: center;

    line-height: 2;

    letter-spacing: 0.03em;

}

.com-text-box .text03 span {

    color: #03108e;

}

/*------------------------------------------------------------

    com-img-box

------------------------------------------------------------*/

.com-img-box {

    margin: 0 23px 115px 1px;

    display: flex;

    justify-content: space-between;

}

.com-img-box .textBox {

    width: 420px;

    margin-top: 4px;

}

.com-img-box p {

    line-height: 2;

    letter-spacing: 0.03em;

    text-align: justify;

}

.com-img-box p span {

    color: #03108e;

}

/*------------------------------------------------------------

    shadow-box

------------------------------------------------------------*/

.shadow-box {

    position: relative;

    padding: 14px 40px;

    box-shadow: 0 0 18px rgba(0,0,0,0.3);

    z-index: 1;

}

/*------------------------------------------------------------

    com-contact

------------------------------------------------------------*/

.com-contact {

    padding: 63px 0 45px;

    background: url("../../img/index/com-contact_bg.jpg") repeat-x left top / auto 100%;

    color: #fff;

    font-weight: normal;

    font-size: 16px;

}

.com-contact .content {

    width: 878px;

    display: flex;

    justify-content: space-between;

}

.com-contact .txt-list {

    width: 242px;

    margin: 20px -32px 0 0;

    letter-spacing: 0.05em;

    font-weight: 400;

}

.com-contact .txt-list li {

    margin-bottom: 16px;

}

.com-contact .txt-list li:last-child {

    margin-bottom: 0;

}

.com-contact .left-box {

    flex: 1;

    display: flex;

    justify-content: space-between;

}

.com-contact .photo {

    width: 208px;

    flex-shrink: 0;

}

.com-contact .text-box {

    margin-top: -14px;

    flex: 1;

    text-align: center;

    font-weight: 400;

}

.com-contact .title {

    margin-bottom: 24px;

    font-size: 32px;

    line-height: 1;

    font-weight: 600;

    font-family:"hiragino-mincho-pron",sans-serif;

    letter-spacing: 0.05em;

}

.com-contact .title span {

    margin-bottom: 21px;

    display: block;

    font-weight: 400;

    font-family: 'Noto Sans JP', sans-serif;

    font-size: 16px;

}

.com-contact .telTxt {

    margin-top: 17px;

    text-align: center;

}

.com-contact .telTxt a {

    margin: 0 auto;

    padding-bottom: 3px;

    width: 343px;

    height: 59px;

    color: #010c77;

    font-size: 32px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #a99b57;

    border-radius: 50px;

    font-weight: 700;

    box-sizing: border-box;

}

.com-contact .telTxt img {

    display: inline-block;

    vertical-align: middle;

    margin: -8px 13px 0 -2px;

}

/*------------------------------------------------------------

    com-company

------------------------------------------------------------*/

.com-company {

    padding: 73px 0 72px;

}

.com-company .headLine03 {

    margin-bottom: 70px;

    font-size: 30px;

}

.com-company .text {

    margin-bottom: 43px;

    text-align: center;

    letter-spacing: 0.03em;

    line-height: 2.25;

    font-weight: 400;

}

.com-company .tab-box {

    max-width: 615px;

    margin: 0 auto;

}

.com-company .tab-box table {

    width: 100%;

    border-collapse: collapse;

}

.com-company td,

.com-company th {

    padding: 21px 5px 21px;

    font-weight: 400;

    text-align: left;

    line-height: 1.62;

    vertical-align: top;

    box-sizing: border-box;

    border-bottom: 2px solid #E0E0E0;

}

.com-company td {

    padding-left: 35px;

}

.com-company th {

    padding: 18px 5px 5px;

    width: 19%;

    color: #010f69;

    font-size: 18px;

    font-weight: 700;

    text-align: center;

}

/*------------------------------------------------------------

    com-access

------------------------------------------------------------*/

.com-access .headLine03 {

    margin-bottom: 25px;

    font-size: 30px;

}

.com-access .map iframe {

    width: 100%;

    height: 430px;

    vertical-align: top;

    border: 0;

}

/*------------------------------------------------------------

    com-btn

------------------------------------------------------------*/

.com-btn {

    margin-bottom: 40px;

}

.com-btn a,

.com-btn button {

    margin: 0 auto;

    padding: 15px 0 10px;

    width: 400px;

    min-height: 70px;

    display: block;

    text-align: center;

    color: #fff;

    font-size: 26px;

    background-image: linear-gradient( 45deg, rgb(3,174,108) 0%, rgb(0,127,90) 100%);

    border-radius: 50px;

    letter-spacing: 0.02em;

    box-sizing: border-box;

}

.com-btn button {

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    border: none;

    font-family: 'Noto Sans JP', sans-serif;

}

.com-btn i {

    margin-right: 12px;

    font-size: 28px;

}

.com-btn a:hover,

.com-btn button:hover {

    opacity: 0.7;

}