@charset "UTF-8";
/* CSS Document */

/* -------------------------------------
Browser：IE11 over/BP 768px
-------------------------------------
01: 共通
02: 当院について
03: 主な診療分野
03-1: 日帰り白内障手術
03-2: 緑内障検査
03-3: 加齢黄斑変性
03-4: 子どもの斜視・弱視
04: 診療のながれ
05: 医師紹介
06: 採用情報
07: お知らせ一覧
08: お問合せフォーム
09: 個人情報保護方針
10: サイトマップ
11: 新型コロナウイルス対策について
-------------------------------------*/

/** ========================================
		01: 共通
======================================== **/
section:not(.bg) + section:not(.bg){
    margin-top: 140px;
}
/** hero **/
.hero{
    width:100%;
    margin:0 auto;
    height: 180px;
    position: relative;
}
.hero::before{
    content: "";
    width:60%;
    min-width: 600px;
    max-width: 1200px;
    height: 180px;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: left center;
    position: absolute;
    top: 0;
    right: 0;
}
#about .hero::before{background-image: url(../images/hero_about.jpg);}
#info .hero::before{background-image: url(../images/hero_info.jpg);}
#hakunaisyo .hero::before{background-image: url(../images/hero_hakunaisyo.jpg);}
#ryokunaisyo .hero::before{background-image: url(../images/hero_ryokunaisyo.jpg);}
#karei .hero::before{background-image: url(../images/hero_karei.jpg);}
#jakushi .hero::before{background-image: url(../images/hero_jakushi.jpg);}
#flow .hero::before{background-image: url(../images/hero_flow.jpg);}
#doctor .hero::before{background-image: url(../images/hero_doctor.jpg);}
#recruit .hero::before{background-image: url(../images/hero_recruit.jpg);}
#korona .hero::before{background-image: url(../images/hero_korona.jpg);}
#news .hero::before,
#inquiry .hero::before,
#privacy .hero::before,
#sitemap .hero::before{
    background-image: url(../images/hero_news.jpg);
}

.hero h1{
    width:45%;
    padding:0 24px;
    font-size:30px;
    font-weight: bold;
    color: #fff;
    text-align: right;
    background: #2957c6;
    line-height: 54px;
    position: absolute;
    left: 0;
    top: calc(50% - 27px);
}
@media screen and (max-width:768px){
    section:not(.bg) + section:not(.bg){
        margin-top: 70px;
    }
    /** hero **/
    .hero{
        height: 140px;/*180px*/
    }
    .hero::before{
        width:100%;/*80%*/
        min-width: 100%;
        height: 92px;/*180px*/
    }
    .hero h1{
        width:100%;
        font-size:24px;/*30px*/
        text-align: center;/*right*/
        line-height: 48px;/*54px*/
        top: 92px;
    }
}

/**　flxBox / flxWrapper
-----------------------**/
.flxBox,
.flxWrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flxBox>*:first-child{
    width:526px;
}
.flxBox>*:first-child p +*{
    margin-top: 16px;
}
.flxBox>*:last-child{
    width:420px;
}
.flxBox p{
    font-size:18px;
}
.flxBox img+img{
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .flxBox,
    .flxWrapper{
        display: block;/*flex*/
    }
    .flxBox>*:first-child,
    .flxBox>*:last-child{
        width:100%;
        margin-top: 20px;
    }
    .flxWrapper>*:last-child{
        margin-top: 10px;
    }
    .flxBox p{
        font-size:16px;
    }
    .flxBox img+img{
        margin-top: 10px;
    }
}

/**　.border
-----------------------**/
.border{
    padding:30px;
    border:1px solid #5f5f5f;
    border-radius: 10px;
}
@media screen and (max-width:768px){
    .border{
        padding:16px;
    }
}


/**　dl.dlBox
-----------------------**/
dl.dlBox{
    padding:16px;
    border:1px solid #5f5f5f;
    border-radius: 10px;
}
dl.dlBox dt{
    margin-bottom: 6px;
    font-size:20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}
dl.dlBox dd{
    line-height: 1.5;
}
dl.dlBox dd span{
    display: block;
    font-size:14px;
}
dl.dlBox dd img{
    margin: 6px auto;
}
@media screen and (max-width:768px){
    dl.dlBox dt{
        font-size:18px;/*20px*/
    }
    dl.dlBox dd{
        font-size:14px;
    }
}


/**　table.tbl
-----------------------**/
table.tbl {
    width:100%;
    margin: 0 auto;
    border-top: 1px dotted #828282;
    line-height: 1.5;
}
table.tbl caption{
    margin-bottom: 16px;
    font-size:20px;
}
table.tbl tr{
    border-bottom: 1px dotted #828282;
}
table.tbl th{
    width:16%;
    padding:20px;
    text-align: left;
    background: #ecf5fa;
}
table.tbl td{
    padding:20px 24px;
}
table.tbl td span{
    display: block;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    /** table.tbl **/
    table.tbl{
        font-size:14px;
    }
    table.tbl caption{
        font-size:18px;/*20px*/
    }
    table.tbl th{
        width:20%;
        min-width:6em;
        padding:10px;/*20px*/
    }
    table.tbl td{
        padding:10px;/*20px 24px*/
        word-break: break-all;
        word-wrap : break-word;
        overflow-wrap : break-word;
    }
    table.tbl td span{
        margin-top: 10px;
    }
}

/**　flow
-----------------------**/
.flow{
    width:980px;
    margin:0 auto 100px;
}
.flow dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flow dl dt{
    padding:0 14px 30px;
    font-size:20px;
    color: #fff;
    line-height: 1.0;
    background: #2957c6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flow dl:not(:last-of-type) dt{
    position: relative;
}
.flow dl:not(:last-of-type) dt::after{
    content: "";
    display: block;
    width:100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom:0;
    background: url(../images/flow.svg) no-repeat center bottom;
    background-size:cover;
}
.flow dl dd{
    width:910px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding:20px 20px 20px 30px;
    background: #fff;
    border-radius: 10px;
}
.flow dl dd>*:first-child{
    width:510px;
    font-size:18px;
}
.flow dl dd p strong{
    display: block;
    margin-bottom: 10px;
    font-size:24px;
    font-weight: bold;
    color: #2957c6;
}
.flow dl dd p em,
.flow dl dd .emBox{
    display: block;
    margin-top: 16px;
    padding:8px 16px;
    font-size:16px;
    color: #2957c6;
    border:1px solid #2957c6;
    border-radius: 10px;
}
.flow dl dd img{
    width:296px;
}
.flow dl:not(:last-of-type) dd{
    margin-bottom: 40px;
}
.flow dl:not(:last-of-type){
    position: relative;
}
.flow dl:not(:last-of-type)::after{
    content: "▼";
    font-size:18px;
    color: #2957c6;
    position: absolute;
    left:calc(50% - 9px);
    bottom:4px;
}

@media screen and (max-width: 768px) {
    .flow{
        width:100%;/*980px*/
        margin-bottom:20px;/*0 auto 100px*/
    }
    .flow dl dt{
        padding:20px 8px 30px;/*0 14px 30px*/
        font-size:20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flow dl dd{
        width:calc(100% - 40px);/*910px*/
        display: block;
        padding:16px;/*20px 20px 20px 30px*/
        line-height: 1.5;
    }
    .flow dl dd>*:first-child{
        width:100%;/*510px*/
        font-size:16px;/*18px*/
    }
    .flow dl dd p strong{
        margin-bottom: 4px;/*10px*/
        font-size:20px;/*24px*/
    }
    .flow dl dd p em,
    .flow dl dd .emBox{
        margin-top: 10px;/*16px*/
        padding:8px;/*8px 16px*/
    }
    .flow dl dd img{
        width:100%;/*296px*/
        margin-top: 16px;
    }
}



/** ========================================
		02: 当院について
======================================== **/
/** greeting **/
#about .greeting h2{
    font-size:30px;
    font-weight: normal;
}
#about .greeting .inner figure img + img{
    margin-top: 10px;
}

@media screen and (max-width:768px){
    #about .greeting h2{
        font-size:22px;/*30px*/
    }
}

/** access **/
#about .access{
    padding-bottom: 100px;
}
#about .access ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:20px;
    background: #fff;
    border-radius: 10px;
}
#about .access ul li+li{
    margin-top: 20px;
}
#about .access ul li dl{
    width:350px;
    text-align: center;
}
#about .access ul li dl dt{
    margin:10px auto;
    font-size:26px;
    font-weight: bold;
    color: #464646;
}
#about .access ul li dl dd+dd{
    margin-top: 20px;
    padding:14px;
    text-align: left;
    line-height: 1.37;
    border:1px solid #2957c6;
    border-radius: 10px;
}
#about .access ul li dl dd+dd b{
    display: block;
    margin-bottom: 8px;
    font-size:18px;
    color: #2957c6;
}
#about .access .gmap iframe{
    width:560px;
    height: 350px;
}

@media screen and (max-width:768px){
    /** access **/
    #about .access{
        padding-bottom: 60px;
    }
    #about .access ul li{
        display: block;/*flex*/
    }
    #about .access ul li dl{
        width:100%;/*350px*/
    }
    #about .access ul li dl dt{
        margin:0 auto;/*10px auto*/
    }
    #about .access ul li dl dd+dd{
        margin: 10px auto 20px;/*20px*/
    }
    #about .access .gmap iframe{
        width:100%;/*560px*/
        height: auto;/*350px*/
    }

    #about .access .gmap{
        position: relative;
        padding-bottom: 40vh; /** ←これが縦横比!! %でも可。**/
        height: 0;
        overflow: hidden;
    }
    #about .access .gmap iframe, .gmap object, .gmap embed{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /** spのアンカーリンクのズレ修正 **/
    #access01:target::before,
    #access02:target::before{
        content:"";
        display:block;
        height:86px; /* ヘッダの高さ */
        margin-top:-86px;
        visibility: hidden;
    }
}


/** ========================================
		03: 主な診療分野
======================================== **/
/** serviceList **/
#info .serviceList{
    width:1010px;
}
#info .serviceList ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#info .serviceList ul li{
    width:475px;
    margin:15px;
    padding:30px 10px;
    text-align: center;
    border:1px solid #2957c6;
}
#info .serviceList ul li b{
    display: inline-block;
    margin:0 5px;
    padding:0 20px;
    font-size:18px;
    font-weight: bold;
    color: #2957c6;
    line-height: 46px;
    border-radius: 23px;
    background: #ecf5fa;
}
#info .serviceList ul li h2{
    margin-top: 20px;
}
#info .serviceList ul li p{
    padding:0 20px;
    text-align: left;
}
#info .serviceList ul li a.btn{
    width:280px;
}

@media screen and (max-width:768px){
    /** serviceList **/
    #info .serviceList{
        width:100%;/*1010px*/
    }
    #info .serviceList ul li{
        width:100%;/*475px*/
        margin:15px 0;/*15px*/
        padding:20px;/*30px*/
    }
    #info .serviceList ul li b{
        margin:5px auto;/*0 5px*/
        font-size:16px;
    }
    #info .serviceList ul li p{
        padding:0 0px;/*0 20px*/
    }
    #info .serviceList ul li a.btn{
        width:90%;/*280px*/
    }

    /** spのアンカーリンクのズレ修正 **/
    #kakumaku:target::before,
    #kakumaku:target::before,
    #ketumaku:target::before,
    #a_ketumaku:target::before,
    #hibun:target::before,
    #moumaku:target::before,
    #ganken:target::before,
    #mebachiko:target::before,
    #syasi:target::before{
        content:"";
        display:block;
        height:86px; /* ヘッダの高さ */
        margin-top:-86px;
        visibility: hidden;
    }
}


/** ========================================
		03-1: 日帰り白内障手術
======================================== **/
/** hakuInfo **/
#hakunaisyo .hakuInfo .youtube{
    text-align: center;
}
#hakunaisyo .hakuInfo .youtube iframe{
    margin-bottom: 20px;
}

@media screen and (max-width:768px){
    /** hakuInfo **/
    #hakunaisyo .hakuInfo .youtube{
        text-align: center;
    }
    #hakunaisyo .hakuInfo .youtube iframe{
        width:80vw;
        height: 50vw;
        margin-bottom: 10px;
    }
}


/** ========================================
		03-2: 緑内障検査
======================================== **/
/** ryokuInfo **/
#ryokunaisyo .ryokuInfo h3{
    margin-top: 110px;
}
#ryokunaisyo .ryokuInfo ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#ryokunaisyo .ryokuInfo ul li{
    width:470px;
}
#ryokunaisyo .ryokuInfo ul li img{
    width:100%;
    margin-bottom: 10px;
}

@media screen and (max-width:768px){
    /** ryokuInfo **/
    #ryokunaisyo .ryokuInfo h3{
        margin-top: 60px;/*110px*/
    }
    #ryokunaisyo .ryokuInfo ul{
        display: block;
    }
    #ryokunaisyo .ryokuInfo ul li{
        width:100%;/*470px*/
    }
    #ryokunaisyo .ryokuInfo ul li+li{
        margin-top: 40px;
    }
}


/** ========================================
		03-4: 子どもの斜視・弱視
======================================== **/
/** jakuInfo **/
#jakushi .jakuInfo .flxWrapper{
    align-items: stretch;
}
#jakushi .jakuInfo .flxWrapper dl.dlBox{
    width: 477px;
}
#jakushi .jakuInfo h3:not(:first-of-type) {
    font-weight: bold;
}

@media screen and (max-width:768px){
    /** jakuInfo **/
    #jakushi .jakuInfo .flxWrapper{
        align-items: stretch;
    }
    #jakushi .jakuInfo .flxWrapper dl.dlBox{
        width: 100%;
    }
}


/** ========================================
		03-3: 加齢黄斑変性
======================================== **/
/** kareiInfo **/
#karei .kareiInfo .flxWrapper{
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#karei .kareiInfo .flxWrapper dl.dlBox{
    width:477px;
}

#karei .kareiInfo h3:nth-of-type(2){
    margin-top: 70px;
}
#karei .kareiInfo h3+p{
    margin-bottom: 30px;
}
#karei .kareiInfo .flxWrapper figure{
    width:300px;
}
#karei .kareiInfo figcaption{
    margin-top: 6px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/** kareiCure **/
#karei .kareiCure .flxBox+.flxBox{
    margin-top: 100px;
}
#karei .kareiCure .flxBox .inner h3{
    margin:0 auto 10px;
    font-weight: bold;
    color:#141414;
    text-align: left;
}
#karei .kareiCure .flxBox dl.dlBox dd img{
    width:100%;
}

@media screen and (max-width:768px){
    /** kareiInfo **/
    #karei .kareiInfo .flxWrapper dl.dlBox{
        width:100%;
    }
    #karei .kareiInfo h3{
        font-size:24px;
        margin-bottom: 10px;
    }
    #karei .kareiInfo h3:nth-of-type(2){
        margin-top: 50px;/*70px*/
    }
    #karei .kareiInfo h3+p{
        margin-bottom: 20px;/*30px*/
    }
    #karei .kareiInfo .flxWrapper figure{
        width:100%;/*300px*/
    }
    #karei .kareiInfo .flxWrapper figure+figure{
        margin-top: 20px;
    }

    /** kareiCure **/
    #karei .kareiCure .flxBox+.flxBox{
        margin-top: 50px;/*100px*/
    }
}


/** ========================================
		04: 診療のながれ
======================================== **/
/** subNav **/
#flow ul.subNav{
    width:980px;
    margin:70px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#flow ul.subNav li.btn{
    width:470px;
    margin:0 auto;
    padding:16px 0;
    font-size:30px;
    line-height: 1.4;
    border-width: 2px;
    border-radius: 12px;
}#flow ul.subNav li.btn:hover,
#flow.syoshin ul.subNav li.btn:first-child,
#flow.saishin ul.subNav li.btn:last-child{
    color: #2957c6;
    background: #ecf5fa;
}
#flow ul.subNav li.btn::after{
    top: 34px;
}#flow ul.subNav li.btn:hover::after{
    color: #2957c6;
}
#flow ul.subNav li.btn a{
    display: block;
}#flow ul.subNav li.btn a:hover{
    color: #2957c6;
}
#flow ul.subNav li.btn span{
    display: block;
    font-size:18px;
}

/** secFlow **/
#flow .secFlow h2{
    font-size:40px;
}
#flow .secFlow h2 span{
    font-size:26px;
}
#flow.syoshin .secFlow .flow dl:nth-of-type(2) dd p,
#flow.syoshin .secFlow .flow dl:nth-of-type(3) dd p,
#flow.syoshin .secFlow .flow dl:last-of-type dd p,
#flow.saishin .secFlow .flow dl:nth-of-type(2) dd .inner,
#flow.saishin .secFlow .flow dl:last-of-type dd p{
    width:100%;
}
#flow .secFlow .flow dl dd p strong{
    border-bottom: 2px solid #2957c6;
}
#flow .secFlow .flow dl dd p b{
    display: block;
    margin-top: 10px;
    font-size:18px;
    font-weight: bold;
    color: #2957c6;
}
#flow .secFlow .flow dl dd p.emBox{
    display: block;
}
#flow .secFlow .flow dl dd p.emBox b{
    font-size:16px;
}
#flow .secFlow .flow dl dd p.emBox b:first-of-type{
    margin-top: 0;
}
#flow .secFlow .flow dl dd p .yoyaku{
    display: inline-block;
    margin:14px auto 4px;
    padding:0 0.5em;
    font-size:20px;
    color: #FFF;
    font-weight: bold;
    background: #2957c6;
}
#flow .secFlow .flow dl dd p .yoyaku+b{
    margin-top: 4px;
    color: #141414;
}
#flow .secFlow .flow+p{
    margin: -60px auto 40px;
    padding:30px;
    font-size:18px;
    background: #fff;
    border:1px solid #2957c6;
}
#flow .secFlow .flow+p b{
    display: block;
    font-size:20px;
    font-weight: bold;
    color: #2957c6;
}

@media screen and (max-width:768px){
    /** subNav **/
    #flow ul.subNav{
        width:90%;/*980px*/
        margin:30px auto;/*70px auto*/
        display: block;
    }
    #flow ul.subNav li.btn{
        width:100%;/*470px;*/
        padding:10px 0;/*16px 0*/
        font-size:28px;/*30px*/
    }
    #flow ul.subNav li.btn+li.btn{
        margin-top: 10px;
    }
    #flow ul.subNav li.btn::after{
        top: 26px;/*34px*/
    }
    #flow ul.subNav li.btn span{
        font-size:16px;/*18px*/
    }

    /** secFlow **/
    #flow .secFlow h2{
        font-size:30px;/*40px*/
    }
    #flow .secFlow h2 span{
        font-size:16px;/*26px*/
    }
    #flow .secFlow .flow dl dd p strong{
        border-bottom-width: 1px;
    }
    #flow .secFlow .flow dl dd p b{
        font-size:16px;/*18px*/
    }
    #flow .secFlow .flow dl dd p .yoyaku{
        font-size:18px;/*20px*/
    }
    #flow .secFlow .flow+p{
        margin: 30px auto 20px;/*-60px auto 40px*/
        padding:20px;/*30px*/
        font-size:16px;/*18px*/
    }
    #flow .secFlow .flow+p b{
        font-size:18px;/*20px*/
    }
}


/** ========================================
		05: 医師紹介
======================================== **/
/** dr **/
#doctor .dr figure{
    width:600px;
    margin: 0 auto 40px;
}
#doctor .dr figure figcaption.cap{
    margin-top: 30px;
    font-size:20px;
}
#doctor .dr figure figcaption.cap strong{
    margin-top: 6px;
    font-size:30px;
}
#doctor .dr table.tbl{
    width:700px;
}
#doctor .dr figure img +img{
	margin-top: 20px;
}

@media screen and (max-width:768px){
    /** dr **/
    #doctor .dr figure{
        width:100%;/*600px*/
        margin-bottom: 30px;/*0 auto 40px*/
    }
    #doctor .dr figure figcaption.cap{
        margin-top: 16px;/*30px*/
        font-size:16px;/*20px*/
    }
    #doctor .dr figure figcaption.cap strong{
        font-size:26px;/*30px*/
    }
    #doctor .dr table.tbl{
        width:100%;/*700px*/
    }
	#doctor .dr figure img +img{
		margin-top: 10px;
	}
}


/** ========================================
		06: 採用情報
======================================== **/
/** wanted **/
#recruit .wanted h2+p{
    margin:0 auto 20px;
    font-size:22px;
    color: #2957c6;
    text-align: center;
    line-height: 1.54;
}
#recruit .wanted table.tbl tr td a[href^="tel"]{
    color: #141414;
}

@media screen and (max-width:768px){
    /** wanted **/
    #recruit .wanted h2+p{
        font-size:18px;/*22px*/
    }
}


/** ========================================
		08: お問合せフォーム
======================================== **/
#inquiry ol.step{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 50px;
    text-align: center;
    font-size:18px;
}
#inquiry ol.step li{
    width:321px;
    font-size: 18px;
    color: #5f5f5f;
    line-height: 40px;
    background: #cccccc;
}
#inquiry ol.step li.now{
    color: #fff;
    background: #2957c6;
}

/** フォーム01:入力画面
----------------------------------------------------------**/
/** sec_form **/
#inquiry .sec_form>*:not(form){
    text-align: center;
    font-size:18px;
}
#inquiry .sec_form p.call{
    margin: 40px auto 60px;
    font-size:22px;
    font-weight: bold;
    color: #2957c6;
}
#inquiry .sec_form p.call a.btn.telBtn{
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    background: #2957c6;
}
#inquiry .sec_form p.call a.btn.telBtn+a.btn.telBtn{
    margin-left: 32px;
}
#inquiry .sec_form p.call a.btn.telBtn::after{
   display: none;
}
#inquiry .sec_form p.kome{
    font-size:14px;
}

/** form **/
form{
    margin:30px auto 150px;
}
form table.tbl th{
    width:250px;
    overflow: hidden;
}
form table.tbl th .must,
form table.tbl th .notmust{
    display: inline-block;
    width:3em;
    float: right;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
}
form table.tbl th .must{
    color: #fff;
    background: #e22275;
}
form table.tbl th .notmust{
    background: #fff;
    border: 1px solid #141414;

}
form table.tbl td input.txtBox,
form table.tbl td textarea{
    width:100%;
    height: 30px;
    padding:10px;
    font-size: 16px;
    border: 1px solid #959cae;
}
form table.tbl td textarea{
    height: 8em;
}
form table.tbl td input[type="number"]{
    width:5em;
    margin-right: 10px;
}
form table.tbl td input[type="radio"]:not(:first-of-type){
    margin-left: 20px;
}

form p{
    text-align: center;
    margin:34px auto 44px;
}
form p a:hover{
    color: #2957c6;
    text-decoration: underline;
}
button.btn{
    font-size:20px;
    line-height: 60px;
    border-width: 2px;
}

button.btn.btnBack::after{
    display: none;
}
button.btn.btnBack::before{
    font-family: FontAwesome;
    content: '\f104';
    font-size:20px;
    color: #7895db;
    position: absolute;
    top: 0;
    left:20px;
}button.btn.btnBack:hover::before{
    color: #fff;
}

/** フォーム02:確認画面
----------------------------------------------------------**/
/** sec_form **/
#inquiry .confirm {
}

@media screen and (max-width:768px){
    /** form **/
    form table.tbl th,
    form table.tbl td{
        width:100%;
        display: block;
    }
}


/** ========================================
		09: 個人情報保護方針
======================================== **/
/** policy **/
#privacy .policy{
    margin-bottom: 180px;
}
#privacy .policy>*:not(h2){
    font-size:18px;
    line-height: 1.88;
}
#privacy .policy ul li{
    margin-bottom: 20px;
    text-indent: -1em;
    margin-left: 1em;
}
#privacy .policy h2+p{
    margin-bottom: 20px;
}
#privacy .policy dl dt{
    font-weight: bold;
}
#privacy .policy dl dd{
    margin-bottom: 20px;
}

@media screen and (max-width:768px){
    /** policy **/
    #privacy .policy{
        margin-bottom: 80px;/*180px*/
    }
    #privacy .policy>*:not(h2){
        font-size:16px;/*18px*/
        line-height: 1.75;
    }
    #privacy .policy ul li,
    #privacy .policy h2+p,
    #privacy .policy dl dd{
        margin-bottom: 14px;/*20px*/
    }
}


/** ========================================
		10: サイトマップ
======================================== **/
/** sec_sitemap **/
#sitemap .sec_sitemap{
    margin-bottom: 180px;
}
#sitemap .sec_sitemap ul{
    border-top:1px dotted #828282;
}
#sitemap .sec_sitemap ul>li{
    padding:16px 50px;
    border-bottom: 1px dotted #828282;
}
#sitemap .sec_sitemap a{
    display: block;
    color: #141414;
}#sitemap .sec_sitemap a:hover{
    color: #2957c6;
}
#sitemap .sec_sitemap ul>li:nth-child(4) a{
    display: inline-block;
    width:20%;
}
#sitemap .sec_sitemap ul>li ol{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#sitemap .sec_sitemap ul>li ol li{
    width:240px;
    padding:4px 0;
}
#sitemap .sec_sitemap ul>li ol li:nth-child(3),
#sitemap .sec_sitemap ul>li ol li:nth-child(7),
#sitemap .sec_sitemap ul>li ol li:last-child{
    width:140px;
}
#sitemap .sec_sitemap ul>li ol li a::before{
    content: "・";
}

@media screen and (max-width:768px){
    /** sec_sitemap **/
    #sitemap .sec_sitemap{
        margin-bottom: 80px;/*180px*/
    }
    #sitemap .sec_sitemap ul>li{
        padding:16px 30px;/*16px 50px*/
    }
    #sitemap .sec_sitemap ul>li:nth-child(4) a{
        display: block;
        width:100%;
    }
    #sitemap .sec_sitemap ul>li:nth-child(4) a+a{
        margin-top: 12px;
    }
    #sitemap .sec_sitemap ul>li ol{
        display: block;
        padding-left: 1em;
    }
    #sitemap .sec_sitemap ul>li ol li,
    #sitemap .sec_sitemap ul>li ol li:nth-child(3),
    #sitemap .sec_sitemap ul>li ol li:nth-child(7),
    #sitemap .sec_sitemap ul>li ol li:last-child{
        width:100%;
        padding:6px 0;
    }
}



/** ========================================
11: 新型コロナウイルス対策について
======================================== **/
/*greeting*/
#korona .greeting h2 {
	font-size: 30px;
	font-weight: normal;
	margin: 0 auto 10px;
}

#korona .greeting p {
	font-size: 18px;
	text-align: center;
}


/*コロナのリスト*/
#korona .koronalist ul{
	display: flex;
	width: 980px;
	margin: 0 auto;
	justify-content: space-between;
	flex-wrap: wrap;
}
#korona .koronalist ul li{
	width: 466px;
}
#korona .koronalist ul li + li + li{
	margin-top: 60px;
}
#korona .koronalist ul li figure img{
	border-radius: 16px;
	width: 466px;
}

#korona h3 {
	margin: 10px auto 10px;
	font-size: 22px;
	color: #2957c6;
	text-align: left;
	font-weight: bold;
	line-height: 34px;
}


/*体温の計測*/
#korona .koronataion{
	background-color: #ecf5fa;
	padding: 60px 5%;
	margin-top: 70px;
}

#korona .koronataion ul{
	background-color: white;
	padding: 25px 30px;
	display: flex;
	border-radius: 10px;
	width: 980px;
	margin: 0 auto;
	justify-content: space-between;
}

#korona .koronataion ul li figure img{
	width: 400px;
}

#korona .koronataion ul li + li{
	margin-left: 60px;
}


@media screen and (max-width:768px){
	#korona .hero h1 {
		font-size: 20px;
		padding: 0 5px;
	}
	#korona h3 {
		margin: 10px auto 4px;
		font-size: 20px;
		line-height: 1.5;
	}
	#korona .koronalist ul{
		display: block;
		width: 100%;
		padding: 0 5%;
	}
	#korona .koronalist ul li {
		width: 100%;
	}
	#korona .koronalist ul li figure img{
		border-radius: 16px;
		width: 100%;
	}
	#korona .koronalist ul li + li + li{
		margin-top: 30px;
	}
	#korona .koronalist ul li + li{
		margin-top: 30px;
	}
	/*体温の計測*/
	#korona .koronataion{
		padding: 30px 5%;
		margin-top: 35px;
	}

	#korona .koronataion ul{
		background-color: white;
		padding: 15px 15px;
		display: block;
		border-radius: 10px;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
	}
	#korona .koronataion ul li figure img{
		width: 100%;
	}
	#korona .koronataion ul li + li{
		margin-left: 0px;
	}
}