﻿
/*
#loading{
    display:none;
}
*/



.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}


/*--all page---------------------------
-------------------------------------*/
:root{
    --color1:#fff4c8;
}

body{
    overflow:hidden;
    font-size: 18px;
    line-height: 1.7;
}
main{
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.svg_box{
    display:none;
}
#footer .txt_white{
    color:#333!important;
}

/*--top page---------------------------
-------------------------------------*/


.top_nav{
    display:none;
}
.menu .nav ul li{
    border-left:0;
}

/*--main_img--*/
.vegas-overlay{
    display:none;
}
.main_img{
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.main_v1, 
.main_v1_2 {
    width: 38vw;
    max-width: 820px;
    left: 50%;
    bottom: 2%;
}
.main_v1{
    z-index:-1;
}
.main_v1_2{
    z-index:2;
}
.main_v2 {
    width: 60vw;
    max-width: 1200px;
    left: 50%;
    top: 5%;
}
.main_v3 {
    width: 90vw;
    max-width: 1840px;
    left: 50%;
    bottom: 40%;
}
.main_v4{
    width: 17vw;
    max-width: 330px;
    left: 15%;
    bottom: 13%;
}
.main_v5{
    width: 16vw;
    max-width: 285px;
    right: 15%;
    bottom: 13%;
}
.main_v6 {
    width: 10vw;
    max-width: 225px;
    left: 9%;
    top: 4%;
}
.main_v7 {
    width: 10vw;
    max-width: 225px;
    right: 4%;
    bottom: 22%;
}
.main_v8 {
    width: 10vw;
    max-width: 225px;
    left: 4%;
    bottom: 22%;
}
.main_v9{
    width: 10vw;
    max-width: 225px;
    right:9%;
    top:4%;
}

.fukidashi_box .box_txt::before{
    content:'';
    position:absolute;
    display:block;
    width:20px;
    height:20px;
    background:url(./Dup/img/fukidashi.png) no-repeat;
    background-size:contain;
    bottom:-20px;
    left:50%;
    transform:translateX(-50%);
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.fukidashi_box .box_q{
	padding-right: 0
}
.fukidashi_box .box_a{
	padding-left: 0
}
.fukidashi_box .con_no{
    top: 13px;
}
}
.intro_txt{
    font-size: 1.5rem;
    font-weight: 500;
}
.intro_txt3{
    font-size: 3rem;
    margin-bottom:70px;
}
.t_cms_txt3,
.t_cms_txt6,
.t_cms_txt9{
    font-size:1.8rem;
}
.t_cms_img1 img,
.t_cms_img2 img,
.t_cms_img3 img{
    border-radius:30px;
}

/*--under page---------------------------
-------------------------------------*/

.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: #f6f5ee;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #222
}

.cms_2-c .box_description1 figure img{
    box-shadow:none;
}

/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.main_img_wrap{
    height:50vh;
}
.main_img {
    background-size: 100% 100%;
}
.main_v1, .main_v1_2 {
    width: 48vw;
    bottom: 0%;
}
.main_v2{
    width: 80vw;
    top: 15%;
}
.main_v3{
    width: 98vw;    
    top: 49%;
}
.main_v4 {
    width: 21vw;
    left: 6%;
    bottom: 8%;
}
.main_v5 {
    width: 18vw;
    right: 7%;
    bottom: 10%;
}
.main_v6{
    top: 24%;
    left: 4%;
}
.main_v7{
    right:4%;
}
.main_v8{
    left:2%;
}
.main_v9{
    top: 24%;
    right:4%;
}
.intro_txt3 {
    font-size: 2rem;
    margin-bottom: 50px;
}
.t_cms_txt3{
    font-size:1.7rem;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.main_img_wrap,
.main_img{
    height:70vh;
    background-repeat:no-repeat;
    background-position:bottom;
}

.main_wrap{
    margin-top:70vh;
}
.main_v1{
    width: 73vw;
    bottom:10%;
} 
.main_v1_2 {
    width: 60vw;
    bottom:7%;
}
.main_v2 {
    width: 95vw;
    top: 29%;
}
.main_v3 {
    width: 98vw;
    top: 53%;
}
.main_v4 {
    width: 26vw;
    left: 2%;
    bottom: 3%;
}
.main_v5 {
    width: 23vw;
    right: 2%;
    bottom: 3%;
}
.main_v6, .main_v9 {
    top: 14%;
}
.main_v6 {
    width: 15vw;
    left: 20%;
}
.main_v7 {
    width: 15vw;
    right: 2%;
    bottom: auto;
    top: 23%;
}
.main_v8 {
    width: 11vw;
    left: 4%;
    bottom: auto;
    top: 28%;
}
.main_v9 {
    width: 16vw;
    max-width: 225px;
    right: 19%;
}

.intro_txt3 {
    font-size: 1.7rem;
}

#top_cms .flow_type3 .box_title1::before{
	top: -70px
}
#top_cms .flow_type3 .box_item {
    padding-top: 36px;
}
.all_page .flow_type3 .box_title1::before{
    left:auto;
    right:0;
}
.intro_txt3 {
    font-size: 1.3rem;
}
}




