@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap');
@font-face {
font-family: "Utsukushi_min";
  src: url("./Dup/img/Utsukushi_min.ttf") format("ttf"),url("./Dup/img/RM1c_b.eot") format("eot"),url("./Dup/img/Utsukushi_min.woff") format("woff"),url("./Dup/img/Utsukushi_min.woff2") format("woff2");
}

.font1,
#page_title h2{font-family: "Utsukushi_min","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight:bold;
}

.font2,
#page_title p,
#header-nav li a .txt_color1,
#side_info h2,
.more a,
.cms_title p{
    font-family: 'Quicksand', sans-serif;
}

/*
#side_contact{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/

.linkStyle{
    color:#bed10b;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    line-height:2;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    overflow:hidden;
}
#fakeloader{
    background-color: #bed10b!important;
}
header{
    background-color: #efefef!important;
}
header .d_flex{
    padding-bottom:10px;
}
header #logo{
    max-width:250px;
}
#header ul li,
#footer_menu ul li{
    border-left:0;
    border-right:0;
}
#header{
    box-shadow:none;    
}
#header.is-fixed{
    background-color:rgba(255,255,255,0.8)!important;
}

#side_contact{
    border:0;
}
#side_info{
    border:0;
    background-color:#f3f3f3;
}
#side_info figure{
    border:0;
}


#side_contact {
    position: fixed;
    top: 1%;
    right: 1%;
    z-index: 1000;
    padding: 0;
}
header .mail_bt,
header .tel_txt{
    display:none;
}

footer .bg_color4{
    border-top: 0;
    border-bottom: 0;
    background-color: #efefef;
}


/*--top page---------------------------
-------------------------------------*/
#main_img{
    border-top:0;
    position:relative;
}
#main_img:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    top:0;
    left:0;
    z-index:1;
}
.catch {
    z-index: 1;
    top: 40%;
    right: 10%;
    width: 700px;
}
.intro{
    height:700px;
}
.intro_txt{
    width:43vw;
    max-width: 700px;
    top: 0;
    left: 0;
}
.owner{
    width: 250px;
    bottom: 30px;
    right: 0;
}
.con1 h2,
.con2 h2{
    position:relative;
}
.con1 h2:before,
.con2 h2:before{
    content: '';
    position: absolute;
    display: block;
}

.con1 h2:before{
    width: 200px;
    height: 100px;
    background: url(./Dup/img/con1_sub.png) no-repeat;
    background-size: contain;
    top: -70px;
    left: -25px;    
}
.con2 h2:before {
    width: 250px;
    height: 150px;
    background: url(./Dup/img/con2_sub.png) no-repeat;
    background-size: contain;
    top: -60px;
    left: -50px;
}

#side_info .logo{
    width:100%!important;
    text-align:center;
}
/*side_news*/
.side_news .cms_title{
    text-align:center;
}
.side_news .cate_box {
    width: 100%!important;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.side_news figure{
    display:none;
}



/*--under page---------------------------
-------------------------------------*/
#page_title{
    border-top:0;
}
.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .box_title1::before {
	content: "0"counter(box);
	font-size: 86px;
	color: #ebebeb;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #222
}

#page8 .bnr_box .htb a img{
    border-color:#893253;
}

/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){
 .con1 h2{
     letter-spacing: -1px;
 }   
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{
    background-color: rgba(255,255,255,0.5)!important;
    box-shadow: none!important;
}
header #logo {
    max-width: 200px;
}
.hamburger{
    right:13px;
}
#side_contact h2,
#side_contact .tel_txt{
    display:none;
}
#side_contact {
    top: 5%;
    right: 3%;
}
.catch {
    top: 55%;
    right: 10%;
    width: 350px;
}
.intro_txt {
    width: 550px;
    left: 5%;
}
.owner {
    width: 200px;
    right: 9%;
}
.con2 h2:before{
    left:-23px;
}
#side_info .logo{
    width:50%!important;
}
.footer_txt{
    text-align:center;
}
#page_title h2{
    font-size:25px;
}
.width_80_tb{
    width:80px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

header #logo {
    max-width: 250px;
}
.hamburger {
    right: -16px;
}
#main_img {
    padding-top: 80px;
}
.catch {
    top: 57%;
    right: 0%;
    width: 270px;
}
.intro {
    height: 600px;
}
.intro_txt {
    width: 415px;
    left: -17%;
}
.owner {
    width: 170px;
    right: -14%;
    bottom: 0;
}
.con1 h2:before{
    top: -77px;
    left: -18px;
}
.con2 h2:before{
    width:200px;
    top:-50px;
}
#side_contact{
    padding:0;
    top: 8%;
    right: 2%;
}

.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
#page-top {
    bottom: 10px!important;
}
}