/*
#fakeloader{
    display:none;
}
*/


/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#555;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

.font_14{
    font-size:18px;
}
body{
    overflow:hidden;
    line-height:2;
    font-size:17px;
}
header #logo{
    max-width:200px;
}
#main_menu ul li a{
    font-size: 20px;
    padding:5px 0;
}
.pc_box .tel_bt a,
.pc_box .head_banner a{
    width:90%;
    margin:auto;
    border-radius:30px;
}
.pc_box .tel_bt a{
    margin-bottom: 10px;
}
.more a,
.foot_tel_bt a{
    border-radius:30px;
}
.time{
    background-color: #f6f6f2;    
}
.time .week li:nth-child(7){
    padding-top:6px;
}


/*--top page---------------------------
-------------------------------------*/
#video video {
    width: 100%!important;
    height: auto;
}
.catch {
    width: min(30vw,900px);
    bottom: 15%;
    left: 7%;
    z-index: 2;
}
.item1{
    width:min(13vw,220px);
    bottom:-3%;
    right:5%;
    z-index:2;
}
.item2 {
    width: min(7vw,220px);
    top: -4%;
    left: 5%;
    z-index: 2;
    transform: rotate(342deg);
}
.img5,.img6,.img7{
    border-radius: 30px;
    overflow: hidden;
}
#contents2 p b{
    color: #7c644e;
}
.txt8_bnr{
    border-radius:30px;
}
.cms_title p{
    border-bottom:0;
}
.cms_1-a .box_img1{
    border-radius:20px;
    overflow:hidden;
}


/*--under page---------------------------
-------------------------------------*/

#cms_6-a .cate_img1{
    height:400px;
}
.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}

.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
}



/* ---------- responshive ---------- */
@media screen and (max-width: 1700px){
header{
    padding-top:20px!important;
}
header #logo{
    max-width:180px;
}
#main_menu{
    margin-top: 20px;
    margin-bottom: 20px;
}
}


@media screen and (max-width: 1550px){
#main_menu ul li a {
    font-size: 14px;
    padding: 5px 0;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header {
    padding-top: 10px!important;
}
header #logo {
    max-width: 300px;
}
.hamburger {
    top: 22px;
}
.pc_box .head_banner a{
    border-radius: 10px 10px 0 0;
}
.catch {
    width: min(44vw,900px);
    bottom: 10%;
    right: auto;
    left: 2%;
    z-index: 2;
}
.item1 {
    width: min(20vw,220px);
}
.item2 {
    width: min(13vw,220px);
    top: 0%;
}
footer {
    padding: 100px 5%;
}
#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.font_14 {
    font-size: 16px;
}
header #logo {
    max-width: 220px;
}
.hamburger {
    top: 12px;
}
#contents1 {
    padding: 80px 10% 100px;
}
#contents2 {
    padding: 80px 10% 100px;
}
.item1 {
    width: min(27vw,220px);
    bottom: -1%;
}
.item2 {
    width: min(18vw,220px);
}
.time .week li{
    font-size: calc(1rem - 2px);
}
.time .week li:nth-child(7) {
    padding-top: 0;
}

#cms_2-g .cate_title{
    font-size: 1.5em;
}

.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}