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

#pcheader nav li:nth-child(3) {border-bottom: 3px solid #00b4ff;}

.txt03{color:#00b4ff; font-weight:bold; font-size:130%; margin-bottom: 20px;}

/* index */
#taisho{float: left; width: 780px;}
#taisho_i{float: right;}
.firstp{margin-bottom: 30px;}
.txtb{margin-bottom: 40px;}

#waku{background:#ece5dc; padding: 20px;}
#waku ul {position: relative; margin: 0; padding: 0;}
#waku li{list-style:none; list-style-position:outside; margin: 0; padding-left: 20px;}
#waku li span{position:  absolute; left: 0; margin: 0;}

.btn_dl{}
.btn_shoshin{padding-left: 20px; margin-bottom: 20px;}
.btn_medical{}
.btn_zaitaku{}

#homonarea{float: left; width: 500px;}
#homonarea_i{float: right;}

#shochi{float: left; width: 650px;}
#shochi_i{float: right;}

/* flow */
.flowbar{background:#00b4ff; padding:7px 10px 10px 10px; font-size:18px; color:#fff; margin-bottom:20px;}
.flowbar img{vertical-align: middle; margin-right: 10px;}
.flowmark{text-align: center; margin-top: 30px;}


/* 共通 */
.base{float: left; width: 750px; margin-bottom: 20px;}
.base_i{float: right;}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:1100px) {




}




/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

.txt03{margin-bottom: 10px;}

/* TOP */
#taisho{width: 100%; float: none;}
#taisho_i{width: 100%; float: none; text-align: center;}
#taisho_i img{width: 40%; margin-top: 20px;}
.firstp{margin-bottom: 10px;}
.txtb{margin-bottom: 30px;}

#waku{}
#waku ul {}
#waku li{}
#waku li span{}

.btn_dl{text-align: center;}
.btn_dl img{width: 90%;}
.btn_shoshin{padding-left: 20px; margin-bottom: 10px; padding-top: 5px;}
.btn_shoshin img{width: 40%;}
.btn_medical{text-align: center;}
.btn_medical img{width: 70%;}
.btn_zaitaku{text-align: center;}
.btn_zaitaku img{width: 40%;}

#homonarea{ width: 50%;}
#homonarea_i{width: 45%;}
#homonarea_i img{width: 100%;}

#shochi{width: 100%; float: none;}
#shochi_i{width: 100%; float: none; text-align: center;}
#shochi_i img{width: 40%; margin-top: 20px;}


/* flow */
.flowbar{padding:5px; font-size:15px; color:#fff; margin-bottom:20px;}
.flowbar img{}
.flowmark{margin-top: 20px;}
.flowmark img{width: 30%;}


/* 共通 
.base{width: 75%; margin-bottom: 20px;}
.base_i{width: 20%;}
.base_i img{width: 100%;}*/

/* 共通 */
.base{width: 100%; float: none;}
.base_i{width: 100%; float: none; text-align: center;}
.base_i img{width: 25%; margin-bottom: 20px;}


}