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

	ＴＯＰページ
	
--------------------*/
body {
 margin: 0;
 padding: 0;
 font-style: normal;
 font-size: 14px;
 -moz-font-feature-settings: "palt";
 -webkit-font-feature-settings: "palt";
 font-feature-settings: "palt";
 word-break: break-all;
}
#WRAPPER {
 margin: 0;
 width: 100%;
 overflow: hidden;
 min-height: 100vh;
 padding: 0;
 box-sizing: border-box;
 position: relative;
}
.f_14px {
 font-size: 14px;
 line-height: 1.6em;
}
.f_16px {
 font-size: 16px;
 line-height: 1.6em;
}
.f_18px {
 font-size: 16px;
 line-height: 1.6em;
}
.f_21px {
 font-size: 18px;
 line-height: 1.6em;
}
.f_24px {
 font-size: 18px;
 line-height: 1.6em;
}
.f_30px {
 font-size: 21px;
 line-height: 1.4em;
}
.f_36px {
 font-size: 21px;
 line-height: 1.4em;
}
.f_46px {
 font-size: 21px;
 line-height: 1.4em;
}
.f_54px {
 font-size: 24px;
 line-height: 1.4em;
}
.f_68px {
 font-size: 24px;
 line-height: 1.2em;
}
.pc_br {
 display: none !important;
}
.sp_br {
 display: block !important;
}
/*ヘッダー*/
.rightMenu {
 display: none;
}
header#HEADER {
 padding: 0 0 0 10px;
}
.HeaderCont {
 height: 60px;
 padding: 5px 0;
}
div.logo {
 width: 50%;
 height: 50px;
 z-index: 999;
 position: absolute;
 left: inherit;
 bottom: inherit;
}
div.logo img {
 height: 50px;
 width: auto;
 max-width: 100%;
}
.HeaderCont .HeaderRight {
 position: absolute;
 right: 70px;
}
.HeaderCont .HeaderRight .sp_br li {
 display: block;
 float: left;
}
.HeaderCont .HeaderRight .sp_br li.phone_btn {
 margin-right: 10px;
}
.HeaderCont .HeaderRight .sp_br li a {
 display: block;
 width: 40px;
 height: 40px;
 text-align: center;
 background: #F45D48;
 border-radius: 20px;
}
.HeaderCont .HeaderRight .sp_br li a i {
 font-size: 21px;
 line-height: 40px;
 padding-left: 4px;
 color: #ffffff;
}
/*グローバルナビ*/
div#navi {
 display: none;
}
div.globalNavCont_sp {
 display: block;
}
#nav_toggle {
 position: absolute;
 display: block;
 width: 40px;
 height: 40px;
 z-index: 9999;
 top: 10px;
 right: 10px;
 background: #008B45;
 border-radius: 3px;
}
#nav_toggle span:nth-child(1) {
 top: 6px;
}
#nav_toggle span:nth-child(2) {
 top: 18px;
}
#nav_toggle span:nth-child(3) {
 top: 30px;
}
.open #nav_toggle span:nth-child(1) {
 top: 18px;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
 width: 0;
 left: 50%;
}
.open #nav_toggle span:nth-child(3) {
 top: 18px;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
#nav_toggle span {
 display: block;
 height: 3px;
 background: #fff;
 position: absolute;
 width: 80%;
 margin: 0 10%;
 left: 0;
 -webkit-transition: 0.5s ease-in-out;
 -moz-transition: 0.5s ease-in-out;
 transition: 0.5s ease-in-out;
}
nav#globalNav_sp {
 display: none;
 z-index: 9998;
 position: fixed;
 top: 60px;
 left: 0;
 width: 100%;
 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
}
/*トグルの中身*/
.accbox {
 width: 100%;
 box-sizing: border-box;
 background: #4d4d4d;
 padding: 20px 5%;
 height: auto;
 overflow-y: scroll;
}
.accbox li {
 text-align: center;
 width: 100%;
 display: block;
 font-weight: bold;
 cursor: pointer;
 margin-bottom: 10px;
}
.accbox li:last-child{
	margin-bottom: 0;
}
.accbox ul li a {
 width: 100%;
 display: block;
 box-sizing: border-box;
 padding: 1em;
 background: #ffffff;
 border-radius: 3px;
}
/*フッター*/
#FooterBg {
 box-sizing: border-box;
 bottom: 0;
}
footer#FOOTER {
 width: 100%;
 padding: 20px 5%;
 box-sizing: border-box;
}
#pagetop {
 right: 10px;
}
#pagetop a {
 width: 40px;
 height: 40px;
 padding: 2px;
 box-sizing: border-box;
 font-size: 14px;
}
#pagetop a i {
 font-size: 16px;
 padding: 0;
}
#FOOTER > div {
 display: block;
}
#FOOTER .foot_left {
 width: 100%;
 margin: 0;
}
#FOOTER .foot_logo a {
 width: 80%;
 max-width: 270px;
 margin: 0 auto;
}
#FOOTER .foot_left p,#FOOTER .foot_left dl.group-name {
 font-size: 14px;
 text-align: center;
}
footer .group-name{
	justify-content: center;
}
#FOOTER .foot_left dl.group-name dt,#FOOTER .foot_left dl.group-name dd{
 font-size: 14px;
}
@media screen and (max-width: 768px) {
	#FOOTER .foot_left dl.group-name dd br.pc_br{
		display: block!important;
	}
}
#FOOTER .Footer01 {
 width: 100%;
 margin-top: 20px;
}
#FOOTER .Footer01 ul:first-child li {
 width: 100%;
 margin-right: 0;
	margin-bottom: 10px!important;
}
#FOOTER .Footer01 ul:first-child li a{
	text-align: left;
	padding: 0 20px;
}
#FOOTER .Footer01 ul:first-child li:last-child{
	margin-bottom: 0!important;
}
#FOOTER .Footer01 ul.contact_btn_area {
 width: 100%;
}
#FOOTER .Footer01 ul.contact_btn_area li {
 float: none;
 margin: 0 auto !important;
}
#FOOTER .Footer01 ul.contact_btn_area li:first-child {
 margin-bottom: 20px !important;
}
div.FooterCopy {
 height: auto;
 padding: 10px 5%;
}
div.FooterCopy p {
 line-height: 1.2em;
}
.right_bnr {
 display: none;
}
/*スライダー*/
div#Slider-bg {
 width: 100%;
 height: 35vh;
}
.slide .item img {
 width: 100%;
 height: 35vh;
 object-fit: cover;
}
.slide > .slick-list, .slide > .slick-list > .slick-track, .slide > .slick-list > .slick-track > .slick-slide > div {
 position: relative;
 height: 35vh;
 width: auto;
}
/*全体*/
.content_wrap {
 padding-top: 60px;
}
div.Contents {
 padding: 0 0 0 0;
 width: 100%;
 margin: 0 auto;
 text-align: left;
}
.Contents .sec_inner {
 padding: 40px 5%;
 width: 100%;
 box-sizing: border-box;
}
/*TOPページ*/
#FV {
 height: auto;
}
#FV .fv_inner {
 width: 100%;
 padding: 20px 5%;
}
#FV .fv_inner h1 {
 margin-bottom: 30px;
}
#FV .fv_inner div {
 width: 100%;
}
#FV .fv_inner div h2 {
 line-height: 1.4em;
 text-align: center;
}
#FV .fv_inner div h2:after {
 width: 120px;
 height: 102px;
 right: -10px;
 top: -20px;
}
.topsec_1 .sec_inner {
 padding-bottom: 100px;
}
.topsec_1 .sec_inner:after {
 width: 160px;
 height: 141px;
 left: 0%;
 right: 0%;
 margin: auto;
 z-index: 1;
}
.topsec_1 .sec_inner h3 {
 margin-bottom: 20px;
}
.topsec_1 .sec_inner ul {
 width: 100%;
 padding: 0;
 display: block;
}
.topsec_1 .sec_inner ul:after {
 width: 120px;
 height: 125px;
 left: 0%;
 right: 0%;
 margin: auto;
}
.topsec_1 .sec_inner ul li {
 padding: 20px !important;
 margin-bottom: 20px;
 position: relative;
 background: #CED3E1 !important;
 z-index: 1;
 width: 100%;
 display: block;
 height: auto;
 text-align: left;
 border-radius: 5px;
}
.topsec_2{
background-position: center top 60px;
	}
.topsec_2:before {
 width: 300px;
 height: 105px;
 background-size: cover;
}
.topsec_2 .sec_inner .ttl_area p {
 display: inline;
 letter-spacing: 0.08em;
}
.topsec_2 .sec_inner .ttl_area {
 margin-bottom: 50px;
}
.topsec_2 .sec_inner ul {
 display: block;
}
.topsec_2 .sec_inner ul li {
 width: 100%;
 margin-right: 0;
 margin-bottom: 20px;
 padding: 20px;
}
.topsec_2 .sec_inner ul li dt {
	display: inline-block;
	line-height: inherit;
 margin-bottom: 20px;
}
.topsec_2 .sec_inner ul li dt p{
	width: 100%;
	margin-bottom: 10px;
}
.topsec_2 .sec_inner ul li dt span{
	line-height: inherit;
}
.topsec_2 .sec_inner ul li dd{
	display: block;
}
.topsec_2 .sec_inner ul li dd figure{
	width: 40%;
	max-width: 180px;
	margin: 0 auto 20px;
}
.topsec_2 .sec_inner ul li dd p{
	width: 100%;
}
.sec_inner .contact_link {
 width: 100%;
 margin-top: 20px;
 padding-left: 5px;
}
.topsec_3 .ttl_area, .topsec_4 .ttl_area, .topsec_5 .ttl_area, .topsec_6 .ttl_area, .sec_contact .ttl_area {
 height: 80px;
}
.topsec_3 .sec_inner li {
 padding-bottom: 20px;
 margin-bottom: 20px;
}
.topsec_3 .sec_inner li figure {
 margin: 0 auto 10px;
 float: none !important;
}
.topsec_3 .sec_inner li dl {
 float: none;
 width: 100%;
 padding: 0;
}
.topsec_3 .ttl_area h3, .topsec_4 .ttl_area h3, .topsec_5 .ttl_area h3, .topsec_6 .ttl_area h3, .sec_contact .ttl_area h1 {
 line-height: 80px;
}
.topsec_3 .sec_inner li dl dt {
 padding-bottom: 10px;
 margin-bottom: 20px;
}
.topsec_4 .sec_inner > ul {
 width: 100%;
}
.topsec_4 .sec_inner > ul > li {
 display: block;
 padding: 20px;
 margin-bottom: 40px;
}
.topsec_4 .sec_inner > ul > li:before {
 font-size: 40px;
 bottom: -40px;
}
.topsec_4 .sec_inner > ul > li figure {
 width: 100% !important;
 border-radius: 0;
}
.topsec_4 .sec_inner > ul > li figure img {
 width: 100%;
 max-width: 300px;
 margin: 0 auto;
 display: block;
}
.topsec_4 .sec_inner > ul > li dl {
 width: 100%;
 padding: 0;
 margin-top: 20px;
}
.topsec_4 .sec_inner > ul > li dl dt span {
 padding: 0 6px;
 margin-right: 10px;
 height: 30px;
 line-height: 28px;
 width: auto;
}
.topsec_4 .sec_inner > ul > li dd ul {
 width: 100%;
}
.topsec_4 .sec_inner > ul > li dd li {
 float: none;
 margin: 0 auto !important;
}
.topsec_4 .sec_inner > ul > li .phone p .f_24px, #FOOTER .Footer01 ul.contact_btn_area .phone p .f_24px {
 letter-spacing: 0.1em;
 font-size: 21px;
}
.topsec_4 .sec_inner > ul > li .contact_btn{
 margin-bottom: 10px !important;
}
.topsec_4 .sec_inner dl.chui dt {
 width: 30%;
}
.topsec_4 .sec_inner dl.chui dd {
 padding: 10px;
}
.topsec_6 .ttl_area{
	height: auto;
	padding: 10px 0;
}
.topsec_6 .ttl_area h3{
	line-height: inherit;
}
.topsec_6 .sec_inner ul{
	display: block;
}
.topsec_6 .sec_inner ul li{
	width: 100%;
	margin-bottom: 20px;
}
.topsec_6 .sec_inner ul li:last-child{
	margin-bottom: 0;
}
.topsec_6 .sec_inner ul li dt,.topsec_6 .sec_inner ul li dd img{
	margin-bottom: 20px;
}
.foot_cantact .sec_inner {
 padding: 40px 5% 60px;
}
.foot_cantact .sec_inner > div {
 width: 100%;
 margin: 0;
}
.foot_cantact p.bold {
 width: auto;
 display: inline-block;
 line-height: 38px;
 padding: 0 20px;
}
.foot_cantact .contact_btn {
 width: 100%;
 max-width: 520px;
}
.foot_cantact .contact_btn a {
 height: 60px;
 line-height: 56px;
}
/*お問合わせ*/
.sec_contact .sec_inner {
 width: 100%;
}
.sec_contact .sec_inner > p {
 text-align: left;
 margin-bottom: 20px;
}
.ContactBox table th, .ContactBox table td {
 display: block;
 width: 100%;
 box-sizing: border-box;
 border-right: none;
 padding: 10px;
}
.ContactBox table td input,.ContactBox table td select {
 width: 100%;
}
.PrivacyBox .PrivacyBox_inner p span {
 text-align: left;
}