@charset "utf-8";
/* CSS Document */

/*デザインチェック後修正*/
header.scr_header #logo{max-width: 110px;}
.page #logo{max-width: 200px;}

@media screen and (max-width: 667px){
	.page #logo{max-width: 100px;}
	header.scr_header #logo{max-width: 85px;}
}
.page8 .border_color2{
	border-color: rgba(153,204,204,0.5);
}
/*英語から日本語にホバーで切り替え*/
#pc_nav li,
#top_pc_nav li,
#footer_nav li{
     height: 1.5em;
    text-align: center;
     font-size: 18px;
     letter-spacing: 2px;
}
#footer_nav li{
	font-size: 14px;
}
#pc_nav li span,
#top_pc_nav li span,
#footer_nav li span{
      transition: 0.3s;

}
#pc_nav li a span:nth-child(1), #top_pc_nav li a span:nth-child(1),#footer_nav li a span:nth-child(1){display: block; width: 169px;}
#pc_nav li a span:nth-child(2), 
#top_pc_nav li a span:nth-child(2),
#footer_nav li a span:nth-child(2){
     opacity:0;
     position: relative;
     top: -1.5em;
	width: 169px;
	display: block;
}
#footer_nav li a span:nth-child(2){
	top: -2em;
}
#pc_nav li:hover span:nth-child(1) {opacity: 0;}
#pc_nav li:hover span:nth-child(2) {opacity: 1;}

#top_pc_nav li:hover span:nth-child(1) {opacity: 0;}
#top_pc_nav li:hover span:nth-child(2) {opacity: 1;}

#footer_nav li:hover span:nth-child(1) {opacity: 0;}
#footer_nav li:hover span:nth-child(2) {opacity: 1;}
/*追加バナー*/
.bnr_wrapper{max-width: 150px; margin: 30px auto 0; transition: opacity.3s}
.bnr_wrapper:hover{opacity: 0.8}


/*自動リンク*/
.linkStyle{color: #99cccc; transition: opacity 0.3s}
.linkStyle:hover{opacity: 0.8}



/* color */
body,.txt_color_nomal{color: #51545b;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #99CCCC} /* メインカラー */
.txt_color2{color: #CDB6BC} /* サブカラー */
.txt_color3{color: #FFC8AB} /* アクセントカラー1 */
.txt_color4{color: #FFC8AB} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1,.back2:before{background-color: #99CCCC} /* メインカラー */
.bg_color2{background-color: #CDB6BC} /* サブカラー */
.bg_color3{background-color: #FFC8AB} /* アクセントカラー1 */
.bg_color4{background-color: #FFC8AB} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}
.back1:before{background-color: rgba(153,204,204,0.5)!important; z-index: -1}
.page .back1:before{background-color: rgba(153,204,204,0.2)!important; z-index: -1}
#contents1_wrap{background-color: rgba(244,245,247,0.95);}
#contents3_wrap:after{background-color: rgba(159,236,253,0.5)!important;}
.line:before{background-color: #FFC8AB!important;}
footer.bg_color2,#footer_nav li a::after{background-color: rgba(253,216,196,0.5);}
header.scr_header{background-color: rgba(153,204,204,0.7);}
.top_cms_box{background-color: #fff;}


/* border-color ※!important */
.border_color1{border-color: #99CCCC}
.border_color2{border-color: #CDB6BC}
.border_color3{border-color: #FFC8AB}
.border_color4{border-color: #FFC8AB}


/* 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: #99CCCC} /* メインカラー */
.hvr_txt_color2:hover{color: #CDB6BC} /* サブカラー */
.hvr_txt_color3:hover{color: #FFC8AB} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFC8AB} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #99CCCC} /* メインカラー */
.hvr_bg_color2:hover{background-color: #CDB6BC} /* サブカラー */
.hvr_bg_color3:hover{background-color: #FFC8AB} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FFC8AB} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #99CCCC}
.hvr_border_color2:hover{border-color: #CDB6BC}
.hvr_border_color3:hover{border-color: #FFC8AB}
.hvr_border_color4:hover{border-color: #FFC8AB}


/*ここから個別*/
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{
	height: 1px;
	bottom: 15px;
}
#intro_wrap,#contents3_wrap .con_box,.page main .con_box{box-shadow: 3px 2px 10px rgba(0,0,0,0.05)}

/*#contact_tel a{padding: 20px;}*/


#intro .num{
	top: -90px;
}
#contents2 .num{
	left: 26.5%;
	top: -10px;
}
#contents3 .num{
	top: -100px;
}
#top_pc_nav a,#pc_nav a{
	width: 153px;
	text-align: center;
}
#page4 .border_color3{
	border-color: #FFC8AB;
    color: #ffbe9b;
}
#logo img{width: 70%;}
.page8 .back1:before{background-color: rgba(153,204,204,0.08)!important;}
.page8 #tel_txt h3{color: #99cccc;}
.page8 #tel_txt{border-color: #d4d4d4;}

#page3 #cate1 .cate_box:nth-of-type(2) .box_item:nth-of-type(2),
#page3 #cate1 .cate_box:nth-of-type(3) .box_item:nth-of-type(2),
#page3 #cate1 .cate_box:nth-of-type(4) .box_item:nth-of-type(2){
	background-color: #f7f7f7;
}


/*タブレット*/
@media screen and (max-width: 768px){
	
	/*top*/
	.back2:before{
		background-color: rgba(153,204,204,0.1);
	}
	#intro_wrap .num img,#contents1 .num img,#contents2 .num img,#contents3 .num img{width: 50%;}
	#intro .num{top: -60px;}
	#contents1 .num{left: 46.5%; top: -58px;}
	#contents2 .num{left: 61.5%; top: -35px;}
	#contents3 .num{top: -70px;}
	#contents1_wrap{
		padding-top: 20px;
    	padding-bottom: 20px;
	}
	
	/*下層*/
	#page4 .cate .box_item .box_title1{width: 100%!important;}
	.page back1:before{background-color: rgba(153,204,204,0.08)!important;}
	.page8 #tel_txt h3{color: #99cccc;}
	.nav_menu_more:first-of-type a .icon:before{content: none;}
}


@media screen and (max-width: 667px){
	#logo{max-width: 100px}
	#contents1 .num,#contents2 .num{top: 136px;}
	#contents1 .square_img img, .rectangle_img img,#contents2 .square_img img, .rectangle_img img{top: 87%;}
}



@media all and (-ms-high-contrast: none){
	#pc_nav li, #top_pc_nav li, #footer_nav li{
		max-width: 169px;
	}
}