@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');

html, body {
    overflow-x: hidden;
}
body {
  -webkit-text-size-adjust: 100%;
}


.aboutobitittle{
    width: 100%;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
}
.aboutobitittle-wrap{
    background-color: #0070f8;
    background-image:url(../about/images/obi_himawari_tori.png);
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
}

.about-h2{
    margin: 0 auto;
    text-align:center;
    vertical-align:middle;
    width: 960px;
    height: 180px;
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
}
.about-h2 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 40px;
    line-height:5em;
    color:#ffffff;
    text-shadow: 1px 2px 5px #000,-1px -2px 5px #808080;
}
#doctor-introduction,#homemedical,#clinicinformation{
    width: 100%;
    text-align:center;
    margin: 0 auto;
    padding: 50px 0px 0px 0px;
}
.sub1-h3-1{
    display: inline-block;
    width: 960px;
    height: 70px;
    line-height:3.5em;
    border-bottom:0.5px solid #2eac6f; 
    padding:-5px 0px; /*線との余白の設定*/ 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sub1-h3-1 p{
    text-align:left;
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 40px;
    color:#2eac6f;
    border-left:5px solid #2eac6f; 
    padding:0px 15px; /*線との余白の設定*/ 
}

/* 医師の紹介の詳細枠 */
.doctor-introduction-container1{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.drin-wrap1{
    display:flex;
    width: 960px;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
}
.drin-wrap2{
    width: 100%;
    text-align:left;
    margin: 0 auto;
}
.drin-box1{
    display: inline-block;
    width: 530px;
}
.drin-box1 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 22px;
}
.drin-box2{
    display: inline-block;
    width: 530px;
}
.drin-box2 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400; 
    font-size: 34px;
}
.drin-box3{
    display: inline-block;
    width: 530px;
}
.drin-box3 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400; 
    font-size: 15px;
}
.drin-box4{
    padding: 30px 0px 0px 0px;
    display: inline-block;
    width: 100%;
}
.drin-box4 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 17px;
    line-height: 2em;
    text-align: justify;
    text-justify: auto;
}


.drin-wrap3{
    padding: 0px 0px 0px 60px;
    width: 100%;
    margin: 0;
    font-size: 0px;
}
.drin-box5{
    padding: 0px 0px 0px 0px;
    display: inline-block;
    width: 370px;
    height: 440px;
}



.biography-wrap1{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #2eac6f;
}

.biography-wrap3{
    margin-top:30px;
    text-align:center;
    width: 100%;
    height: 100%;
    background: #2eac6f;
}
.biography-wrap4{
    padding: 40px 0px 40px 0px;
    display: inline-block;
    width: 960px;
        height: 100%;
}
.biography-wrap4 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 17px;
    color:#fff;
    text-align:left;
    margin-bottom: 1em;
}
.biography-wrap4 p:last-child{
    margin-bottom: 0em;
}


/* 在宅医療について */
.sub-zaitaku-container1{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.sub-zaitaku-wrap1{
    display:flex;
    width: 960px;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
}
.sub-zaitaku-wrap2{
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}
.sub-zaitaku-box1{
    display: inline-block;
    width: 410px;
}
.sub-zaitaku-box1 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 17px;
    line-height: 2em;
    text-align: justify;
    text-justify: auto;
}


.sub-zaitaku-wrap3{
    padding: 0px 0px 0px 40px;
    width: 100%;
    margin: 0;
    font-size: 0px;
}
.sub-zaitaku-box2{
    padding: 0px 0px 0px 0px;
    display: inline-block;
    width: 510px;
    height: 380px;
}

.sub-zaitaku-container2{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.sub-zaitaku-wrap4{
    display:flex;
    width: 960px;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
}
.sub-zaitaku-wrap5,.sub-zaitaku-wrap6,.sub-zaitaku-wrap7{
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 0;
    padding: 0px 0px 0px 0px;
    font-size: 0px;
}
.sub-zaitaku-box3,.sub-zaitaku-box4,.sub-zaitaku-box5{
    flex: 1;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    width: 320px;
    height: 200px;
}

/* 在宅医療について */
.sub-zaitaku-container3-1{
    text-align:center;
    width: 100%;
    margin: 0 auto;
    background: #f8f6eb;
}
.sub-zaitaku-container3-2{
    width: 960px;
    margin: 0 auto;
    margin-top:60px; 
    padding: 30px 0px 30px 0px;
    background: #f8f6eb;
}
.sub-zaitaku-wrap20{
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

.t-sub-zaitaku{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 17px;
    text-align: justify;
    text-justify: auto;
    line-height: 1.5em;
}
.t-sub-zaitaku-b{/* span用 */
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 17px;
    text-align: justify;
    text-justify: auto;
    line-height: 1.5em;
}
.sub-zaitaku-box20,.sub-zaitaku-box22,.sub-zaitaku-box24{
    display: inline-block; 
    margin-top:0px;
    width:960px;  
    height:30px;
    text-align:center;
    border-radius: 5px;
    background:linear-gradient(#649dd5,#3e6eab, #232580);        
}
.sub-zaitaku-box20,.sub-zaitaku-box22,.sub-zaitaku-box24 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 20px;
    line-height:-0.5em; 
    color: #ffffff;      
}
.sub-zaitaku-box21{
    width: 100%;
    padding: 15px 0px 0px 0px;
}
.sub-zaitaku-box22,.sub-zaitaku-box24{
    margin-top:50px;
}
.sub-zaitaku-box23{
    width: 100%;
    padding: 15px 0px 0px 0px;
}
.sub-zaitaku-wrap21{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.sub-zaitaku-wrap22{
    display:flex;
    width: 960px;
    margin: 0 auto;
    padding: 15px 0px 0px 0px;
}
.sub-zaitaku-wrap23{
    width: 100%;
    margin: 0 auto;
}
.sub-zaitaku-box25{
    display: inline-block;
    width: 560px;
}
.sub-zaitaku-box26{
    padding: 0px 0px 0px 0px;
    width: 560px;
}
.sub-zaitaku-box26 p{
    margin-top:20px;
}
.sub-zaitaku-wrap24{
    padding: 0px 0px 0px 40px;
    width: 100%;
    margin: 0;
    font-size: 0px;
}
.sub-zaitaku-box27{
    padding: 0px 0px 0px 0px;
    display: inline-block;
    width: 360px;
    height: 350px;
}


/* 当院について */
.sub-info-container1{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}
.sub-info-wrap1{
    display: inline-block;
    text-align:left;
    font-size: 0px;
    width:960px;  
}
.sub-info-box1-1{
    display: inline-block;
    margin: 0 auto;
    width:450px;  
    height: 79px;
}


.sub-info-container2{
    padding:20px 0px 0px 0px;
  width: 100%;
  text-align: center;
}
.sub-info-wrap2{
  display: inline-block; 
  text-align: left;
  max-width:960px;  
  width:960px;  
}
.sub-info-wrap3{
  display:flex;
  gap: 20px 30px;
}
.sub-info-wrap4{
    width:100%;  
}
.sub-info-box2{
    width:430px;  
    line-height: -5em;
    padding-bottom:10px;
    border-bottom: .5px solid #000000;
}
.sub-info-box3{
  margin: 15px 0px 0px 0px;
}
.sub-info-wrap5{
    width:100%;  
}
.sub-info-box4{
    width:480px;  
}
.sub-info-box5{
    padding: 10px 0px 0px 0px;
}
.sub-info-container3{/* 加算枠 */
    display: inline-block;
    margin: 0 auto;
    text-justify: auto; 
    padding: 40px 0px 0px 0px;
    width: 100%;
    text-align: center;
}
.sub-info-wrap6{
    display: inline-block; 
    max-width:960px;  
    width:960px;  
    height: 170px;
    border: 1px solid #808080;
    background-color:#fceed8;
}
.sub-info-wrap7{
    width:100%; 
    display:flex;
    padding:20px 20px 0px 20px;
    justify-content:space-between; 
}
.sub-info-wrap8{
    width:930px;  
}
.sub-info-box6{
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    display: inline-block; 
}
.sub-info-box6 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 20px;
    display: inline-block; 
    text-align: justify;
    text-justify: auto;
}

.sub-info-box7{
    margin-top:30px;
    width:100%;  
}
.sub-info-kasanbotan-w-l{/*ボタン*/
    margin: 0 auto;
    width: 490px;
    height: 30px;
    text-decoration: none;
    border-radius: 5px;
    background: #006e35;
}
.sub-info-kasanbotan-w-l:hover{
    background-color: #2eac6f;
}

.sub-zaitaku-container4{
  width: 100%;
}
.sub-info-wrap20{
    margin-top:60px;
    width: 100%;    
    text-align:center;
    background:#2eac6f;  
}
.sub-info-box20{
    padding: 00px 0px 0px 0px;
    display: inline-block; 
    width:960px;  
    height:60px;
}
.sub-info-box20 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 28px;
    line-height:2.2em; 
    color: #ffffff;      
}

.sub-info-container5{
  width: 100%;
}
.sub-info-wrap21{
    text-align:center;
    width:100%;  
}
.sub-info-wrap21 p{
    text-align:left;
}
.sub-info-wrap22{
    font-size: 0px;
    display: inline-block; 
    width:960px;  
}
.sub-info-box21{
    padding:20px 0px 0px 0px;
    width:100%;  
}
.sub-info-wrap23{
    padding:20px 0px 0px 0px;
    font-size: 0px;
    display: inline-block; 
    width:704px; 
    }
.sub-info-box22{
    display: inline-block; 
    padding:20px 0px 0px 0px;
    width:100%;  
    border: 0.5px solid #000000 
}


.sub-info-container6{
    width: 100%;
    text-align:center;
}
.sub-info-box30-1{
    margin-top:30px;
}
.sub-info-box30-2{
    width: 100%;
}
.sub-info-gmap-w-l-1{/*ボタン*/
    margin-top:30px;
    margin: 0 auto;
    width: 700px;
    height: 30px;
    text-decoration: none;
    border-radius: 5px;
    background: #006e35;
}
.sub-info-gmap-w-l-1:hover{
    background-color: #2eac6f;
}





/* プライバシーポリシー */
.policyitittle{
    width: 100%;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
}
.policyitittle-wrap{
    background-color: #0070f8;
    background-image:url(../about/images/obi_himawari_tori.png);
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
}

.policy-h2{
    margin: 0 auto;
    text-align:center;
    vertical-align:middle;
    width: 960px;
    height: 180px;
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
}
.policy-h2 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 40px;
    line-height:5em;
    color:#ffffff;
    text-shadow: 1px 2px 5px #000,-1px -2px 5px #808080;
}

#policypage{
    width: 100%;
    text-align:center;
    margin: 0 auto;
    padding: 50px 0px 0px 0px;
}

.sub-policy-h3{
    display: inline-block;
    width: 960px;
    height: 70px;
    line-height:3.5em;
    border-bottom:0.5px solid #2eac6f; 
    padding:-5px 0px; /*線との余白の設定*/ 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sub-policy-h3 p{
    text-align:left;
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 40px;
    color:#2eac6f;
    border-left:5px solid #2eac6f; 
    padding:0px 15px; /*線との余白の設定*/ 
}

.policy-br1{
    display:none;
}

.privacypolicy-title-container1,.privacypolicy-title-container2{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.privacypolicy-title-wrap1,.privacypolicy-title-wrap2{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
}
.privacypolicy-title1,.privacypolicy-title2{
    margin: 0 auto;
    margin-bottom:0em;
}
.privacypolicy-title1 p,.privacypolicy-title2 p{
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 25px;
    color: #2eac6f;
}


.policy-title-container1,.policy-title-container2,.policy-title-container3,.policy-box-container1{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.policy-title-wrap1,.policy-title-wrap2,.policy-title-wrap3{
    width: 960px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
}
.policy-title1,.policy-title2,.policy-title3{
    margin-bottom:0em;
    padding: 0.5rem 0 0.5rem 0;
    border-top: 3px dotted #2eac6f;
    border-bottom: 3px dotted #2eac6f;
}
.policy-title1 p,.policy-title2 p,.policy-title3 p{
    text-align:left;
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 700;
    font-size: 20px;
    color: #2eac6f;
}

.policy-title-box-wrap1,.policy-box-wrap1{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
.policy-title-box1,.policy-box1{/* 本文テキスト下部の空白調整はここ */
    width: 960px;
    margin: 0 auto;
    margin-bottom:0.3em;
    padding: 10px 0px 0px 0px;
}
.t-policy-honbun,.t-policy-honbun-blank1line,.t-policy-honbun-blank5line{/* 本文テキスト指示 */
    text-align:left;
    text-align: justify;
    word-break:break-all;
    text-justify: auto;
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 15px;
}
.t-policy-honbun-blank1line{/* 下部の空白行の場合 */
    margin-bottom:1em;
}
.t-policy-honbun-blank5line{/* 下部の空白行の場合 */
    margin-bottom:5em;
}

.policy-komidashi-wrap1{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
}

.policy-komidashi1{
    margin-bottom:0em;
    padding: 0.5rem 0 0.5rem 0;
    position: relative;
/* display: inline-block; 入れるとテキスト幅*/
    border-bottom: solid 3px #d5d5d5;
    padding: 5px 0 5px 0;
}
.policy-komidashi1::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #2eac6f;
  bottom: -3px;
  width: 30%;
}
.t-policy-komidashi1{
    text-align:left;
    font-family: 'Hiragino Kaku Gothic Pro', ;
    font-weight: 400;
    font-size: 18px;
}


.policy-box-otoiawase1{/* お問い合わせの空白調整はここ */
    width: 100%;
    margin: 0 auto;
    margin-bottom:2em;
    padding: 10px 0px 0px 0px;
}