@charset "utf-8";
/**
/* トップページ CSS
----------------------------------------------- */
.info-guide{
	padding: 56px 0 85px 0;
	margin-top: 200px;
}
.info-guide .l-grid{
	width: 53%;
}
.info-guide .r-grid{
	width: 38%;
}
.info-guide .event-grid .ttlArea,
.info-guide .member-grid .ttlArea{
	background: #34A4E0;
	color: #FFFFFF;
	padding: 10px 15px;
}
.info-guide .event-grid .ttlArea .roma,
.info-guide .member-grid .ttlArea .roma{
	font-size: 27px;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: 0.1em;
}
.info-guide .event-grid .ttlArea h2,
.info-guide .member-grid .ttlArea h2{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
@media only screen and (max-width: 767px) {
	.info-guide{
		padding: 10% 0 15% 0;
	}
	.info-guide .l-grid{
		width: 100%;
	}
	.info-guide .l-grid .news-grid{
		margin-bottom: 10%;
	}
	.info-guide .r-grid{
		width: 100%;
	}
	.info-guide .event-grid .ttlArea,
	.info-guide .member-grid .ttlArea{
		text-align: center;
		padding: 2%;
	}
	.info-guide .event-grid .ttlArea .roma,
	.info-guide .member-grid .ttlArea .roma{
		font-size: 5vw;
	}
	.info-guide .event-grid .ttlArea h2,
	.info-guide .member-grid .ttlArea h2{
		font-size: 3.8vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.info-guide{
		padding: 40px 0 50px 0;
	}
	.info-guide .l-grid{
		width: 55%;
	}
	.info-guide .r-grid{
		width: 40%;
	}
	.info-guide .event-grid .ttlArea,
	.info-guide .member-grid .ttlArea{
		padding: 6px 10px;
	}
	.info-guide .event-grid .ttlArea .roma,
	.info-guide .member-grid .ttlArea .roma{
		font-size: 22px;
	}
	.info-guide .event-grid .ttlArea h2,
	.info-guide .member-grid .ttlArea h2{
		font-size: 14px;
	}
}
/*　　トピックス　　*/
.info-guide .topics-grid{
	margin-bottom: 87px;
	max-width: 902px;
	width: 100%;
	margin: 0 auto;
}
.info-guide .topics-grid .block_btn{
	text-align: center;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.info-guide .topics-grid{
		margin-bottom: 15%;
	}
	.info-guide .topics-grid .block_btn{
		margin-top: 8%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.info-guide .topics-grid{
		margin-bottom: 50px;
	}
	.info-guide .topics-grid .block_btn{
		margin-top: 30px;
	}
}
/*　　News　　*/
.info-guide .news-grid .jstabs{
	margin-bottom: 30px;
}
.info-guide .news-grid .jstabs .js-tab-btn{
	display: inline-block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	padding: 1px 10px 2px 10px;
	margin-bottom: 5px;
	opacity: 0.3;
	cursor: pointer;
}
.info-guide .news-grid .jstabs .js-tab-btn.current{
	opacity: 1;
}
.info-guide .news-grid .jstabs .all{
	background: #34A4E0;
}
.info-guide .news-grid .jstabs .js-tab-btn:not(:last-child){
	margin-right: 6px;
}
.info-guide .news-grid .js-tab-contents{
	display: none;
}
.info-guide .news-grid .js-tab-contents.current{
	display: block;
}
.info-guide .news-grid .block_btn{
	text-align: center;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.info-guide .news-grid .jstabs{
		margin-bottom: 10%;
	}
	.info-guide .news-grid .jstabs .js-tab-btn{
		font-size: 3.6vw;
		padding: 1px 2% 2px 2%;
		margin-bottom: 3px;
	}
	.info-guide .news-grid .jstabs .js-tab-btn:not(:last-child){
		margin-right: 2px;
	}
	.info-guide .news-grid .block_btn{
		margin-top: 8%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.info-guide .news-grid .jstabs{
		margin-bottom: 20px;
	}
	.info-guide .news-grid .jstabs .js-tab-btn{
		font-size: 14px;
		margin-bottom: 3px;
	}
	.info-guide .news-grid .jstabs .js-tab-btn:not(:last-child){
		margin-right: 3px;
	}
	.info-guide .news-grid .block_btn{
		margin-top: 30px;
	}
}
/*　　イベント / セミナー情報　　*/
.info-guide .event-grid{
	margin-bottom: 60px;
}
.info-guide .event-grid .ttlArea{
	margin-bottom: 27px;
}
.info-guide .event-grid .event-slider{
	position: relative;
	margin: 0 27px;
}
.event-slider .swiper-slide img{
	width: 100%;
}
.event-slider .swiper-button-wrap{
	position: absolute;
	width: 100%;
	bottom: -50px;
}
.event-slider .swiper-button-wrap .swiper-pagination{
	width: calc(100% - 80px);
	left: 40px;
	bottom: -10px;
}
.event-slider .swiper-button-wrap .swiper-pagination-bullet{
	background: #E3E3E3;
	opacity: 1;
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,5px);
}
.event-slider .swiper-button-wrap .swiper-pagination-bullet-active {
	background: #34A4E0;
	opacity: 1;
}
.event-slider .swiper-button-wrap .swiper-button-prev,
.event-slider .swiper-button-wrap .swiper-button-next {
	width: 37px;
	height: 37px;
}
.event-slider .swiper-button-wrap .swiper-button-prev::after,
.event-slider .swiper-button-wrap .swiper-button-next::after {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	width: 37px;
	height: 37px;
	margin: auto;
}
.event-slider .swiper-button-wrap .swiper-button-prev,
.event-slider .swiper-button-wrap .swiper-rtl .swiper-button-next{
	left: 0;
}
.event-slider .swiper-button-wrap .swiper-button-next,
.event-slider .swiper-button-wrap .swiper-rtl .swiper-button-prev{
	right: 0;
}
.event-slider .swiper-button-wrap .swiper-button-prev::after {
	background: url(../image/icon/prev.png) no-repeat center;
	background-size: cover;
}
.event-slider .swiper-button-wrap .swiper-button-next::after {
	background: url(../image/icon/next.png) no-repeat center;
	background-size: cover;
}
.info-guide .event-grid .block_btn{
	text-align: center;
	margin-top: 100px;
}
.event-items{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
	.info-guide .event-grid{
		margin-bottom: 10%;
	}
	.info-guide .event-grid .ttlArea{
		margin-bottom: 4%;
	}
	.info-guide .event-grid .event-slider{
		margin: 0 3%;
	}
	.event-slider .swiper-button-wrap{
		bottom: -10%;
	}
	.info-guide .event-grid .block_btn{
		margin-top: 25%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.info-guide .event-grid{
		margin-bottom: 40px;
	}
	.info-guide .event-grid .ttlArea{
		margin-bottom: 15px;
	}
	.info-guide .event-grid .event-slider{
		margin: 0 10px;
	}
	.event-slider .swiper-button-wrap{
		bottom: -40px;
	}
	.info-guide .event-grid .block_btn{
		margin-top: 70px;
	}
}
/*　　会員情報　　*/
.info-guide .member-grid .ttlArea{
	margin-bottom: 15px;
}
.info-guide .member-grid .text{
	font-size: 18px;
	letter-spacing: 0.15em;
	margin-bottom: 15px;
}
.info-guide .member-grid .member-nav{
	column-gap: 15px;
	row-gap: 12px;
}
.info-guide .member-grid .member-nav li{
	width: calc(50% - 7.5px);
}
.info-guide .member-grid .member-nav li a{
	background: #F4F6F8;
	position:relative;
	display: flex;
	align-items: center;
	color: #171717;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.15em;
	padding: 23px 10px 21px 18px;
}
.info-guide .member-grid .member-nav li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 17px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-top: 2px solid #34A4E0;
	border-right: 2px solid #34A4E0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.info-guide .member-grid .member-nav li.kaiin-unyutuushin a{
	padding: 13px 40px 12px 18px;
}
@media only screen and (max-width: 1135px) {
	.info-guide .member-grid .member-nav li.kaiin-unyutuushin a{
		padding: 13px 30px 12px 18px;
	}
}
@media only screen and (max-width: 767px) {
	.info-guide .member-grid .ttlArea{
		margin-bottom: 3%;
	}
	.info-guide .member-grid .text{
		font-size: 4vw;
		margin-bottom: 3%;
	}
	.info-guide .member-grid .member-nav{
		column-gap: 10px;
		row-gap: 10px;
	}
	.info-guide .member-grid .member-nav li{
		width: calc(50% - 5px);
	}
	.info-guide .member-grid .member-nav li a{
		font-size: 4vw;
		padding: 23px 10px 21px 18px;
	}
	.info-guide .member-grid .member-nav li a::after{
		right: 17px;
		width: 10px;
		height: 10px;
	}
	.info-guide .member-grid .member-nav li.kaiin-unyutuushin a{
		padding: 13px 40px 12px 18px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.info-guide .member-grid .ttlArea{
		margin-bottom: 10px;
	}
	.info-guide .member-grid .text{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.info-guide .member-grid .member-nav{
		column-gap: 10px;
		row-gap: 10px;
	}
	.info-guide .member-grid .member-nav li{
		width: calc(50% - 5px);
	}
	.info-guide .member-grid .member-nav li a{
		font-size: 15px;
		padding: 15px 20px 14px 12px;
	}
	.info-guide .member-grid .member-nav li a::after{
		right: 15px;
		width: 8px;
		height: 8px;
	}
	.info-guide .member-grid .member-nav li.kaiin-unyutuushin a{
		padding: 12px 20px 11px 12px;
	}
}
/*　　事業向けサービス　　*/
.frontWrap .businesses-guide{
	padding: 0;
}
.businesses-guide .businesses-grid{
	position: relative;
}
.businesses-guide .businesses-bg{
	height: 450px;
}
.businesses-guide .businesses-bg img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.businesses-guide .businesses-box{
	position: absolute;
	top: 74px;
	left: 0;
	right: 0;
}
.businesses-guide .businesses-box:before{
	background: #FFFFFF;
	content: '';
	position: absolute;
	width: 75%;
	max-width: 1410px;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.businesses-guide .businesses-box .inner{
	position: relative;
	background: #FFFFFF;
	max-width: 900px;
	padding: 42px 40px 35px 0;
	z-index: 2;
}
.businesses-guide .businesses-box .contentArea{
	width: 55%;
}
.businesses-guide .businesses-box .contentArea .text{
	font-size: 18px;
	letter-spacing: 0.15em;
}
.businesses-guide .businesses-box .contentArea .block_btn{
	margin-top: 23px;
}
.businesses-guide .businesses-box .businesses-nav{
	width: 45%;
	column-gap: 17px;
	row-gap: 18px;
}
.businesses-guide .businesses-box .businesses-nav li{
	width: calc(33.3333% - 11.4px);
}
@media only screen and (max-width: 767px) {
	.businesses-guide .businesses-bg{
		height: auto;
	}
	.businesses-guide .businesses-box{
		position: relative;
		bottom: auto;
	}
	.businesses-guide .businesses-box:before{
		width: 100%;
	}
	.businesses-guide .businesses-box .inner{
		padding: 8% 0 0 0;
	}
	.businesses-guide .businesses-box .contentArea{
		width: 100%;
	}
	.businesses-guide .businesses-box .contentArea .text{
		font-size: 4vw;
	}
	.businesses-guide .businesses-box .block_btn{
		width: 100%;
		margin-top: 8%;
	}
	.businesses-guide .businesses-box .businesses-nav{
		width: 100%;
		column-gap: 10px;
		row-gap: 10px;
	}
	.businesses-guide .businesses-box .businesses-nav li{
		width: calc(33.3333% - 7px);
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.businesses-guide .businesses-bg{
		height: 350px;
	}
	.businesses-guide .businesses-box{
		bottom: -40px;
	}
	.businesses-guide .businesses-box .inner{
		padding: 35px 30px 30px 0;
	}
	.businesses-guide .businesses-box .contentArea{
		width: 50%;
	}
	.businesses-guide .businesses-box .contentArea .text{
		font-size: 15px;
	}
	.businesses-guide .businesses-box .contentArea .block_btn{
		margin-top: 15px;
	}
	.businesses-guide .businesses-box .businesses-nav{
		width: 50%;
		column-gap: 9px;
		row-gap: 9px;
	}
	.businesses-guide .businesses-box .businesses-nav li{
		width: calc(33.3333% - 6px);
	}
}
/*　　ナビ　　*/
.frontWrap .nav-guide{
	padding: 57px 0 56px 0;
}
.nav-list .nav-items{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 75px;
}
.nav-list .nav-items:last-child{
	margin-bottom: 0;
}
.nav-list .nav-items .contentArea{
	width: 50%;
	max-width: 546px;
}
.nav-list .nav-items:nth-child(odd) .contentArea{
	padding: 0 46px 0 0;
}
.nav-list .nav-items:nth-child(even) .contentArea{
	padding: 0 0 0 46px;
}
.nav-list .nav-items .contentArea .text{
	font-size: 18px;
	letter-spacing: 0.15em;
}
.nav-list .nav-items .contentArea .block_btn{
	margin-top: 23px;
}
.nav-list .nav-items .imageArea{
	width: 45%;
	max-width: 914px;
	height: 392px;
}
.nav-list .nav-items .imageArea img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
@media only screen and (max-width: 767px) {
	.frontWrap .nav-guide{
		padding: 10% 0 0 0;
	}
	.nav-list .nav-items{
		margin-bottom: 0;
	}
	.nav-list .nav-items .contentArea{
		width: 100%;
		max-width: 100%;
	}
	.nav-list .nav-items:nth-child(odd) .contentArea{
		padding: 8% 5%;
	}
	.nav-list .nav-items:nth-child(even) .contentArea{
		padding: 8% 5%;
	}
	.nav-list .nav-items .contentArea .text{
		font-size: 4vw;
	}
	.nav-list .nav-items .contentArea .block_btn{
		margin-top: 5%;
	}
	.nav-list .nav-items .imageArea{
		width: 100%;
		height: auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .nav-guide{
		padding: 80px 0 40px 0;
	}
	.nav-list .nav-items{
		margin-bottom: 50px;
	}
	.nav-list .nav-items .contentArea{
		width: 45%;
	}
	.nav-list .nav-items:nth-child(odd) .contentArea{
		padding: 0 0 0 30px;
	}
	.nav-list .nav-items:nth-child(even) .contentArea{
		padding: 0 25px 0 0;
	}
	.nav-list .nav-items .contentArea .text{
		font-size: 15px;
	}
	.nav-list .nav-items .contentArea .block_btn{
		margin-top: 15px;
	}
	.nav-list .nav-items .imageArea{
		width: 50%;
		height: 320px;
	}
}
/*　　リンク　　*/
.link-guide{
	padding: 56px 0 80px 0;
}
.link-guide .link-grid{
	margin-bottom: 100px;
}
.link-guide .link-grid h3{
	position: relative;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: 0.04em;
	margin-bottom: 30px;
}
.link-guide .link-grid h3::before,
.link-guide .link-grid h3::after{
	position: absolute;
	content: '';
}
.link-guide .link-grid h3::before{
	background: #E3E3E3;
	width: 100%;
	height: 1px;
	bottom: -8px;
	left: 0;
}
.link-guide .link-grid h3::after{
	background: #33A4E0;
	width: 100px;
	height: 1px;
	bottom: -8px;
	left: 0;
}
.link-grid .main-links{
	width: 28%;
}
.link-grid .main-links ul li img{
	width: 100%;
	max-width: 210px;
}
.link-grid .main-links ul li:not(:first-child){
	margin-top: 14px;
}
.link-grid .related-links{
	width: 65%;
}
.link-grid .related-links ul{
	flex-direction: column;
	align-content: space-between;
	row-gap: 14px;
	max-height: 272px;
}
.link-grid .related-links ul li{
	width: 32%;
}
.link-grid .related-links ul li img{
	width: 100%;
	max-width: 210px;
}
@media only screen and (max-width: 767px) {
	.link-guide{
		padding: 5% 0 10% 0;
	}
	.link-guide .link-grid{
		margin-bottom: 10%;
	}
	.link-guide .link-grid h3{
		font-size: 4vw;
		margin-bottom: 5%;
	}
	.link-guide .link-grid h3::before{
		bottom: -2vw;
	}
	.link-guide .link-grid h3::after{
		width: 12vw;
		bottom: -2vw;
	}
	.link-grid .main-links{
		width: 100%;
		margin-bottom: 8%;
	}
	.link-grid .main-links ul{
		display: flex;
		flex-wrap: wrap;
		column-gap: 6px;
		row-gap: 6px;
	}
	.link-grid .main-links ul li{
		width: calc(50% - 3px);
		text-align: center;
	}
	.link-grid .main-links ul li img{
		max-width: 100%;
	}
	.link-grid .main-links ul li:not(:first-child){
		margin-top: 0;
	}
	.link-grid .related-links{
		width: 100%;
	}
	.link-grid .related-links ul{
		flex-direction: inherit;
		align-content: space-between;
		max-height: inherit;
		column-gap: 6px;
		row-gap: 6px;
	}
	.link-grid .related-links ul li{
		width: calc(50% - 3px);
		text-align: center;
	}
	.link-grid .related-links ul li img{
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.link-guide{
		padding: 40px 0 60px 0;
	}
	.link-guide .link-grid{
		margin-bottom: 40px;
	}
	.link-guide .link-grid h3{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.link-guide .link-grid h3::before{
		bottom: -5px;
	}
	.link-guide .link-grid h3::after{
		width: 62px;
		bottom: -5px;
	}
	.link-grid .main-links{
		width: 28%;
	}
	.link-grid .main-links ul li img{
		max-width: 180px;
	}
	.link-grid .main-links ul li:not(:first-child){
		margin-top: 10px;
	}
	.link-grid .related-links{
		width: 68%;
	}
	.link-grid .related-links ul{
		row-gap: 10px;
		max-height: 230px;
	}
	.link-grid .related-links ul li img{
		max-width: 180px;
	}
}
/*　　ザ・ビジネスモール　　*/
.b-mall-box{
	max-width: 700px;
	margin: 0 auto;
}
.b-mall-box .b-mall-ttl{
	margin-bottom: 20px;
}
.b-mall-box h4{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 20px;
}
.b-mall-box .b-mall{
	margin-bottom: 24px;
}
.b-mall-box .b-mall p{
	text-align: center;
	padding: 5px;
}
.b-mall-box table{
	border: 1px solid #e7e7e7;
	margin: 20px -1px 0 0;
	text-align: left;
	width: 100%;
}
.b-mall-box tr td{
	border: 1px solid #cccccc;
	font-size: 16px;
	padding: 6px 24px;
}
.b-mall-box tr td a{
	font-weight: 700;
}
.syodanTH{background-color: #f4f4f4;}
@media only screen and (max-width: 767px) {
	.b-mall-box .b-mall-ttl{
		margin-bottom: 3%;
	}
	.b-mall-box h4{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
	.b-mall-box .b-mall{
		margin-bottom: 3%;
	}
	.b-mall-box .b-mall p{
	text-align: center;
	padding: 1px;
}
	.b-mall-box table{
		margin: 3% -1px 0 0;
	}
	.b-mall-box tr td{
		font-size: 3.6vw;
		padding: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.b-mall-box .b-mall-ttl{
		margin-bottom: 15px;
	}
	.b-mall-box h4{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.b-mall-box .b-mall{
		margin-bottom: 10px;
	}
	.b-mall-box table{
		margin: 10px -1px 0 0;
	}
	.b-mall-box tr td{
		font-size: 14px;
		padding: 6px 10px;
	}
}
/*　　SNS　　*/
.sns-guide{
	background: url(../image/top/sns_bg.png) no-repeat bottom center;
	background-size: cover;
	padding: 40px 0 36px 0;
}
.sns-guide .inner{
	align-items: center;
	max-width: 900px;
}
.sns-guide .contentArea{
	width: 40%;
}
.sns-guide .contentArea .text{
	font-size: 18px;
	letter-spacing: 0.15em;
}
.sns-guide .sns_btn.facebook{
	margin-top: 23px;
}
.sns-guide .sns_btn.facebook li{
	max-width: 220px;
}
.sns-guide .sns_btn.facebook a{
	font-size: 14px;
	padding: 9px 10px;
}
.sns-guide .sns_btn.facebook a i{
	margin-right: 8px;
}
.sns-guide .facebookArea{
	width: 50%;
}
.sns-guide .facebookArea iframe{
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.sns-guide{
		padding: 10% 0 5% 0;
	}
	.sns-guide .contentArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.sns-guide .contentArea .text{
		font-size: 4vw;
	}
	.sns-guide .sns_btn.facebook{
		margin-top: 5%;
	}
	.sns-guide .sns_btn.facebook li{
		max-width: 100%;
	}
	.sns-guide .sns_btn.facebook a{
		-webkit-justify-content: center;
		justify-content: center;
		font-size: 4vw;
		padding: 3%;
	}
	.sns-guide .sns_btn.facebook a i{
		margin-right: 2%;
	}
	.sns-guide .facebookArea{
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.sns-guide{
		padding: 30px 0;
	}
	.sns-guide .contentArea{
		width: 45%;
	}
	.sns-guide .contentArea .text{
		font-size: 15px;
	}
	.sns-guide .sns_btn.facebook{
		margin-top: 15px;
	}
}
/**
/* 事業向けサービス CSS
----------------------------------------------- */
/*　　一覧　　*/
.service-list{
	column-gap: 38px;
	row-gap: 30px;
}
.service-list .service-items{
	width: calc(50% - 19px);
}
.service-list .service-items a{
	position: relative;
	background: #F4FBFF;
	color: #171717;
}
.service-list .service-items a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 14px solid #34A4E0;
	border-left: 14px solid transparent;
}
.service-list .service-items .imgArea{
	width: 40%;
}
.service-list .service-items .imgArea img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.service-list .service-items .contentArea{
	width: 60%;
	padding: 24px 20px 24px 25px;
}
.service-list .service-items h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.1em;
	margin-bottom: 7px;
}
.service-list .service-items p{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.38;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
	.service-list{
		column-gap: 0;
		row-gap: 0;
	}
	.service-list .service-items{
		width: 100%;
		margin-bottom: 5%;
	}
	.service-list .service-items:last-child{
		margin-bottom: 0;
	}
	.service-list .service-items a::after {
		border-bottom: 4vw solid #34A4E0;
		border-left: 4vw solid transparent;
	}
	.service-list .service-items .imgArea{
		width: 30%;
	}
	.service-list .service-items .contentArea{
		width: 70%;
		padding: 3%;
	}
	.service-list .service-items h3{
		font-size: 4.2vw;
		margin-bottom: 2%;
	}
	.service-list .service-items p{
		font-size: 3.8vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.service-list{
		column-gap: 20px;
		row-gap: 20px;
	}
	.service-list .service-items{
		width: calc(50% - 10px);
	}
	.service-list .service-items a::after {
		border-bottom: 12px solid #34A4E0;
		border-left: 12px solid transparent;
	}
	.service-list .service-items .contentArea{
		padding: 15px 10px 15px 15px;
	}
	.service-list .service-items h3{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.service-list .service-items p{
		font-size: 16px;
	}
}
/**
/* イベント CSS
----------------------------------------------- */
/*　　一覧　　*/
.event-guide .inner{
	max-width: 900px;
}
.event-list .event-items{
	margin-bottom: 30px;
}
.event-list .event-items:last-child{
	margin-bottom: 0;
}
.event-list .event-items .imgArea{
	width: 190px;
	height: 150px;
}
.event-list .event-items .imgArea img{
	width: 100%;
    height: 100%;
	object-fit: cover;
	object-position: top;
}
.event-list .event-items .contentArea{
	width: calc(100% - 190px);
	padding-left: 44px;
}
.event-list .event-items .event-category{
	margin-bottom: 10px;
}
.event-list .event-items .event-category a{
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding: 1px 4px 2px 4px;
}
.event-list .event-items h3{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}
.event-list .event-items .event-link{
	position: relative;
	display: inline-block;
	color: #34A4E0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.05em;
	padding-right: 15px;
}
.event-list .event-items .event-link::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border-top: 2px solid #34A4E0;
	border-right: 2px solid #34A4E0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
	.event-list .event-items{
		margin-bottom: 8%;
	}
	.event-list .event-items .imgArea{
		width: 30vw;
		height: 25vw;
	}
	.event-list .event-items .contentArea{
		width: calc(100% - 30vw);
		padding-left: 5%;
	}
	.event-list .event-items .event-category{
		margin-bottom: 3%;
	}
	.event-list .event-items .event-category a{
		font-size: 3.4vw;
	}
	.event-list .event-items h3{
		font-size: 3.8vw;
		margin-bottom: 3%;
	}
	.event-list .event-items .event-link{
		font-size: 3.6vw;
		padding-right: 5%;
	}
	.event-list .event-items .event-link::before{
		width: 2vw;
		height: 2vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.event-list .event-items{
		margin-bottom: 20px;
	}
	.event-list .event-items .imgArea{
		width: 160px;
		height: 130px;
	}
	.event-list .event-items .contentArea{
		width: calc(100% - 160px);
		padding-left: 25px;
	}
	.event-list .event-items .event-category a{
		font-size: 14px;
	}
	.event-list .event-items h3{
		font-size: 16px;
	}
	.event-list .event-items .event-link{
		font-size: 14px;
	}
	.event-list .event-items .event-link::before{
		width: 7px;
		height: 7px;
	}
}
/*　　詳細　　*/
.single-service .single-guide{
	padding: 100px 0 70px 0;
}
.single-service .single-guide .inner{
	max-width: 900px;
}
@media only screen and (max-width: 767px) {
	.single-service .single-guide{
		padding: 12% 0 8% 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.single-service .single-guide{
		padding: 60px 0 40px 0;
	}
}
/**
/* 会員情報一覧　 CSS
----------------------------------------------- */
.members-guide{
	padding: 15px 0 0 0;
}
/*　　検索ボックス　　*/
.members-guide .search-grid{
	background: #F4F6F8;
	padding: 11px 0;
}
.search-grid form{
	display: flex;
	align-items: center;
}
.search-grid .search-box{
	max-width: 900px;
}
.search-grid .search-industry{
	display: flex;
	align-items: center;
	width: calc(100% - 177px);
	padding-right: 14px;
}
.search-grid .search-industry dt{
	width: 160px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
}
.search-grid .search-industry dd{
	width: calc(100% - 160px);
}
.search-grid .search-industry dd .select_wrap{
	position:relative;
	z-index:1;
}
.search-grid .search-industry dd .select_wrap .icon{
	position: absolute;
	z-index: 2;
	right: 18px;
	top: 17px;
	background: #ffffff;
	pointer-events: none;
}
.search-grid .search-industry dd .select_wrap .icon:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 6px solid transparent;
	border-top: 9px solid #1C1C1C;
}
.search-grid .search-industry dd select{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	border: none;
	background: #FFFFFF;
	color: #171717;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 20px 9px 20px;
	width: 100%;
}
.search-grid .search-industry dd select{
	 appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #171717;
}
.search-grid .search-box input.submit{
	background: #34A4E0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	border: none;
	width: 177px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 41px;
}
@media only screen and (max-width: 767px) {
	.members-guide{
		padding: 3% 0 0 0;
	}
	.members-guide .search-grid{
		padding: 3% 0;
	}
	.search-grid form{
		display: block;
	}
	.search-grid .search-industry{
		width: 100%;
		padding-right: 0;
		margin-bottom: 3%;
	}
	.search-grid .search-industry dt{
		width: 30vw;
		font-size: 4vw;
	}
	.search-grid .search-industry dd{
		width: calc(100% - 30vw);
	}
	.search-grid .search-industry dd .select_wrap .icon{
		right: 6%;
		top: calc(50% - 1vw);
	}
	.search-grid .search-industry dd .select_wrap .icon:after{
		margin-left: -2vw;
		border-left: 1.4vw solid transparent;
		border-right: 1.4vw solid transparent;
		border-top: 2.4vw solid #1C1C1C;
	}
	.search-grid .search-industry dd select{
		font-size: 3.8vw;
		padding: 8px 20px 9px 20px;
	}
	.search-grid .search-box input.submit{
		width: 100%;
		font-size: 4vw;
		line-height: 2.6;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.members-guide{
		padding: 15px 0 0 0;
	}
	.members-guide .search-grid{
		padding: 11px 0;
	}
	.search-grid form{
		display: flex;
	}
	.search-grid .search-industry{
		display: flex;
		align-items: center;
		width: calc(100% - 140px);
		padding-right: 10px;
	}
	.search-grid .search-industry dt{
		width: 140px;
		font-size: 16px;
	}
	.search-grid .search-industry dd{
		width: calc(100% - 140px);
	}
	.search-grid .search-industry dd .select_wrap .icon{
		top: 15px;
	}
	.search-grid .search-industry dd select{
		font-size: 14px;
		padding: 8px 10px 9px 10px;
	}
	.search-grid .search-box input.submit{
		width: 140px;
		font-size: 15px;
		line-height: 37px;
	}
}
/*　　会員情報一覧　　*/
.members-guide .members-grid{
	max-width: 900px;
	padding: 45px 0 60px 0;
}
.members-guide .members-grid h2{
	position: relative;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: 0.04em;
	margin-bottom: 57px;
}
.members-guide .members-grid h2::before,
.members-guide .members-grid h2::after{
	position: absolute;
	content: '';
}
.members-guide .members-grid h2::before{
	background: #E3E3E3;
	width: 100%;
	height: 1px;
	bottom: -18px;
	left: 0;
}
.members-guide .members-grid h2::after{
	background: #33A4E0;
	width: 142px;
	height: 3px;
	bottom: -19px;
	left: 0;
}
.members-guide .member-tbl{
	margin-bottom: 40px;
}
.members-guide .member-tbl thead th{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	padding-bottom: 15px;
}
.members-guide .member-tbl tbody th,
.members-guide .member-tbl tbody td{
	border: 1px solid #E3E3E3;
}
.members-guide .member-tbl tbody th{
	background: #FAFAFA;
	width: 360px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
	padding: 16px 20px;
}
.members-guide .member-tbl tbody td{
	background: #ffffff;
	font-size: 15px;
	line-height: 2;
	padding: 16px 25px;
}
.members-guide .members-grid .text{
	font-size: 18px;
	line-height: 1.45;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
	.members-guide .members-grid{
		padding: 5% 0 8% 0;
	}
	.members-guide .members-grid h2{
		font-size: 4.8vw;
		margin-bottom: 12%;
	}
	.members-guide .members-grid h2::before{
		bottom: -3vw;
	}
	.members-guide .members-grid h2::after{
		width: 20vw;
		bottom: -3.2vw;
	}
	.members-guide .member-tbl{
		margin-bottom: 5%;
	}
	.members-guide .member-tbl thead th{
		font-size: 3.8vw;
		padding-bottom: 3%;
	}
	.members-guide .member-tbl tbody th{
		width: 50%;
		font-size: 3.8vw;
		padding: 3%;
	}
	.members-guide .member-tbl tbody td{
		font-size: 3.6vw;
		padding: 3%;
	}
	.members-guide .members-grid .text{
		font-size: 3.8vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.members-guide .members-grid{
		padding: 35px 0 45px 0;
	}
	.members-guide .members-grid h2{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.members-guide .members-grid h2::before{
		bottom: -12px;
	}
	.members-guide .members-grid h2::after{
		width: 110px;
		bottom: -13px;
	}
	.members-guide .member-tbl{
		margin-bottom: 30px;
	}
	.members-guide .member-tbl thead th{
		font-size: 16px;
		padding-bottom: 10px;
	}
	.members-guide .member-tbl tbody th{
		width: 300px;
		font-size: 16px;
		padding: 10px 15px;
	}
	.members-guide .member-tbl tbody td{
		font-size: 14px;
		padding: 10px 15px;
	}
	.members-guide .members-grid .text{
		font-size: 16px;
	}
}
/**
/* よくあるご質問 / 入会のご案内 CSS
----------------------------------------------- */
/*　　よくあるご質問　　*/
.faq-guide{
	padding: 70px 0 100px 0;
}
.faq-guide .inner{
	max-width: 900px;
}
.faq-guide .text{
	font-size: 16px;
	line-height: 1.56;
	letter-spacing: 0.05em;
	margin-bottom: 50px;
}
.faq-list .faq-items{
	margin-bottom: 40px;
}
.faq-list .faq-items:last-child{
	margin-bottom: 0;
}
.faq-list .faq-items .question{
	margin-bottom: 20px;
}
.faq-list .faq-items .dl_table dt{
	width: 35px;
}
.faq-list .faq-items .dl_table dt span{
	font-family: 'Raleway', sans-serif;
	display: block;
	width: 35px;
	height: 35px;
	font-size: 21px;
	font-weight: 600;
	line-height: 35px;
	letter-spacing: 0.1em;
	text-align: center;
}
.faq-list .faq-items .question dt span{
	background: #34A4E0;
	color: #FFFFFF;
}
.faq-list .faq-items .answer dt span{
	color: #34A4E0;
}
.faq-list .faq-items .dl_table dd{
	width: calc(100% - 35px);
	vertical-align: middle;
	padding-left: 16px;
}
.faq-list .faq-items .question dd{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.05em;
}
.faq-list .faq-items .answer dd{
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
}
.faq-list .faq-items .answer dd a{
	position: relative;
	display: inline-block;
	color: #34A4E0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.05em;
	padding-right: 15px;
}
.faq-list .faq-items .answer dd a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border-top: 2px solid #34A4E0;
	border-right: 2px solid #34A4E0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.faq-list .faq-items .answer dd p{
	margin-bottom: 15px;
}
.faq-list .faq-items .answer dd p:last-child{
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.faq-guide{
		padding: 10% 0 12% 0;
	}
	.faq-guide .text{
		font-size: 3.8vw;
		margin-bottom: 10%;
	}
	.faq-list .faq-items{
		margin-bottom: 8%;
	}
	.faq-list .faq-items .question{
		margin-bottom: 3%;
	}
	.faq-list .faq-items .dl_table dt{
		width: 9vw;
	}
	.faq-list .faq-items .dl_table dt span{
		width: 9vw;
		height: 9vw;
		font-size: 5.4vw;
		line-height: 10vw;
	}
	.faq-list .faq-items .dl_table dd{
		width: calc(100% - 9vw);
		padding-left: 3%;
	}
	.faq-list .faq-items .question dd{
		font-size: 4vw;
	}
	.faq-list .faq-items .answer dd{
		font-size: 3.8vw;
	}
	.faq-list .faq-items .answer dd a{
		font-size: 3.6vw;
		padding-right: 5%;
	}
	.faq-list .faq-items .answer dd a::before{
		width: 2vw;
		height: 2vw;
	}
	.faq-list .faq-items .answer dd p{
		margin-bottom: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.faq-guide{
		padding: 50px 0 60px 0;
	}
	.faq-guide .text{
		font-size: 15px;
		margin-bottom: 35px;
	}
	.faq-list .faq-items{
		margin-bottom: 40px;
	}
	.faq-list .faq-items .question{
		margin-bottom: 10px;
	}
	.faq-list .faq-items .dl_table dt{
		width: 32px;
	}
	.faq-list .faq-items .dl_table dt span{
		width: 32px;
		height: 32px;
		font-size: 21px;
		line-height: 33px;
	}
	.faq-list .faq-items .dl_table dd{
		width: calc(100% - 32px);
		padding-left: 10px;
	}
	.faq-list .faq-items .question dd{
		font-size: 16px;
	}
	.faq-list .faq-items .answer dd{
		font-size: 14px;
	}
	.faq-list .faq-items .answer dd a{
		font-size: 14px;
		padding-right: 12px;
	}
	.faq-list .faq-items .answer dd a::before{
		width: 7px;
		height: 7px;
	}
	.faq-list .faq-items .answer dd p{
		margin-bottom: 10px;
	}
}
/*　　入会のご案内　　*/
.membership-guide{
	background: url(../image/membership_bg.png) no-repeat center;
	background-size: cover;
	padding: 53px 0 57px 0;
}
.membership-guide .guide-ttl{
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 47px;
}
.membership-guide .guide-ttl .roma{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.166;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.membership-guide .guide-ttl h2{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: 0.1em;
}
.membership-guide .membership-box{
	background: #FFFFFF;
	padding: 45px 50px;
}
.membership-guide .membership-box h3{
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.05em;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 64px;
}
.membership-guide .membership-box h3:before{
	position: absolute;
	content: '';
	background: #33A4E0;
	width: 154px;
	height: 2px;
	bottom: -17px;
	left: calc(50% - 77px);
}
.membership-guide .membership-box p{
	font-size: 16px;
	line-height: 1.56;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
}
.membership-guide .membership-box p:last-child{
	margin-bottom: 0;
}
.membership-box .membership-tbl{
	background: #F4F6F8;
	padding: 36px 40px;
	margin: 62px 0 26px 0;
}
.membership-box .membership-tbl h3{
	margin-top: 0;
	margin-bottom: 27px;
}
.membership-box .membership-tbl h3:before{
	content: none;
}
.membership-box .membership-tbl table{
	background: #FFFFFF;
}
.membership-box .membership-tbl table th,
.membership-box .membership-tbl table td{
	border: 1px solid #B3BAC3;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 10px;
}
.membership-box .membership-tbl table thead th{
	background: #D3E0EF;
	border-bottom: 1px solid #D3E0EF;
	font-weight: 700;
}
.membership-box .membership-tbl table th:first-child{
	width: 530px;
}
.membership-box .membership-tbl table th:last-child{
	width: 290px;
}
.membership-box .membership-tbl table tbody td{
	font-weight: 500;
}
.membership-box .membership-tbl table tbody td:first-child{
	width: 146px;
}
@media only screen and (max-width: 767px) {
	.membership-guide{
		padding: 10% 0;
	}
	.membership-guide .guide-ttl{
		margin-bottom: 5%;
	}
	.membership-guide .guide-ttl .roma{
		font-size: 7vw;
		margin-bottom: 1%;
	}
	.membership-guide .guide-ttl h2{
		font-size: 3.6vw;
	}
	.membership-guide .membership-box{
		padding: 8% 5%;
	}
	.membership-guide .membership-box h3{
		font-size: 4.4vw;
		margin-top: 8%;
		margin-bottom: 10%;
	}
	.membership-guide .membership-box h3:before{
		width: 20vw;
		bottom: -3.6vw;
		left: calc(50% - 10vw);
	}
	.membership-guide .membership-box p{
		font-size: 3.8vw;
		margin-bottom: 3%;
	}
	.membership-box .membership-tbl{
		padding: 5% 5%;
		margin: 10% 0 5% 0;
	}
	.membership-box .membership-tbl h3{
		margin-bottom: 3%;
	}
	.membership-box .membership-tbl table{
		width: 240%;
	}
	.membership-box .membership-tbl table th,
	.membership-box .membership-tbl table td{
		font-size: 3.8vw;
		padding: 1%;
	}
	.membership-box .membership-tbl table th:first-child{
		width: 60%;
	}
	.membership-box .membership-tbl table th:last-child{
		width: 40%;
	}
	.membership-box .membership-tbl table tbody td{
		width: 18%;
	}
	.membership-box .membership-tbl table tbody td:first-child{
		width: 18%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.membership-guide{
		padding: 45px 0 40px 0;
	}
	.membership-guide .guide-ttl{
		margin-bottom: 30px;
	}
	.membership-guide .guide-ttl .roma{
		font-size: 34px;
		margin-bottom: 5px;
	}
	.membership-guide .guide-ttl h2{
		font-size: 14px;
	}
	.membership-guide .membership-box{
		padding: 40px 30px;
	}
	.membership-guide .membership-box h3{
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 45px;
	}
	.membership-guide .membership-box h3:before{
		width: 120px;
		bottom: -12px;
		left: calc(50% - 60px);
	}
	.membership-guide .membership-box p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.membership-box .membership-tbl{
		padding: 25px 20px;
		margin: 30px 0 20px 0;
	}
	.membership-box .membership-tbl h3{
		margin-bottom: 15px;
	}
	.membership-box .membership-tbl table th,
	.membership-box .membership-tbl table td{
		font-size: 14px;
		padding: 5px;
	}
	.membership-box .membership-tbl table th:first-child{
		width: 70%;
	}
	.membership-box .membership-tbl table th:last-child{
		width: 30%;
	}
	.membership-box .membership-tbl table tbody td:first-child{
		width: 20%;
	}
}
/**
/* 商工会とは CSS
----------------------------------------------- */
.about-guide{
	padding: 20px 0 75px 0;
}
@media only screen and (max-width: 767px) {
	.about-guide{
		padding: 3% 0 12% 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.about-guide{
		padding: 15px 0 75px 0;
	}
}
/*　　商工会とは　　*/
.about-message{
	background: url(../image/about/message_bg.png) no-repeat center;
	background-size: cover;
	padding-top: 75px;
}
.about-message .message-box{
	background: #FFFFFF;
	padding: 50px 50px 45px 50px;
}
.about-message .message-box h2{
	position: relative;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 62px;
}
.about-message .message-box h2:before{
	position: absolute;
	content: '';
	background: #33A4E0;
	width: 92px;
	height: 2px;
	bottom: -20px;
	left: calc(50% - 46px);
}
.about-message .message-box p{
	font-size: 16px;
	line-height: 2.3;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
	.about-message{
		padding-top: 10%;
	}
	.about-message .message-box{
		padding: 8% 5% 5% 5%;
	}
	.about-message .message-box h2{
		font-size: 4.8vw;
		margin-bottom: 10%;
	}
	.about-message .message-box h2:before{
		width: 14vw;
		bottom: -3.6vw;
		left: calc(50% - 7vw);
	}
	.about-message .message-box p{
		font-size: 3.8vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.about-message{
		padding-top: 50px;
	}
	.about-message .message-box{
		padding: 40px 40px 35px 40px;
	}
	.about-message .message-box h2{
		font-size: 22px;
		margin-bottom: 46px;
	}
	.about-message .message-box h2:before{
		width: 80px;
		bottom: -16px;
		left: calc(50% - 40px);
	}
	.about-message .message-box p{
		font-size: 14px;
	}
}
/*　　ループスライダー　　*/
.loop-slider{
	padding: 34px 0 80px 0;
}
.loop-slider .swiper-wrapper {
	transition-timing-function: linear;
}
.loop-slider .swiper-slide img {
	height: auto;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.loop-slider{
		padding: 5% 0 10% 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.loop-slider{
		padding: 25px 0 60px 0;
	}
}
/*　　商工会はこんなお手伝いをしています　　*/
.about-detail .inner{
	max-width: 900px;
}
.about-detail h2{
	position: relative;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: 0.04em;
	margin-bottom: 60px;
}
.about-detail h2::before,
.about-detail h2::after{
	position: absolute;
	content: '';
}
.about-detail h2::before{
	background: #E3E3E3;
	width: 100%;
	height: 1px;
	bottom: -19px;
	left: 0;
}
.about-detail h2::after{
	background: #33A4E0;
	width: 142px;
	height: 3px;
	bottom: -20px;
	left: 0;
}
.about-detail ul li{
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	padding-left: 25px;
}
.about-detail ul li a{
	color: #34A4E0;
	font-weight: 700;
	text-decoration: underline;
}
.about-detail ul li:not(:first-child){
	margin-top: 20px;
}
.about-detail ul li:before {
	position: absolute;
	top: 6px;
	left: 0;
	content:  "";
	width:  13px;
	height:  13px;
	display:  inline-block;
	background-color: #34A4E0;
}
@media only screen and (max-width: 767px) {
	.about-detail h2{
		font-size: 4.8vw;
		margin-bottom: 12%;
	}
	.about-detail h2::before{
		bottom: -3vw;
	}
	.about-detail h2::after{
		width: 20vw;
		bottom: -3.4vw;
	}
	.about-detail ul li{
		font-size: 4vw;
		padding-left: 5vw;
	}
	.about-detail ul li:not(:first-child){
		margin-top: 3%;
	}
	.about-detail ul li:before {
		top: 1.4vw;
		width: 3vw;
		height: 3vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.about-detail h2{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.about-detail h2::before{
		bottom: -12px;
	}
	.about-detail h2::after{
		width: 110px;
		bottom: -13px;
	}
	.about-detail ul li{
		font-size: 16px;
		padding-left: 15px;
	}
	.about-detail ul li:not(:first-child){
		margin-top: 15px;
	}
	.about-detail ul li:before {
		top: 6px;
		width: 10px;
		height: 10px;
	}
}
/**
/* トピックス一覧 CSS
----------------------------------------------- */
.topics-list dl{
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 9px;
	margin-bottom: 17px;
}
.topics-list dl dt{
	color: #34A4E0;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.1em;
}
.topics-list dl dd a{
	position: relative;
	display: block;
	color: #171717;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.1em;
	padding-right: 25px;
}
.topics-list dl dd a::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../image/icon/arrow_b.png) no-repeat center;
	background-size: cover;
	width: 22px;
	height: 22px;
}
@media only screen and (max-width: 767px) {
	.topics-list dl{
		padding-bottom: 3%;
		margin-bottom: 5%;
	}
	.topics-list dl dt{
		font-size: 3.8vw;
	}
	.topics-list dl dd a{
		font-size: 4vw;
		padding-right: 9vw;
	}
	.topics-list dl dd a::after{
		width: 8vw;
		height: 8vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.topics-list dl{
		padding-bottom: 6px;
		margin-bottom: 15px;
	}
	.topics-list dl dt{
		font-size: 15px;
	}
	.topics-list dl dd a{
		font-size: 16px;
		padding-right: 25px;
	}
	.topics-list dl dd a::after{
		width: 22px;
		height: 22px;
	}
}
/**
/* 新着情報一覧 CSS
----------------------------------------------- */
.news-guide .category-nav{
	margin-bottom: 60px;
}
.news-guide .category-nav li{
	display: inline-block;
	margin-bottom: 5px;
}
.news-guide .category-nav li a{
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	padding: 1px 10px 2px 10px;
	opacity: 0.3;
}
.news-guide .category-nav li a.current,
.news-guide .category-nav li a:hover{
	opacity: 1;
}
.news-guide .category-nav li.all a{
	background: #34A4E0;
}
.news-guide .category-nav li.events a{
	background: #D07241;
}
.news-guide .category-nav li:not(:last-child){
	margin-right: 6px;
}
@media only screen and (max-width: 767px) {
	.news-guide .category-nav{
		margin-bottom: 10%;
	}
	.news-guide .category-nav li{
		margin-bottom: 3px;
	}
	.news-guide .category-nav li a{
		font-size: 3.6vw;
		padding: 1px 5px 2px 5px;
	}
	.news-guide .category-nav li:not(:last-child){
		margin-right: 2px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.news-guide .category-nav{
		margin-bottom: 40px;
	}
	.news-guide .category-nav li{
		margin-bottom: 3px;
	}
	.news-guide .category-nav li a{
		font-size: 14px;
	}
	.news-guide .category-nav li:not(:last-child){
		margin-right: 3px;
	}
}
.news-list dl{
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 9px;
	margin-bottom: 21px;
}
.news-list dl dt{
	align-items: center;
	margin-bottom: 4px;
}
.news-list dl dt .date{
	color: #34A4E0;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.1em;
}
.news-list dl dt .the_terms{
	margin-left: 16px;
}
.news-list dl dt .the_terms li{
	display: inline-block;
}
.news-list dl dt .the_terms li:not(:first-child){
	margin-left: 4px;
}
.news-list dl dt .the_terms li a{
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding: 1px 10px 2px 10px;
}
.news-list dl dd a{
	display: block;
	color: #171717;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
	.news-list dl{
		padding-bottom: 3%;
		margin-bottom: 6%;
	}
	.news-list dl dt{
		margin-bottom: 2%;
	}
	.news-list dl dt .date{
		font-size: 3.8vw;
	}
	.news-list dl dt .the_terms{
		margin-left: 3%;
	}
	.news-list dl dt .the_terms li:not(:first-child){
		margin-left: 2%;
	}
	.news-list dl dt .the_terms li a{
		font-size: 3.6vw;
		padding: 1px 5px 2px 5px;
	}
	.news-list dl dd a{
		font-size: 4vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.news-list dl{
		padding-bottom: 6px;
		margin-bottom: 15px;
	}
	.news-list dl dt .date{
		font-size: 10px;
	}
	.news-list dl dt .the_terms{
		margin-left: 16px;
	}
	.news-list dl dt .the_terms li a{
		font-size: 14px;
	}
	.news-list dl dd a{
		font-size: 16px;
	}
}
/**
/* 投稿詳細 CSS
----------------------------------------------- */
.single-guide .entry-header{
	margin-bottom: 40px;
}
.single-guide .entry-header h2{
	font-size: 33px;
	font-weight: 700;
	line-height: 1.33;
	margin-bottom: 17px;
}
.single-guide .entry-header .entry-deta{
	color: #B5B5B5;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.single-guide .entry-header .the_terms{
	margin-top: 10px;
}
.single-guide .entry-header .the_terms li{
	display: inline-block;
	margin-right: 4px;
	margin-top: 4px;
}
.single-guide .entry-header .the_terms li a{
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding: 1px 10px 2px 10px;
}
.single-guide .entry-body h3{
	background: #F4F6F8;
	border-left: 6px solid #33A4E0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.05em;
	padding: 10px 12px 10px 15px;
	margin-bottom: 35px;
}
.single-guide .entry-body h4{
	border-left: 6px solid #33A4E0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.05em;
	padding-left: 15px;
	margin-bottom: 25px;
}
.single-guide .entry-body p{
	font-size: 18px;
	line-height: 1.45;
	letter-spacing: 0.05em;
	margin-bottom: 43px;
}
.single-guide .entry-body ol{
	list-style: decimal;
	margin-left: 20px;
}
.single-guide .entry-body ol:not(:first-child){
	margin-top: 43px;
}
.single-guide .entry-body ol li{
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
}
.single-guide .entry-body ol li:not(:first-child) {
	margin-top: 15px;
}
.single-guide .entry-body ul:not(:first-child){
	margin-top: 43px;
}
.single-guide .entry-body ul li{
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	padding-left: 25px;
}
.single-guide .entry-body ul li:not(:first-child) {
	margin-top: 15px;
}
.single-guide .entry-body ul li:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 13px;
	height: 13px;
	display: inline-block;
	background-color: #34A4E0;
}
.single-guide .entry-body table{
	margin-bottom: 60px;
}
.single-guide .entry-body table th,
.single-guide .entry-body table td{
	border: 1px solid #E3E3E3;
	vertical-align: middle;
}
.single-guide .entry-body table th{
	background: #FAFAFA;
	width: 330px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.05em;
	padding: 25px 20px;
}
.single-guide .entry-body table td{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	padding: 25px 27px;
}
.single-guide .entry-body figcaption {
	font-size: 90%;
}
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
}
@media only screen and (max-width: 767px) {
	.single-guide .entry-header{
		margin-bottom: 8%;
	}
	.single-guide .entry-header h2{
		font-size: 5vw;
		margin-bottom: 3%;
	}
	.single-guide .entry-header .entry-deta{
		font-size: 3.6vw;
	}
	.single-guide .entry-header .the_terms{
		margin-top: 2%;
	}
	.single-guide .entry-header .the_terms li{
		margin-right: 2%;
		margin-top: 2%;
	}
	.single-guide .entry-header .the_terms li a{
		font-size: 3.6vw;
	}
	.single-guide .entry-body h3{
		border-left: 4px solid #33A4E0;
		font-size: 4.2vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.single-guide .entry-body h4{
		border-left: 4px solid #33A4E0;
		font-size: 4vw;
		padding-left: 3%;
		margin-bottom: 5%;
	}
	.single-guide .entry-body p{
		font-size: 4vw;
		margin-bottom: 8%;
	}
	.single-guide .entry-body ol:not(:first-child){
		margin-top: 8%;
	}
	.single-guide .entry-body ol li{
		font-size: 3.8vw;
	}
	.single-guide .entry-body ol li:not(:first-child) {
		margin-top: 3%;
	}
	.single-guide .entry-body ul:not(:first-child){
		margin-top: 8%;
	}
	.single-guide .entry-body ul li{
		font-size: 3.8vw;
		padding-left: 5vw;
	}
	.single-guide .entry-body ul li:not(:first-child) {
		margin-top: 3%;
	}
	.single-guide .entry-body ul li:before{
		top: 1.4vw;
		width: 3vw;
		height: 3vw;
	}
	.single-guide .entry-body table{
		margin-bottom: 10%;
	}
	.single-guide .entry-body table th{
		display: block;
		border-bottom: none;
		width: 100%;
		font-size: 4vw;
		padding: 3%;
	}
	.single-guide .entry-body table td{
		display: block;
		border-bottom: none;
		font-size: 3.8vw;
		padding: 3%;
	}
	.single-guide .entry-body .set-table-cell table th{
		display: table-cell;
		border-bottom: none;
		width: 100%;
		font-size: 4vw;
		padding: 3%;
	}
	.single-guide .entry-body .set-table-cell table td{
		display: table-cell;
		border-bottom: none;
		font-size: 3.8vw;
		padding: 3%;
	}
	.single-guide .entry-body table tr:last-child td{
		border-bottom: 1px solid #E3E3E3;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.single-guide .entry-header{
		margin-bottom: 20px;
	}
	.single-guide .entry-header h2{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.single-guide .entry-header .entry-deta{
		font-size: 14px;
	}
	.single-guide .entry-header .the_terms{
		margin-top: 5px;
	}
	.single-guide .entry-header .the_terms li a{
		font-size: 14px;
	}
	.single-guide .entry-body h3{
		font-size: 18px;
		padding: 10px;
		margin-bottom: 25px;
	}
	.single-guide .entry-body h4{
		font-size: 18px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.single-guide .entry-body p{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.single-guide .entry-body ol:not(:first-child){
		margin-top: 30px;
	}
	.single-guide .entry-body ol li{
		font-size: 14px;
	}
	.single-guide .entry-body ol li:not(:first-child) {
		margin-top: 10px;
	}
	.single-guide .entry-body ul:not(:first-child){
		margin-top: 30px;
	}
	.single-guide .entry-body ul li{
		font-size: 14px;
		padding-left: 15px;
	}
	.single-guide .entry-body ul li:not(:first-child) {
		margin-top: 10px;
	}
	.single-guide .entry-body ul li:before {
		width: 10px;
		height: 10px;
	}
	.single-guide .entry-body table{
		margin-bottom: 40px;
	}
	.single-guide .entry-body table th{
		width: 280px;
		font-size: 16px;
		padding: 20px 15px;
	}
	.single-guide .entry-body table td{
		font-size: 14px;
		padding: 20px 15px;
	}
}
/**
/* エラーページ CSS
----------------------------------------------- */
.error-guide .entry p{
	font-size: 18px;
	letter-spacing: 0.05em;
	text-align: center;
}
.error-guide .entry .error_url{
	padding: 30px 0;
}
.error-guide .entry .block_btn{
	text-align: center;
	margin-top: 60px;
}
@media only screen and (max-width: 767px) {
	.error-guide .entry p{
		font-size: 3.8vw;
	}
	.error-guide .entry .error_url{
		padding: 5% 0;
	}
	.error-guide .entry .block_btn{
		margin-top: 10%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.error-guide .entry p{
		font-size: 16px;
	}
	.error-guide .entry .error_url{
		padding: 20px 0;
	}
	.error-guide .entry .block_btn{
		margin-top: 40px;
	}
}