﻿/* CSS Document */
/* color */
body,.txt_color_nomal{color: #4D4D4D;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #69bbbc;} /* メインカラー */
.txt_color2{color: #efefef;} /* サブカラー */
.txt_color3{color: #69bbbc;} /* アクセントカラー1 */
.txt_color4{color: #f6f5ee;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white;} /* 白背景 */
.bg_black{background-color: black;} /* 黒背景 */
.bg_color1{background-color: #FFD1DB;} /* メインカラー */
.bg_color2{background-color: #FFF7F9;} /* サブカラー */
.bg_color3{background-color: #69bbbc;} /* アクセントカラー1 */
.bg_color4{background-color: #f7f6dc;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important;}


/* border-color ※!important */
.border_color1{border-color: #FFD1DB;}
.border_color2{border-color: #efefef;}
.border_color3{border-color: #69bbbc;}
.border_color4{border-color: #FFFEDD;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #000;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #FFD1DB;} /* メインカラー */
.hvr_txt_color2:hover{color: #efefef;} /* サブカラー */
.hvr_txt_color3:hover{color: #69bbbc;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f7f6dc;} /* アクセントカラー2 */

header.clone-nav {
    background-color: rgba(242,169,185,70%);
}

.header a {
    color: #583f0c;
}

#sp_kc{
	width: 1000px;
	z-index: 4; 
	position: absolute;
	top:67%;
	left: 73%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	filter:drop-shadow(0px 0px 6px #606060);
}

#nav_menu img{
    width: 100%;
}

.menu ul{
    background-color: rgba(255,255,255,0.9)!important;
}

.menu li{
    font-size: 22px;
}

.top_loader .loader_txt {
    color: #583f0c;
} 

.top_loader .logo img {
    width: 30%!important;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#tel_contact.txt_white{
    color: #4D4D4D;
}

.marker {
    background: -webkit-linear-gradient(transparent 60%, #fff9cb 60%);
    background: -o-linear-gradient(transparent 60%, #fff9cb 60%);
    background: linear-gradient(transparent 60%, #fff9cb 60%);
}

#question .txt:before {
    background-color: #efefef;
}

#question .txt{
width: 47%;
padding-left: 50px;
margin-right: 5%;
box-sizing: border-box;
}
#question .txt .check{
position: absolute;
left: 0;
}

.etc{
    text-align: right;
}

.page10 .content_wrap a {
    width: 29% !important;
}

.cms_link{
    top: 11%;
}

.cms_link_box .txt_white {
    color: #583f0c;
    font-size: 25px;
}

@media  screen and (max-width: 768px){
#question .txt{
width: 100%;
padding-left: 40px;
margin-right: 0;
}
#question .txt .check{
width: 30px;
height: 30px;
top: -3px;
}

#question .font_2up_sp{
        font-size: calc(1rem + 12px);
}

#sp_kc{
	width: 445px;
	top: 70%;
    left: 70%;
}

.cms_link {
    top: auto;
    bottom: 85px;
}

#catch{
    background-image: url(./Up_Img/72/exntsd30.jpg)!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left -319px;
}
}

@media  screen and (max-width: 667px){
#question .txt{padding-left: 35px;}
#question .txt .check{
width: 25px;
height: 25px;
top: 7px;
left: 2px;
}

#sp_kc {
    width: 230px;
    top: 80%;
    left: 50%;
}

.cms_link {
    bottom: 0;
}

.page-top {
    bottom: 80px;
}

.top_cms_box.cms1 .sub_title ,.top_cms_box.cms1 .sub_title span{
    line-height: 1.2;
}
.top_cms_box.cms1 .sub_title span{
    display: inline-block;
}
#question .font_2up_sp{
        font-size: calc(1rem + -1px);
}

#catch{
    background-image: url(./Up_Img/72/exntsd30.jpg)!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left -735px;
}

.page7 .font_2up_tb {
    font-size: 15px;
}

#copyright.font_4dw {
    font-size: 11px;
}

.page10 .content_wrap a {
    width: 25% !important;
}
.more_box .more_txt1,.more_box .hover{font-size: 14px;}
.more_box:hover .more_txt1{margin-left: 60px;}
.more_box:hover .hover{left: -155px;}

.top_cms_box.cms1{
        flex-direction: column;
}
}