@charset "UTF-8";

/*
Theme Name: 森猫堂
*/

/*全体
--------------------------------------------------------------------------*/
html.top-nnn{
clear: both;
float: left;
height: auto;
min-height: auto;
margin: 0;
padding: 0;
background: #f9f4ee;
display: block;
}
body {
	margin: 0;
	padding: 0;
	COLOR: #383c40;
	FONT-SIZE:20px;
font-family:'Noto Sans JP', sans-serif;
	font-weight: 400;
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}
body.top-nn{
height: auto;
min-height: auto;
}
@media only screen and (max-width: 1080px) {
body {
	margin: 0;
	padding: 0;
	COLOR: #383c40;
	FONT-SIZE:17px;
font-family:'Noto Sans JP', sans-serif;
	font-weight: 400;
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}
}
@media only screen and (max-width: 640px) {
body {
	margin: 0;
	padding: 0;
	COLOR: #383c40;
	FONT-SIZE:16px;
font-family:'Noto Sans JP', sans-serif;
	font-weight: 400;
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}
}
@media only screen and (max-width: 480px) {
body {
	margin: 0;
	padding: 0;
	COLOR: #383c40;
	FONT-SIZE:15px;
font-family:'Noto Sans JP', sans-serif;
	font-weight: 400;
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}
}

/*paddingとborderをwidthに含める*/
* {	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

#con{
    width:100%;
max-width: 2000px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

/*page-top用*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0;
	line-height:0;
}

img{
	border:0;
}
@media screen and (max-width:1280px){
img{
max-width: 100%;
height: auto;
width :auto;
}
}

a:link,a:visited{
	outline:0;
	color:#3371a7;
    text-decoration: none;
}

a:hover{
	outline:0;
	color: #5dc1cf;
    text-decoration: underline;
}

a:hover img {
opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}

br.sp,br.spt,br.spt2,.nsp{
	display:inherit;
}
br.sm,br.smt,br.smm,br.smm2,br.spm,.nst,.nss,br.smm3{
	display:none;
}
@media only screen and (max-width: 1280px) {
br.sp,br.spm,br.smm,.smm,br.smm2,.nsp,.nss,.nsm,br.smm3{
	display:none;
}
br.spt,br.sm,br.smt,.nst{
	display:inherit;
}
}
@media only screen and (max-width: 640px) {
br.spt,br.smt,br.smm2,.nsp,.nst,.nsm,.nsm2,br.smm3{
	display:none;
}
br.spm,br.smm,.nss{
	display:inherit;
}
}
@media only screen and (max-width: 480px) {
br.spt,br.smt,.nsp,.nst,.nsm,br.spt2,br.smm3{
	display:none;
}
br.spm,br.smm,br.smm2,.nss{
	display:inherit;
}
}
@media only screen and (max-width: 414px) {
br.spt,br.smt,.nsp,.nst,.nsm,br.spt2{
	display:none;
}
br.spm,br.smm,br.smm2,.nss,br.smm3{
	display:inherit;
}
}

/*ヘッダ
--------------------------------------------------------------------------*/
header{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: 9999;
position: relative;
}

img.top-time{
position:absolute;
right: 0;
top:200px;
z-index: 9999;
max-width: 45%;
}
@media only screen and (max-width: 1600px) {
img.top-time{
top:280px;
max-width:50%;
}
}
@media only screen and (max-width: 1440px) {
img.top-time{
top:250px;
max-width:55%;
}
}
@media only screen and (max-width: 1280px) {
img.top-time{
top:300px;
max-width:55%;
}
}
@media only screen and (max-width: 1080px) {
img.top-time{
display: none;
}
}

#logo{
clear: both;
float: left;
width: 16%;
height: auto;
margin: 30px 0 0 30px;
padding: 0 0 20px;
border-radius: 0 0 30px 0;
background: #fff;
text-align: center;
z-index: 9999;
position: absolute; /* 親要素を基準に配置するため変更 */
top: 0;
left: 0;
}
#con.sub-p #logo{
width: 100%;
margin: 30px 0 0 0;
position: inherit;
top:auto;
left: auto;
}
#logo img{
max-width: 90%;
margin: 0 5%;
}
#con.sub-p #logo img{
max-width: 13%;
margin: 0 auto;
}
#logo p{
text-align: center;
font-size: 30px;
line-height: 130%;
margin: 10px 0 0;
font-weight: 500;
color: #3371a7;
}
@media only screen and (max-width: 1600px) {
#logo p{
font-size: 28px;
}
}
@media only screen and (max-width: 1440px) {
#logo p{
font-size: 25px;
}
}
@media only screen and (max-width: 1280px) {
#logo,#con.sub-p #logo{
clear: both;
float: left;
width: 15%;
height: auto;
margin: 30px 0 0 30px;
padding: 0 0 15px;
border-radius: 0 0 30px 0;
background: #fff;
text-align: center;
z-index: 9999;
position: absolute; /* 親要素を基準に配置するため変更 */
top: 0;
left: 0;
}
#con.sub-p #logo{
margin: 30px 0 0 0;
}
#con.sub-p #logo img{
max-width: 90%;
margin: 0 5%;
}
#logo p{
text-align: center;
font-size: 20px;
line-height: 130%;
margin: 5px 0 0;
color: #3371a7;
}
}
@media only screen and (max-width: 1080px) {
#logo,#con.sub-p #logo{
width: 25%;
}
#logo p{
font-size: 25px;
}
}
@media only screen and (max-width: 835px) {
#logo,#con.sub-p #logo{
width: 25%;
margin: 20px 0 0 20px;
}
#con.sub-p #logo{
margin: 20px 0 0 0;
}
#logo p{
font-size: 20px;
}
}
@media only screen and (max-width: 640px) {
#logo,#con.sub-p #logo{
width: 30%;
}
#logo p{
font-size: 17px;
}
}
@media only screen and (max-width: 480px) {
#logo,#con.sub-p #logo{
width: 35%;
}
#con.sub-p #logo{
margin: 15px 0 0 0;
}
#logo p{
font-size: 15px;
}
}
@media only screen and (max-width: 414px) {
#logo,#con.sub-p #logo{
width: 40%;
margin: 15px 0 0 0px;
}
#logo p{
font-size: 15px;
}
}

#photo{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 30px 30px 0;
}
@media only screen and (max-width: 835px) {
#photo{
padding: 20px 20px 0;
}
}
@media only screen and (max-width: 414px) {
#photo{
padding: 15px 15px 0;
}
}

#slider {
clear: both;
float: left;
    width: 100%;
    height: 90vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background: #fff;
border-radius: 30px 30px 0 0;
}
@media only screen and (max-width: 1280px) {
#slider {
clear: both;
float: left;
    width: 100%;
    height: 80vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background: #fff;
border-radius: 30px 30px 0 0;
}
}
@media only screen and (max-width: 835px) {
#slider {
clear: both;
float: left;
    width: 100%;
    height: 70vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background: #fff;
border-radius: 30px 30px 0 0;
}
}
@media only screen and (max-width: 835px) {
#slider {
clear: both;
float: left;
    width: 100%;
    height: 80vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background: #fff;
border-radius: 30px 30px 0 0;
}
}

#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -230px 0 0; /* 上に100pxずらす */
padding: 170px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
@media only screen and (max-width: 1600px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -210px 0 0; /* 上に100pxずらす */
padding: 150px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}
@media only screen and (max-width: 1440px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -190px 0 0; /* 上に100pxずらす */
padding: 130px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}
@media only screen and (max-width: 1280px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -170px 0 0; /* 上に100pxずらす */
padding: 110px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}
@media only screen and (max-width: 1080px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -160px 0 0; /* 上に100pxずらす */
padding: 130px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}
@media only screen and (max-width: 835px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -140px 0 0; /* 上に100pxずらす */
padding: 100px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100% 100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}
@media only screen and (max-width: 640px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -100px 0 0; /* 上に100pxずらす */
padding: 90px 0 30px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat center top/100% 100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}
@media only screen and (max-width: 480px) {
#top-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -100px 0 0; /* 上に100pxずらす */
padding: 100px 0 0px 0;
text-align: justify;
background: url(https://www.okubo-seikei.com/image/top-news-back.webp) no-repeat left top/140% 100%;
z-index: 9999; /* photoより手前に表示 */
position: relative; /* 重ねる順番を制御するために必要 */
}
}

#top-news-box{
clear: both;
float: left;
width: 32%;
height: auto;
margin: 0 18% 0 50%;
padding: 0;
border-bottom: 1px solid #383c40;
display: flex;
align-items: flex-start;
}
@media only screen and (max-width: 1440px) {
#top-news-box{
width: 36%;
margin: 0 14% 0 50%;
}
}
@media only screen and (max-width: 1280px) {
#top-news-box{
width: 47%;
margin: 0 3% 0 50%;
}
}
@media only screen and (max-width: 1080px) {
#top-news-box{
clear: both;
float: left;
width: 67%;
height: auto;
margin: 0 3% 0 30%;
padding: 0;
border-bottom: 1px solid #383c40;
display: flex;
}
}
@media only screen and (max-width: 835px) {
#top-news-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 0 5%;
padding: 0;
border-bottom: 1px solid #383c40;
display: flex;
}
}
@media only screen and (max-width: 480px) {
#top-news-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 0 5%;
padding: 0;
border-bottom: 1px solid #383c40;
display: inherit;
}
}

#top-news p{
float: left;
font-size: 15px;
color: #3371a7;
line-height: 100%;
margin: 0 2% 0 0;
padding: 2px 20px 3px;
border: 1px solid #383c40;
border-radius: 50px;
}
@media only screen and (max-width: 640px) {
#top-news p{
float: left;
font-size: 14px;
color: #3371a7;
line-height: 100%;
margin: 0 2% 5px 0;
padding: 2px 20px 3px;
border: 1px solid #383c40;
border-radius: 50px;
}
}

#top-news ul{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #f9f4ee;
}
#top-news ul li{
list-style-type: none;
font-size: 17px;
line-height: 100%;
margin: 0;
padding: 0;
text-align: justify;
display: flex;
align-items: flex-start;
}
@media only screen and (max-width: 640px) {
#top-news ul li{
list-style-type: none;
font-size: 16px;
line-height: 100%;
margin: 0;
padding: 0;
text-align: justify;
}
}
@media only screen and (max-width: 480px) {
#top-news ul ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 10px 0 0;
padding: 0;
}
#top-news ul li{
list-style-type: none;
font-size: 14px;
line-height: 100%;
margin: 0;
padding: 0;
text-align: justify;
}
}

.up_ymd{
color: #3371a7;
margin: 0 15px 0 0;
}
#top-news ul a:link,#top-news ul a:visited{
color: #383c40;
}
@media only screen and (max-width: 480px) {
.up_ymd{
width:40%;
margin: 0;
padding: 0;
}
#top-news ul li .title{
width: 60%;
height: auto;
margin: 0;
padding: 0;
}
}

#menu-box {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding:30px 0 30px;
  background: #f9f4ee;
}
#con.sub-p #menu-box{
background: #fff;
}
menu {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

menu ul {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 15%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media only screen and (max-width: 1440px) {
menu ul {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 10%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
}

menu li {
  list-style-type: none;
  margin: 0 0 0 -1em;
  padding: 0;
  text-align: center;
  font-size: 20px;
  line-height: 150%;
  flex: 0 0 15%;
  flex: 1 0 auto;
  background: url(https://www.okubo-seikei.com/image/menu-line.png) no-repeat right center/15px 70%;
}
menu li.bno{
background: none;
}
menu li.bno2,menu li.bno3,menu li.bno4{
display: none;
}
menu li span{
color: #3371a7;
font-size: 16px;
}
menu li a:link,
menu li a:visited {
  height: auto;
  text-decoration: none;
  color: #111;
  line-height: 100%;
}
menu li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width:1280px) {
#menu-box{
clear: both;
float: none;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: fixed;
top:0;
left:0;
z-index: 9999;
background: none;
}
menu{
clear: both;
float: left;
width: 100%;
height: auto;
height: 100vh;
margin: 0;
padding: 0;
text-align: center;
position: fixed;
top: 0;
background: rgba(56,60,64,0.9);
}
menu ul{
display:inherit;
clear: both;
float: left;
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
text-align: center;
}
menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 20px;
  line-height: 150%;
  flex: auto;
  background: none;
}
menu li a:link,menu li a:visited{
float: none;
display: block;
text-decoration: none;
color: #fff;
padding: 25px 0 25px;
text-align: center;
line-height: 100%;
font-size: 17px;
border-top:1px solid #fff;
font-weight:700;
}
@media only screen and (max-width: 480px) {
menu li a:link,menu li a:visited{
float: none;
display: block;
text-decoration: none;
color: #fff;
padding: 20px 0 20px;
text-align: center;
line-height: 100%;
font-size: 17px;
border-top:1px solid #fff;
font-weight:700;
}
}
menu li a:hover{
text-decoration: underline;
}
menu li br,menu li span{
display: none;
}
menu li.bno{
border-bottom:1px solid #fff;
}
menu li.bno4{
display: inherit;
}
menu li.bno4 a:link,menu li.bno4 a:visited{
color: #5dc1cf;
font-size: 25px;
}
@media only screen and (max-width: 480px) {
menu li.bno4 a:link,menu li.bno4 a:visited{
color: #5dc1cf;
font-size: 20px;
}
}
@media only screen and (max-width: 414px) {
menu li.bno4 a:link,menu li.bno4 a:visited{
color: #5dc1cf;
font-size: 20px;
text-align: left;
text-indent: 1em;
}
}
menu li.bno2{
display: inherit;
background: #eb95c1;
margin: 10px 5% 7px;
border-radius: 15px;
border-top:none;
}
menu li.bno2 a:link,menu li.bno2 a:visited{
border-top:none;
font-size: 25px;
}
@media only screen and (max-width: 640px) {
menu li.bno2{
display: inherit;
background: #eb95c1;
margin: 7px 5% 5px;
border-radius: 15px;
border-top:none;
}
menu li.bno2 a:link,menu li.bno2 a:visited{
border-top:none;
font-size: 22px;
}
}
@media only screen and (max-width: 480px) {
menu li.bno2{
display: inherit;
background: #eb95c1;
margin: 15px 5% 15px;
border-radius: 15px;
border-top:none;
}
}
menu li.bno2 img{
max-width: 3%;
margin: 0 1% 0 0;
vertical-align: middle;
}
@media only screen and (max-width: 1080px) {
menu li.bno2 img{
max-width: 4%;
margin: 0 1% 0 0;
vertical-align: middle;
}
}
@media only screen and (max-width: 835px) {
menu li.bno2 img{
max-width: 5%;
margin: 0 1% 0 0;
vertical-align: middle;
}
}
@media only screen and (max-width: 640px) {
menu li.bno2 img{
max-width: 6%;
margin: 0 1% 0 0;
vertical-align: middle;
}
}
@media only screen and (max-width: 480px) {
menu li.bno2 img{
max-width: 7%;
margin: 0 2% 0 0;
vertical-align: middle;
}
}
@media only screen and (max-width: 414px) {
menu li.bno2 img{
max-width:9%;
margin: 0 2% 0 0;
vertical-align: middle;
}
}
menu li.bno3{
display: inherit;
margin: 0;
padding: 0;
background: none;
}

menu table{
clear: both;
width: 90%;
height: auto;
margin: 0 auto 0;
padding: 0;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
    background: #fff;
}
menu th{
padding: 5px;
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
menu td{
padding: 5px;
font-size: 14px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
menu .blue{
color: #3371a7;
}

/*==================================================
　5-2-4 MENUがCLOSEに
===================================*/

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn4{
float: right;
  position: fixed;/*ボタン内側の基点となるためrelativeを指定*/
  background:#3371a7;
  cursor: pointer;
    width: 50px;
    height:50px;
  border-radius: 5px;
  top:10px;
  right:10px;
  z-index: 999;
  border: 2px solid #fff;
}
/*ボタン内側*/
.openbtn4 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 13px;
    height: 2px;
    border-radius: 5px;
  background: #fff;
    width: 45%;
  }
.openbtn4 span:nth-of-type(1) {
  top:11px; 
}
.openbtn4 span:nth-of-type(2) {
  top:17px;
}
.openbtn4 span:nth-of-type(3) {
  top:23px;
}
.openbtn4 span:nth-of-type(3)::after {
  content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top:0px;
left: 50%; /* ここを50%に変更 */
  transform: translateX(-50%); /* これを追加 */
  color: #fff;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
}
@media only screen and (max-width: 640px) {
.openbtn4 span:nth-of-type(3)::after {
  content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top:0px;
left: 50%; /* ここを50%に変更 */
  transform: translateX(-50%); /* これを追加 */
  color: #fff;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
}
}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
.openbtn4.active span:nth-of-type(1) {
    top: 12px;
    left: 16px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}
.openbtn4.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn4.active span:nth-of-type(3){
    top: 24px;
    left: 16px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.openbtn4.active span:nth-of-type(3)::after {
  content:"Close";/*3つ目の要素のafterにClose表示を指定*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg) translateY(20px); /* ここを12pxに調整 */
  font-size: 0.8rem;
  font-family: "メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
}
/*.doneクラスがついたヘッダー*/
.dnone {
display: none;
}
/*メニューボタンをクリックした際に付与されるpanelactiveクラスがついたら*/
.dnone.panelactive {
display: inherit;
}
}

/*メイン
--------------------------------------------------------------------------*/
main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#main-sm-time{
display: none;
}
@media only screen and (max-width: 640px) {
#main-sm-time{
display: inherit;
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 3% 30px;
background: #f9f4ee;
}
}

#main-sm-time table{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 10px;
padding: 0;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
}
#main-sm-time th{
padding: 10px;
font-weight: 500;
font-size: 15px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
#main-sm-time td{
padding: 10px;
font-size: 15px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
#main-sm-time td.blue{
color: #3371a7;
}
@media only screen and (max-width: 414px) {
#main-sm-time th{
padding: 7px;
font-weight: 500;
font-size: 13px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
#main-sm-time td{
padding: 7px;
font-size: 13px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
}

#main-sm-time p{
text-align: center;
margin: 0 0 10px;
font-size: 15px;
line-height: 110%;
}
#main-sm-time p.pleft{
text-align: justify;
text-indent: -1.5em;
margin: 0 0 10px 1.5em;
}
#main-sm-time p img{
margin: 0 3px 0 0;
max-width: 16px;
vertical-align: middle;
}
@media only screen and (max-width: 414px) {
#main-sm-time p{
font-size: 14px;
}
}

#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 20% 150px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 101%/100% auto,#f9f4ee;
}
@media only screen and (max-width: 1600px) {
#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 15% 150px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 101%/100% auto,#f9f4ee;
}
}
@media only screen and (max-width: 1440px) {
#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 10% 150px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 101%/100% auto,#f9f4ee;
}
}
@media only screen and (max-width: 1280px) {
#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 60px 5% 120px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 101%/100% auto,#f9f4ee;
}
}
@media only screen and (max-width: 835px) {
#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 60px 5% 90px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 101%/130% auto,#f9f4ee;
}
}
@media only screen and (max-width: 640px) {
#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 60px 5% 60px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 101%/150% auto,#f9f4ee;
}
}
@media only screen and (max-width: 480px) {
#greeting{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 5% 60px;
background: url(https://www.okubo-seikei.com/image/medi-back.png) no-repeat center 100%/140% auto,#f9f4ee;
}
}

#gree-area{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 35% 0 0;
text-align: left;
position: relative;
}
@media only screen and (max-width: 835px) {
#gree-area{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 0 0;
text-align: left;
position: relative;
}
}
@media only screen and (max-width: 640px) {
#gree-area{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0% 0 0;
text-align: left;
position: relative;
}
}

.gree-icon{
position: absolute;
top:100px;
right:15%;
max-width:30%;
z-index: 9995;
}
@media only screen and (max-width: 835px) {
.gree-icon{
position: absolute;
top:70px;
right:0;
max-width:35%;
z-index: 9995;
}
}
@media only screen and (max-width: 480px) {
.gree-icon{
position: absolute;
top:90px;
right:0;
max-width:45%;
z-index: 9995;
}
}
@media only screen and (max-width: 414px) {
.gree-icon{
position: absolute;
top:90px;
right:0;
max-width:55%;
z-index: 9995;
}
}

#gree-area img{
width: 100%;
border-radius: 30px;
margin: 0 0 30px;
}
#gree-area p{
text-align:left;
line-height: 200%;
margin: 0;
font-size: 17px;
position: relative;
z-index: 9996;
}
@media only screen and (max-width: 640px) {
#gree-area img{
width: 80%;
border-radius: 30px;
margin: 0 0 30px;
}
#gree-area p{
text-align:left;
line-height: 200%;
margin: 0;
font-size: 16px;
position: relative;
z-index: 9996;
}
}
@media only screen and (max-width: 480px) {
#gree-area img{
width: 85%;
border-radius: 30px;
margin: 0 0 20px;
}
#gree-area p{
text-align:justify;
line-height: 180%;
margin: 0;
font-size: 16px;
position: relative;
z-index: 9996;
}
}

#gree-menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 50px 0 0;
}
@media only screen and (max-width: 1080px) {
#gree-menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 0 0;
}
}

#gree-menu h2{
clear: both;
float: left;
width: 25%;
height: auto;
margin: 0;
padding: 10px 0 7px;
text-align: center;
font-size: 30px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#gree-menu h2 a:link,#gree-menu h2 a:visited{
text-decoration: none;
color: #111;
}
#gree-menu h2 span{
color: #3371a7;
font-size: 20px;
font-weight: 400;
}
@media only screen and (max-width: 1600px) {
#gree-menu h2{
font-size: 25px;
}
}
@media only screen and (max-width: 1080px) {
#gree-menu h2{
font-size: 20px;
}
#gree-menu h2 span{
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
#gree-menu h2{
width: 30%;
font-size: 20px;
}
}
@media only screen and (max-width: 640px) {
#gree-menu h2{
width: 80%;
margin: 0 10% 25px;
padding: 7px 0 5px;
font-size: 20px;
}
}
@media only screen and (max-width: 480px) {
#gree-menu h2{
width: 80%;
margin: 0 10% 25px;
padding: 7px 0 5px;
font-size: 17px;
}
#gree-menu h2 span{
font-size: 13px;
}
}

#gree-menu ul{
float: left;
width: 75%;
height: auto;
margin: 0;
padding: 0 0 0 10%;
display: flex;
flex-wrap: wrap;
}
#gree-menu li{
list-style-type: none;
font-size: 20px;
line-height: 100%;
text-align: left;
margin: 0 10% 25px 0;
padding: 0 0 10px 35px;
border-bottom:1px dashed #20233e;
flex: 1;
flex-basis:40%;
flex-grow: 0;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat top left/25px;
}
@media only screen and (max-width: 1080px) {
#gree-menu ul{
float: left;
width: 75%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
display: flex;
flex-wrap: wrap;
}
#gree-menu li{
list-style-type: none;
font-size: 20px;
line-height: 100%;
text-align: left;
margin: 0 5% 25px 0;
padding: 0 0 10px 35px;
border-bottom:1px dashed #20233e;
flex: 1;
flex-basis:40%;
flex-grow: 0;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat top left/25px;
}
}
@media only screen and (max-width: 835px) {
#gree-menu ul{
float: left;
width: 70%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
display: flex;
flex-wrap: wrap;
}
#gree-menu li{
list-style-type: none;
font-size: 17px;
line-height: 100%;
text-align: left;
margin: 0 10% 25px 0;
padding: 0 0 10px 27px;
border-bottom:1px dashed #20233e;
flex: 1;
flex-basis:40%;
flex-grow: 0;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat top left/20px;
}
}
@media only screen and (max-width: 640px) {
#gree-menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#gree-menu li{
list-style-type: none;
font-size: 17px;
line-height: 100%;
text-align: left;
margin: 0 5% 25px 5%;
padding: 0 0 10px 27px;
border-bottom:1px dashed #20233e;
flex: 1;
flex-basis:40%;
flex-grow: 0;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat top left/20px;
}
}
@media only screen and (max-width: 414px) {
#gree-menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: inherit;
flex-wrap: wrap;
}
#gree-menu li{
list-style-type: none;
font-size: 17px;
line-height: 100%;
text-align: left;
margin: 0 0 25px 0;
padding: 0 0 10px 27px;
border-bottom:1px dashed #20233e;
flex: 1;
flex-basis:100%;
flex-grow: 0;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat top left/20px;
}
}

#medi{
clear: both;
float: left;
width: 100%;
height: auto;
margin:-2px 0 0;
padding:50px 0 0;
background: #dfecee;
}

#medi-photo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 20%;
text-align: left;
display: flex;
align-items: stretch;
}
@media only screen and (max-width: 1600px) {
#medi-photo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 15%;
text-align: left;
display: flex;
align-items: stretch;
}
}
@media only screen and (max-width: 1440px) {
#medi-photo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 10%;
text-align: left;
display: flex;
align-items: stretch;
}
}
@media only screen and (max-width: 1280px) {
#medi-photo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 5%;
text-align: left;
display: flex;
align-items: stretch;
}
}
@media only screen and (max-width: 640px) {
#medi-photo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 5%;
text-align: left;
display: inherit;
align-items: stretch;
}
}

#medi-photo1{
clear: both;
float: left;
width: 65%;
height: auto;
margin: 0;
padding: 0;
}
#medi-photo1 img{
border-radius: 30px 0 0 30px;
max-width: 100%;
}
@media only screen and (max-width: 640px) {
#medi-photo1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}
#medi-photo1 img{
border-radius: 30px 30px 0 0;
max-width: 100%;
}
}
@media only screen and (max-width: 480px) {
#medi-photo1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
}
}
@media only screen and (max-width: 414px) {
#medi-photo1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
}
}

#medi-photo2{
float: left;
width: 35%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
#medi-photo2 img{
border-radius: 0 30px 0 0;
max-width: 100%;
}
#medi-photo2 img.bno{
border-radius: 0 0 30px 0;
}
@media only screen and (max-width: 640px) {
#medi-photo2{
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
#medi-photo2 img{
border-radius: 0 0 0 30px;
margin: 0 3% 0 0;
max-width:47%;
}
#medi-photo2 img.bno{
margin: 0 0 0 3%;
border-radius: 0 0 30px 0;
}
}
@media only screen and (max-width: 480px) {
#medi-photo2 img{
border-radius: 0 0 0 30px;
margin: 0 2% 0 0;
max-width:48%;
}
#medi-photo2 img.bno{
margin: 0 0 0 2%;
border-radius: 0 0 30px 0;
}
}
@media only screen and (max-width: 414px) {
#medi-photo2 img{
border-radius: 0 0 0 30px;
margin: 0 1% 0 0;
max-width:49%;
}
#medi-photo2 img.bno{
margin: 0 0 0 1%;
border-radius: 0 0 30px 0;
}
}

#medi-menu1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 20% 80px;
background: url(https://www.okubo-seikei.com/image/medi-menu1-back.png) no-repeat center 101%/100%,#dfecee;
display: flex;
}
#medi-menu2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 20% 100px;
background: url(https://www.okubo-seikei.com/image/medi-menu2-back.png) no-repeat center 100%/100%,#d3cee6;
display: flex;
}
#medi-menu3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 20% 250px;
background: url(https://www.okubo-seikei.com/image/medi-menu3-back.png) no-repeat center 101%/100%,#f8e2ed;
display: flex;
}
@media only screen and (max-width: 1600px) {
#medi-menu1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 80px;
background: url(https://www.okubo-seikei.com/image/medi-menu1-back.png) no-repeat center 101%/100%,#dfecee;
display: flex;
}
#medi-menu2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 15% 100px;
background: url(https://www.okubo-seikei.com/image/medi-menu2-back.png) no-repeat center 100%/100%,#d3cee6;
display: flex;
}
#medi-menu3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 15% 250px;
background: url(https://www.okubo-seikei.com/image/medi-menu3-back.png) no-repeat center 101%/100%,#f8e2ed;
display: flex;
}
}
@media only screen and (max-width: 1440px) {
#medi-menu1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 10% 80px;
background: url(https://www.okubo-seikei.com/image/medi-menu1-back.png) no-repeat center 101%/100%,#dfecee;
display: flex;
}
#medi-menu2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 10% 100px;
background: url(https://www.okubo-seikei.com/image/medi-menu2-back.png) no-repeat center 100%/100%,#d3cee6;
display: flex;
}
#medi-menu3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 10% 250px;
background: url(https://www.okubo-seikei.com/image/medi-menu3-back.png) no-repeat center 101%/100%,#f8e2ed;
display: flex;
}
}
@media only screen and (max-width: 1280px) {
#medi-menu1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 5% 80px;
background: url(https://www.okubo-seikei.com/image/medi-menu1-back.png) no-repeat center 101%/100%,#dfecee;
display: flex;
}
#medi-menu2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 5% 100px;
background: url(https://www.okubo-seikei.com/image/medi-menu2-back.png) no-repeat center 100%/100%,#d3cee6;
display: flex;
}
#medi-menu3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 50px 5% 250px;
background: url(https://www.okubo-seikei.com/image/medi-menu3-back.png) no-repeat center 101%/100%,#f8e2ed;
display: flex;
}
}
@media only screen and (max-width: 835px) {
#medi-menu1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 5% 50px;
background: url(https://www.okubo-seikei.com/image/medi-menu1-back.png) no-repeat center 101%/110%,#dfecee;
display: inherit;
}
#medi-menu2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 5% 30px;
background: url(https://www.okubo-seikei.com/image/medi-menu2-back.png) no-repeat center 100%/100%,#d3cee6;
display:inherit;
}
#medi-menu3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 25px 5% 130px;
background: url(https://www.okubo-seikei.com/image/medi-menu3-back.png) no-repeat center 101%/120%,#f8e2ed;
display: inherit;
}
}
@media only screen and (max-width: 480px) {
#medi-menu1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 5% 40px;
background: url(https://www.okubo-seikei.com/image/medi-menu1-back-sm.png) no-repeat center 101%/100%,#dfecee;
display: inherit;
}
#medi-menu2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 20px 5% 30px;
background: url(https://www.okubo-seikei.com/image/medi-menu2-back.png) no-repeat center 100%/100%,#d3cee6;
display:inherit;
}
#medi-menu3{
clear: both;
float: left;
width: 100%;
height: auto;
margin:-2px 0 0;
padding: 25px 5% 110px;
background: url(https://www.okubo-seikei.com/image/medi-menu3-back.png) no-repeat center 100%/105%,#f8e2ed;
display: inherit;
}
}

#medi-box1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box2{
float: left;
width: 30%;
height: auto;
margin: 0 0 0 5%;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box3{
clear: both;
float: left;
width: 65%;
height: auto;
margin: 0;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box4{
float: left;
width: 30%;
height: auto;
margin: 0 0 0 5%;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box5{
float: left;
width: 30%;
height: auto;
margin: 0 0 0 5%;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box6{
clear: both;
float: left;
width: 30%;
height: auto;
margin: 0 5% 0 0;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
position: relative;
}
#medi-box7{
float: left;
width: 30%;
height: auto;
margin: 0;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box8{
float: left;
width: 30%;
height: auto;
margin: 0 0 0 5%;
padding: 20px 2% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
@media only screen and (max-width: 835px) {
#medi-box1{
clear: both;
float: left;
width: 100%;
margin: 0 0 30px;
padding: 15px 5% 25px;
}
#medi-box2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding:15px 5% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box3{
clear: both;
float: left;
width: 100%;
margin: 0 0 30px;
padding: 15px 5% 25px;
}
#medi-box4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding:15px 5% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 15px 5% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 15px 5% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
position: relative;
}
#medi-box7{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 15px 5% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
#medi-box8{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 15px 5% 25px;
background: #fff;
border-radius: 30px;
text-align: left;
}
}

#medi-box-left{
clear: both;
float: left;
width: 33%;
height: auto;
margin: 0 5% 0 0;
padding: 0;
}
@media only screen and (max-width: 835px) {
#medi-box-left{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
}
}

#medi-box-right{
float: left;
width: 62%;
height: auto;
margin: 0;
display: flex;
flex-wrap: wrap;
padding: 50px 0 0;
background: url(https://www.okubo-seikei.com/image/medi-menu-con.png) no-repeat left top/160px;
}
#medi-box-right ul{
clear: both;
float: left;
width: 45%;
height: auto;
margin: 0 5% 0 0;
padding: 0;
flex: 1;
flex-basis:45%;
}
@media only screen and (max-width: 835px) {
#medi-box-right{
clear: both;
width: 100%;
background: url(https://www.okubo-seikei.com/image/medi-menu-con.png) no-repeat left top/130px;
}
}
@media only screen and (max-width: 480px) {
#medi-box-right{
display: inherit;
}
#medi-box-right ul{
width: 100%;
margin: 0 0 0px;
flex-basis:100%;
}
}
#medi-box-right li{
list-style-type: none;
margin: 0 0 15px;
padding: 0 0 15px 35px;
line-height: 100%;
font-size: 17px;
text-align: left;
border-bottom: 1px dashed #666;
background: url(https://www.okubo-seikei.com/image/medi-boxright-li.png) no-repeat 2% top/20px;
}
#medi-box-right li a:link,#medi-box-right li a:visited{
text-decoration: none;
color: #111;
}
#medi-box-right li a:hover{
color: #2ba0b5;
}
#medi-box-right li.bno{
border-bottom: none;
background: #5dc1cf;
border-radius: 10px;
padding: 0;
text-align: center;
}
#medi-box-right li.bno a:link,#medi-box-right li.bno a:visited{
display: block;
padding: 10px 0;
text-decoration: none;
color: #fff;
}
#medi-box-right li.bno a:hover{
background:#3371a7;
border-radius: 10px;
}
@media only screen and (max-width: 1080px) {
#medi-box-right li{
font-size: 16px;
}
}

#medi-menu1 p.more{
clear: both;
text-align: right;
padding: 0 35px 0 0;
background: url(https://www.okubo-seikei.com/image/medi-boxright-li.png) no-repeat center right/25px;
}
#medi-menu1 p.more a{
color: #5dc1cf;
}

#medi-box-left2{
clear: both;
float: left;
width: 53%;
height: auto;
margin: 0 7% 0 0;
padding: 0;
}
@media only screen and (max-width: 1440px) {
#medi-box-left2{
width: 52%;
margin: 0 8% 0 0;
}
}
@media only screen and (max-width: 835px) {
#medi-box-left2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
}
}

#medi-box-right2{
float: left;
width:40%;
height: auto;
margin: 0 0 0 0%;
padding: 50px 0 0;
background: url(https://www.okubo-seikei.com/image/medi-menu-con2.png) no-repeat left top/160px;
}
@media only screen and (max-width: 1440px) {
#medi-box-right2{
width:40%;
}
}
@media only screen and (max-width: 1080px) {
#medi-box-right2{
background: url(https://www.okubo-seikei.com/image/medi-menu-con2.png) no-repeat left top/130px;
}
}
@media only screen and (max-width: 835px) {
#medi-box-right2{
clear: both;
width: 100%;
margin: 10px 0 0 0;
padding: 50px 0 0;
}
}
@media only screen and (max-width: 480px) {
#medi-box-right2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 0;
padding: 50px 0 0;
background: url(https://www.okubo-seikei.com/image/medi-menu-con2.png) no-repeat left top/130px;
}
}

#medi-box-right2 ul{
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#medi-box-right2 li{
list-style-type: none;
font-size: 17px;
line-height: 100%;
text-align: left;
margin: 0 0 15px 0;
padding: 0 0 15px 30px;
border-bottom:1px dashed #20233e;
background: url(https://www.okubo-seikei.com/image/medi2-li.png) no-repeat top left/20px;
}
#medi-box-right2 li a{
color: #383c40;
}
@media only screen and (max-width: 1080px) {
#medi-box-right2 li{
list-style-type: none;
font-size: 17px;
line-height: 130%;
text-align: left;
margin: 0 0 15px 0;
padding: 0 0 15px 30px;
border-bottom:1px dashed #20233e;
background: url(https://www.okubo-seikei.com/image/medi2-li.png) no-repeat top left/20px;
}
}

#medi-menu1 p,#medi-menu2 p,#medi-menu3 p{
text-align: justify;
font-size: 17px;
line-height: 180%;
margin: 0;
color: #383c40;
}
@media only screen and (max-width: 1080px) {
#medi-menu1 p,#medi-menu2 p,#medi-menu3 p{
font-size: 15px;
line-height: 180%;
margin: 0;
color: #383c40;
}
}
@media only screen and (max-width: 835px) {
#medi-menu1 p,#medi-menu2 p,#medi-menu3 p{
font-size: 16px;
line-height: 180%;
margin: 0;
color: #383c40;
}
}

#medi-menu2 p.more{
clear: both;
text-align: right;
padding: 0 35px 0 0;
background: url(https://www.okubo-seikei.com/image/medi2-li.png) no-repeat center right/25px;
position: absolute;
bottom:20px;
right: 3%;
}
@media only screen and (max-width: 835px) {
#medi-menu2 p.more{
position: inherit;
bottom:inherit;
right: inherit;
}
}

#medi-menu3 p.more{
clear: both;
text-align: right;
margin: 15px 0 0;
padding: 0 35px 0 0;
background: url(https://www.okubo-seikei.com/image/medi3-li.png) no-repeat center right/25px;
}
#medi-menu2 p.more a{
color: #9287be;
}
#medi-menu3 p.more a{
color: #ecb1cf;
}

#medi-menu1 h2,#medi-menu2 h2,#medi-menu3 h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0 0 20px;
text-align: left;
font-size: 27px;
font-weight: 500;
line-height: 100%;
border-bottom: 1px dashed #222;
}
@media only screen and (max-width: 1080px) {
#medi-menu1 h2,#medi-menu2 h2,#medi-menu3 h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0 0 15px;
text-align: left;
font-size: 21px;
font-weight:600;
line-height: 100%;
border-bottom: 1px dashed #222;
}
}
@media only screen and (max-width: 835px) {
#medi-menu1 h2,#medi-menu2 h2,#medi-menu3 h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0 0 15px;
text-align: center;
font-size: 25px;
font-weight:500;
line-height: 100%;
border-bottom: 1px dashed #222;
}
}

.medi-title1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: left;
}
#medi-menu1 .medi-title1 p{
text-align: justify;
font-size: 14px;
color: #5dc1cf;
line-height: 100%;
}
#medi-menu2 .medi-title1 p{
text-align: justify;
font-size:14px;
color: #9287be;
line-height: 100%;
}
#medi-menu3 .medi-title1 p{
text-align: justify;
font-size: 14px;
color: #ecb1cf;
line-height: 100%;
}
.medi-title1 p img{
max-height: 80px;
margin: 0 2% 0 0;
vertical-align: middle;
}
@media only screen and (max-width: 1080px) {
.medi-title1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: center;
}
#medi-menu1 .medi-title1 p{
text-align:center;
font-size: 14px;
color: #5dc1cf;
line-height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-start;
}
#medi-menu2 .medi-title1 p{
text-align:center;
font-size:14px;
color: #9287be;
line-height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-start;
}
#medi-menu3 .medi-title1 p{
text-align:center;
font-size:14px;
color: #ecb1cf;
line-height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-start;
}
.medi-title1 p img{
max-height: auto;
margin: 0 0 10px;
vertical-align: middle;
}
}
@media only screen and (max-width: 835px) {
#medi-menu1 .medi-title1 p{
text-align:center;
font-size: 14px;
color: #5dc1cf;
line-height: 100%;
display: inherit;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-start;
}
#medi-menu2 .medi-title1 p{
text-align:center;
font-size:14px;
color: #9287be;
line-height: 100%;
display: inherit;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-start;
}
#medi-menu3 .medi-title1 p{
text-align:center;
font-size: 14px;
color: #ecb1cf;
line-height: 100%;
display:inherit;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-start;
}
.medi-title1 p img{
max-height: auto;
margin: 0 2% 0 0;
vertical-align: middle;
}
}

.medi-title1 span{
position: absolute;
top:20px;
right:5%;
color: #fff;
background: #ecb1cf;
font-size: 17px;
border-radius: 50px;
padding: 5px 15px 3px;
}
@media only screen and (max-width: 835px) {
.medi-title1 span{
position: absolute;
top:20px;
right:5%;
color: #fff;
background: #ecb1cf;
font-size: 17px;
border-radius: 50px;
padding: 3px 25px 3px;
}
}

#tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 50px;
background: url(https://www.okubo-seikei.com/image/tokucho-back.png) no-repeat center 100%/100%,#fff;
}
#tokucho-bottom{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 100px;
background: url(https://www.okubo-seikei.com/image/tokucho-bottom-back.png) no-repeat center bottom/100%,#f9f4ee;
}
@media only screen and (max-width: 1080px) {
#tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 40px;
background: url(https://www.okubo-seikei.com/image/tokucho-back.png) no-repeat center 100%/100%,#fff;
}
#tokucho-bottom{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 80px;
background: url(https://www.okubo-seikei.com/image/tokucho-bottom-back.png) no-repeat center bottom/100%,#f9f4ee;
}
}
@media only screen and (max-width: 640px) {
#tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 30px;
background: url(https://www.okubo-seikei.com/image/tokucho-back.png) no-repeat center 100%/130%,#fff;
}
#tokucho-bottom{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 25px 0 50px;
background: url(https://www.okubo-seikei.com/image/tokucho-bottom-back.png) no-repeat center bottom/100%,#f9f4ee;
}
}
@media only screen and (max-width: 480px) {
#tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 30px;
background: url(https://www.okubo-seikei.com/image/tokucho-back.png) no-repeat center 100%/110%,#fff;
}
#tokucho-bottom{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 25px 0 50px;
background: url(https://www.okubo-seikei.com/image/tokucho-bottom-back.png) no-repeat center bottom/100%,#f9f4ee;
}
}

.tokucho-box{
clear: both;
float: left;
width: 60%;
height: auto;
margin: 0 20% 50px;
padding: 0;
text-align: left;
}
.tokucho-box img{
max-width:30%;
}
@media only screen and (max-width: 1600px) {
.tokucho-box{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 1440px) {
.tokucho-box{
clear: both;
float: left;
width: 80%;
height: auto;
margin: 0 10% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 1280px) {
.tokucho-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 640px) {
.tokucho-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 50px;
padding: 0;
text-align: center;
}
}

.tokucho-text{
float: right;
width: 70%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
text-align: left;
}
@media only screen and (max-width: 640px) {
.tokucho-box img{
max-width:50%;
margin: 0 0 20px;
}
.tokucho-text{
clear: both;
float: right;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 480px) {
.tokucho-box img{
max-width:70%;
margin: 0 0 20px;
}
}
@media only screen and (max-width: 414px) {
.tokucho-box img{
max-width:80%;
margin: 0 0 20px;
}
}

.tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
font-weight: 400;
font-size: 35px;
line-height: 120%;
}
.tokucho-text h3 span{
font-size: 20px;
}
@media only screen and (max-width: 1080px) {
.tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
font-weight: 400;
font-size: 30px;
line-height: 120%;
}
.tokucho-text h3 span{
font-size: 17px;
}
}
@media only screen and (max-width: 640px) {
.tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align:center;
font-weight: 400;
font-size: 30px;
line-height: 120%;
}
.tokucho-text h3 span{
font-size: 17px;
}
}

.tokucho-text p{
text-align:left;
font-size: 17px;
line-height: 180%;
margin: 0;
}
.tokucho-text p.tokucho-title{
font-size: 25px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
}
.tokucho-text p.tokucho-title span{
font-size: 70px;
font-weight: 600;
vertical-align: text-top;
}
@media only screen and (max-width: 1080px) {
.tokucho-text p{
text-align:left;
font-size: 15px;
line-height: 180%;
margin: 0;
}
.tokucho-text p.tokucho-title{
font-size: 20px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
}
.tokucho-text p.tokucho-title span{
font-size: 55px;
font-weight: 600;
vertical-align: text-top;
}
}
@media only screen and (max-width: 640px) {
.tokucho-text p{
text-align:left;
font-size: 15px;
line-height: 180%;
}
.tokucho-text p.tokucho-title{
font-size: 25px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
text-align: center;
}
}

#teikei{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 150px;
background: url(https://www.okubo-seikei.com/image/teikei-back.png) no-repeat center bottom/100%,#d3cee6;
}
@media only screen and (max-width: 1280px) {
#teikei{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 150px;
background: url(https://www.okubo-seikei.com/image/teikei-back.png) no-repeat center bottom/100%,#d3cee6;
}
}
@media only screen and (max-width: 1080px) {
#teikei{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 120px;
background: url(https://www.okubo-seikei.com/image/teikei-back.png) no-repeat center bottom/100%,#d3cee6;
}
#teikei p{
margin: 0 5%;
}
}
@media only screen and (max-width: 640px) {
#teikei{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 80px;
background: url(https://www.okubo-seikei.com/image/teikei-back.png) no-repeat center bottom/100%,#d3cee6;
}
}

#teikei ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 20%;
}
@media only screen and (max-width: 1600px) {
#teikei ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 15%;
}
}
@media only screen and (max-width: 1440px) {
#teikei ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#teikei ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 5%;
}
}

#teikei li{
float: left;
width: 46%;
margin: 0 2% 30px;
list-style-type: none;
position: relative;
}
#teikei li:last-child{
display: block;
width: 46%;
height: auto;
background: #fff;
border-radius: 10px;
padding: 20px 0;
text-align: center;
font-size: 17px;
line-height: 100%;
color: #383c40;
}
#teikei li a:link,#teikei li a:visited{
display: block;
width: 100%;
height: auto;
background: #fff;
border-radius: 10px;
padding: 20px 0;
text-align: center;
font-size: 17px;
line-height: 100%;
color: #383c40;
}
#teikei li a:hover{
background: #9287be;
color: #fff;
}
#teikei li span{
position: absolute;
top:35%;
right: 10%;
}
@media only screen and (max-width: 640px) {
#teikei li{
float: left;
width: 48%;
margin: 0 1% 15px;
list-style-type: none;
position: relative;
}
#teikei li:last-child{
display: block;
width: 48%;
padding: 15px 0;
font-size: 15px;
}
#teikei li a:link,#teikei li a:visited{
display: block;
width: 100%;
height: auto;
background: #fff;
border-radius: 10px;
padding: 15px 0;
text-align: center;
font-size: 15px;
line-height: 100%;
color: #383c40;
}
}
@media only screen and (max-width: 480px) {
#teikei li{
float: left;
width: 100%;
margin: 0 0 15px;
list-style-type: none;
position: relative;
}
#teikei li:last-child{
width: 100%;
}
}

#bottom-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 60px 0 0;
background:#fff;
}
@media only screen and (max-width: 640px) {
#bottom-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin:-2px 0 0;
padding: 60px 0 0;
background: #fff;
}
}
@media only screen and (max-width: 480px) {
#bottom-news{
clear: both;
float: left;
width: 100%;
height: auto;
margin:-2px 0 0;
padding: 40px 0 0;
background: #fff;
}
}

#bottom-news iframe{
clear: both;
float: left;
width: 100%;
height:450px;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1080px) {
#bottom-news iframe{
height: 300px;
}
}

/*ul設定はtop.cssに記述してnewsフォルダ内へアップロード
--------------------------------------------------------------------------*/

#bottom-news p{
display: none;
clear: both;
width: 20%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 20px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#bottom-news p span{
color: #3371a7;
font-size: 17px;
font-weight: 400;
}
#bottom-news p a{
color: #383c40;
}
@media only screen and (max-width: 1080px) {
#bottom-news p{
clear: both;
width: 30%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 17px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#bottom-news p span{
color: #3371a7;
font-size: 14px;
font-weight: 400;
}
}
@media only screen and (max-width: 835px) {
#bottom-news p{
clear: both;
width: 40%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 17px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#bottom-news p span{
color: #3371a7;
font-size: 14px;
font-weight: 400;
}
}
@media only screen and (max-width: 640px) {
#bottom-news p{
clear: both;
width: 50%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 16px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#bottom-news p span{
color: #3371a7;
font-size: 13px;
font-weight: 400;
}
}
@media only screen and (max-width: 480px) {
#bottom-news p{
clear: both;
width: 70%;
height: auto;
margin: 0 auto;
padding: 7px 0 5px;
text-align: center;
font-size: 16px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
}
@media only screen and (max-width: 414px) {
#bottom-news p{
clear: both;
width: 80%;
height: auto;
margin: 0 auto;
padding: 5px 0 3px;
text-align: center;
font-size: 14px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
}

#photo2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0;
}
#photo2 ul{
margin: 0;
padding: 0;
}
#photo2 ul li{
margin: 0 3%;
}
/*スライダーのためのcss*/
#photo2 .slider2 img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
#photo2 .slider2 .slick-slide {
    margin:0;/*スライド左右の余白調整*/
}
#photo2 .slider2 img{
max-width: 100%;
}
@media only screen and (max-width: 480px) {
#photo2{
margin: 30px 0 0;
}
}

#rec{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 0;
background: url(https://www.okubo-seikei.com/image/rec-left.png) no-repeat 10% 60%/15%,url(https://www.okubo-seikei.com/image/rec-right.png) no-repeat 90% bottom/13%,#dfecee;
}
@media only screen and (max-width: 1440px) {
#rec{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 0;
background: url(https://www.okubo-seikei.com/image/rec-left.png) no-repeat 5% 60%/15%,url(https://www.okubo-seikei.com/image/rec-right.png) no-repeat 95% bottom/13%,#dfecee;
}
}
@media only screen and (max-width: 1280px) {
#rec{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 0;
background: url(https://www.okubo-seikei.com/image/rec-left.png) no-repeat 5% 40%/20%,url(https://www.okubo-seikei.com/image/rec-right.png) no-repeat 95% 30%/18%,#dfecee;
}
}
@media only screen and (max-width: 1080px) {
#rec{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 0 60px;
background: url(https://www.okubo-seikei.com/image/rec-left.png) no-repeat 5% 30%/20%,url(https://www.okubo-seikei.com/image/rec-right.png) no-repeat 95% 30%/18%,#dfecee;
}
}
@media only screen and (max-width: 835px) {
#rec{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 60px 0 60px;
background: url(https://www.okubo-seikei.com/image/rec-left.png) no-repeat 5% 20%/20%,url(https://www.okubo-seikei.com/image/rec-right.png) no-repeat 95% 20%/20%,#dfecee;
}
}

#rec h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: center;
font-size: 30px;
line-height: 150%;
font-weight: 500;
color: #3371a7;
}

#rec p{
text-align: center;
margin: 0 0 50px;
line-height: 200%;
font-size: 20px;
}
@media only screen and (max-width: 1080px) {
#rec p{
text-align: center;
margin: 0 5% 40px;
line-height: 150%;
}
}
@media only screen and (max-width: 640px) {
#rec p{
text-align:justify;
margin: 0 5% 30px;
font-size: 17px;
}
}
@media only screen and (max-width: 480px) {
#rec p{
font-size: 16px;
}
}

#rec p.p3{
clear: both;
width: 20%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 20px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#rec p.p3 span{
color: #3371a7;
font-size: 17px;
font-weight: 400;
}
#rec p.p3 a{
color: #383c40;
}
@media only screen and (max-width: 1280px) {
#rec p.p3{
clear: both;
width: 30%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 17px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#rec p.p3 span{
color: #3371a7;
font-size: 14px;
font-weight: 400;
}
}
@media only screen and (max-width: 835px) {
#rec p.p3{
clear: both;
width: 40%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 17px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
#rec p.p3 span{
color: #3371a7;
font-size: 14px;
font-weight: 400;
}
}
@media only screen and (max-width: 640px) {
#rec p.p3{
clear: both;
width: 50%;
height: auto;
margin: 0 auto;
padding: 10px 0 7px;
text-align: center;
font-size: 17px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
}
@media only screen and (max-width: 480px) {
#rec p.p3{
clear: both;
width: 70%;
height: auto;
margin: 0 auto;
padding: 7px 0 5px;
text-align: center;
font-size: 16px;
line-height: 120%;
font-weight: 400;
border: 1px solid #383c40;
border-radius: 100px;
}
}

#top-access{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -3px 0 0;
padding: 50px 0 0;
background: url(https://www.okubo-seikei.com/image/top-access-back.png) no-repeat center top/100%,#fff;
}
@media only screen and (max-width: 1280px) {
#top-access {
clear: both;
float: left;
width: 100%;
height: auto;
margin: -3px 0 0;
padding: 80px 0 0;
background: url(https://www.okubo-seikei.com/image/top-access-back.png) no-repeat center top/120%,#fff;
}
}
@media only screen and (max-width: 835px) {
#top-access {
clear: both;
float: left;
width: 100%;
height: auto;
margin: -3px 0 0;
padding: 50px 0 0;
background: url(https://www.okubo-seikei.com/image/top-access-back.png) no-repeat center top/140%,#fff;
}
}

#top-ac-left{
clear: both;
float: left;
width: 25%;
height: 100%;
margin: 0 0 0 20%;
padding: 0;
}
#top-ac-right{
float: left;
width: 35%;
height: 100%;
margin: 0 20% 0 0;
padding: 0;
text-align: center;
position: relative;
}
@media only screen and (max-width: 1600px) {
#top-ac-left{
clear: both;
float: left;
width: 30%;
height: 100%;
margin: 0 0 0 15%;
padding: 0;
}
#top-ac-right{
float: left;
width: 40%;
height: 100%;
margin: 0 15% 0 0;
padding: 0;
text-align: center;
}
}
@media only screen and (max-width: 1440px) {
#top-ac-left{
clear: both;
float: left;
width: 35%;
height: 100%;
margin: 0 0 0 10%;
padding: 0;
}
#top-ac-right{
float: left;
width: 45%;
height: 100%;
margin: 0 10% 0 0;
padding: 0;
text-align: center;
}
}
@media only screen and (max-width: 1280px) {
#top-ac-left{
clear: both;
float: left;
width: 40%;
height: 100%;
margin: 0 0 0 5%;
padding: 0;
}
#top-ac-right{
float: left;
width:50%;
height: 100%;
margin: 0 5% 0 0;
padding: 0;
text-align: center;
}
}
@media only screen and (max-width: 1080px) {
#top-ac-left{
clear: both;
float: left;
width: 45%;
height: 100%;
margin: 0 0 0 5%;
padding: 0;
}
#top-ac-right{
float: left;
width:45%;
height: 100%;
margin: 0 5% 0 0;
padding: 0;
text-align: center;
}
}
@media only screen and (max-width: 835px) {
#top-ac-left{
clear: both;
float: left;
width: 100%;
height: 100%;
margin: 0 0 20px;
padding: 0 5%;
}
#top-ac-right{
clear: both;
float: left;
width:100%;
height: 100%;
margin: 0;
padding: 0 10%;
text-align: center;
}
}
@media only screen and (max-width: 640px) {
#top-ac-right{
clear: both;
float: left;
width:100%;
height: 100%;
margin: 0;
padding: 0 5%;
text-align: center;
}
}

#top-ac-right img{
max-width: 90%;
}
@media only screen and (max-width: 640px) {
#top-ac-right img{
max-width: 100%;
}
}

#top-ac-right a:link,#top-ac-right a:visited{
display: block;
float: right;
width: 30%;
height: auto;
margin: -50px 0 0;
padding: 10px 3%;
border: 1px solid #888;
border-radius: 50px;
text-align: center;
font-size: 20px;
color: #666;
font-weight: 400;
position: absolute;
right:0;
}
@media only screen and (max-width: 1080px) {
#top-ac-right a:link,#top-ac-right a:visited{
width: 30%;
margin: -40px 0 0;
padding: 5px 0%;
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
#top-ac-right a:link,#top-ac-right a:visited{
right:10%;
}
}
@media only screen and (max-width: 640px) {
#top-ac-right a:link,#top-ac-right a:visited{
right:8%;
font-size: 14px;
}
}
@media only screen and (max-width: 414px) {
#top-ac-right a:link,#top-ac-right a:visited{
margin: -30px 0 0;
padding: 3px 0%;
}
}

#top-access h4,#sub-access h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
line-height: 140%;
font-size: 27px;
font-weight: 500;
color: #3371a7;
}
#top-access h4 span,#sub-access h4 span{
font-size: 17px;
color: #999;
}
#top-access h4 img,#sub-access h4 img{
float: left;
max-width: 17%;
margin: 0 1% 0 0;
}
@media only screen and (max-width: 1080px) {
#top-access h4,#sub-access h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
text-align: center;
line-height: 140%;
font-size: 24px;
font-weight: 500;
color: #3371a7;
}
#top-access h4 span,#sub-access h4 span{
font-size: 16px;
color: #999;
}
}
@media only screen and (max-width: 835px) {
#top-access h4,#sub-access h4{
font-size: 28px;
}
#top-access h4 img,#sub-access h4 img{
max-width: 11%;
}
}
@media only screen and (max-width: 640px) {
#top-access h4 img,#sub-access h4 img{
max-width: 13%;
}
}
@media only screen and (max-width: 480px) {
#top-access h4,#sub-access h4{
font-size: 23px;
}
#top-access h4 img,#sub-access h4 img{
max-width: 17%;
}
}
@media only screen and (max-width: 414px) {
#top-access h4,#sub-access h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
text-align: center;
line-height: 140%;
font-size: 19px;
font-weight: 500;
color: #3371a7;
}
#top-access h4 span,#sub-access h4 span{
font-size: 13px;
color: #999;
}
}

#top-access p,#sub-access p{
clear: both;
text-align: justify;
font-size: 17px;
line-height: 120%;
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
}
@media only screen and (max-width: 1280px) {
#top-access p,#sub-access p{
font-size: 16px;
line-height: 120%;
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
}
}
@media only screen and (max-width: 1080px) {
#top-access p,#sub-access p{
font-size: 15px;
line-height: 120%;
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
}
}
@media only screen and (max-width: 640px) {
#top-access p,#sub-access p{
font-size: 13px;
line-height: 120%;
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
}
}

#top-access p img,#sub-access p img{
max-width: 6%;
margin: 0 2% 0 0;
vertical-align:text-bottom;
}
#top-access p.f20blue,#sub-access p.f20blue{
font-size: 30px;
font-weight: 500;
color: #3371a7;
text-indent: 0;
padding: 0;
}
#top-access p.f20blue a,#sub-access p.f20blue a{
color: #3371a7;
}
@media only screen and (max-width: 1280px) {
#top-access p img,#sub-access p img{
max-width: 6%;
margin: 0 2% 0 0;
vertical-align:middle;
}
}

@media only screen and (max-width: 1080px) {
#top-access p.f20blue,#sub-access p.f20blue{
font-size: 30px;
font-weight: 500;
color: #3371a7;
text-indent: 0;
padding: 0;
margin: 0 0 30px;
text-align: center;
}
#top-access p img,#sub-access p img{
max-width: 5%;
margin: 0 1% 0 0;
vertical-align:middle;
}
}
@media only screen and (max-width: 640px) {
#top-access p.f20blue,#sub-access p.f20blue{
font-size: 35px;
font-weight: 500;
color: #3371a7;
text-indent: 0;
padding: 0;
margin: 0 0 30px;
text-align: center;
}
#top-access p img,#sub-access p img{
max-width: 6%;
margin: 0 1% 0 0;
vertical-align:middle;
}
}
@media only screen and (max-width: 414px) {
#top-access p img,#sub-access p img{
max-width: 12%;
margin: 0 1% 0 0;
vertical-align:middle;
}
}

#top-ac-left dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}
#top-ac-left dt{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0;
text-align: left;
font-size: 17px;
font-weight: 400;
}
#top-ac-left dt img{
max-width: 4%;
margin: 0 2% 0 0;
vertical-align:text-bottom;
}
#top-ac-left dd{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
text-align: justify;
font-size: 17px;
line-height: 150%;
}
@media only screen and (max-width: 1280px) {
#top-ac-left dt{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 25px 0 0;
padding: 0;
text-align: left;
font-size: 16px;
font-weight: 400;
}
#top-ac-left dt img{
max-width: 4%;
margin: 0 2% 0 0;
vertical-align:text-bottom;
}
#top-ac-left dd{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
font-size: 16px;
line-height: 150%;
}
}
@media only screen and (max-width: 1080px) {
#top-ac-left dt{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 25px 0 0;
padding: 0 0 0 1em;
text-align: left;
font-size: 13px;
font-weight: 400;
text-indent: -1em;
}
#top-ac-left dd{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 0 3%;
font-size: 13px;
line-height: 150%;
}
}
@media only screen and (max-width: 835px) {
#top-ac-left dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#top-ac-left dt{
clear: none;
float: none;
width: 50%;
height: auto;
margin: 5px 0 5px 0;
padding: 0 0 10px 1em;
text-align: left;
font-size: 13px;
font-weight: 400;
text-indent: -1em;
border-bottom: 1px dashed #333;
}
#top-ac-left dd{
clear:none;
float: none;
width: 50%;
height: auto;
margin: 5px 0 5px 0;
padding: 0 0 10px;
font-size: 13px;
line-height: 150%;
border-bottom: 1px dashed #333;
}
}
@media only screen and (max-width: 640px) {
#top-ac-left dt{
clear: both;
float: none;
width: 100%;
height: auto;
margin: 5px 0 5px 0;
padding: 0 0 0 1em;
text-align: left;
font-size: 14px;
font-weight: 400;
text-indent: -1em;
border-bottom: none;
}
#top-ac-left dd{
clear:both;
float: none;
width: 100%;
height: auto;
margin: 5px 0 5px 0;
padding: 0 0 10px 2em;
font-size: 14px;
line-height: 150%;
border-bottom: 1px dashed #333;
}
}
@media only screen and (max-width: 480px) {
#top-ac-left dd{
clear:both;
float: none;
width: 100%;
height: auto;
margin: 5px 0 5px 0;
padding: 0 0 10px 1em;
font-size: 14px;
line-height: 150%;
border-bottom: 1px dashed #333;
}
}

#top-ac-left dt.f-pink{
color: #c78ab9;
font-weight: 500;
}
#top-ac-left dt.f-skyblue{
color: #698eba;
font-weight: 500;
}
#top-ac-left dt.f-purple{
color: #928ebb;
font-weight: 500;
}

#top-ac-bu{
clear: both;
float: left;
width: 80%;
height: auto;
margin: 30px 20% 0 0;
padding: 0;
background: #3371a7;
text-align: center;
border-radius: 10px;
}
#top-ac-bu a{
display: block;
padding: 10px 0;
color: #fff;
}
@media only screen and (max-width: 1080px) {
#top-ac-bu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 15px 0 0 0;
padding: 0;
background: #3371a7;
text-align: center;
border-radius: 10px;
}
#top-ac-bu p{
font-size: 15px;
}
}

#top-ac-right table{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 10px;
padding: 0;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
}
#top-ac-right th{
padding: 10px;
font-weight: 500;
font-size: 15px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
#top-ac-right td{
padding: 10px;
font-size: 15px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
#top-ac-right td.blue{
color: #3371a7;
}
@media only screen and (max-width: 414px) {
#top-ac-right th{
padding: 7px;
font-weight: 500;
font-size: 13px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
#top-ac-right td{
padding: 7px;
font-size: 13px;
line-height: 120%;
text-align: center;
border-bottom: 1px solid #999;
}
}

#top-ac-right p{
text-align: center;
margin: 0;
}

/* フェードイン(基本) */
.js-fadeUp {
  opacity: 0; 
  transform: translateY(50px);
  transition: opacity .8s, transform 1.2s; 
}
.js-fadeUp.is-inview {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s; 
}

#about-pict,#reha-pict,#rec-pict{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 450px 0 380px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/80% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/80% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/80% auto;
}
@media only screen and (max-width: 1600px) {
#about-pict,#reha-pict,#rec-pict{
padding: 400px 0 340px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/80% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/80% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/80% auto;
}
}
@media only screen and (max-width: 1440px) {
#about-pict,#reha-pict,#rec-pict{
padding: 380px 0 320px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/90% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/90% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/90% auto;
}
}
@media only screen and (max-width: 1280px) {
#about-pict,#reha-pict,#rec-pict{
margin: 30px 0 0;
padding: 350px 0 300px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/100% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/100% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/100% auto;
}
}
@media only screen and (max-width: 1080px) {
#about-pict,#reha-pict,#rec-pict{
padding: 300px 0 250px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/110% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/115% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/110% auto;
}
}
@media only screen and (max-width: 835px) {
#about-pict,#reha-pict,#rec-pict{
padding: 250px 0 200px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/120% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/120% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/120% auto;
}
}
@media only screen and (max-width: 640px) {
#about-pict,#reha-pict,#rec-pict{
margin: 20px 0 0;
padding: 200px 0 180px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/130% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/135% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/130% auto;
}
}
@media only screen and (max-width: 480px) {
#about-pict,#reha-pict,#rec-pict{
margin: 15px 0 0;
padding: 180px 0 150px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/140% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/140% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/140% auto;
}
}
@media only screen and (max-width: 414px) {
#about-pict,#reha-pict,#rec-pict{
padding: 180px 0 130px;
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-pict.webp) no-repeat center top/150% auto;
}
#reha-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/reha-pict.webp) no-repeat center top/150% auto;
}
#rec-pict{
background: url(https://www.okubo-seikei.com/image/about-pict-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/rec-pict.webp) no-repeat center top/150% auto;
}
}

#about-us{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 200px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/100%,#f8f3ed;
}
@media only screen and (max-width: 1440px) {
#about-us{
padding: 0 10% 200px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/100%,#f8f3ed;
}
}
@media only screen and (max-width: 1280px) {
#about-us{
padding: 0 5% 200px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/100%,#f8f3ed;
}
}
@media only screen and (max-width: 1080px) {
#about-us{
padding: 0 5% 100px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/100%,#f8f3ed;
}
}
@media only screen and (max-width: 640px) {
#about-us{
padding: 0 5% 80px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/100%,#f8f3ed;
}
}
@media only screen and (max-width: 480px) {
#about-us{
padding: 0 5% 60px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/100%,#f8f3ed;
}
}

#about-us-info{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 80px 0 0;
padding: 0;
position: relative;
}
@media only screen and (max-width: 1080px) {
#about-us-info{
margin:50px 0 0;
}
}
@media only screen and (max-width: 640px) {
#about-us-info{
margin:20px 0 0;
}
}

.aboutus-icon{
position: absolute;
top:-50px;
right:30%;
max-width:30%;
z-index: 9995;
}
@media only screen and (max-width: 1080px) {
.aboutus-icon{
top:300px;
right:0;
max-width:30%;
}
}
@media only screen and (max-width: 835px) {
.aboutus-icon{
top:250px;
right:0;
max-width:30%;
}
}
@media only screen and (max-width: 640px) {
.aboutus-icon{
top:300px;
right:0;
max-width:35%;
}
}
@media only screen and (max-width: 480px) {
.aboutus-icon{
top:400px;
right:0;
max-width:40%;
}
}
@media only screen and (max-width: 414px) {
.aboutus-icon{
top:450px;
right:0;
max-width:45%;
}
}

#about-us-text{
clear: both;
float: left;
width: 50%;
height: auto;
margin: 0;
padding: 0 3% 0 0;
text-align: left;
}
@media only screen and (max-width: 1080px) {
#about-us-text{
width: 100%;
padding: 0 0 20px;
}
}
#about-us-text h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
line-height: 100%;
font-weight: 600;
color: #326d9f;
font-size: 35px;
}
#about-us-text p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 50px;
}
@media only screen and (max-width: 835px) {
#about-us-text h2{
margin: 0 0 40px;
font-size: 30px;
}
#about-us-text p{
font-size: 17px;
margin: 0 0 40px;
}
}
@media only screen and (max-width: 640px) {
#about-us-text p{
font-size: 16px;
margin: 0 0 40px;
}
}
@media only screen and (max-width: 480px) {
#about-us-text h2{
margin: 0 0 40px;
font-size: 25px;
}
#about-us-text p{
margin: 0 0 30px;
}
}

#about-us-pict{
float: right;
width: 50%;
height: auto;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1080px) {
#about-us-pict{
clear: both;
float: right;
width: 100%;
}
}

#about-us-pict img{
max-width: 100%;
border-radius: 30px 30px 0 0;
margin: 0 0 30px;
}

#about-us-pict img.bno{
border-radius: 0 0 30px 30px;
}
@media only screen and (max-width: 1080px) {
#about-us-pict img{
max-width: 48%;
border-radius:25px;
margin: 0 1% 30px;
}
#about-us-pict img.bno{
border-radius:25px;
}
}
@media only screen and (max-width: 640px) {
#about-us-pict img{
max-width: 100%;
border-radius:25px;
margin: 0 0% 30px;
}
}

#about-doc{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15%;
background: #dde9eb;
}
@media only screen and (max-width: 1440px) {
#about-doc{
padding: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#about-doc{
padding: 0 5%;
}
}

#about-doc h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 0 15px;
text-align: left;
font-size: 25px;
font-weight: 500;
line-height: 130%;
border-bottom:1px solid #3371a7;
}
#about-doc h2 span{
color: #3371a7;
font-size: 35px;
margin: 0 1% 0 0;
font-weight: 400;
}
#about-doc h2 strong{
font-size: 17px;
color: #3371a7;
font-weight: 400;
}
@media only screen and (max-width: 640px) {
#about-doc h2{
margin: 0 0 30px;
}
}

#about-doc-pict{
clear: both;
float: left;
width: 50%;
height: auto;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1080px) {
#about-doc-pict{
width: 40%;
}
}
#about-doc-pict img{
max-width: 100%;
border-radius: 20px;
}
@media only screen and (max-width: 835px) {
#about-doc-pict{
width: 100%;
margin: 0 0 20px;
}
#about-doc-pict img{
max-width: 50%;
}
}
@media only screen and (max-width: 480px) {
#about-doc-pict img{
max-width: 60%;
}
}
@media only screen and (max-width: 414px) {
#about-doc-pict img{
max-width: 70%;
}
}

#about-doc-text{
float: right;
width: 50%;
height: auto;
margin: 0 0 50px;
padding: 0 0 0 3%;
}
@media only screen and (max-width: 1080px) {
#about-doc-text{
width: 60%;
}
}
@media only screen and (max-width: 835px) {
#about-doc-text{
clear: both;
width: 100%;
padding: 0;
}
}
#about-doc-text p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 40px;
}
#about-doc-text p span{
font-size: 17px;
}
#about-doc-text p em{
color: #3371a7;
margin: 0 0 0 2%;
font-style: normal;
}
#about-doc-text p strong{
font-size: 35px;
font-weight:500;
}
@media only screen and (max-width: 640px) {
#about-doc-text p{
margin: 0 0 20px;
}
}
@media only screen and (max-width: 480px) {
#about-doc-text p span{
font-size: 16px;
}
#about-doc-text p em{
font-size: 14px;
}
#about-doc-text p strong{
font-size: 30px;
}
}

.about-doc-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 30px 5% 15px;
border-radius: 20px;
background: #fff;
text-align: left;
}
@media only screen and (max-width: 640px) {
.about-doc-box{
margin: 0 0 20px;
}
}
@media only screen and (max-width: 480px) {
.about-doc-box{
padding: 20px 5% 10px;
border-radius: 15px;
}
}
.about-doc-box h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
font-size: 17px;
line-height: 100%;
font-weight: 400;
text-align: left;
}
.about-doc-box h3 span{
color: #fff;
background: #3371a7;
border-radius: 30px;
padding: 2px 20px 3px;
}
@media only screen and (max-width: 480px) {
.about-doc-box h3{
margin: 0 0 20px;
font-size: 15px;
}
.about-doc-box h3 span{
padding: 2px 30px 3px;
}
}

#about-doc ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#about-doc ul li{
text-align: left;
font-size: 17px;
line-height: 130%;
margin: 0 0 15px;
list-style-type: none;
}
@media only screen and (max-width: 640px) {
#about-doc ul li{
font-size: 16px;
margin: 0 0 10px;
}
}
@media only screen and (max-width: 414px) {
#about-doc ul li{
font-size: 15px;
}
}

#about-doc dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#about-doc dt{
clear: both;
float: left;
width: 20%;
margin: 0 0 15px;
text-align: left;
font-size: 17px;
line-height: 150%;
}
#about-doc dd{
float: left;
width:75%;
margin: 0 0 15px 5%;
text-align: justify;
font-size: 17px;
line-height: 150%;
}
@media only screen and (max-width: 640px) {
#about-doc dt{
font-size: 16px;
}
#about-doc dd{
margin: 0 0 10px 5%;
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
#about-doc dt{
width: 30%;
}
#about-doc dd{
width:65%;
}
}
@media only screen and (max-width: 414px) {
#about-doc dt{
font-size: 15px;
}
#about-doc dd{
font-size: 15px;
}
}

#about-doc-cl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#about-doc-cl img{
max-width: 100%;
border-radius: 30px;
margin: 0 0 50px;
 }

#about-doc-cl p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 50px;
}
@media only screen and (max-width: 835px) {
#about-doc-cl p{
font-size: 17px;
margin: 0 0 40px;
}
}
@media only screen and (max-width: 640px) {
#about-doc-cl p{
font-size: 16px;
margin: 0 0 30px;
}
}

#about-dc-area{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 15% 20px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center top/102%,#d1cce4;
}
#about-dc-area img{
max-width: 100%;
border-radius: 30px;
}
@media only screen and (max-width: 1440px) {
#about-dc-area{
padding: 50px 10% 20px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center top/102%,#d1cce4;
}
}
@media only screen and (max-width: 1280px) {
#about-dc-area{
padding: 30px 5% 20px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center top/102%,#d1cce4;
}
}

#about-dc-cl-pict{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding:0 ;
display: flex;
}
@media only screen and (max-width: 835px) {
#about-dc-cl-pict{
display: inherit;
}
}
@media only screen and (max-width: 640px) {
#about-dc-cl-pict{
margin: 0 0 0px;
}
}

#about-dc-cl-pict-l{
clear: both;
float: left;
width: 55%;
height: auto;
margin: 0;
align-self:stretch;
}
#about-dc-cl-pict-l img{
max-width: 100%;
height: 100%;
border-radius: 30px;
}
@media only screen and (max-width: 835px) {
#about-dc-cl-pict-l{
width: 100%;
margin: 0 0 30px;
}
}
#about-dc-cl-pict-r{
float: left;
width: 45%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
display: flex;
flex-wrap: wrap;
align-content:space-between;
}
#about-dc-cl-pict-r img{
max-width: 100%;
border-radius: 30px;
margin: 0;
}
@media only screen and (max-width: 835px) {
#about-dc-cl-pict-r{
clear: both;
float: left;
width: 100%;
height: auto;
padding: 0;
}
#about-dc-cl-pict-r img{
max-width: 48%;
border-radius: 30px;
margin: 0 1%;
}
}
@media only screen and (max-width: 640px) {
#about-dc-cl-pict-r{
display:inherit;
}
#about-dc-cl-pict-r img{
max-width:100%;
border-radius: 30px;
margin: 0 0 30px;
}
}

#about-fa{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 230px 15% 230px;
scroll-margin-top: -220px;
background: url(https://www.okubo-seikei.com/image/about-ac-back.webp) no-repeat center bottom/100%,url(https://www.okubo-seikei.com/image/about-fa-back.webp) no-repeat center top/100%,#f9f3ed;
}
@media only screen and (max-width: 1440px) {
#about-fa{
padding: 230px 10% 230px;
}
}
@media only screen and (max-width: 1280px) {
#about-fa{
padding: 200px 5% 230px;
scroll-margin-top: -200px;
}
}
@media only screen and (max-width: 1080px) {
#about-fa{
padding: 160px 5% 170px;
scroll-margin-top: -150px;
}
}
@media only screen and (max-width: 835px) {
#about-fa{
padding: 130px 5% 150px;
scroll-margin-top: -130px;
}
}
@media only screen and (max-width: 640px) {
#about-fa{
padding: 100px 5% 100px;
scroll-margin-top: -100px;
}
}
@media only screen and (max-width: 480px) {
#about-fa{
padding: 80px 5% 80px;
scroll-margin-top: -75px;
}
}

#about-fa h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 0 15px;
text-align: left;
font-size: 25px;
font-weight: 500;
line-height: 130%;
border-bottom:1px solid #3371a7;
}
#about-fa span{
color: #3371a7;
font-size: 35px;
margin: 0 1% 0 0;
font-weight: 400;
}
#about-fa strong{
font-size: 17px;
color: #3371a7;
font-weight: 400;
}

#about-fa p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 50px;
}
@media only screen and (max-width: 835px) {
#about-fa p{
font-size: 17px;
margin: 0 0 40px;
}
}
@media only screen and (max-width: 640px) {
#about-fa p{
font-size: 16px;
margin: 0 0 30px;
}
}

#about-fa ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
}
#about-fa li{
text-align: left;
font-size: 20px;
line-height: 130%;
margin: 0 0 15px 3%;
padding: 0;
}
@media only screen and (max-width: 835px) {
#about-fa li{
font-size: 17px;
}
#about-fa ul{
margin: 0 0 30px;
}
}
@media only screen and (max-width: 640px) {
#about-fa li{
font-size: 16px;
margin: 0 0 10px 3%;
}
}

#about-fa-area{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.about-fa-box{
max-width: 48%;
margin: 0 1% 40px;
padding: 30px 5% 50px;
background: #fff;
border-radius: 20px;
text-align: center;
}
.about-fa-box img{
max-width: 60%;
margin: 0 0 30px;
}
@media only screen and (max-width: 835px) {
.about-fa-box img{
max-width: 70%;
}
}
@media only screen and (max-width: 640px) {
#about-fa-area{
margin: 0 0 30px;
display: inherit;
}
.about-fa-box{
max-width: 100%;
margin: 0 0% 30px;
padding: 30px 5% 50px;
border-radius: 15px;
}
.about-fa-box img{
max-width: 50%;
}
}
@media only screen and (max-width: 480px) {
.about-fa-box{
margin: 0 0% 30px;
padding: 25px 5% 30px;
}
.about-fa-box img{
max-width: 60%;
margin: 0 0 20px;
}
}

.about-fa-box h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: center;
font-weight: 500;
font-size: 25px;
line-height: 100%;
}
#about-fa .about-fa-box p{
text-align: justify;
font-size: 17px;
line-height: 180%;
margin: 0;
}
@media only screen and (max-width: 835px) {
#about-fa .about-fa-box p{
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
#about-fa .about-fa-box p{
font-size: 16px;
}
}
@media only screen and (max-width: 414px) {
.about-fa-box h3{
margin: 0 0 20px;
font-size: 22px;
font-weight: 600;
}
}

#medi1 {
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ec;
}
@media only screen and (max-width: 1440px) {
#medi1 {
padding: 0 10% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 1280px) {
#medi1 {
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 1080px) {
#medi1 {
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 640px) {
#medi1 {
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 480px) {
#medi1 {
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}

#medi2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 15% 0;
background: url(https://www.okubo-seikei.com/image/medi2-back.webp) no-repeat center bottom/102%,#dde9eb;
}
@media only screen and (max-width: 1440px) {
#medi2{
padding: 80px 10% 0;
background: url(https://www.okubo-seikei.com/image/medi2-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 1280px) {
#medi2{
padding: 60px 5% 0;
background: url(https://www.okubo-seikei.com/image/medi2-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 1080px) {
#medi2{
padding: 60px 5% 0;
background: url(https://www.okubo-seikei.com/image/medi2-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 640px) {
#medi2{
padding: 50px 5% 0;
background: url(https://www.okubo-seikei.com/image/medi2-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 480px) {
#medi2{
padding: 40px 5% 0;
background: url(https://www.okubo-seikei.com/image/medi2-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}

#medi3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 15% 140px;
background: url(https://www.okubo-seikei.com/image/medi3-back.webp) no-repeat center bottom/102%,#f8f2ec;
}
@media only screen and (max-width: 1440px) {
#medi3{
padding: 80px 10% 120px;
background: url(https://www.okubo-seikei.com/image/medi3-back.webp) no-repeat center bottom/102%,#f8f2ec;
}
}
@media only screen and (max-width: 1280px) {
#medi3{
padding: 60px 5% 100px;
background: url(https://www.okubo-seikei.com/image/medi3-back.webp) no-repeat center bottom/102%,#f8f2ec;
}
}
@media only screen and (max-width: 1080px) {
#medi3{
padding: 60px 5% 70px;
background: url(https://www.okubo-seikei.com/image/medi3-back.webp) no-repeat center bottom/102%,#f8f2ec;
}
}
@media only screen and (max-width: 640px) {
#medi3{
padding: 50px 5% 40px;
background: url(https://www.okubo-seikei.com/image/medi3-back.webp) no-repeat center bottom/102%,#f8f2ec;
}
}
@media only screen and (max-width: 480px) {
#medi3{
padding: 40px 5% 20px;
background: url(https://www.okubo-seikei.com/image/medi3-back.webp) no-repeat center bottom/102%,#f8f2ec;
}
}

#medi4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 80px 15% 100px;
background: url(https://www.okubo-seikei.com/image/medi4-back.webp) no-repeat center bottom/102%,#dde9eb;
}
@media only screen and (max-width: 1440px) {
#medi4{
padding: 80px 10% 80px;
background: url(https://www.okubo-seikei.com/image/medi4-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 1280px) {
#medi4{
padding: 60px 5% 70px;
background: url(https://www.okubo-seikei.com/image/medi4-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 1080px) {
#medi4{
padding: 60px 5% 50px;
background: url(https://www.okubo-seikei.com/image/medi4-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 640px) {
#medi4{
padding: 50px 5% 40px;
background: url(https://www.okubo-seikei.com/image/medi4-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}
@media only screen and (max-width: 480px) {
#medi4{
padding: 40px 5% 30px;
background: url(https://www.okubo-seikei.com/image/medi4-back.webp) no-repeat center bottom/102%,#dde9eb;
}
}

#medi1 p,#medi2 p,#medi3 p,#medi4 p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 30px;
}
@media only screen and (max-width: 1080px) {
#medi1 p,#medi2 p,#medi3 p,#medi4 p{
font-size: 17px;
}
}
@media only screen and (max-width: 640px) {
#medi1 p,#medi2 p,#medi3 p,#medi4 p{
font-size: 16px;
line-height: 160%;
}
}

#medi-info{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 0;
}

#medi-info-text{
clear: both;
float: left;
width: 60%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
#medi-info-pict{
float: right;
width: 40%;
height: auto;
margin: 0;
padding: 0 0 0 3%;
}
@media only screen and (max-width: 1080px) {
#medi-info-text{
width: 100%;
margin: 0;
}
#medi-info-pict{
clear: both;
float: right;
width: 100%;
padding: 0;
}
}

#medi-info-text h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 10px;
text-align: left;
font-size: 30px;
line-height: 100%;
font-weight: 500;
border-bottom:2px solid #5cb8c5;
}
#medi-info-text h2 span{
padding: 0 0 0 3%;
color: #5cb8c5;
font-size: 16px;
font-weight: 400;
}
#medi-info-text h2 img{
max-width: 100px;
margin: 0 0 5px;
}
@media only screen and (max-width: 480px) {
#medi-info-text h2{
font-size: 25px;
margin: 0 0 15px;
}
#medi-info-text h2 span{
font-size: 14px;
}
}

#medi-info-ulbox{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#medi-info-text ul{
clear: both;
float: left;
width: 45%;
height: auto;
margin: 0 5% 0 0;
padding: 0;
flex: 1;
flex-basis:45%;
}
@media only screen and (max-width: 480px) {
#medi-info-ulbox{
display: inherit;
}
#medi-info-text ul{
width: 100%;
margin: 0 0 0px;
flex-basis:100%;
}
}
#medi-info-text li{
list-style-type: none;
margin: 0 0 15px;
padding: 0 0 15px 35px;
line-height: 100%;
font-size: 17px;
text-align: left;
border-bottom: 1px dashed #666;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat 2% top/20px;
}
#medi-info-text li a:link,#medi-info-text li a:visited{
text-decoration: none;
color: #111;
}
#medi-info-text li a:hover{
color: #2ba0b5;
}
#medi-info-text li.bno{
border-bottom: none;
background: #3371a7;
border-radius: 10px;
padding: 0;
text-align: center;
}
#medi-info-text li.bno a:link,#medi-info-text li.bno a:visited{
display: block;
padding: 10px 0;
text-decoration: none;
color: #fff;
}
#medi-info-text li.bno a:hover{
background: #5cb8c5;
border-radius: 10px;
}
@media only screen and (max-width: 1080px) {
#medi-info-text li{
font-size: 16px;
}
}

#medi-info-pict img{
max-width: 100%;
margin: 0 0 30px;
border-radius: 20px;
}
@media only screen and (max-width: 1080px) {
#medi-info-pict img{
float: left;
max-width: 48%;
margin: 0 1% 0;
}
}
@media only screen and (max-width: 480px) {
#medi-info-pict img{
float:none;
max-width:100%;
margin: 0 0 20px;
}
}

#medi1 h3,#medi2 h3,#medi3 h3,#medi4 h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 10px;
text-align: left;
font-size: 30px;
font-weight: 500;
line-height: 120%;
border-bottom:2px solid #3371a7;
}
#medi2 h3.h-top,#medi3 h3.h-top,#medi4 h3.h-top{
margin: 100px 0 30px;
}
#medi1 h3 em,#medi2 h3 em,#medi3 h3 em,#medi4 h3 em{
font-style: normal;
color: #3371a7;
font-size: 17px;
font-weight: 400;
}
#medi1 h3 span,#medi2 h3 span,#medi3 h3 span,#medi4 h3 span{
color: #3371a7;
font-size: 40px;
font-weight: 400;
margin: 0 1% 0 0;
}
@media only screen and (max-width: 640px) {
#medi1 h3,#medi2 h3,#medi3 h3,#medi4 h3{
font-size: 28px;
}
#medi1 h3 em,#medi2 h3 em,#medi3 h3 em,#medi4 h3 em{
font-size: 15px;
}
#medi1 h3 span,#medi2 h3 span,#medi3 h3 span,#medi4 h3 span{
font-size: 35px;
}
#medi2 h3.h-top,#medi3 h3.h-top,#medi4 h3.h-top{
margin: 80px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#medi1 h3,#medi2 h3,#medi3 h3,#medi4 h3{
font-size: 25px;
}
#medi1 h3 em,#medi2 h3 em,#medi3 h3 em,#medi4 h3 em{
font-size: 14px;
}
#medi1 h3 span,#medi2 h3 span,#medi3 h3 span,#medi4 h3 span{
font-size: 30px;
}
#medi2 h3.h-top,#medi3 h3.h-top,#medi4 h3.h-top{
margin: 50px 0 30px;
}
}

#medi1 h4,#medi2 h4,#medi3 h4,#medi4 h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 20px;
padding: 0 0 10px 30px;
text-align: left;
font-size: 25px;
font-weight: 500;
line-height: 120%;
background: url(https://www.okubo-seikei.com/image/medi-h4.png) no-repeat left 40%/20px;
border-bottom:1px dashed #111;
}
@media only screen and (max-width: 640px) {
#medi1 h4,#medi2 h4,#medi3 h4,#medi4 h4{
font-size: 20px;
margin: 20px 0 10px;
padding: 0 0 10px 25px;
background: url(https://www.okubo-seikei.com/image/medi-h4.png) no-repeat left 30%/15px;
font-weight: 600;
}
}

#medi1 h5,#medi2 h5,#medi3 h5,#medi4 h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0 0 10px;
text-align: left;
font-size: 25px;
font-weight: 500;
line-height: 120%;
border-bottom:1px dashed #111;
}
#medi1 h5 span,#medi2 h5 span,#medi3 h5 span,#medi4 h5 span{
background: #2d6da0;
color: #fff;
font-weight: 600;
padding: 1px 15px 2px;
margin: 0 1% 0 0;
}
@media only screen and (max-width: 640px) {
#medi1 h5,#medi2 h5,#medi3 h5,#medi4 h5{
font-size: 20px;
font-weight: 600;
margin: 0 0 10px;
}
#medi1 h5 span,#medi2 h5 span,#medi3 h5 span,#medi4 h5 span{
padding: 1px 10px 2px;
}
}

#medi4 h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 15px;
padding: 0 0 0 30px;
text-align: left;
line-height: 100%;
font-size: 22px;
font-weight: 500;
background: url(https://www.okubo-seikei.com/image/medi-h4.png) no-repeat left 40%/20px;
}
@media only screen and (max-width: 640px) {
#medi4 h6{
margin: 20px 0 15px;
padding: 0 0 0 25px;
font-size: 20px;
font-weight: 600;
background: url(https://www.okubo-seikei.com/image/medi-h4.png) no-repeat left 40%/15px;
}
}

.medi-waku,.medi-waku2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}
.medi-waku2{
margin: 0;
}
.medi-waku-text{
clear: both;
float: left;
width:60%;
height: auto;
margin: 0;
padding: 0 3% 0 0;
text-align: left;
}
.medi-waku-pict{
float: right;
width: 40%;
margin: 0;
padding: 0 0 0 3%;
text-align: center;
}
.medi-waku-pict img{
max-width: 100%;
margin: 0 0 30px;
border-radius: 20px;
}
@media only screen and (max-width: 835px) {
.medi-waku-text{
width:100%;
margin: 0 0 30px;
padding: 0;
}
.medi-waku2{
margin: 0 0 30px;
}
.medi-waku2 .medi-waku-text{
margin: 0;
}
.medi-waku-pict{
clear: both;
float: right;
width: 100%;
padding: 0;
}
.medi-waku-pict img{
max-width: 50%;
}
}
@media only screen and (max-width: 480px) {
.medi-waku-pict img{
max-width: 100%;
}
}

#medi1 dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#medi1 dt{
clear: both;
float: left;
width: 23%;
height: auto;
margin: 0 2% 15px 0;
padding: 0;
text-align: left;
line-height: 120%;
font-size:20px;
}
#medi1 dd{
float: left;
width: 75%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: justify;
line-height: 120%;
font-size: 20px;
}
@media only screen and (max-width: 1080px) {
#medi1 dt{
font-size:17px;
}
#medi1 dd{
font-size: 17px;
}
}
@media only screen and (max-width: 640px) {
#medi1 dt{
width: 23%;
font-size:16px;
}
#medi1 dd{
width: 75%;
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
#medi1 dt{
width: 100%;
margin: 0 0 5px;
}
#medi1 dd{
width: 100%;
margin: 0 0 15px;
}
}

#medi1 .medi-waku ul,#medi2 .medi-waku ul,#medi3 .medi-waku ul,#medi4 .medi-waku ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#medi1 .medi-waku ul li,#medi2 .medi-waku ul li,#medi3 .medi-waku ul li,#medi4 .medi-waku ul li{
margin: 0 1% 20px;
padding: 10px 0;
flex-basis:31.3%;
background: #fff;
border-radius: 7px;
font-size: 17px;
line-height: 100%;
text-align: center;
list-style-type: none;
}
@media only screen and (max-width: 1080px) {
#medi1 .medi-waku ul li,#medi2 .medi-waku ul li,#medi3 .medi-waku ul li,#medi4 .medi-waku ul li{
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
#medi1 .medi-waku ul li,#medi2 .medi-waku ul li,#medi3 .medi-waku ul li,#medi4 .medi-waku ul li{
flex-basis:48%;
margin: 0 1% 15px;
}
}
@media only screen and (max-width: 480px) {
#medi1 .medi-waku ul li,#medi2 .medi-waku ul li,#medi3 .medi-waku ul li,#medi4 .medi-waku ul li{
flex-basis:100%;
margin: 0 0% 15px;
}
}

.omo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
display: flex;
}
#medi1 .omo p,#medi2 .omo p,#medi3 .omo p,#medi4 .omo p{
font-size: 15px;
margin: 0;
color: #666;
}
#medi1 .omo ul,#medi2 .omo ul,#medi3 .omo ul,#medi4 .omo ul{
clear: none;
margin: 0;
display: flex;
}
#medi1 .omo ul li,#medi2 .omo ul li,#medi3 .omo ul li,#medi4 .omo ul li{
flex: 1 0 auto;
list-style-type: none;
margin: 0 3% 0 0;
padding: 5px 15px;
line-height: 100%;
font-size: 17px;
border: 1px solid #999;
border-radius: 30px;
color: #555;
}
@media only screen and (max-width: 1080px) {
#medi1 .omo ul li,#medi2 .omo ul li,#medi3 .omo ul li,#medi4 .omo ul li{
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
.omo{
display: inherit;
margin: 0 0 20px;
}
#medi1 .omo ul,#medi2 .omo ul,#medi3 .omo ul,#medi4 .omo ul{
clear: both;
float: left;
width: 100%;
margin: 5px 0 0;
padding: 0;
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}
#medi1 .omo ul li,#medi2 .omo ul li,#medi3 .omo ul li,#medi4 .omo ul li{
font-size: 15px;
flex-grow: 0;
margin: 0 3% 10px 0;
}
}

#reha1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ec;
}
@media only screen and (max-width: 1440px) {
#reha1{
padding: 0 10% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 1280px) {
#reha1{
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 1080px) {
#reha1{
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 640px) {
#reha1{
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 480px) {
#reha1{
padding: 0 5% 0;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}

main h1#sub-title{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 90px 0 0;
text-align: center;
font-size: 40px;
font-weight: 400;
line-height: 100%;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/70px;
}
main h1#sub-title span{
font-size: 17px;
line-height: 250%;
color: #3371a7;
}
@media only screen and (max-width: 1280px) {
main h1#sub-title{
margin: 0 0 50px;
padding: 70px 0 0;
font-size: 40px;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/60px;
}
}
@media only screen and (max-width: 1080px) {
main h1#sub-title{
margin: 0 0 40px;
padding: 60px 0 0;
font-size: 40px;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/50px;
}
}
@media only screen and (max-width: 835px) {
main h1#sub-title{
margin: 0 0 40px;
padding: 45px 0 0;
font-size: 35px;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/40px;
}
}
@media only screen and (max-width: 640px) {
main h1#sub-title{
margin: 0 0 40px;
padding: 45px 0 0;
font-size: 35px;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/40px;
}
main h1#sub-title span{
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
main h1#sub-title{
margin: 0 0 40px;
padding: 45px 0 0;
font-size: 30px;
font-weight: 500;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/40px;
}
main h1#sub-title span{
font-size: 15px;
}
}
@media only screen and (max-width: 414px) {
main h1#sub-title{
margin: 0 0 30px;
padding: 45px 0 0;
font-size: 30px;
font-weight: 500;
background: url(https://www.okubo-seikei.com/image/greeting-icon.png) no-repeat top center/40px;
}
}

#reha1 p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 30px;
}
@media only screen and (max-width: 1080px) {
#reha1 p{
font-size: 17px;
}
}
@media only screen and (max-width: 640px) {
#reha1 p{
font-size: 16px;
line-height: 160%;
}
}

#reha-info{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 0;
}

#reha-info-text{
clear: both;
float: left;
width: 60%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
#reha-info-pict{
float: right;
width: 40%;
height: auto;
margin: 0;
padding: 0 0 0 3%;
}
@media only screen and (max-width: 1080px) {
#reha-info-text{
width: 100%;
margin: 0;
}
#reha-info-pict{
clear: both;
float: right;
width: 100%;
padding: 0;
}
}

#reha-info-text h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 10px;
text-align: left;
font-size: 30px;
line-height: 100%;
font-weight: 500;
border-bottom:2px solid #5cb8c5;
}
#reha-info-text h2 img{
max-width: 100px;
margin: 0 0 5px;
}
@media only screen and (max-width: 480px) {
#reha-info-text h2{
font-size: 25px;
margin: 0 0 15px;
}
}

#reha-info-ulbox{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#reha-info-text ul{
clear: both;
float: left;
width: 45%;
height: auto;
margin: 0 5% 0 0;
padding: 0;
flex: 1;
flex-basis:45%;
}
@media only screen and (max-width: 480px) {
#reha-info-ulbox{
display: inherit;
}
#reha-info-text ul{
width: 100%;
margin: 0 0 0px;
flex-basis:100%;
}
}
#reha-info-text li{
list-style-type: none;
margin: 0 0 15px;
padding: 0 0 15px 35px;
line-height: 100%;
font-size: 17px;
text-align: left;
border-bottom: 1px dashed #666;
background: url(https://www.okubo-seikei.com/image/gree-menu.png) no-repeat 2% top/20px;
}
#reha-info-text li a:link,#reha-info-text li a:visited{
text-decoration: none;
color: #111;
}
#reha-info-text li a:hover{
color: #1a5d97;
}
#reha-info-text li.bno{
border-bottom: none;
background: #3371a7;
border-radius: 10px;
padding: 0;
text-align: center;
}
#reha-info-text li.bno a:link,#reha-info-text li.bno a:visited{
display: block;
padding: 10px 0;
text-decoration: none;
color: #fff;
}
#reha-info-text li.bno a:hover{
background: #5dc1cf;
border-radius: 10px;
}
@media only screen and (max-width: 1080px) {
#reha-info-text li{
font-size: 16px;
}
}

#reha-info-pict img{
max-width: 100%;
margin: 0 0 30px;
border-radius: 20px;
}
@media only screen and (max-width: 1080px) {
#reha-info-pict img{
float: left;
max-width: 48%;
margin: 0 1% 0;
}
}
@media only screen and (max-width: 480px) {
#reha-info-pict img{
float:none;
max-width:100%;
margin: 0 0 20px;
}
}

#reha-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 120px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/100%,#dee9eb;
}
@media only screen and (max-width: 1080px) {
#reha-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 40px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/100%,#dee9eb;
}
}
@media only screen and (max-width: 640px) {
#reha-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 30px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/130%,#dee9eb;
}
}
@media only screen and (max-width: 480px) {
#reha-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 30px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/110%,#dee9eb;
}
}

.reha-tokucho-box{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 50px;
padding: 0;
text-align: left;
}
.reha-tokucho-box img{
max-width:26%;
}
@media only screen and (max-width: 1600px) {
.reha-tokucho-box{
clear: both;
float: left;
width: 74%;
height: auto;
margin: 0 13% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 1440px) {
.reha-tokucho-box{
clear: both;
float: left;
width: 80%;
height: auto;
margin: 0 10% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 1280px) {
.reha-tokucho-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 640px) {
.reha-tokucho-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 50px;
padding: 0;
text-align: center;
}
}

.reha-tokucho-text{
float: right;
width: 70%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
text-align: left;
}
@media only screen and (max-width: 640px) {
.reha-tokucho-box img{
max-width:50%;
margin: 0 0 20px;
}
.reha-tokucho-text{
clear: both;
float: right;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 480px) {
.reha-tokucho-box img{
max-width:70%;
margin: 0 0 20px;
}
}
@media only screen and (max-width: 414px) {
.reha-tokucho-box img{
max-width:80%;
margin: 0 0 20px;
}
}

.reha-tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
font-weight: 500;
font-size: 35px;
line-height: 120%;
}
@media only screen and (max-width: 1080px) {
.reha-tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
font-weight: 400;
font-size: 30px;
line-height: 120%;
}
}
@media only screen and (max-width: 640px) {
.reha-tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align:center;
font-weight: 400;
font-size: 30px;
line-height: 120%;
}
}

.reha-tokucho-text p{
text-align:left;
font-size: 17px;
line-height: 180%;
margin: 0;
}
.reha-tokucho-text p.tokucho-title{
font-size: 25px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
}
.reha-tokucho-text p.tokucho-title span{
font-size: 70px;
font-weight: 400;
vertical-align: text-top;
}
@media only screen and (max-width: 1080px) {
.reha-tokucho-text p{
text-align:left;
font-size: 15px;
line-height: 180%;
margin: 0;
}
.reha-tokucho-text p.tokucho-title{
font-size: 20px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
}
.reha-tokucho-text p.tokucho-title span{
font-size: 55px;
font-weight: 400;
vertical-align: text-top;
}
}
@media only screen and (max-width: 640px) {
.reha-tokucho-text p{
text-align:left;
font-size: 15px;
line-height: 180%;
}
.reha-tokucho-text p.tokucho-title{
font-size: 25px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
text-align: center;
}
}

h3.reha-t{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 30px;
padding: 0 0 10px;
text-align: left;
font-size: 30px;
font-weight: 500;
line-height: 120%;
border-bottom:2px solid #2d6da0;
}
h3.reha-t em{
font-style: normal;
color: #2d6da0;
font-size: 17px;
font-weight: 400;
}
h3.reha-t span{
color: #2d6da0;
font-size: 40px;
font-weight: 400;
margin: 0 1% 0 0;
}
@media only screen and (max-width: 1440px) {
h3.reha-t{
width: 80%;
margin: 0 10% 30px;
font-size: 30px;
}
}
@media only screen and (max-width: 1280px) {
h3.reha-t{
width: 90%;
margin: 0 5% 30px;
font-size: 30px;
}
}
@media only screen and (max-width: 640px) {
h3.reha-t {
font-size: 28px;
}
h3.reha-t em{
font-size: 15px;
}
h3.reha-t span{
font-size: 35px;
}
}
@media only screen and (max-width: 480px) {
h3.reha-t {
font-size: 25px;
}
h3.reha-t em{
font-size: 14px;
}
h3.reha-t span{
font-size: 30px;
}
}

#reha-flow{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 200px;
background: url(https://www.okubo-seikei.com/image/reha-flow-back.webp) no-repeat center 100%/100%,#d1cce3;
}
@media only screen and (max-width: 1280px) {
#reha-flow{
padding: 0 0 170px;
}
}
@media only screen and (max-width: 1080px) {
#reha-flow{
padding: 0 0 120px;
}
}
@media only screen and (max-width: 835px) {
#reha-flow{
padding: 0 0 90px;
}
}
@media only screen and (max-width: 480px) {
#reha-flow{
padding: 0 0 70px;
background: url(https://www.okubo-seikei.com/image/reha-flow-back.webp) no-repeat center 100%/100%,#d1cce3;
}
}

#reha-flow-info{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15%;
padding: 0;
}
#reha-flow-info p{
text-align: justify;
font-size: 17px;
line-height: 180%;
margin: 0;
}
@media only screen and (max-width: 1440px) {
#reha-flow-info{
width: 80%;
margin: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#reha-flow-info{
width: 90%;
margin: 0 5%;
}
}
@media only screen and (max-width: 835px) {
#reha-flow-info p{
font-size: 16px;
line-height: 180%;
text-align: justify;
}
}

#reha-flow-info dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 40px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#reha-flow-info dt{
clear: both;
float:left;
width: 10%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
background: url(https://www.okubo-seikei.com/image/reha-dt.png) no-repeat center bottom;
}
#reha-flow-info dt:last-of-type{
background: none;
}
#reha-flow-info dd{
clear: none;
float: left;
width: 90%;
height: auto;
margin: 0;
padding: 0 0 50px;
text-align: justify;
}
#reha-flow-info dd h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 20px 0;
text-align: center;
font-weight: 500;
line-height: 100%;
background: #fff;
border-radius: 50px;
}
@media only screen and (max-width: 1080px) {
#reha-flow-info dt{
width: 10%;
}
#reha-flow-info dd{
width: 90%;
padding: 0 0 50px 2%;
}
#reha-flow-info dd p{
padding: 0 0 0px;
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
#reha-flow-info dt{
width:9%;
}
#reha-flow-info dt img{
max-width: 100%;
}
#reha-flow-info dd{
width: 91%;
padding: 0 0 20px 3%;
}
#reha-flow-info dd p{
padding: 0 0 30px;
font-size: 16px;
}
#reha-flow-info dd h3{
margin: 0 0 15px;
padding: 15px 0;
}
}
@media only screen and (max-width: 640px) {
#reha-flow-info dt{
width:11%;
}
#reha-flow-info dt img{
max-height: 57px;
}
#reha-flow-info dd{
width: 89%;
padding: 0 0 0 5%;
}
#reha-flow-info dd h3{
margin: 0 0 15px;
padding: 12px 3%;
line-height: 120%;
}
}
@media only screen and (max-width: 480px) {
#reha-flow-info dt{
width:12%;
background: url(https://www.okubo-seikei.com/image/reha-dt.png) no-repeat center bottom/5%;
}
#reha-flow-info dt img{
max-height: 65px;
}
#reha-flow-info dd{
width: 88%;
}
}
@media only screen and (max-width: 414px) {
#reha-flow-info dt{
width:15%;
background: url(https://www.okubo-seikei.com/image/reha-dt.png) no-repeat center bottom/6%;
}
#reha-flow-info dd{
width: 85%;
}
#reha-flow-info dd p{
padding: 0 0 30px;
font-size: 15px;
}
}

#reha-teki{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 120px;
background: #dee9eb;
}
@media only screen and (max-width: 835px) {
#reha-teki{
padding:0 0 80px;
}
}
@media only screen and (max-width: 640px) {
#reha-teki{
padding:20px 0 80px;
}
}
@media only screen and (max-width: 480px) {
#reha-teki{
padding:30px 0 60px;
}
}

#reha-teki-info{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15%;
padding: 0;
}
#reha-teki-info p{
text-align: justify;
font-size: 17px;
line-height: 180%;
margin: 0;
}
@media only screen and (max-width: 1440px) {
#reha-teki-info{
width: 80%;
margin: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#reha-teki-info{
width: 90%;
margin: 0 5%;
}
}
@media only screen and (max-width: 835px) {
#reha-teki-info p{
font-size: 16px;
}
}

#reha-teki ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0;
}
@media only screen and (max-width: 1600px) {
#reha-teki ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 15%;
}
}
@media only screen and (max-width: 1440px) {
#reha-teki ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#reha-teki ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 5%;
}
}
@media only screen and (max-width: 835px) {
#reha-teki ul{
margin: 40px 0 0;
padding: 0 0%;
}
}

#reha-teki li{
float: left;
width: 46%;
margin: 0 2% 30px;
list-style-type: none;
position: relative;
background: #fff;
border-radius: 10px;
padding: 0;
text-align: center;
font-size: 17px;
line-height: 100%;
color: #383c40;
}
#reha-teki li.bno{
padding: 20px 0;
}
#reha-teki li a:link,#reha-teki li a:visited{
display: block;
width: 100%;
height: auto;
background: #fff;
border-radius: 10px;
padding: 20px 0;
text-align: center;
font-size: 17px;
line-height: 100%;
color: #383c40;
}
#reha-teki li a:hover{
background: #2d6da0;
color: #fff;
}
#reha-teki li span{
position: absolute;
top:32%;
right: 10%;
background: #2d6da0;
border-radius: 50px;
color: #fff;
padding: 3px;
}
#reha-teki li a:hover  span{
background: #fff;
color: #2d6da0;
}
@media only screen and (max-width: 640px) {
#reha-teki li{
float: left;
width: 48%;
margin: 0 1% 15px;
list-style-type: none;
position: relative;
}
#reha-teki li.bno{
padding: 15px 0;
font-size: 15px;
}
#reha-teki li a:link,#reha-teki li a:visited{
display: block;
width: 100%;
border-radius: 10px;
padding: 15px 0;
text-align: center;
font-size: 15px;
}
}
@media only screen and (max-width: 480px) {
#reha-teki li{
float: left;
width: 100%;
margin: 0 0 15px;
list-style-type: none;
position: relative;
}
}

#reha4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 200px;
background: url(https://www.okubo-seikei.com/image/reha4-back.webp) no-repeat center bottom/100%,#dee9eb;
}
@media only screen and (max-width: 1440px) {
#reha4{
padding: 0 0 120px;
}
}
@media only screen and (max-width: 1080px) {
#reha4{
padding: 0 0 80px;
}
}
@media only screen and (max-width: 835px) {
#reha4{
padding: 0 0 50px;
}
}
@media only screen and (max-width: 640px) {
#reha4{
padding: 0 0 0px;
}
}

#reha4-waku{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 50px;
padding: 0;
}
@media only screen and (max-width: 1440px) {
#reha4-waku{
width: 80%;
margin: 0 10% 50px;
}
}
@media only screen and (max-width: 1280px) {
#reha4-waku{
width: 90%;
margin: 0 5% 50px;
}
}

#reha4-waku-text{
clear: both;
float: left;
width:60%;
height: auto;
margin: 0;
padding: 0 3% 0 0;
text-align: left;
}
#reha4-waku #reha4-waku-text p{
font-size: 20px;
line-height: 180%;
}
#reha4-waku-pict{
float: right;
width: 40%;
margin: 0;
padding: 0 0 0 3%;
text-align: center;
}
#reha4-waku-pict img{
max-width: 100%;
margin: 0 0 30px;
border-radius: 20px;
}
@media only screen and (max-width: 1080px) {
#reha4-waku #reha4-waku-text p{
font-size: 17px;
line-height: 180%;
}
}
@media only screen and (max-width: 835px) {
#reha4-waku-text{
width:100%;
margin: 0 0 30px;
padding: 0;
}
#reha4-waku #reha4-waku-text p{
font-size: 16px;
line-height: 180%;
}
#reha4-waku2{
margin: 0 0 30px;
}
#reha4-waku2 .medi-waku-text{
margin: 0;
}
#reha4-waku-pict{
clear: both;
float: right;
width: 100%;
padding: 0;
}
#reha4-waku-pict img{
max-width: 50%;
}
}
@media only screen and (max-width: 480px) {
#reha4-waku-pict img{
max-width: 100%;
}
}

.reha4-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 60px;
padding: 0 15%;
}
@media only screen and (max-width: 1440px) {
.reha4-box{
margin: 0 0 60px;
padding: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
.reha4-box{
margin: 0 0 60px;
padding: 0 5%;
}
}

#reha4 h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 20px;
padding: 0 0 10px 30px;
text-align: left;
font-size: 25px;
font-weight: 500;
line-height: 120%;
background: url(https://www.okubo-seikei.com/image/medi-h4.png) no-repeat left 40%/20px;
border-bottom:1px dashed #111;
}
@media only screen and (max-width: 640px) {
#reha4 h4{
font-size: 20px;
margin: 20px 0 10px;
padding: 0 0 10px 25px;
background: url(https://www.okubo-seikei.com/image/medi-h4.png) no-repeat left 30%/15px;
font-weight: 600;
}
}

.reha4-waku2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}

#reha4 dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#reha4 dt{
clear: both;
float: left;
width: 13%;
height: auto;
margin: 0 2% 15px 0;
padding: 0;
text-align: left;
line-height: 120%;
font-size:20px;
}
#reha4 dd{
float: left;
width: 85%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: justify;
line-height: 120%;
font-size: 20px;
}
@media only screen and (max-width: 1600px) {
#reha4 dt{
width: 18%;
margin: 0 2% 15px 0;
}
#reha4 dd{
width: 80%;
}
}
@media only screen and (max-width: 1080px) {
#reha4 dt{
font-size:17px;
}
#reha4 dd{
font-size: 17px;
}
}
@media only screen and (max-width: 835px) {
#reha4 dt{
width: 28%;
font-size:16px;
}
#reha4 dd{
width: 70%;
font-size:16px;
}
}
@media only screen and (max-width: 640px) {
#reha4 dt{
width: 100%;
margin: 0 0 5px;
}
#reha4 dd{
width: 100%;
margin: 0 0 15px;
}
}

#reha4 h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0 0 10px;
text-align: left;
font-size: 25px;
font-weight: 500;
line-height: 120%;
border-bottom:1px dashed #111;
}
#reha4 h5 span{
background: #2d6da0;
color: #fff;
font-weight: 600;
padding: 1px 15px 2px;
margin: 0 1% 0 0;
}
@media only screen and (max-width: 640px) {
#reha4 h5{
font-size: 20px;
font-weight: 600;
line-height: 160%;
margin: 0 0 10px;
}
#reha4 h5 span{
padding: 1px 10px 2px;
}
}

.reha4-waku2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}
.reha4-waku2 h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
line-height: 120%;
font-weight: 500;
font-size: 23px;
}
.reha4-waku2 p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 50px;
}
@media only screen and (max-width: 1280px) {
.reha4-waku2 h6{
margin: 0 0 10px;
font-size: 20px;
}
.reha4-waku2 p{
font-size: 17px;
margin: 0 0 40px;
}
}
@media only screen and (max-width: 640px) {
.reha4-waku2 h6{
margin: 0 0 10px;
font-size: 18px;
line-height: 160%;
}
.reha4-waku2 p{
font-size: 16px;
line-height: 160%;
margin: 0 0 40px;
}
}

#rec-sub{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 250px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ec;
}
@media only screen and (max-width: 1440px) {
#rec-sub{
padding: 0 10% 150px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 1280px) {
#rec-sub{
padding: 0 5% 150px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 1080px) {
#rec-sub{
padding: 0 5% 100px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 835px) {
#rec-sub{
padding: 0 5% 60px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 640px) {
#rec-sub{
padding: 0 5% 20px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}
@media only screen and (max-width: 480px) {
#rec-sub{
padding: 0 5% 0px;
background: url(https://www.okubo-seikei.com/image/about-us-back.webp) no-repeat center bottom/102%,#f8f3ed;
}
}

#rec-title{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 40px;
padding: 30px 0;
border-top:2px solid #326d9f;
border-bottom:2px solid #326d9f;
}
#rec-title h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 100%;
color: #326d9f;
}
@media only screen and (max-width: 1080px) {
#rec-title{
margin: 30px 0 30px;
padding: 20px 0;
}
#rec-title h2{
font-size: 25px;
}
}
@media only screen and (max-width: 640px) {
#rec-title h2{
line-height: 120%;
}
}

#rec-sub p{
text-align: justify;
font-size: 20px;
line-height: 180%;
margin: 0 0 30px;
}
@media only screen and (max-width: 1080px) {
#rec-sub p{
font-size: 17px;
}
}
@media only screen and (max-width: 640px) {
#rec-sub p{
font-size: 16px;
line-height: 160%;
}
}

#rec-sub-pict{
clear: both;
float: left;
width: 100%;
height: auto;
margin:20px 0 100px;
padding: 0;
display: flex;
}
#rec-sub-pict img{
flex: 1;
margin: 0 1%;
flex-basis:31.3%;
max-width: 31.3%;
}
@media only screen and (max-width: 640px) {
#rec-sub-pict{
flex-wrap: wrap;
}
#rec-sub-pict img{
flex: 1;
margin: 0 1% 15px;
flex-basis:48%;
max-width: 48%;
}
}
@media only screen and (max-width: 480px) {
#rec-sub-pict img{
flex: 1;
margin: 0 0 15px;
flex-basis:100%;
max-width: 100%;
}
}

#rec-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 180px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/100%,#dee9eb;
}
@media only screen and (max-width: 1080px) {
#rec-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 140px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/100%,#dee9eb;
}
}
@media only screen and (max-width: 640px) {
#rec-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 130px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/130%,#dee9eb;
}
}
@media only screen and (max-width: 480px) {
#rec-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 30px 0 80px;
background: url(https://www.okubo-seikei.com/image/about-doc-cl-back.webp) no-repeat center 100%/110%,#dee9eb;
}
}
@media only screen and (max-width: 414px) {
#rec-tokucho{
padding: 30px 0 50px;
}
}

.rec-tokucho-box{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 50px;
padding: 0;
text-align: left;
}
.rec-tokucho-box img{
max-width:26%;
}
@media only screen and (max-width: 1600px) {
.rec-tokucho-box{
clear: both;
float: left;
width: 74%;
height: auto;
margin: 0 13% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 1440px) {
.rec-tokucho-box{
clear: both;
float: left;
width: 80%;
height: auto;
margin: 0 10% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 1280px) {
.rec-tokucho-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 50px;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 640px) {
.rec-tokucho-box{
clear: both;
float: left;
width: 90%;
height: auto;
margin: 0 5% 50px;
padding: 0;
text-align: center;
}
}

.rec-tokucho-text{
float: right;
width: 70%;
height: auto;
margin: 0;
padding: 0 0 0 5%;
text-align: left;
}
@media only screen and (max-width: 640px) {
.rec-tokucho-box img{
max-width:50%;
margin: 0 0 20px;
}
.rec-tokucho-text{
clear: both;
float: right;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
}
@media only screen and (max-width: 480px) {
.rec-tokucho-box img{
max-width:70%;
margin: 0 0 20px;
}
}
@media only screen and (max-width: 414px) {
.rec-tokucho-box img{
max-width:80%;
margin: 0 0 20px;
}
}

.rec-tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
font-weight: 500;
font-size: 35px;
line-height: 120%;
}
@media only screen and (max-width: 1080px) {
.rec-tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
font-weight: 400;
font-size: 30px;
line-height: 120%;
}
}
@media only screen and (max-width: 640px) {
.rec-tokucho-text h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align:center;
font-weight: 400;
font-size: 30px;
line-height: 120%;
}
}

.rec-tokucho-text p{
text-align:left;
font-size: 17px;
line-height: 180%;
margin: 0;
}
.rec-tokucho-text p.tokucho-title{
font-size: 25px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
}
.rec-tokucho-text p.tokucho-title span{
font-size: 70px;
font-weight: 400;
vertical-align: text-top;
}
@media only screen and (max-width: 1080px) {
.rec-tokucho-text p{
text-align:left;
font-size: 15px;
line-height: 180%;
margin: 0;
}
.rec-tokucho-text p.tokucho-title{
font-size: 20px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
}
.rec-tokucho-text p.tokucho-title span{
font-size: 55px;
font-weight: 400;
vertical-align: text-top;
}
}
@media only screen and (max-width: 640px) {
.rec-tokucho-text p{
text-align:left;
font-size: 15px;
line-height: 180%;
}
.rec-tokucho-text p.tokucho-title{
font-size: 25px;
font-weight: 500;
color: #3371a7;
margin: 0 0 20px;
text-align: center;
}
}

h3.rec-t{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 30px;
padding: 0 0 10px;
text-align: left;
font-size: 30px;
font-weight: 500;
line-height: 120%;
border-bottom:2px solid #2d6da0;
}
h3.rec-t em{
font-style: normal;
color: #2d6da0;
font-size: 17px;
font-weight: 400;
}
h3.rec-t span{
color: #2d6da0;
font-size: 40px;
font-weight: 400;
margin: 0 1% 0 0;
}
@media only screen and (max-width: 1440px) {
h3.rec-t{
width: 80%;
margin: 0 10% 30px;
font-size: 30px;
}
}
@media only screen and (max-width: 1280px) {
h3.rec-t{
width: 90%;
margin: 0 5% 30px;
font-size: 30px;
}
}
@media only screen and (max-width: 640px) {
h3.rec-t {
font-size: 28px;
}
h3.rec-t em{
font-size: 15px;
}
h3.rec-t span{
font-size: 35px;
}
}
@media only screen and (max-width: 480px) {
h3.rec-t {
font-size: 25px;
}
h3.rec-t em{
font-size: 14px;
}
h3.rec-t span{
font-size: 30px;
}
}

#rec-flow{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 100px;
background:#d1cce3;
}
@media only screen and (max-width: 1280px) {
#rec-flow{
padding: 0 0 170px;
}
}
@media only screen and (max-width: 1080px) {
#rec-flow{
padding: 0 0 120px;
}
}
@media only screen and (max-width: 835px) {
#rec-flow{
padding: 0 0 90px;
}
}
@media only screen and (max-width: 480px) {
#rec-flow{
padding: 0 0 70px;
}
}

#rec-flow-info{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15%;
padding: 0;
}
@media only screen and (max-width: 1440px) {
#rec-flow-info{
width: 80%;
margin: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#rec-flow-info{
width: 90%;
margin: 0 5%;
}
}

#rec-flow-info dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#rec-flow-info dt{
clear: both;
float:left;
width: 10%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
background: url(https://www.okubo-seikei.com/image/reha-dt.png) no-repeat center bottom;
}
#rec-flow-info dt:last-of-type{
background: none;
}
#rec-flow-info dd{
clear: none;
float: left;
width: 90%;
height: auto;
margin: 0;
padding: 0 0 50px;
text-align: justify;
}
#rec-flow-info dd h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
text-align: left;
font-weight:600;
line-height: 100%;
color: #326d9f;
font-size: 25px;
}
#rec-flow-info dd p{
font-size: 17px;
}
@media only screen and (max-width: 1080px) {
#rec-flow-info dd p{
padding: 0 0 0px;
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
#rec-flow-info dt{
width: 7%;
}
#rec-flow-info dt img{
max-width: 100%;
}
#rec-flow-info dd{
width: 93%;
padding: 0 0 0 3%;
}
#rec-flow-info dd p{
padding: 0 0 30px;
font-size: 16px;
}
}
@media only screen and (max-width: 640px) {
#rec-flow-info dt{
width:10%;
}
#rec-flow-info dd{
width: 90%;
padding: 0 0 0 3%;
}
}
@media only screen and (max-width: 480px) {
#rec-flow-info dt{
background: url(https://www.okubo-seikei.com/image/reha-dt.png) no-repeat center bottom/5%;
}
#rec-flow-info dd h3{
font-size: 20px;
}
}
@media only screen and (max-width: 414px) {
#rec-flow-info dt{
background: url(https://www.okubo-seikei.com/image/reha-dt.png) no-repeat center bottom/6%;
}
#rec-flow-info dd p{
padding: 0 0 30px;
font-size: 15px;
}
}

#rec-toi{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 30px 15% 0;
padding: 30px 3% 5px;
border: 2px solid #326d9f;
border-radius: 30px;
}
@media only screen and (max-width: 1440px) {
#rec-toi{
width:80%;
margin: 30px 10% 0;
padding: 30px 3% 5px;
}
}
@media only screen and (max-width: 1280px) {
#rec-toi{
width:90%;
margin: 30px 5% 0;
padding: 30px 3% 5px;
}
}
@media only screen and (max-width: 480px) {
#rec-toi{
width:90%;
margin: 30px 5% 0;
padding: 20px 5% 5px;
}
}

#rec-toi h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: left;
font-size: 25px;
font-weight: 600;
line-height: 120%;
color: #326d9f;
}
#rec-toi p{
text-align: justify;
font-size: 17px;
margin: 0 0 20px;
line-height: 180%;
}
#rec-toi p img{
max-width: 4%;
margin: 0 1% 0 0;
vertical-align: text-bottom;
}
#rec-toi p strong{
font-weight: 400;
font-size: 50px;
color: #326d9f;
margin: 0 2% 0 0;
}
@media only screen and (max-width: 1080px) {
#rec-toi p img{
max-width: 5%;
}
}
@media only screen and (max-width: 835px) {
#rec-toi p strong{
font-size: 40px;
}
}
@media only screen and (max-width: 640px) {
#rec-toi p img{
max-width: 6%;
}
#rec-toi p strong{
font-size: 35px;
font-weight: 500;
}
}
@media only screen and (max-width: 480px) {
#rec-toi p{
font-size: 16px;
line-height: 150%;
}
#rec-toi p img{
max-width: 7%;
}
#rec-toi p strong{
font-size: 30px;
}
}
@media only screen and (max-width: 414px) {
#rec-toi h4{
font-size: 20px;
}
#rec-toi p img{
max-width:11%;
}
}

#rec-job{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 50px;
background: url(https://www.okubo-seikei.com/image/rec-job-back.webp) no-repeat center top/100%,#f8f3ed;
}

.job-area{
clear: both;
float: left;
width: 70%;
height: auto;
margin: 0 15% 80px;
padding: 50px 3%;
background: #fff;
border-radius: 30px;
position: relative;
}
@media only screen and (max-width: 1440px) {
.job-area{
width: 80%;
margin: 0 10% 80px;
padding: 50px 3%;
}
}
@media only screen and (max-width: 1280px) {
.job-area{
width: 90%;
margin: 0 5% 20px;
}
}
@media only screen and (max-width: 835px) {
.job-area{
margin: 0 5% 0px;
padding: 50px 3% 20px;
}
}
@media only screen and (max-width: 480px) {
.job-area{
padding: 60px 3% 20px;
}
}

.job-area ul{
clear: both;
float: left;
width: 15%;
height: auto;
margin: 0;
padding: 0;
position: absolute;
top:20px;
right: 20px;
}
.job-area ul li{
list-style-type: none;
color: #fff;
font-size: 17px;
font-weight: 500;
line-height: 100%;
background: #5db8c4;
margin: 0 0 10px;
padding: 10px 0;
text-align: center;
border-radius: 7px;
}
@media only screen and (max-width: 1080px) {
.job-area ul{
width: 20%;
}
.job-area ul li{
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
.job-area ul{
width: 25%;
top:20px;
right: 20px;
}
.job-area ul li{
padding:7px 0;
}
}
@media only screen and (max-width: 480px) {
.job-area ul{
width: 80%;
top:15px;
right: inherit;
left: 15px;
}
.job-area ul li{
float: left;
width: 48%;
margin: 0 1%;
padding:6px 0;
font-size: 15px;
}
}

.job-area h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
font-weight: 500;
line-height: 120%;
font-size: 30px;
color: #326d9f;
}
@media only screen and (max-width: 835px) {
.job-area h2{
margin: 0 0 40px;
font-size: 25px;
text-align: left;
}
}
@media only screen and (max-width: 480px) {
.job-area h2{
margin: 0 0 30px;
padding: 0 0 10px;
font-size: 25px;
font-weight: 700;
border-bottom: 2px solid #326d9f;
}
}

.job-area dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.job-area dt{
clear: both;
margin: 0 0 20px;
padding: 0 0 20px 3%;
text-align: justify;
letter-spacing: 0.5em;
font-size: 25px;
line-height: 120%;
color: #326d9f;
font-weight: 500;
border-bottom: 1px dashed #111;
flex-basis:20%;
}
.job-area dd{
float: left;
margin: 0 0 20px;
padding: 0 3% 20px 3%;
text-align: justify;
font-size:17px;
line-height: 150%;
border-bottom: 1px dashed #111;
flex-basis:80%;
}
@media only screen and (max-width: 1080px) {
.job-area dt{
font-size: 20px;
}
.job-area dd{
font-size:16px;
}
}
@media only screen and (max-width: 835px) {
.job-area dt{
margin: 0 0 20px;
padding: 0 0 20px 3%;
font-size:16px;
flex-basis:20%;

font-weight: 600;
}
.job-area dd{
margin: 0 0 20px;
padding: 0 3% 20px 3%;
font-size:16px;
flex-basis:80%;
}
}
@media only screen and (max-width: 640px) {
.job-area dt{
margin: 0 0 10px;
padding: 0 0 0px 3%;
font-size:20px;
flex-basis:100%;
font-weight: 700;
border-bottom: none;
}
.job-area dd{
clear: both;
margin: 0 0 20px;
padding: 0 3% 20px 3%;
font-size:16px;
flex-basis:100%;
}
}

#job2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -2px 0 0;
padding: 0 0 250px;
background: url(https://www.okubo-seikei.com/image/about-ac-back.webp) no-repeat center bottom/100%,#f9f4ee;
}
@media only screen and (max-width: 1600px) {
#job2{
padding: 0 0 200px;
}
}
@media only screen and (max-width: 835px) {
#job2{
padding: 0 0 160px;
}
}
@media only screen and (max-width: 640px) {
#job2{
padding: 0 0 140px;
}
}
@media only screen and (max-width: 480px) {
#job2{
padding: 0 0 110px;
}
}
@media only screen and (max-width: 414px) {
#job2{
padding: 0 0 80px;
}
}

#syoshin{
display: none;
width: 30%;
height: auto;
background-color:rgba(51,113,167,0.9);
border-radius: 0 0 0 20px;
margin: 0;
padding: 15px 2% 20px;
top:0;
right: 0;
position: fixed;
z-index: 10000;
}
#syoshin p{
text-align: justify;
font-size: 17px;
line-height: 160%;
margin: 0;
color: #fff;
}
@media only screen and (max-width: 1280px) {
#syoshin{
width: 50%;
right: 80px;
border-radius: 0 0 20px 20px;
padding: 10px 2% 15px;
}
#syoshin p{
font-size: 16px;
}
}
@media only screen and (max-width: 1280px) {
#syoshin{
display: none;
}
}

#sm-menu{
display: none;
}
@media only screen and (max-width: 1280px) {
#sm-menu{
display: inherit;
width: 100%;
height: auto;
background:#fff;
margin: 0;
padding: 0;
bottom:0;
right: 0;
position: fixed;
z-index: 9997;
}
#sm-m1,#sm-m2{
width: 50%;
float: left;
}
#sm-m1 a:link,#sm-m1 a:visited{
display: block;
background: #3371a7;
color: #fff;
font-size: 16px;
line-height: 100%;
padding: 15px 0;
text-align: center;
}
#sm-m2 a:link,#sm-m2 a:visited{
display: block;
background: #e78ebb;
color: #fff;
font-size: 16px;
line-height: 100%;
padding: 15px 0;
text-align: center;
}
#sm-menu p{
display: none;
margin: 15px 0 0;
padding: 0 2% 0;
text-align: justify;
font-size: 14px;
line-height: 150%;
}
}

#mail{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15%;
}
@media only screen and (max-width: 1440px) {
#mail{
padding: 0 10%;
}
}
@media only screen and (max-width: 1280px) {
#mail{
padding: 0 5%;
}
}

#mail-sm{
}

form{
clear: both;
width:100%;
height: auto;
margin: 30px auto 0;
padding: 0;
text-align: center;
}

.hissu{
font-size: 12px;
border-radius: 5px;
background: #5db8c4;
color:#fff;
padding: 0 5px 1px;
margin: 0 0 0 2%;
}
#mail-check{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 50px;
	padding:10px 0;
	text-align:center;
}
@media only screen and (max-width: 640px) {
#mail-check{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 50px;
	padding:0;
	text-align:center;
}
}

#mail table {
	clear:both;
    float: left;
	width:100%;
	margin:5px 0 20px;
    border:1px solid #333;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
    text-align:left;
	background:#fff;
}

#mail th{
	width:30%;
	background:#eee;
	text-align:center;
	font-weight: normal;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 17px;
	}
#mail td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 17px;
}
@media only screen and (max-width: 1080px) {
#mail th{
	width:30%;
	background:#eee;
	text-align:center;
	font-weight: normal;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 15px;
	}
#mail td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 15px;
}
}
@media only screen and (max-width: 835px) {
#mail th{
	width:40%;
	background:#eee;
	text-align:center;
	font-weight: normal;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 14px;
	}
#mail td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 14px;
}
}
@media only screen and (max-width: 640px) {
#mail table {
	clear:both;
	width:100%;
	margin:5px 0 50px;
    border:1px solid #333;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
    text-align:left;
	background:#fff;
}
#mail th{
clear: both;
float: left;
	width:100%;
	background:#eee;
	text-align:left;
	font-weight: normal;
	border-right:none;
	border-bottom:1px solid #333;
	padding: 10px 5px;
	font-size: 15px;
	line-height: 150%;
	}
#mail td{
clear: both;
float: left;
width: 100%;
	border-right:none;
	border-bottom:1px solid #333;
	padding: 10px 5px;
	font-size: 15px;
}
#mail td.bno{
border-bottom:none;
}
}
@media only screen and (max-width: 480px) {
#mail th{
clear: both;
float: left;
	width:100%;
	background:#eee;
	text-align:left;
	font-weight: normal;
	border-right:none;
	border-bottom:1px solid #333;
	padding: 10px 5px;
	font-size: 14px;
	line-height: 150%;
	}
#mail td{
clear: both;
float: left;
width: 100%;
	border-right:none;
	border-bottom:1px solid #333;
	padding: 10px 5px;
	font-size: 14px;
}
}

textarea,input[type="text"] ,input[type="email"]{
width: 100%;
}
input[type="text"].s70{
width: 75%;
}
select{
width: 20%;
margin: 0 2% 0 0;
}
@media only screen and (max-width: 640px) {
textarea,input[type="text"] ,input[type="email"]{
width: 100%;
line-height: 150%;
}
input[type="text"].s70{
width: 100%;
margin: 5px 0 0;
}
select{
width: 23%;
margin: 0 2% 0 0;
}
select.s30{
width: 35%;
margin: 0 2% 0 0;
}
}
@media only screen and (max-width: 480px) {
textarea,input[type="text"] ,input[type="email"]{
width: 100%;
padding: 5px;
}
textarea{
font-size: 14px;
}
}

input.btn_submit,input.btn_submit2{
 width:150px;
 height:50px;
 background: #3371a7;
 border-radius: 10px;
 box-shadow: 2px 2px 3px #aaa;
 border: 2px solid #fff;
 font-size: 20px;
 font-weight: 500;
 color: #fff;
 line-height: 46px;
}
input.btn_submit2{
 width:100px;
 height:40px;
  line-height: 36px;
   background: #dddddd;
 color: #555;
 font-size: 15px;
 margin: 0 0 0 2%;
}

input.btn_submit:hover {
 background: #5db8c4;
 cursor: pointer;
}

input.btn_submit2:hover {
 background: #ccc;
  cursor: pointer;
}

form strong{
color: #ef3876;
}
label{
 cursor: pointer;
}

#kojin{
clear: both;
float: left;
width: 100%;
height: 250px;
margin: 0 0 20px;
padding: 20px 3% 5px;
overflow-y:scroll;
border: 1px solid #ccc;
}
#kojin h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 5px 2% 5px;
background: #eee;
border-radius: 5px;
text-align: left;
font-size: 17px;
font-weight: 500;
line-height: 150%;
}
#kojin p{
margin: 0 0 30px;
line-height: 150%;
text-align: justify;
font-size: 15px;
}
#kojin ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 25px;
padding: 0 0 0 5%;
}
#kojin li{
margin: 0 0 10px;
padding: 0;
text-align: justify;
line-height: 150%;
font-size: 15px;
}
@media only screen and (max-width: 640px) {
#kojin h5{
font-size: 15px;
}
#kojin p{
font-size: 13px;
}
#kojin li{
margin: 0 0 5px;
font-size: 13px;
}
}

#mail-ok{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 0;
}

/*フッタ
--------------------------------------------------------------------------*/
#page-top{
	width:40px;
	height:40px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
	color:#fff;
}
@media only screen and (max-width: 1280px) {
#page-top{
	bottom:80px;
}
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3371a7;
	transition:all 0.3s;
	color:#fff;
}
 
#page-top p:hover{
	background:#5dc1cf;
	color:#fff;
}
 
#move-page-top{
	color:#fff;
	line-height:40px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

#sub-access{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -30px 0 0;
padding: 0px 0 0;
background: #dee9eb;
}
#sub-access.medi-ac{
background: #f8f2ec;
}
@media only screen and (max-width: 1280px) {
#sub-access {
clear: both;
float: left;
width: 100%;
height: auto;
margin: -3px 0 0;
padding: 0;
background: #dee9eb;
}
}
@media only screen and (max-width: 835px) {
#sub-access {
clear: both;
float: left;
width: 100%;
height: auto;
margin: -3px 0 0;
padding: 0;
background:#dee9eb;
}
}

footer,footer.sub-p,footer.sub-p-medi{
clear: both;
float: left;
width: 100%;
height: auto;
margin:  0;
padding: 80px 0 0;
background: #fff;
}
footer.sub-p{
background: #dee9eb;
}
footer.sub-p-medi{
background: #f8f2ec;
}
@media only screen and (max-width: 640px) {
footer,footer.sub-p,footer.sub-p-medi{
padding: 30px 0 0;
}
}
@media only screen and (max-width: 480px) {
footer,footer.sub-p,footer.sub-p-medi{
padding: 15px 0 0;
}
}

footer ul {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 20%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media only screen and (max-width: 1600px) {
footer ul {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 15%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
}
@media only screen and (max-width: 1440px) {
footer ul {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 10%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
}
@media only screen and (max-width: 1280px) {
footer ul {
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
}

footer li {
  list-style-type: none;
  margin: 0 0 0 -1em;
  padding: 0;
  text-align: center;
  font-size: 17px;
  line-height: 150%;
  flex: 0 0 15%;
  flex: 1 0 auto;
  background: url(https://www.okubo-seikei.com/image/menu-line.png) no-repeat right top/contain;
}
footer li.bno{
 background: none;
}
footer li a:link,
footer li a:visited {
  height: auto;
  text-decoration: none;
  color: #111;
  line-height: 100%;
}
footer li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1080px) {
footer li {
  list-style-type: none;
  margin: 0 0 0 -1em;
  padding: 0;
  text-align: center;
  font-size: 15px;
  line-height: 150%;
  flex: 0 0 15%;
  flex: 1 0 auto;
  background: url(https://www.okubo-seikei.com/image/menu-line.png) no-repeat right top/contain;
}
}
@media only screen and (max-width: 835px) {
footer li {
  list-style-type: none;
  margin: 0 0 0 -1em;
  padding: 0;
  text-align: center;
  font-size: 13px;
  line-height: 150%;
  flex: 0 0 15%;
  flex: 1 0 auto;
  background: url(https://www.okubo-seikei.com/image/menu-line.png) no-repeat right top/contain;
}
}
@media only screen and (max-width: 640px) {
footer ul {
display: none;
}
}

#copy{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 40px 0 30px;
padding: 0;
text-align: center;
}
#copy p{
font-size: 17px;
margin: 0;
}
@media only screen and (max-width: 1080px) {
#copy{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 15px;
padding: 0;
text-align: center;
}
#copy p{
font-size: 13px;
margin: 0;
}
}

header.entry-header{
display: none;
}