@charset "utf-8";

@import url('./reset.css');

/* -------------------------------------------------------------- */

body{
	color:#000;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
	line-height:1.625;
	-webkit-text-size-adjust: none;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 0px;
}
html{}

a{color:#404040;text-decoration:none;}
a:hover{color:#29c4a0;}
a:active, a:focus{outline:0;}

.fade_off {
	opacity: 0;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}

.fade_on {
	opacity: 1;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}
.linkunder {
	text-decoration: underline;
}

/* ----------------------------------------------------------------
    共通
----------------------------------------------------------------- */

.PC1 { display:block;}
.PC1 { }
.TB { display:none;}
.SP { display:none;}

/*** ヘッダ *********************************/
h1 {	float:left;font-size:100%;line-height: 1.1em;padding:0px;margin:0px 10px 0px 0px;font-weight:normal;	}
h2 {	font-weight:normal;	}
h3 {	font-weight:normal;	}
h4 {	font-weight:normal;	}
h5 {	font-weight:normal;	}

.contents{
	display:block;
	width:1260px;
	margin: 0px auto 0;
}
.contents_all {
	display:block;
	width:100%;
	margin: 0 auto;
	text-align:center;
}


#header_all{
	display:block;
	margin: 0 auto;
	padding: 0px;
	background-color:#fff;
	z-index:9999;
}

#header{
	display: block;
	width:1260px;
	margin: 0px auto;
	z-index:9999;
}
#header:after{
	content: "";
	display: block;
	clear: both;
}
h1#rogo{
	float: left;
	margin: 50px 10px 0px 0px;
	padding: 0;
	width: 200px;
}
h1#rogo img{
	width: 176px;
	height: auto;
}
.headcontact {
	float:right;
	display: block;
	width:1023px;
	margin:10px 0 5px;
	text-align:left;
}
.headcontact ul {
	float:right;
	display: flex;
	justify-content: space-around;
	list-style: none;
	flex-wrap: none;
	width:100%;
	margin:15px 0 5px;
	text-align:left;
}
.headcontact li {
	display: inline;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
}
.headcontact li span {
	font-size:26px;
}
.headcontact li a {
	color:#29c4a0;
}
.headcontact li:nth-child(2), .headcontact li:nth-child(4) {
	padding-right:20px;
}
/* ----------------------------------------------------------------
    ドロップメニュー
----------------------------------------------------------------- */
/*** 全体 *********************************/
/*** グローバルメニュー *********************************/
#glovalmenu {
	float:right;
	display: block;
	width:1023px;
	margin:0;
	position: relative;
}
#glovalmenu ul.dropmenu{
	display: flex;  
	justify-content: space-around;
	list-style: none;
	flex-wrap: none;
	float:right;
	width:1023px;
	margin: 5px 0px 0px 0px;
	background-color:#29c4a0;
	border-top-left-radius: 30px 30px;
	border-top-right-radius: 30px 30px;
	border-bottom-right-radius: 30px 30px;
	border-bottom-left-radius: 30px 30px;
}
#glovalmenu ul.dropmenu li.main{
	padding:0px 0px;
	margin:0px;
	text-align:center;
}
#glovalmenu ul.dropmenu li.main a{
	display: block;
	margin: 0;
	padding:14px 15px 12px 15px;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height: 1.2em;
	text-decoration: none;
}
#glovalmenu ul.dropmenu li.main a:hover{
	background-color:#32a086;
}
#glovalmenu ul.dropmenu li.active a{
	background-color:#32a086;
}
#glovalmenu ul.dropmenu li.main:nth-child(1){
	padding:0px 0px 0px 20px;
}
#glovalmenu ul.dropmenu li.main:nth-child(2){
}
#glovalmenu ul.dropmenu li.main:nth-child(3){
}
#glovalmenu ul.dropmenu li.main:nth-child(4){
}
#glovalmenu ul.dropmenu li.main:nth-child(5){
}
#glovalmenu ul.dropmenu li.main:nth-child(6){
}
#glovalmenu ul.dropmenu li.main:nth-child(7){
	padding:0px 20px 0px 0px;
}


/*** プル *********************************/
#glovalmenu ul.dropmenu li div.pull {
	visibility: hidden; /*最初は非表示*/
	width: 100%;
	position: absolute;
	left: 0;
	top: 50px;
	background: #ddd;
	z-index: 9997;
	transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1); /*アニメーションの時間とイージング設定*/
	transform: scaleY(0); /*ドロップダウンアニメーションのために高さを０にしておく*/
	transform-origin: center top; /*transformの基準点を設定　上部中央*/
	opacity: 0; /*フェイドインのアニメーションのために透明度０にする*/
}
#glovalmenu ul.dropmenu li:hover div.pull { /*親階層の<li>にマウスオンしたとき*/
	visibility: visible; /*表示する*/
	opacity: 1; /*フェイドイン 透明度を１に*/
	transform: scaleY(1); /*ドロップダウン 高さを１に*/
}
#glovalmenu ul.dropmenu li div.pull::before {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ddd transparent;
	z-index: 9998;
}
#glovalmenu ul.dropmenu li:nth-child(2) div.pull::before {
	left: 200px;
}
#glovalmenu ul.dropmenu li:nth-child(3) div.pull::before {
	left: 350px;
}

#glovalmenu ul.dropmenu li div.pull p {
	display:block;
	background-color: #ddd;
	padding:20px;
	text-align:left;
	font-size:18px;
	line-height:26px;
}
#glovalmenu ul.dropmenu li div.pull p a {
	display:inline-block;
	color:#000;
	padding:4px;
	margin:0px 20px 0 0;
}
#glovalmenu ul.dropmenu li.active div.pull p a{
	background-color:#ddd;
}
#glovalmenu ul.dropmenu li div.pull p a:hover {
	background-color: #ddd;
	color:#29c4a0;
}
#glovalmenu ul.dropmenu li div.pull p span {
	font-size:14px;
}

/*** フッタ *********************************/
#footer{
	display:block;
	width: 100%;
	margin: 80px auto 0px auto;
	padding: 0px;
	background-color: #29c4a0;
}
.footerall{
	display:block;
	font-size:14px;
	color:#404040;
	width:1260px;
	margin: 40px auto 0px auto!important;
	position: static;
	color:#fff;
}
.footerall a {
	color:#fff;
}
.footerall a:hover {
	color:#c7eab5;
}
.footerall .corpname {
	display:block;
	margin: 30px 0px 30px 0px;
	text-align:center;
}
.footerall .corpname h3 {
	display:block;
	margin: 0px 0px 30px 0px;
	font-size:24px;
}
.footerall .corpname h3 span {
	font-size:16px;
}
.footerall .footguide{
	display:block;
	margin: 0px 0px 20px 0px;
}
.footerall .footguide ul {
	display: flex;
	width:1260px;
	justify-content: space-around;
	list-style: none;
	flex-wrap: none;
}
.footerall .footguide ul li{
	display:block;
	width:19%;
	font-size:14px;
	padding: 0px 0px 0px 0px;
}
.footerall .footguide ul li:nth-child(5){
	width:11%;
}
.footerall .footguide ul li:nth-child(6){
	width:13%;
}
.footerall .footguide ul li p{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 14px 0px;
}
.footerall .footguide ul li span{
	display:block;
	font-size:14px;
	margin: 0px 0px 10px 0px;
}
.pagetop{
	display:block;
	margin: 20px 0px 0px 0px;
	float:right;
	position: relative;
	top:-80px;
	right:0px;
}
.footerall .copyright{
	display:block;
	text-align:center;
	font-size:11px;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}


/* ----------------------------------------------------------------
    トップページ
----------------------------------------------------------------- */
/*** トップスライド *********************************/
div.slider {
	display:block;
	width:1366px;
	margin:0px auto 0px auto;
	background-color:#ebebeb;
}
.slider div img {
	max-width:1366px;
	width:100%;
	height:auto;
}
.slider .slick-slide {
	opacity: 0.5;
	transition: 0.5s;
}
.slider .slick-current {
	opacity: 1;
	position: relative;
}


.slider .slide-arrow{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
}
.slider .prev-arrow1{
	left: 50%;
	margin-left:-730px;
}
.slider .next-arrow1{
	right: 50%;
	margin-right:-730px;
}


.top_slider .slick-dots{
	bottom: 20px;
}
.top_slider .slick-dots li button:before {
	font-size: 16px;
}
.top_slider .slick-dots li button:before{
	opacity: .7;
	color: white;
}
.top_slider .slick-dots li.slick-active button:before{
	opacity: .7;
	color: #E83817;
}
.top_slider .slick-slider .slick-track, .slick-slider .slick-list{
	background: #ebebeb;
}

.contents_all .threebox {
	display:block;
	width:1365px;
	margin:50px auto 20px;
}
.contents_all .threebox ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.contents_all .threebox ul li {
	display:block;
	width:calc(32% - 30px);
	background-color:#d9f6ef;
	border-radius:10px;
	padding:20px;
	margin:0px 0px 0px 0px;
	text-align:left;
}
.contents_all .threebox ul li div {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#29c4a0;
	border-bottom:solid 1px #29c4a0;
	padding:0px;
	margin:0px 0px 10px 0px;
}
.contents_all .threebox ul li p {
	display:block;
	font-size:15px;
}
.contents_all .threebox ul::after{
	content:"";
	display: block;
	width:31%;
}

/*** トップ内容 *********************************/
.top_bggray {
	background-color:#ebebeb;
}
.top_inside {
	display:block;
	width:1260px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
ul.top_news {
	display: flex;
	width:1260px;
	justify-content: space-between;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
ul.top_news li {
	display: block;
	text-align:left;
	padding:20px 0px 20px 0px;
}
ul.top_news li:nth-child(1) {
	width:260px;
}
ul.top_news li:nth-child(2) {
	display: none;
}
.top_news li:nth-child(3) {
	width:980px;
}
.top_newstitle {
	height:240px;
	width:240px;
	border-radius:50%;
	line-height:240px;
	text-align:center;
	background-color:#29c4a0;
	border:solid 8px #96ebd7;
	color:#fff;
	font-size:32px;
}
.top_newscontents {
	display: block;
}
.top_newscontents ul.news_list {
	display: block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}
.top_newscontents ul.news_list li {
	display: block;
	width:100%;
	padding:12px 0px 12px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:dashed 1px #ccc;
}
.top_newscontents ul.news_list li:nth-child(1) {
	border-top:dashed 1px #ccc;
}
.top_newscontents ul.news_list li a {
	margin:0px 0px 0px 0px;
}
.top_newscontents ul.news_list li .news_date {
	display: inline-block;
	width:110px;
	vertical-align:top;
}
.top_newscontents ul.news_list li .news_title {
	display: inline-block;
	width:850px;
	vertical-align:top;
}

.top_newscontents .linkspace {
	display: block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 20px 0px;
	text-align:right;
}
.linkbotton {
	display:inline-block;
	padding:6px 25px;
	margin:10px 0px 20px 0px;
	text-align:center;
	border:solid 1px #999;
	border-radius:6px;
	background-color:#fff;
	color:#000;
}
.linkbotton:hover {
	background-color:#29c4a0;
	color:#fff;
}

/*** トップ事業所内容 *********************************/
.top_maintitle {
	display: block;
	padding:0px 0px 0px 0px;
	margin:60px 0px 10px 0px;
	text-align:center;
	font-size:32px;
	color:#29c4a0;
}
.top_subcopy {
	display: block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}
.top_profile ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.top_profile ul li {
	display: block;
	width:33%;
	text-align:left;
	padding:0px;
	overflow:hidden;
}
.top_profile ul li .top_profile1 {
	display: block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#fff;
}
.top_profile ul li .top_profile2 {
	display: block;
	text-align:center;
	padding:15px 0px;
	margin:0px 0px 0px 0px;
	background-color:#29c4a0;
	color:#fff;
	font-size:20px;
}
.top_profile ul li .top_profile2 span {
	font-size:32px;
}
.top_profile ul li a:hover {
	opacity:0.7;
}


.top_service ul {
	display: flex;
	width:100%;
	flex-wrap: wrap;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.top_service ul li {
	display: block;
	width:calc(25% - 2px);
	padding:0px 0px;
	margin:0px 2px 2px 0px;
}
.top_service ul li a {
	display: block;
	text-align:center;
	padding:25px 0px 25px 0px;
	margin: 0 2px 2px 0;
	background-color:#29c4a0;
	border-radius:8px;
	color:#fff;
	font-size:20px;
	position: relative;
}
.top_service ul li a:hover {
	opacity:0.7;
}
.top_service ul li a::before { /* 背景の表示設定 */
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 20px; /* 横幅 */
	height: 20px; /* 高さ */
	border-radius: 50%; /* 角の丸み */
	background: #fff;
}
.top_service ul li a::after { /* くの字の表示設定 */
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 17px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #29c4a0;
	border-right: 2px solid #29c4a0;
	transform: rotate(45deg);
}