/* all page */
/*fonts*/
p{font-size: 17px;}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #bfb2d5;}
/*.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}*/
.txt_color3, .hvr_txt_color3:hover{color: #9d7e61;}
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #bfb2d5;}
/*.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}*/
.bg_color3, .hvr_bg_color3:hover{background-color: #9d7e61;}
/*.bg_color4, .hvr_bg_color4:hover{background-color: #c9baa9}*/

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #bfb2d5;}
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
.border_color3, .hvr_border_color3:hover{border-color: #9d7e61;}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

.overlay {background: linear-gradient(135deg, rgba(191,178,213,0.9) , rgba(157,126,97,0.9) );}

.banner_fix {
    left: 10px;
    z-index: 3;
    /*min-width: 33%;*/
}

/* header */
header #logo {max-width: 150px;}
header.scr_header #logo {max-width: 130px;}
#pc_nav li a {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}
#pc_nav li a::after {
    background: rgba(0,0,0,0.5);
}

/* top ----------------*/

/* main img */
#main_img .main_left{
    top: 20px;
    left: 20px;
    width: 14%;
    max-width: 250px;
    z-index: 1;
}
#main_img .main_right {
    bottom: 20px;
    right: 20px;
    width: 14%;
    max-width: 250px;
    z-index: 1;
}
#top_pc_nav {display: none;}
#main_img .menu .main_logo{
    background-color: transparent;
    background-image: url('./Dup/img/logo_bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#main_img .menu .main_logo a{
    max-width: 230px;
}
#main_img:before {
    background-color: rgba(70,70,70,0.3);
}

/* main */
#top_cms.back1:before {z-index: -1;}
/* intro */


/* contents */
#contents3 .line:before {
    left: 0;
    transform: none;
}
#contents3 .con_box {
    padding: 6% 5%;
}

/* topcms */
#info_contact .con_img:before {
    background-color: rgba(0,0,0,0.3);
}
.topcms_news_type2 .cate_box {
	width: 45.33333%!important;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	 padding: 10px; 
	 border-radius: 20px; 
	 background-color: #f5f5f5; 
}
.topcms_news_type2 .cate_box:nth-of-type(odd) {
	margin-right: 0.3%;
}
.topcms_news_type2 .cate_box:nth-of-type(even) {
	margin-left: 0.3%;
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* footer */
#footer {background-color: #ffffff;}


/* under page */
#page_title:before {
    background-color: rgba(255,255,255,0.4);
}
.btn_container a{padding: 8px 30px;}
.page_btn a{
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
}
.qa_type3 .con_no{
	left: 20px;
	top: 15px
}
.qa_type3 .cate_box .box_title1, .qa_type3 .cate_box .box_txt1{
	min-height: 1.5em
}
.qa_type3 .box_q{
	background-image: url(./Dup/img/icon_q.png);
	background-repeat: no-repeat;
	background-position: top 2px left;
	background-size: 60px
}
.qa_type3 .box_a{
	background-image: url(./Dup/img/icon_a.png);
	background-repeat: no-repeat;
	background-position: top 2px right;
	background-size: 60px
}
.qa_type3 .box_q, .qa_type3 .box_a{
	padding: 0 90px
}
.qa_type3 .box_q .box_title1::before, .qa_type3 .box_a .box_txt1::before{
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(0, 0, 0, 0);
}
.qa_type3 .box_q .box_title1::before{
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 10px;
    border-right-width: 15px;
    margin-top: -10px;
    border-right-color: #bfb2d5;
    right: 100%;
    top: 34px;
}
.qa_type3 .box_a .box_txt1::before{
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 15px;
    border-right-width: 10px;
    margin-top: -10px;
    border-left-color: #9d7e61;
    left: 100%;
    top: 35px;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.qa_type3 .box_q{
	padding-right: 0
}
.qa_type3 .box_a{
	padding-left: 0
}
.qa_type3 .con_no{
    top: 13px;
}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo {opacity: 0;}
.page #logo {
	opacity: 1;
	max-width: 130px;
}
header.scr_header #logo {opacity: 1;}
#main_img .main_left, #main_img .main_right {width: 18%;}
#main_img .menu .main_logo a {
    max-width: 130px;
}
#page_title .page_title_box {
    width: 100%;
    background-color: rgba(191,178,213,0.6);
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
p{font-size: 16px;}
.page #logo {
    max-width: 90px;
}
#banner__fixed .fixed1{
    max-width: 250px;
}
#banner__fixed .fixed1 a {
    padding: 10px;
    line-height: 1.5;
}
header #logo {max-width: 100px;}
header.scr_header #logo {max-width: 90px;}
#main_img .main_left, #main_img .main_right {width: 30%;}
#main_img .main_left {
    top: 10px;
    left: 10px;
}
#main_img .main_right {
    bottom: 10px;
    right: 10px;
}

}