﻿/* all page */
/* color */
.txt_color_nomal,body{color: #464646;}
.txt_color1{color: #0cc377;} /* メインカラー */
.txt_color2{color: #f5f3f6;} /* サブカラー */
.txt_color3{color: #f7b833;} /* アクセントカラー1 */
.txt_color4{color: #b9dbd6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #0cc377;} /* メインカラー */
.bg_color2{background-color: #f5f3f6;} /* サブカラー */
.bg_color3{background-color: #f7b833;} /* アクセントカラー1 */
.bg_color4{background-color: #b9dbd6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #0cc377;}
.border_color2{border-color: #f5f3f6;}
.border_color3{border-color: #f7b833;}
.border_color4{border-color: #b9dbd6}

.hvr_txt_color3:hover {color: #f7b833;}

body, .more a::after, .cate_list li a::after, #page10 ul li a .title::after, #tel_contact > div > .d_inline_b > div p span {
    background-color: #ffffff;
}

.linkStyle{
    color: #0cc377;
}

#wrap{
	overflow: hidden;
}

/* fonts */
header nav li a, .pc_sc_nav.sc ul li a, #intro .intro_title span, #top_cms1 .cms1_title h3, #contents1 #contents1_txt h3, #contents_links h3, .top_cms_box .top_cms_title h3 span, .top_cms_box .top_cms_title p span, .top_cms_box .more a, .mail a, footer .footer_txt p, #copyright, .footer_link li a, #page_title.active h2 span, #page_title.active p span, .cate_list li a, .cate_list li .cate_no, .cate_title, .sub_cate_title, .box_title, .box_title1, a[href^="tel:"], .pager li a {
    font-family: 'Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
.font_serif{
	font-family: 'Zen Maru Gothic', serif;
}


/* top ----------------*/

/* header */
header {
    box-shadow: none;
}

/* main img */
.ani_fadein{
	display: none;
}
.ani {
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: scale(0.6);
  }

  to {
    opacity: 1;
      transform: scale(1);
  }
}

#main_img {
    position: relative;
}
#main_img .catch {
    width: 300px;
	bottom: -20px;
	right: -80px;
	z-index: 1;
}
#main_img .slick {
    box-shadow: none;
	border-radius: 150px;
}
#main_img .slick-nav, #main_img .slick-nav .slick-track{
	display: none;
}

/* main */

/* intro */
#intro::after {
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #0cc377 transparent transparent transparent;
	bottom: -50px;
    left: 50%;
	transform: translateX(-50%);
    background-color: transparent;
}
#intro .intro_title {
    display: none;
}
#intro .intro_txt {
    position: relative;
}
#intro .intro_txt::before {
    content: "";
	background-image: url("./Dup/img/intro.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -25%;
	left: -15%;
	opacity: 0.6;
	transform: rotate(32deg);
}
#intro h3, #contents2 h3 {
    font-size: 30px;
	font-weight: bold;
}
#intro p {
    font-size: 16px;
	position: relative;
}
#intro .intro_img_pc figure {
	border-radius: 30px;
}
#intro .slick_sp{display:block;}
#intro .slick_sp .slick-arrow{display:none!important;}
#intro .slick-dots {padding: 20px 0;}
#intro .slick-dots button{display: none!important;}
#intro .slick-dots li{width: 10px;height: 10px;border-radius: 50%;overflow: hidden;margin: 0 10px;}
#intro .slick-dots li:not(.slick-active){opacity: 0.5;}

/* contents */
#contents1 #contents1_txt{
	box-shadow: none;
	background: none;
	border: none;
}
#contents1 #contents1_txt h3{
	color: #0cc377;
	margin-bottom: 50px;
	font-size: 38px;
}
#contents1 #contents1_txt p{
	color: #0cc377;
	width: 80%;
}
#contents2{
	background-image: url("./Dup/img/border.png");
	background-position: center;
	background-repeat: repeat;
	background-size: 100px;
}
#contents2 figure {
    border-radius: 100px 0 0 100px;
}
#contents1 #contents1_txt p, #contents2 p {
    font-size: 16px;
}

/* topcms */
#top_cms1 .box_img1{
	border-radius: 30px;
}
#top_cms .box_img1{
	border-radius: 30px;
}

/* footer */
#contact_bar {
    background-color: #fff7ed;
}


/* under page */

/* cms1 */

/* cms2 */

/* cms3 */
#cms_3-e .cate_title{
    padding-left: 20px;
}

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img .catch {
		width: 200px;
		bottom: -70px;
		right: 10px;
	}
	#intro .intro_txt::before {
		bottom: -25%;
		left: 0;
		transform: rotate(41deg);
	}
	#intro p {
		background-color: rgba(12,195,119,0.2);
	}
	#contents1{
		padding: 0;
	}
	#contents1 #contents1_txt h3 {
		font-size: 30px;
	}
	#contents2 figure {
		border-radius: 80px;
	}
	#contents2 h3 {
		font-size: 24px;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#main_img .slick {
		border-radius: 50px;
	}
	#main_img .catch {
		width: 130px;
		bottom: -40px;
		right: 6px;
	}
	#intro .intro_img_pc{
		margin: 0;
	}
	#intro .intro_txt::before {
        display: none;
    }
	#cms_3-e .cate_title{
        padding-left: 5px;
    }
	
}

