﻿@charset "utf-8";
/* CSS Document */

/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ffa500} /* メインカラー */
.txt_color2{color: #FFD18F} /* サブカラー */
.txt_color3{color: #999999} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ffa500} /* メインカラー */
.bg_color2{background-color: #FFD18F} /* サブカラー */
.bg_color3{background-color: #999999} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ffa500}
.border_color2{border-color: #FFD18F}
.border_color3{border-color: #999999}
.border_color4{border-color: #eeeeee}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffa500} /* メインカラー */
.hvr_txt_color2:hover{color: #FFD18F} /* サブカラー */
.hvr_txt_color3:hover{color: #999999} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ffa500} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FFD18F} /* サブカラー */
.hvr_bg_color3:hover{background-color: #999999} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E9E969} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffa500}
.hvr_border_color2:hover{border-color: #FFD18F}
.hvr_border_color3:hover{border-color: #999999}
.hvr_border_color4:hover{border-color: #eeeeee}


/*********************************
ここから個別指定
********************************/
#top_contents1 .catch_txt::before {
	content: url("./Dup/img/welcome.png");
}


#top_contents1 {
         padding: 150px 5% 165px;
}
#header .before {
	background-color: #E9E969;
}
.more .d_block:hover {
	background-color: #E9E969;
}
#top_contents2 {
	background-color: #FFFFEF;
}
#top_info {
    background-color: #FFFFEF;
}
/*.cms_contents {
	background-image: url("./Dup/img/back_pi-ko.png");
	background-repeat: no-repeat;
	position: relative;
        background-position: 570px;
}*/
#top_cms {
	background-image: url("./Dup/img/back_pi-ko_3.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
        background-position-x: 700px, 100px;
	background-position-y: 350px, -20px;
}

.main_2 {
        background-image: url("./Dup/img/back_pi-ko_3.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 600px, 550px;
	background-position-y: 100px, 2500px;
}
.main_3 {
        background-image: url("./Dup/img/back_pi-ko_3.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 600px, 550px;
	background-position-y: 100px, 2550px;
}
.main_4 {
        background-image: url("./Dup/img/back_pi-ko_3.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 600px, 550px;
	background-position-y: 100px, 2500px;
}
#header-nav .icon_1::before {
	content: url("./Dup/img/news_icon_2.png");
        margin-right: 10px;
}
#header-nav .icon_2::before {
	content: url("./Dup/img/about_icon_2.png");
        margin-right: 10px;
}
#header-nav .icon_3::before {
	content: url("./Dup/img/work_icon_2.png");
        margin-right: 10px;
}
#header-nav .icon_4::before {
	content: url("./Dup/img/recruit_icon_2.png");
        margin-right: 10px;
}
#header-nav .icon_5::before {
	content: url("./Dup/img/staff_icon_2.png");
        margin-right: 10px;
}
#fix_menu, 
#header .bg_white {
	background: linear-gradient(to bottom, rgba(249,239,217,1), rgba(251, 246, 235,1));
}
#top_contents2 .con_box .text_box {
    padding: 1em 1.5em;
    margin: 2em 10px;
    background-color: #ffffff;/*背景色*/
    box-shadow: 0 0 0 8px #F1F9E8;/*背景色外側*/
    border: 2px dashed #ffbf7f;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #000000;/*文字色*/
}
#top_contents2 .con_box .text_box p {
    margin: 0; 
    padding: 0;
}
#cms_1-e .bg_color3 {
	    background-color: #ff9e03;
}
.box_wrap .bg_color1 {
    background-color: #999999;
}
#cms_6-b .cate .bg_color3 {
     background-color: #ff9e03;
}
.piko {
    /* background-position-x: -136px; */
    /* background-position-y: 127px; */
    margin: -120px 750px;
}
.inner .btn_box {
         margin-bottom: 0;
}
.yt{width: 800px;}
.video_cms{
	padding-bottom: 50.25%;
	height: 0;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#wrap{min-width: 100%;}
	#top_cms {
		background-image: url("./Dup/img/back_pi-ko.png");
		background-repeat: no-repeat;
		position: relative;
		background-position: 200px;
}
.main_2 {
        background-image: url("./Dup/img/back_pi-ko.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 300px, 400px;
	background-position-y: 280px, 2000px;
}
.main_3 {
        background-image: url("./Dup/img/back_pi-ko.png");
	background-repeat: no-repeat;
	position: relative;
        background-position-x: 300px;
	background-position-y: 280px;
}
.main_4 {
        background-image: url("./Dup/img/back_pi-ko.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 300px, 20px;
	background-position-y: 280px, 1000px;
}
#top_contents2 .text_box {
	background-image: url("./Dup/img/pi-ko.png");
	background-repeat: no-repeat;	
	position: relative;
	background-position-x: 350px;
	background-position-y: 280px;
	}
.yt{width: 100%;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 375px){
	#wrap{min-width: 100%;}
	#top_cms {
		background-image: url("./Dup/img/back_pi-ko.png");
		background-repeat: no-repeat;
		position: relative;
		background-position: 20px 445px;
}
.main_2 {
        background-image: url("./Dup/img/back_pi-ko.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 10px, 20px;
	background-position-y: 200px, 2500px;
}
.main_3 {
        background-image: url("./Dup/img/back_pi-ko.png");
	background-repeat: no-repeat;
	position: relative;
        background-position-x: 10px;
	background-position-y: 200px;
}
.main_4 {
        background-image: url("./Dup/img/back_pi-ko.png"), url("./Dup/img/back_hana_2.png");
	background-repeat: no-repeat, no-repeat;
	position: relative;
        background-position-x: 10px, 20px;
	background-position-y: 200px, 2000px;
}
#copyright {
       font-size: 11px;
}
#cms_6-a li {
       font-size: 13px;
}
#cms_6-a h3 {
       font-size: 18px;
}
#cms_2-a li {
      font-size: 12px;
}
/*#top_contents1 {
	background-image: url("./Dup/img/pi-ko.png");
	background-repeat: no-repeat;	
	position: relative;
	background-position-x: 150px;
	background-position-y: 580px;
}*/
#top_contents1 {
    padding: 50px 5% 165px;
}
.piko {
    /* background-position-x: -136px; */
    /* background-position-y: 127px; */
    margin: -100px 80px 50px;
}
.video_cms {padding-bottom: 56.25%;}
}