@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Quicksand:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');

body, .font_sans-serif, .font_en{font-family: 'Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

@font-face {
font-family: "jun2";
  src: url("./Dup/jun2.ttf") format("ttf"),url("./Dup/jun2.eot") format("eot"),url("./Dup/jun2.woff") format("woff"),url("./Dup/jun2.woff2") format("woff2");
}
body, .font_sans-serif, .font_en{font-family: 'Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

#pc_intro .fs_wrap h2, #contents h3 span, #contents2 h3 span, #pc_news h3, #page_title h2 span{
	font-family: 'RocknRoll One', "jun2", 'Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	font-weight: normal;
}


/* ----------　all　---------- */
#wrap, #main_right, #main_right header, #main_left, #pc_intro, #contents, #pc_news, #map {border: none;}
#footer_txt .tel {
    background: #ff8556;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 26px;
    transition: all 0.3s;
}

/* ----------　color　---------- */
.linkStyle{color: #4cd2ba;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}

body,.txt_color_nomal{color: #333;}
.txt_color1{color: #4cd2ba;} /* メインカラー */
.txt_color2{color: #4cd2ba;} /* サブカラー */
.txt_color3{color: #877850;} /* アクセントカラー1 */

.bg_color1{background-color: #ffffff;} /* メインカラー */
.bg_color2{background-color: #ffffff;} /* サブカラー */
.bg_color3{background-color: #fbfbfb;} /* アクセントカラー1 */
#pc_menu .bg_color3{
	background-color: #7ce2d0;
}
#link .bg_color1{
	background-color: #ff8356;
}
#link .link_txt {
	color: #fff;
    font-weight: bold;
}

.border_color1{border-color: #ff8556;}
.border_color2,.top header{border-color: #f9f1dc!important;}
.border_color3{border-color: #6ed8c5;}
.border_color4{border-color: #ffffff;}

.hvr_txt_color1:hover{color: #dddddd;} /* メインカラー */
.hvr_txt_color2:hover{color: #6ed8c5;} /* サブカラー */
.hvr_txt_color3:hover{color: #877850;} /* アクセントカラー1 */

.hvr_bg_color1:hover{background-color: #dddddd;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #6ed8c5;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #877850;} /* アクセントカラー1 */

.hvr_border_color1:hover{border-color: #dddddd;}
.hvr_border_color2:hover{border-color: #6ed8c5;}
.hvr_border_color3:hover{border-color: #877850;}



/* ----------　チェック柄　---------- */
.ccc{
	background-image: repeating-linear-gradient(45deg, rgb(255 77 77 / 0.24), rgb(255 77 77 / 0.24) 50px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100px), repeating-linear-gradient(315deg, rgb(255 127 127 / 0.24), rgb(255 127 127 / 0.24) 50px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100px);
    background-color: #fff3f1!important;
}


/* ----------　共通部分　---------- */
.linkStyle{
	color: #6ed8c5;
}
.linkStyle:hover{
	color: #6ed8c5;
	opacity: 0.7;
	transition: all 0.5s;
}
header{
	border-color: #6ed8c5!important;
	background: url( "../dup/bg01.png" ) center top / 100% auto no-repeat;
}
#top_header{
	background-color: transparent!important;
}
.top header h1.grid_6{
	width: 55%!important;
	margin-bottom: -15px;
}
header h1{
	margin-bottom: -42px!important;
}
#menu_bt{
	background-color: #3b9ada;
}
#pc_tel{
	margin-bottom: 59px;
}
#pc_tel a{
	color: #6ed8c5;
}
footer{
	background-color: #6ed8c5!important;
}
#footer_txt{
	color: #333;
}
#footer_txt a{
	color: #fff;
}
.cate_list li{
	border-color: #fff!important;
	/*border: none;*/
}
.cate_list li a {
    background-color: #ff8556;
    padding: 10px 15px;
    color: #ffffff;
	text-align: left;
	border-radius: 3px;
}
#scroll{
	background-color: #3b9ada;
}
#top_return.retop {
	background-color: #6ed8c5;
}



/* ----------　contents2追加　---------- */
#contents2 {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20vh 0;
}
#contents2::after {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#contents .fs_wrap{
	padding-bottom: 80px;
    padding-top: 80px;
}
#contents2 .fs_wrap {
    position: relative;
    z-index: 1;
    padding-bottom: 80px;
    padding-top: 80px;
}
#contents2 h3, #contents2 figure {
    margin-bottom: 20vh;
}



/* ----------　TOP　---------- */
/*#wrap.top #main_right header {
    padding-top: 70px;
}*/
header #top_link .links_bt{
	width: 57%!important;
	max-width: 530px;
	position: relative;
	text-align: center;
}
header #top_link .links_bt::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../dup/touch_item.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: absolute;
    left: 0;
    bottom: 0;
}
header #top_link .links_bt img{
	width: 80%;
}
header #top_link .links_bt{
    animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
}
@keyframes fuwafuwa {
	0% {transform: translate(0, 0px);}
	100% {transform: translate(0, -10px);}
}

#pc_intro .bg_color2{
	background-color: rgba(255,255,255,0.75);
}
#pc_intro .fs_wrap{
	padding: 161px 0 80px;
}
#pc_intro .width_30per {
    width: 79%!important;
    max-width: 624px;
}
#pc_intro .fs_wrap h2,#pc_intro .fs_wrap p,#contents .box_txt p,#contents2 .box_txt p{
	opacity: 1;
}
#pc_intro .fs_wrap h2 {
    color: #6ed8c5;
    font-size: 29px;
}
#pc_intro{
	background-image: url(./Dup/pc_intro_bg_top.png), url("../dup/pc_intro_bg.jpg");
    background-size: 100% 85px, cover;
    background-position: top center, center;
    background-repeat: no-repeat;
}
/*#pc_intro .fs_wrap div{
	background-color: #6ed8c5;
	color: #fff;
}*/
#pc_intro img{
	border-radius: 10px;
}
#intro #intro_wrap #intro_txt{
	color:#333!important;
}
#intro #intro_wrap div{
	background-color: #6ed8c5!important;
}
#contents, #contents2 {
	padding: 5vh 0!important;
	margin-bottom: 0px;

}
#contents::after{
    background-color: rgba(255,133,86,0.56)!important;
}
#contents2::after{
    background-color: rgba(255,255,255,0.70)!important;
}
#contents h3, #contents2 h3 {
    margin-bottom: 99px!important;
}
#contents h3 span, #contents2 h3 span{
	text-align: center!important;
	color: #fff;
	text-shadow: none;
	line-height: 1.8;
	display: inline-block;
	position: relative;
	font-weight: normal;
	font-size: 29px;
	letter-spacing: 2px;
}
#contents h3 span:before, #contents2 h3 span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 70px;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #fff;
}
#contents2 h3 span{color: #4cd2ba;}
#contents2 h3 span:before{background-color: #4cd2ba;}

#contents .box_txt, #contents2 .box_txt {
    background-color: rgba(255,255,255,0.66);
}
/*#contents .box_txt{
	color: #fff;
}*/
#info_box dl{
	border-color: #6ed8c5;
}
#info_box dt{
	color: #6ed8c5;
}
#pc_tel img {
    width: 46px;
    height: auto;
    background-color: #6ed8c5;
    border-radius: 50%;
    vertical-align: text-top;
    margin-right: 11px;
}
#pc_news{
	/*background-image: linear-gradient(#f2f2f2 1px, transparent 0), linear-gradient(90deg, #f2f2f2 1px, transparent 0);
	background-size: 40px 40px;*/
	padding-top: 100px;
}
/*#pc_news h3{
	position: relative;
    padding-top: 40px;
}
#pc_news h3::before {
    content: '';
    display: inline-block;
    width: 192px;
    height: 43px;
    background-image: url(../dup/news_title.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: -1px;
    top: -15px;
}*/



/* ----------　下層ページ　---------- */
#page_title {
	background-image: url(./Dup/pc_intro_bg_top.png), url("../dup/pc_intro_bg.jpg");
    background-size: 100% 85px, cover;
    background-position: top center, center;
    background-repeat: no-repeat;
    padding-top: 93px;
}
#page_title figure{
	 margin-bottom: 0;
}
#page_title h2 span{
	text-shadow: none;
	color: #fff;
	display: inline-block;
	position: relative;
}
.pager li a {
	color: #333;
}
.pager li a:hover {
	color: #6ed8c5;
}
#page8 .caution_box{
	border-color: #6ed8c5;
}
#page8 .tel_btn a{
	color: #6ed8c5;
}
#page8 input{
	border-color: #6ed8c5!important;
}
#page8 textarea{
	border-color: #6ed8c5!important;
}
#page8 #submit input{
	border-color: #6ed8c5!important;
	background-color:#6ed8c5!important;
	color:#fff!important;
}
#page9 #top_txt{
	background-color: #6ed8c5;
}
#page9 .box_wrap p a{
	background-color: #6ed8c5;
}
#page10 ul li {
    background-color: #fbf5e7;
    border-color: #eaa3a4!important;
}
#page10 ul li a{
	color: #ff8556;
}



/* ----------　cms　---------- */
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 22px;
    text-align: left;
    padding-left: 63px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    color: #333;
    font-weight: bold;
    position: relative;
    border-bottom: 4px dotted #6ed8c5;
    box-sizing: border-box;
}
.cate_title::before {
    content: '';
    display: inline-block;
    width: 59px;
    height: 46px;
    background-image: url(../dup/item01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: -7px;
}
#cms_6-a .box_wrap{border: 1px solid;border-color: #ff8556;}
#cms_6-a .cate_box{border-color: #ff8556;}
#cms_6-c .circle{background-color: #ff8556;}
#cms_6-c .arrow{border-color: #ff8556;}
#cms_6-c .box_title{
	border-color: #ff8556;
    color: #333;
}
#pc_tel img{transform: translateY(4px);}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_list li a{padding: 15px 15px 8px!important}
#cms_5-c .box_title1::before{top: 8px!important;}
#contact_tel a{padding-bottom: 33px!important;}
#page9 .box_wrap .box p a{padding-top: 12px!important;}
#page10 ul li a{padding-top: 17px!important;}
}

@media screen and (min-width: 769px){
header, #page_title, #page_container {
    padding-left: 50px!important;
	padding-right: 50px!important;
}
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#main_menu img{width: 85%}
#main_right{padding-bottom: 113px;}

header{background: none;}
#top_header{background: url(../dup/bg01.png) center top / 100% auto no-repeat;}

header h1 {
    margin-bottom: -57px!important;
}
.top header h1.grid_6{
	width: 50%!important;
	margin-bottom: -9px!important;
}
#wrap.top #main_right header {
    padding-top: 0;
}
header h1.grid_6 {
    width: 50%!important;
	margin-bottom: 0;
}
header #top_header .tel_bt a, header #top_header .intro_bt a {
	background-color: #6ed8c5;
}
header.border_color2{
	border-bottom: none
}
/*#sp_info {
	background-image: linear-gradient(#f2f2f2 1px, transparent 0), linear-gradient(90deg, #f2f2f2 1px, transparent 0);
	background-size: 40px 40px;
}
*/
#intro .overflow{
	top: 3%;
}
#sp_info h3{
	color: #6ed8c5;
}
#sp_info p{
	color: #333;
}
#news{
	background-color: #6ed8c5;
}
#main_menu{
	border-color: #f9f1dc;
	/*background-color: rgba(59,154,218,0.68)!important;*/
}
#main_menu p{
	background-color: #3b9ada;
}
#top_header{
	background-color: rgba(255, 255, 255, 1)!important;
}
header #top_link .links_bt{
	width: 54%!important;
	animation: none;
}
#intro .bg_wrap{
	background-image: url(../dup/sp_intro_bg.jpg);
    background-size: cover;
	background-position: center;
	/*background-color: rgba(161,204,208,0.78)!important;*/
}
#contents h3 span, #contents2 h3 span{
	font-size: 27px;
}
#pc_news {
    background-color: rgba(255,255,255,0.9)!important;
}
#sp_info .tel a{color: #6ed8c5;}
	
/* ----------　contents2追加　---------- */
#contents2 {
    padding: 10vh 0;
    margin-bottom: 20vh;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#main_menu img{width: 90%}
#main_right{padding-bottom: 86px;}

header h1 {
    margin-bottom: -3px!important;
}
#contents .fs_wrap, #contents2 .fs_wrap{
	width: 90%!important;
	padding-top: 50px;    
	padding-bottom: 50px;
}
#pc_news{
	padding-top: 50px;    
	padding-bottom: 50px;
}
#pc_news .txt_color2{
	color: #6ed8c5!important;
}
#pc_news .border_color2{
	border-color: #6ed8c5!important;
}
#pc_news h4{
	color: #333!important;
}
#contents h3, #contents2 h3 {
	margin-bottom: 80px!important;
}
header #top_link .links_bt{
	width: 73%!important;
	max-width: 270px;
}
#contents h3 span, #contents2 h3 span{font-size: 18px;}
#page_title{background-size: 100% 49px, cover;padding-top: 52px;}
}