@charset 'UTF-8';

.kv {
	position:relative;
	padding:0 0 136px;
}

.kv .bxslider01 li img {
	width:100%;
}

.kv .sns01 {
	position:fixed;
	top:120px;
	right:35px;
	z-index:999;
}

.kv .sns02 {
	position:fixed;
	top:182px;
	right:35px;
	z-index:999;
}

.kv .sns03 {
	position:fixed;
	top:244px;
	right:35px;
	z-index:999;
}

.kv .cate {
	position:relative;
	max-width:1400px;
	margin:-45px auto 0;
	padding:0 75px;
	box-sizing:border-box;
	z-index:999;
}

.kv .cate ul {
	letter-spacing:-0.5em;
}

/*↓高橋追記分*/
.kv .cate ul li {
	display:inline-block;
	width:10.57%;
	margin:0 0.7%;
	letter-spacing:0;
	vertical-align:top;
}
/*↑高橋追記分*/

/*↓高橋修正分*/
.kv .cate ul li a {
	display:block;
	color:#2398a7;
	font-size:130%;
	text-align:center;
}
/*↑高橋修正分*/

.kv .cate ul li a:hover {
	opacity:1;
}

.kv .cate ul li a .img {
	display:block;
	vertical-align:middle;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.kv .cate ul li a:hover .img {
	transform: scale(1.3);
	transform-origin:center bottom;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.kv .cate ul li a .txt {
	padding:0 0 0 25px;
	background:url(/common/img/ico_arw_01.png) no-repeat left center;
	background-size:17px auto;
}

/*↓高橋追記分*/
.concept_tunago {
	max-width:1400px;
	margin:0 auto;
	padding:59px 0 78px;
	background:url(/img/tunago/tunago_concept_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}

.concept_tunago .txtBox {
	max-width:670px;
	margin:0 64px 285px auto;
}

.concept_tunago .txtBox h2 {
	margin:0 0 25px;
	font-size:160%;
}

.concept_tunago .txtBox h2 span {
	margin:0 0 0 10px;
	vertical-align:bottom;
}

.concept_tunago .txtBox h3 {
	margin:0 0 18px;
	font-size:200%;
}

.concept_tunago .txtBox p {
	font-size:140%;
	line-height:1.86;
}

.concept_tunago .txtBox .btn {
	width:146px;
	margin:15px 2px 0 auto;
	line-height:1.72;
}

.concept_tunago .txtBox .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}
/*↑高橋追記分*/

.concept {
	max-width:1400px;
	margin:0 auto;
	padding:59px 0 78px;
	background:url(/img/concept_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}

.concept .txtBox {
	max-width:670px;
	margin:0 64px 285px auto;
}

.concept .txtBox h2 {
	margin:0 0 25px;
	font-size:160%;
}

.concept .txtBox h2 span {
	margin:0 0 0 10px;
	vertical-align:bottom;
}

.concept .txtBox h3 {
	margin:0 0 18px;
	font-size:200%;
}

.concept .txtBox p {
	font-size:140%;
	line-height:1.86;
}

.concept .txtBox .btn {
	width:146px;
	margin:15px 2px 0 auto;
	line-height:1.72;
}

.concept .txtBox .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

.concept ul {
	letter-spacing:-0.5em;
	text-align:center;
}

.concept ul li {
	display:inline-block;
	max-width:280px;
	width:24.5%;
	margin:0 4.39%;
	letter-spacing:0;
	vertical-align:top;
	background:#fff;
}

.concept ul li a {
	display:block;
	padding:0 0 10px;
}

.concept ul li h3 {
	margin:5px 0 -5px;
	font-size:200%;
}

.concept ul li h3 span {
	color:#40bdcd;
}

.concept ul li p {
	font-size:120%;
}


.info {
	max-width:1400px;
	margin:0 auto;
	padding:85px 0 75px;
	text-align:center;
}

.info .news {
	display:inline-block;
	width:420px;
	margin:0 100px 0 0;
	text-align:left;
	vertical-align:top;
}

.info .news:nth-child(2) {
	margin:0 80px 0 0;
}

.info .news h2 {
	margin:0 0 26px;
	font-size:280%;
}

.info .news h2 .col {
	color:#40bdcd;
}

.info .news h2 .maru {
	display:block;
	font-size:58%;
}

.info .news ul {
	padding:0 0 5px;
}

.info .news ul li {
	margin:0 0 20px;
}

.info .news ul li a ,
.info .news ul li span {
	display:block;
	font-size:140%;
}

.info .news ul li a {
	padding:0 0 0 25px;
	color:#2398a7;
	background:url(/common/img/ico_arw_01.png) no-repeat left top;
	background-size:17px auto;
}

.info .news ul li span a {
	padding:0 0 0 0;
	font-size: 100%;
	color:#515151;
	background: none;
	background-size:17px auto;
}

.info .news .btn {
	width:125px;
	margin:0 10px 0 auto;
	font-size:140%;
	line-height:1.72;
}

.info .news .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

.info .fb {
	display:inline-block;
	width:353px;
	margin:20px 18px 0 0;
	vertical-align:top;
}

.info .bnr {
	margin:84px 0 0;
	letter-spacing: -0.5em;
}

.info .bnr a {
	display:inline-block;
	width:560px;
	margin: 0 10px 20px;
	letter-spacing: 0;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.info .bnr a + a {
	width:561px;
}

.info .bnr .txt {
	float:left;
	display:inline-block;
	padding:20px 0 0 30px;
	font-size:320%;
	line-height:1.125;
}

.info .bnr .col {
	color:#40bdcd;
	line-height:1.125;
}

.info .bnr img {
	float:right;
}

.columns {
	max-width: 1400px;
	margin: 0 auto;
}

.columns h2 {
	margin:0 0 26px;
	font-size:280%;
}

.columns h2 .col {
	color:#40bdcd;
}

.columns h2 .maru {
	display:block;
	font-size:58%;
}

.columns ul {
	display: flex;
	justify-content: space-between;
}

.columns ul li {
	width: 23%;
}

.columns ul li a {
	display: block;
}

.columns ul li .img img {
	max-width: 100%;
	height: auto
}

.columns ul li h3 {
	margin: 5px 0 0;
	font-size: 14px;
	font-weight: bold;
}

.columns ul li .cateList {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0;
}

.columns ul li .cateList p {
	margin: 0 10px 10px 0;
}

.columns ul li .cateList p a {
	display: block;
	padding: 0 15px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.67;
	text-align: center;
	border-radius: 10px;
	background: #40bdcd;
}

.columns .btn {
	width:125px;
	margin:0 auto;
	padding: 25px 0 0;
	font-size:140%;
	line-height:1.72;
}

.columns .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

.instagram {
	max-width:1400px;
	margin:0 auto 136px;
}

.instagram h2 {
	margin:0 0 45px;
	font-size:280%;
	text-align:center;
}

.instagram h2 span {
	color:#40bdcd;
}

.instagram .slide {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:0 71px;
	box-sizing:border-box;
}

.instagram .slide .bx-wrapper .bx-prev {
	left:-70px;
	background: url(/common/img/insta_ico_prev.png) no-repeat;
	background-size:35px auto;
}

.instagram .slide .bx-wrapper .bx-next {
	right:-70px;
	background: url(/common/img/insta_ico_next.png) no-repeat;
	background-size:35px auto;
} 

.instagram .slide .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 35px;
	height: 35px;
	margin-top:-17px;
	text-indent: -9999px;
	z-index: 999;
}

.instagram .slide ul li a {
	position:relative;
	display:block;
	padding-top:100%;
	text-align:center;
}

.instagram .slide ul li a img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

.instagram .slide .btn {
	margin:40px 0 0;
	text-align:center;
}

#overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.80);
	z-index:9999;
}

#popup.maxw {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-width:703px;
	min-height:747px;
	height:100%;
	z-index:10000;
}

#popup.maxw p {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	max-width:703px;
	max-height:747px;
	margin:auto;
	text-align:center;
	box-sizing:border-box;
}

#popup.maxw p img {
	max-width:inherit;
	max-height:100%;
}

#popup.maxw .pop_btn {
	position:absolute;
	left:179px;
	bottom:0;
	margin:0 0 77px;
}

#popup.maxw .close {
	position:absolute;
	top:-9px;
	right:-9px;
	width:46px;
	margin:0 auto;
	cursor:pointer;
}

#popup.maxh {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-width:703px;
	height:100%;
	z-index:10000;
}

#popup.maxh p {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:94.5vh;
	height:100%;
	margin:auto;
	padding:10px 0;
	text-align:center;
	box-sizing:border-box;
}

#popup.maxh p img {
	max-width:inherit;
	max-height:100%;
}

#popup.maxh .pop_btn {
	position:absolute;
	left:24vh;
	bottom:0;
	width:46.4vh;
	margin:0 auto 10.5vh;
}

#popup.maxh .pop_btn img {
	max-width:100%;
}

#popup.maxh .close {
	position:absolute;
	top:1px;
	right:-9px;
	width:46px;
	margin:0 auto;
	cursor:pointer;
}


@media screen and (max-width: 1400px) {
.info .news {
	margin:0 50px 50px;
}

.info .news:nth-child(2) {
	margin:0 50px 50px;
}

.info .fb {
	display:block;
	margin:0 auto;
	text-align:center;
}
}



@media screen and (max-width: 1000px) {

.columns {
max-width: 640px;
}

.columns ul {
flex-wrap: wrap;
}

.columns ul li {
width: 48%;
margin: 0 0 20px;
}

.columns .btn {
padding: 5px 0 0;
}

}



@media screen and (max-width: 750px) {
.concept .txtBox {
	max-width:inherit;
	margin:0 20px 285px;
}
}


@media screen and (max-width: 640px) {

.kv {
	position:relative;
	padding:0 0 5%;
}

.kv .cate {
	position:relative;
	max-width:inherit;
	margin:-5px auto 0;
	padding:0 40px;
	box-sizing:border-box;
	z-index:999;
}

.kv .cate ul li {
	display:block;
	width:auto;
	margin:0;
	letter-spacing:0;
	vertical-align:top;
}

.kv .cate ul li a {
	display:block;
	color:#2398a7;
	font-size:100%;
	text-align:center;
}

.kv .cate ul li a .img {
	display:block;
	vertical-align:middle;
}

.kv .cate ul li a:hover .img {
	transform:none;
}

.kv .cate ul li a .txt {
	padding:0 0 0 17px;
	background:url(/common/img/ico_arw_01.png) no-repeat left center;
	background-size:13px auto;
}

.kv .cate .bx-wrapper .bx-prev {
	left:-35px;
	background: url(/common/img/slide_ico_prev.png) no-repeat;
	background-size:25px auto;
}

.kv .cate .bx-wrapper .bx-next {
	right:-35px;
	background: url(/common/img/slide_ico_next.png) no-repeat;
	background-size:25px auto;
} 

.kv .cate .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 25px;
	height: 25px;
	margin-top:-12px;
	text-indent: -9999px;
	z-index: 999;
}

/*↓高橋追記分*/
.concept_tunago {
	max-width:inherit;
	margin:0 auto;
	padding:5% 0 0;
	background:none;
	background-size:100% auto;
}

.concept_tunago .txtBox {
	max-width:inherit;
	margin:0;
	padding:0 6.25% 70%;
	background:url(/img/tunago/tunago_concept_bg_sp.jpg) no-repeat left bottom;
	background-size:100% auto;
}

.concept_tunago .txtBox h2 {
	margin:0 0 5%;
	font-size:80%;
}

.concept_tunago .txtBox h2 img {
	width:41.1%;
}

.concept_tunago .txtBox h2 span {
	margin:0 0 0 5px;
	vertical-align:bottom;
}

.concept_tunago .txtBox h3 {
	margin:0 0 3%;
	font-size:140%;
}

.concept_tunago .txtBox p {
	font-size:120%;
	line-height:1.86;
}

.concept_tunago .txtBox .btn {
	width:146px;
	margin:5% auto 0;
	font-size:140%;
	line-height:1.72;
}

.concept_tunago .txtBox .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

/*↑高橋追記分*/

.concept {
	max-width:inherit;
	margin:0 auto;
	padding:5% 0 0;
	background:none;
	background-size:100% auto;
}

.concept .txtBox {
	max-width:inherit;
	margin:0;
	padding:0 6.25% 70%;
	background:url(/img/concept_bg_sp.jpg) no-repeat left bottom;
	background-size:100% auto;
}

.concept .txtBox h2 {
	margin:0 0 5%;
	font-size:80%;
}

.concept .txtBox h2 img {
	width:41.1%;
}

.concept .txtBox h2 span {
	margin:0 0 0 5px;
	vertical-align:bottom;
}

.concept .txtBox h3 {
	margin:0 0 3%;
	font-size:140%;
}

.concept .txtBox p {
	font-size:120%;
	line-height:1.86;
}

.concept .txtBox .btn {
	width:146px;
	margin:5% auto 0;
	font-size:140%;
	line-height:1.72;
}

.concept .txtBox .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

.concept ul {
	margin:7.8125% 6.25% 0;
	letter-spacing:0;
}

.concept ul li {
	display:block;
	max-width:inherit;
	width:100%;
	margin:0 0 7.15%;
	letter-spacing:0;
	vertical-align:top;
	background:#fff;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.concept ul li a {
	display:block;
	padding:0 0 10px;
}

.concept ul li h3 {
	margin:5px 0 -5px;
	font-size:200%;
}

.concept ul li h3 span {
	color:#40bdcd;
}

.concept ul li p {
	font-size:120%;
}


.info {
	max-width:inherit;
	margin:0 auto;
	padding:3% 0;
	text-align:center;
}

.info .news {
	display:block;
	width:auto;
	margin:0 4.68% 15%;
	text-align:left;
}

.info .news:nth-child(2) {
	margin:0 4.68%;
}

.info .news h2 {
	margin:0 0 8%;
	font-size:200%;
}

.info .news h2 .col {
	color:#40bdcd;
}

.info .news h2 .maru {
	display:block;
	font-size:60%;
}

.info .news ul {
	padding:0 0 3%;
}

.info .news ul li {
	margin:0 0 5%;
}

.info .news ul li a ,
.info .news ul li span {
	display:block;
	font-size:100%;
}

.info .news ul li a {
	padding:0 0 0 17px;
	color:#2398a7;
	background:url(/common/img/ico_arw_01.png) no-repeat left top;
	background-size:13px auto;
}

.info .news .btn {
	width:125px;
	margin:0 auto;
	font-size:140%;
	line-height:1.72;
}

.info .news .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

.info .bnr {
	width:auto;
	margin:18% 5.625% 0;
}

.info .bnr a {
	display:block;
	width:auto;
	margin: 0 0 5%;
}

.info .bnr a + a {
	width:auto;
}

.info .bnr .txt {
	float:left;
	width:50%;
	display:inline-block;
	padding:3% 0 0 5%;
	font-size:160%;
	line-height:1.125;
	text-align:left;
	box-sizing:border-box;
}

.info .bnr .col {
	color:#40bdcd;
	line-height:1.125;
}

.info .bnr img {
	float:right;
	width:49.7%;
}

.info .bnr a + a img {
	float: none;
	width: 100%;
}

.info .fb {
	margin:10% auto 0;
}

.columns {
	max-width: inherit;
	margin: 0 4.68%;
	padding: 5% 0 0;
}

.columns h2 {
	margin:0 0 8%;
	font-size:200%;
}

.columns h2 .col {
	color:#40bdcd;
}

.columns h2 .maru {
	display:block;
	font-size:60%;
}

.columns ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.columns ul li {
	width: 48%;
	margin: 0 0 5.33vw;
}

.columns ul li a {
	display: block;
}

.columns ul li .img img {
	max-width: 100%;
	height: auto
}

.columns ul li h3 {
	margin: 1.33vw 0 0;
	font-size: 2.933vw;
}

.columns ul li .cateList {
	display: flex;
	flex-wrap: wrap;
	margin: 1.33vw 0 0;
}

.columns ul li .cateList p {
	margin: 0 1.33vw 1.33vw 0;
}

.columns ul li .cateList p a {
	display: block;
	padding: 0 1.6vw;
	color: #fff;
	font-size: 2.667vw;
	font-weight: normal;
	line-height: 1.82;
	text-align: center;
	border-radius: 2.667vw;
	background: #40bdcd;
}

.columns .btn {
	width:125px;
	margin:0 auto;
	padding: 0;
	font-size:140%;
	line-height:1.72;
}

.columns .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

.instagram {
	max-width:inherit;
	margin:8% auto 18.4%;
}

.instagram h2 {
	margin:0 0 8%;
	font-size:200%;
	text-align:center;
}

.instagram h2 span {
	color:#40bdcd;
}

.instagram .slide {
	width:100%;
	max-width:inherit;
	margin:0 auto;
	padding:0 40px;
	box-sizing:border-box;
}

.instagram .slide .bx-wrapper .bx-prev {
	left:-35px;
	background: url(/common/img/insta_ico_prev.png) no-repeat;
	background-size:25px auto;
}

.instagram .slide .bx-wrapper .bx-next {
	right:-35px;
	background: url(/common/img/insta_ico_next.png) no-repeat;
	background-size:25px auto;
} 

.instagram .slide .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 25px;
	height: 25px;
	margin-top:-12px;
	text-indent: -9999px;
	z-index: 999;
}

.instagram .slide ul li a {
	position:relative;
	display:block;
	padding-top:100%;
	text-align:center;
}

.instagram .slide ul li a img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:auto;
	height:auto;
	max-width:inherit;
	max-height:inherit;
	margin:auto;
}

.instagram .slide .btn {
	width:150px;
	margin:5% auto 0;
}

#overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.80);
	z-index:9999;
}

#popup {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	min-width:inherit !important;
	min-height:inherit !important;
	z-index:10000;
}

#popup p {
	position:absolute;
	top:50% !important;
	left:0 !important;
	right:0 !important;
	bottom:inherit !important;
	width:80% !important;
	height:auto !important;
	margin:-50% auto 0 !important;
	padding:0 !important;
}

#popup p span {
	display:block;
	position:relative;
}

#popup .pop_btn {
	position:absolute;
	left:25% !important;
	bottom:0 !important;
	width:49.217% !important;
	margin:0 0 11% !important;
}

#popup .close {
	position:absolute;
	top:-5px !important;
	right:-5px !important;
	width:24px !important;
}

}