﻿span {            /*コメント欄*/  
color:#ff1493;
}

h1 {
color:#000000;
font-size:20px;
}

h2 {
color:#ffffff;
font-size:20px;
padding-top: 20px
}

h3 {
color:#0000ff;
font-size:30px;
}

h4 {
color:#0000ff;
font-size:40px;
}

body {
width: 100%;
margin: 0px;
padding: 0px;
color: #000000;
font-family: Arial, sans-serif;
background: #FFFACD;
}

#acc{         /*アクセス*/
width: 500px;
margin: -20px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background:#51e9af
}

#container{         /*ボタンの場所*/
width: 500px;
margin: -5px 0px 0px 0px;
padding: 10px 0px 5px 0px;
background:#FFFFFF
}

#calen{         /*カレンダー*/ 
width: 500px;
margin: -17px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background:#00FFFF
}

#heart{         /*診療方針*/
width: 500px;
margin: -17px 0px 0px 0px;
padding: 0px 0px 20px 0px;
background:#f07bbf
}

#heart2{         /*診療方針の空行*/
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background:#f07bbf
}

#houmon{          /*訪問診療*/
width: 500px;
margin: -17px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background: #a9d4fc
}

#insta{              /*インスタグラム*/
width: 500px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 10px 0px;
background: #015a01
}

#jyuujisya{         /*未使用*/  
width: 500px;
background:#49ee9b
}

#keiji{         /*動画掲示*/  
width: 500px;
margin: -17px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background:#bdbcbc
} 
    
#kubun{         /*未使用*/  
width: 500px;
height: 1000px;
margin-top: -20px;
background: #C0C0C0
}

#kuni{         /*未使用*/  
width: 500px;
padding: 0px 0px 0px 0px;
background:#ff69b4
}

#kijyun{         /*施設基準の詳細*/
width: 500px;
padding-top: 20px;
padding-bottom: 20px;
background:#DE4B22
}
  
#kakunin{         /*未使用*/  
width: 500px;
background:#04700a
}

#oshirase{         /*おしらせ*/
width: 500px;
margin: -17px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background:#a8ebe3
}

#top{           /*タイトル*/
width: 500px;
margin-top: 0px;
padding: 0px;
}

#work{         /*職場環境*/
width: 500px;
margin: -17px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background:#ff7f50
}

#worker{         /*仕事関連の背景*/
width: 500px;
height: 1000px;
margin: -17px 0 0 0;
padding: 0 0 20px 0;
background:#ff7f50
}

#yoyaku{         /*アプリ*/
width: 500px;
margin: -20px 0 0 0;
padding-top: 0px;
padding-bottom: 20px;
background: #f5c2f2
}

.ishidan{        /*未使用*/
margin: 20px 0 0 50px;
float: left; 
padding:0px 20px 0px 0px;
background:#f07bbf
}

.ichi{
 margin: 0px 0px 0px 50px 
}

.photosize{
  width: 100px;
}


.keireki{         /*未使用*/
padding:10px 0px 10px 0;
text-align: start;
background:#f07bbf
}

.syoukai{         /*未使用*/
width: 500px;
position: relative;  
}

.syoukai img{       /*未使用*/   
width: 400px;
}

p2{                /*段落2*/
position: absolute;
top: 30px;
left: 250px;
}

P{                 /*段落　2行は改行用*/
word-break: keep-all;
overflow-wrap: anywhere;
width: 400px;
line-height: 1.2;
font-size: 20px;
}

.flex{
  display: flex;
  justify-content: space-between;
}


.flex_test-box {               /*未使用*/
display: flex; /*横並び*/
width: 500px;
color:#49ee9b
}

.flex .image {             /*未使用*/
width: 5%; /*画像サイズ指定*/
margin: 0;
padding: 0px 0px 0px 70px ;
}

.flex .text {          /*未使用*/
margin: 0 0 0 50px;
padding: 0;
}

.inner_box {       /*未使用*/
width: 300px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.test {         /*未使用*/
position: relative;
left: 0px;
width: 400px;
background: #f5f5f5;
border: 10px solid #f30f0f;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
box-sizing:border-box;
}

.box{         /*就職関連*/
position: relative; top: 50px; 
width: 400px;
height: 310px; 
margin: 10px 0px 10px 0px;
padding: 10px 0px 20px 0px;
font-size: 20px;
border-radius: 30px;
background: #f8f8f8;
}

.box2{                /*就職関連*/  
  position: relative; top: 50px; 
  width: 400px;
  margin: 10px 0px 50px 0px;
  padding: 10px 0px 20px 0px;
  font-size: 20px;
  border-radius: 30px;
  background: #ffffff;
}


.flex_test-box {
    width: 400px;
    background-color: #eee;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
  }
  
  .flex_test-item {
    padding: 10px;
    color:  #fff;               /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
  }
  
  .flex_test-item:nth-child(1) {
    width: 100px;
    background-color:  #2196F3; /* 背景色指定 */
  }
  
  .flex_test-item:nth-child(2) {
    width: 200px;  
    background-color:  #4CAF50; /* 背景色指定 */
  }
 
.flex_test-box {
    display: flex;              /* フレックスボックスにする */
  }

.float_ishidan{
  width: 50px;
}