html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1.7;font-weight:300;font-family:Century Gothic;}
h2 {line-height:1.5;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
p {margin-bottom:20px;}
p:last-child {margin-bottom:0;}
.pull-left {float:left;}
.pull-right {float:right;}
.clearfix {clear:both;float:none;content:'';display:table;}

/* ブロックベース */
.background {background-size: cover;background-repeat: no-repeat;background-position: center center;overflow: hidden;position:relative;width: 100%;}

/* header */
.header {width:100%;height:100px;background:#FFF;position: fixed;z-index: 999;top: 0;left: 0;box-sizing: border-box;opacity: 0.9;}
.header_ul {width:100%;height:100px;}
.header_ul li {height:100px;line-height:100px;}
.header_ul .logo {width:20%;padding-left:5%;float:left;}
.header_ul .menu_list {width:60%;float:right;}
.menu_ul {width:100%;height:100px;}
.menu_ul li {float:right;height:100px;margin-right:5%;font-weight:bold;}
.menu_ul li a {color:#333;}
.menu_ul li a:hover {text-decoration:underline;color:#FF8C00;}

/* footer */
.footer {background:#FFF;height:400px;opacity: 0.9;}
.footer .footer_ul {width:100%;margin-top:2%;}
.footer .footer_ul li {text-align:center;color:#333;margin-top:7px;font-size:16px;}
.footer .footer_ul .com {font-size:25px;}

@media screen and (max-width:1280px) {}
@media screen and (max-width:900px) {
	.menu_ul {width:100%;height:100px;visibility: hidden;}
}

@media screen and (max-width:600px) {
	.footer .footer_ul li {text-align:center;color:#333;margin-top:7px;font-size:14px;}
	.footer .footer_ul .com {font-size:25px;}
}
@media screen and (max-width:430px) {
	.header_ul .logo {width:20%;padding-left:0%;float:left;}
	.header_ul .logo img {width:250%;margin-top:10px;margin-left:10px;}
	.footer .footer_ul li {text-align:center;color:#333;margin-top:7px;font-size:10px;}
	.footer .footer_ul .mess {font-size:15px;}
}

/* TEL */
.fixedcallicon {background: rgba(0,0,0,0.5);color: rgba(255,255,255,0.7);position: fixed;top: 43%;right: 0;width: 60px;height: 60px;line-height: 60px;overflow: hidden;display: inline-block;z-index: 99;border-top-left-radius: 5px;border-bottom-left-radius: 5px;transition: all 1s ease;}
.fixedcallicon i {width:60px;height:60px;text-align:center;}
.fixedcallicon:hover {width:270px;background:rgba(255, 255, 255, 0.5);color:#000;transition: all 1s ease;}
.fixedcallicon:link {color:#FFF;}

/* メインページ挨拶見出し */
.greeting {width:100%;padding-top:30px;padding-bottom:30px;}
.greeting_ul {width:100%;height:auto;}
.greeting_ul li {width:30%;height:100%;float:left;}
.greeting_ul li:first-child {margin-left:5%;}
.greeting_ul li img {width:100%;}
.greeting_ul .hid {visibility: visible;}

@media screen and (max-width:1280px) {}
@media screen and (max-width:900px) {}
@media screen and (max-width:600px) {
	.greeting {padding-top:0;}
	.greeting_ul .hid {display:none;}
	.greeting_ul {width:100%;}
	.greeting_ul li {width:100%;float:left;}
	.greeting_ul li img {width:100%;}
}
@media screen and (max-width:430px) {}

.history {width:90%;margin-left:auto;margin-right:auto;padding:5%;border-top:#000 1px solid ;border-bottom:#CCC 1px solid ;background:#f5f5f5;}

/* 事業内容 背景タイトル パララックス */
.service_title {box-sizing: border-box;color: #FFF;font-size: 3rem;display: flex;align-items: center;justify-content: center;height: 100%;padding: 5%;color:#593F36;}
.parallax-bg {background-attachment: fixed;background-position: center;background-size: cover;background-repeat: no-repeat;height: 50%;}

/*各背景の画像*/
.img-bg-01 {background-image: url('https://welfare2022.jp/img/service_title.jpg');}

/* 事業内容 */
.service {width:100%;}
.service_ul {width:100%;margin-top:50px;}
.service_ul li {width:20%;float:left;border:#999 1px solid ;height:auto;margin-left:1%;padding:0.5%;}
.service_ul li:first-child {margin-left:7%;}

.service_img {width:100%;height:70%;}
.service_img img {width:100%;}
.service_mess {width:80%;height:5%;background:#ffa500;padding:10%;color:#FFF;font-size:14px;}

@media screen and (max-width:1280px) {}
@media screen and (max-width:900px) {.service_mess {height:80px;}}
@media screen and (max-width:600px) {
/* 20230927 add start */
	.service_title {font-size:30px;font-weight:bold;height:400px;width:100%;}
	.parallax-bg {background-attachment:unset;}
/* 20230927 add end */
	.img-bg-01 {background-image: url('https://welfare2022.jp/img/s_title1.jpg');}
	.service_ul {width:100%;margin-top:30px;}
	.service_ul li {width:86%;border:#999 1px solid ;height:auto;padding:0.5%;margin-left:7%;margin-top:10px;}
	.service_ul li:first-child {margin-left:7%;}
	.service_mess {width:80%;height:5%;background:#ffa500;padding:10%;color:#FFF;font-size:25px;}
}

/* ボタンセクション */
.btn_wap {width:100%;}
.btn_ul {width:100%;margin-top:50px;margin-left:auto;margin-right:auto;}
.btn_ul li {width:20%;float:left;margin-left:9.8%;}
.btn_ul li:first-child {margin-left:7%;}
/* ボタン部品 */
a.btn_09 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	padding: 10% 20%;
	font-weight: bold;
	background: linear-gradient(to top, rgb(73, 51, 5), #5E3F06);
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
}
a.btn_09:hover {color: #fff;opacity: 0.5;}

@media screen and (max-width:1280px) {
	a.btn_09 {height:50px;}
}
@media screen and (max-width:900px) {
	a.btn_09 {font-size:14px;}
}
@media screen and (max-width:600px) {
	a.btn_09 {font-size:13px;height:80px;}
	.btn_ul {margin-top:10px;}
}
@media screen and (max-width:430px) {}

/* 会社概要 */
.img-bg-02 {background-image: url('https://welfare2022.jp/img/picture.jpg');}
.about_title {margin-top:50px;box-sizing: border-box;color: #FFF;font-size: 3rem;display: flex;align-items: center;justify-content: center;height: 100%;padding: 5%;color:#593F36;}
.about {width:1050px;margin-left:auto;margin-right:auto;margin-top:70px;}
.about_ul {width:100%;height:auto;}
.about_ul .about_left_li {float:left;width:48%;margin-right:4%;border-top:#000 1px solid ;border-bottom:#000 1px solid ;}
.about_ul .about_right_li {float:left;width:48%;border-top:#000 1px solid ;border-bottom:#000 1px solid ;}

.about_sub_ul {width:100%;}
.about_sub_ul li {}
.about_sub_ul li:first-child {}

.about_detail_ul {width:100%;height:auto;}
.about_detail_ul li {float:left;padding-top:2%;padding-bottom:2%;font-size:14px;padding-left:2%;border-top:#CCC 1px solid ;}
.about_detail_ul .about_detail_title {width:28%;}
.about_detail_ul .about_detail_val {width:68%;}

@media screen and (max-width:900px) {
	.about {width:100%;margin-top:30px;}
	.about_ul {width:100%;height:auto;clear:both;}
	.about_ul .about_left_li {float:none;width:100%;margin-right:4%;border-top:#000 1px solid ;border-bottom:none;}
	.about_ul .about_right_li {float:none;width:100%;border-top:none;border-bottom:none;}
	.boder_bot {border-bottom:#000 1px solid ;}
}

@media screen and (max-width:600px) {
/* 20230927 add start */
	.about_title {font-size:30px;font-weight:bold;height:400px;width:100%;}
	.img-bg-02 {background-image: url('https://welfare2022.jp/img/s_title2.jpg');}
/* 20230927 add end */
}

/* お問い合わせ */
.inq_mess {width:500px;height:100px;margin-left:auto;margin-right:auto;padding-top:100px;}
.inq_wap {width:100%;background:#FFF0D6;opacity:0.6;height:100px;position:absolute;bottom:0px;}
.inq_btn {width:100%;height:100px;position:absolute;bottom:0px;}
.inq_btn_detail {width:450px;height:100px;margin-left:auto;margin-right:auto;margin-top:15px;}

/* ボタン部品 */
a.btn_10 {height:70px;line-height:70px;display: block;text-align: center;vertical-align: middle;text-decoration: none;width: 100%;margin: auto;font-weight: bold;background: linear-gradient(to top, rgb(73, 51, 5), #5E3F06);color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);transition: 0.5s;}
a.btn_10:hover {color: #fff;opacity: 0.9;}

.inq_title {
	margin-top:150px;
	width:100%;
	height:400px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url('https://welfare2022.jp/img/inq_title.jpg');
}
@media screen and (max-width:900px) {
	.inq_title {margin-top:30px;}
}
@media screen and (max-width:600px) {
	.inq_mess {width:100%;padding-top:100px;}
	.inq_mess_img {width:95%;}
	.inq_title {margin-top:30px;width:100%;height:400px;background-image: url('https://welfare2022.jp/img/inq_title_min.jpg');}
}
@media screen and (max-width:430px) {
	.inq_btn_detail {width:100%;height:100px;margin-left:auto;margin-right:auto;margin-top:15px;}
}

/* 介護事業 */
.img-bg-03 {background-image: url('https://welfare2022.jp/img/care.jpeg');}
.sub_service_title {margin-top:100px;box-sizing: border-box;color: #FFF;font-size: 3rem;display: flex;align-items: center;justify-content: center;height: 100%;padding-top: 5%;padding-bottom: 5%;color:#333;}
.title_mess {width:100%;height:100%;text-align:center;padding-top:1%;padding-bottom: 1%;background:#ffa500;opacity: 0.8;color:#FFF;}
@media screen and (max-width:600px) {
	.sub_service_title {font-size: 1rem;height:150px;}
	.title_mess {width:100%;height:80px;text-align:center;padding:0%;line-height:80px;font-weight: bold;}
}
.sub_title {width:100%;height:100px;line-height:100px;text-align:center;font-size:28px;color:#666;}
.care_ul {width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.care_ul li {float:left;min-height:60px;padding-top:2%;padding-bottom:2%;}
.care_ul .care_left_li {width:26%;border-bottom:#000 1.5px solid ;font-weight:bold;color:#333;padding-left:1%;}
.care_ul .care_right_li {width:65%;border-bottom:#CCC 1px solid ;padding-left:8%;}

@media screen and (max-width:900px) {
	.title_mess {font-size:100%;}
}
@media screen and (max-width:600px) {
	.title_mess {font-size:200%;}
	.care_ul .care_right_li {width:62%;border-bottom:#CCC 1px solid ;padding-left:8%;padding-right:3%;}
}

/* お問い合わせ */
.img-bg-04 {background-image: url('https://welfare2022.jp/img/wheelchair.jpeg');}
.inq_sub_title {font-size:14px;margin-bottom:10px;}
.input_text {height:50px;width:95%;background:#EEEEEE;border:none;padding-left:3%;}
.inq_val {width:94%;padding:2%;height:100px;}
.inq_ul li {min-height:60px;padding-top:2%;padding-bottom:2%;}
.inq_ul .inq_left_li {width:26%;border-bottom:#000 1.5px solid ;font-weight:bold;color:#333;padding-left:1%;}
.inq_ul .inq_right_li {width:65%;border-bottom:#CCC 1px solid ;padding-left:8%;}
.inq_ul {width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

@media screen and (max-width:600px) {
	.inq_sub_title {font-size:14px;margin-bottom:10px;padding-left:2%;}
	.inq_ul li {min-height:0px;padding-top:2%;padding-bottom:2%;}
	.inq_ul {width:100%;height:auto;display:unset;}
	.inq_ul .inq_left_li {width:100%;border-bottom:none;border-top:#000 1px solid ;font-weight:bold;color:#333;padding-left:0%;text-align:center;}
	.inq_ul .inq_right_li {width:99%;padding-left:1%;border-top:#CCC 1px solid ;}
}

/* サービス付き高齢者向け住宅 */
.img-bg-05 {background-image: url('https://welfare2022.jp/img/withdr.jpeg');}
.service_wap {width:1240px;margin:0px auto;}
.s_ul {width:100%;padding-top:80px;clear:both;}
.s_ul .mess_li {width:33%;margin-right:2%;float:left;}
.s_ul .mess_li2 {width:33%;margin-left:2%;float:right;}

.s_title {width:98%;font-size:25px;padding-left:2%;font-weight:bold;border-bottom:#000 1px solid ;}
.s_sub_title {width:98%;font-size:13px;padding-left:2%;color:#666;}
.s_mess {width:92%;padding:4%;background:#f5f5f5;margin-top:15px;}

.s_ul .img_li {width:65%;float:left;}
.s_ul .img_li2 {width:65%;float:right;}
.s_ul .img_li img {width:806px;}
.s_ul .img_li2 img {width:806px;}
@media screen and (max-width:900px) {
	.service_wap {width:100%;margin:0px auto;}
	.s_ul {width:100%;padding-top:5%;clear:both;}
	.s_ul .mess_li {width:100%;margin-right:0%;float:none;}
	.s_ul .mess_li2 {width:100%;margin-left:0%;float:none;}
	.s_ul .img_li {width:100%;float:none;}
	.s_ul .img_li2 {width:100%;float:none;}
	.s_ul .img_li img {width:100%;}
	.s_ul .img_li2 img {width:100%;}
}



/* 黒いオーバーレイ外す */
.vegas-overlay {background:none;}

/* フェードイン系 */
/*===========
inview
===========*/
.fadeIn_up {opacity: 0;transform: translate(0, 50%);transition: 2s;}
.fadeIn_up.is-show {transform: translate(0, 0);opacity: 1;}

.fadeIn_left {opacity: 0;transform: translate(-50%, 0);transition: 2s;}
.fadeIn_left.is-show {transform: translate(0, 0);opacity: 1;}

/*===========
.imgBox
===========*/
.imgBox {text-align: center;margin: 30px 0;}
.imgBox img {max-width: 100%;height: auto;vertical-align: top;}

/*===========
.txtBox
===========*/
.txtBox {text-align: center;}
.txtBox p {font-size: 20px;font-weight: bold;margin: 0;}
.section {max-width: 100%;margin: 0 auto;}

/* メニュー */
.min_menu {visibility: hidden;}

@media screen and (max-width:900px) {
	.min_menu {visibility: visible;position: fixed;top:0;right:0px;width: 100%;height:100px;}
	/* Nav items */
	.menu {list-style: none;width: 100%;height: auto;top: 0;margin-top:0px;padding: 0 0 0 0;clear: both;background: var(--background-navbar);transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;transform: scale(1, 0);transform-origin: top;background:#FFF;}
	/* Hamburger menu button */
	.menu-btn:checked ~ .menu {transform: scale(1, 1);transform-origin: top;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
	/* Hamburger menbu text */
	.menu a {text-decoration: none;font-weight: 500;letter-spacing: 2px;font-size: 16px;text-transform: capitalize;color: #333;opacity: 0;transition: 0.5s;}
	.menu li {border-top: 1px solid rgb(75, 75, 75);margin: 0 54px;opacity: 0;transition: 0.5s;}
	.menu-btn:checked ~ .menu a,
	.menu-btn:checked ~ .menu li {opacity: 1;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;}
	.menu-btn {display: none;}
	.menu-icon {display: inline-block;position: relative;cursor: pointer;padding: 50px 0px;margin-right:20px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);float:right;}
	.navicon {background: #ddd;display: block;height: 3px;width: 26px;position: relative;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
	.navicon:before,
	.navicon:after {content: "";display: block;height: 100%;width: 100%;position: absolute;background: #ddd;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
	.navicon:before {top: 9px;}
	.navicon:after {bottom: 9px;}
	/* Hamburger Menu Animation Start */
	.menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
	.menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {top: 0;}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {bottom: 0;}
	.menu-btn:checked ~ .menu-icon .navicon {background: rgba(0, 0, 0, 0);transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
	/* Hamburger Menu Animation End */
	/* Navbar Container */
	.navtext-container {width: 100%;height: 52px;position: absolute;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
	/* Navbar Text */
	.navtext {position: absolute;text-transform: uppercase;color: #ddd;letter-spacing: 4px;font-size: 20px;}
}

/* error */
.error {width:96%;padding:2%;background:#FFC0CB;border: 2px solid #C00;margin-bottom:2%;}
.error_ul {width:100%;}
.error_ul li {height:25px;color:#C00;line-height:25px;}