﻿@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=Varela+Round&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/* ----------　all　---------- */
.linkStyle{
	color:#F99170;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#F99170;
	opacity: 0.7;
	transition: all 0.5s;
}

body,.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {
    font-family: 'Varela Round','Zen Maru Gothic'!important;
}

#wrap {
    background-image: url('/Dup/img/body-bg.png');
}

/* nav */

header {
        background-color: rgba(255,255,255,0.9);
}

/* footer */

.tel span a {
    color:#F99170;
}

#bottom_menu nav ul li a {
    font-weight: bold;
}

footer > div {
    background-color: transparent!important;
}

#foot_banner {
    width: 380px;
}

#foot_banner a {
    padding: 0px;
}

/* ----------　TOP　---------- */

/* main-img */

#main_img .main_img_wrap:before {
    background-color: rgba(255,255,255,0.5);
}

#main_img {
    padding-top: 75px;
}

#main_img .main_logo {
    top: 45%;
}

.main_copy {
    z-index: 3;
    top: 55%;
}

.main_copy h2 {
    font-weight: bold;
    color: #66523A;
    font-family: 'Kaisei Decol', serif;
    text-align: center;
    line-height: 1.2;
}

/* top */

#intro h2 span.border,#contents .con_box h3 span.border {
    display: none;
}

#intro h2 {
    margin-bottom: 60px;
}

#intro_bg {
    background-image: url('/Dup/img/body-bg.png');
    background-color: #D7B98A;
    padding-top: 100px;
    padding-bottom: 100px;
}

.top_cms_box {
    position: relative;
}

.top_cms_box::before, #top_cms::before {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    top: -49px;
    left: 0;
background: rgb(244,233,219);
background: linear-gradient(to top, rgba(244,233,219,1) 0%, rgba(244,233,219,1) 20%, rgba(244,233,219,0) 100%);
}

.intro-inner {
    border-radius:100px;
    box-shadow: 0 0 10px 10px #fffcf8;
    background-color: #fffcf8;
}

.intro_wrap{
    align-items: flex-start;
}

.line {
    border-bottom: 3px solid #F99170;
}

#contents .con_box {
    border-radius: 0;
    margin-bottom: 150px;
}

.con_txt {
    padding: 6px;
}

.con_txt_wrap {
    border-radius: 100px;
    box-shadow: 0 0 10px 10px #fffcf8;
    background-color: #fffcf8;
}

.fadein:nth-of-type(3) .con_box .con_txt_wrap {
    padding: 85px;
}

.con_txt_wrap h3 {
    padding-bottom: 5px;
}

#contents .con_box .con_img,#contents .fadein:nth-of-type(2) .con_box .con_img {
    border-radius: 100px;
    z-index: 1;
}

.con-ul {
    width: 70%;
    margin: auto;
}

.con-ul li {
    padding: 10px 10px 10px 40px;
    background-image: url(Dup/img/check.png);
    background-repeat: no-repeat;
    background-position: left top 10px;
    margin-bottom: 5px;
}

/*con-item-img*/

#contents .con_box .con_item1, #contents .con_box .con_item2 {
    width: 150px;
    height: 150px;
}

#contents .fadein:nth-of-type(1) .con_box .con_item1 {
    right: 5%;
}

#contents .fadein:nth-of-type(2) .con_box .con_item2 {
    left: 5%;
    bottom: -25%;
    transform: rotate(10deg);
}

.con-item3-l {
    width: 180px;
    bottom: -2%;
    left: 0;
}

.con-item3-r {
    width: 180px;
    bottom: -2%;
    right: 0;
}

/* top-cms */

.top_cms_box .cms_title h2 {
    line-height: 1.5;
}

#cms_5-d .box_title1:before, .cms_5-d .box_title1:before {
    border-color: #F4E9DB transparent;
}

/* ----------　下層ページ　---------- */

.svg_wrap {
    display: none;
}

.cms_box {
    padding: 5%;
    border-radius: 50px;
    box-shadow: 0 0 10px 10px #fffcf8;
    background-color: #fffcf8;
}

#cms_5-d .box_title1:before, #cms_5-d .box_title1:after {
    display: none;
}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
.drawer-hamburger {
    display: inline-block;
}

.menu_bt {
    margin-top: 5px;
}

#logo {
    width: 40%!important;
}

header {
    padding-bottom: 5px;
}

.intro-inner {
    border-radius: 50px;
}

#intro .intro-inner h2 {
    margin-bottom: 15px;
}

#contents .fadein:nth-of-type(2) .con_box .con_item2 {
    left: 5%;
    bottom: -15%;
}

.con_box {
    row-gap: 25px;
}

#contents .con_box .con_img, #contents .fadein:nth-of-type(2) .con_box .con_img {
    border-radius: 20px!important;
}

.con-ul {
    width: 100%;
}

.con-item3-l, .con-item3-r {
    bottom: -30%;
    width: 135px;
}

#copyright {
    padding-bottom: 110px;
}

}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
header {
    padding-bottom: 0;
}
    
#logo {
    padding-top: 15px;
}
    
#main_img {
    padding-top: 65px;
}
    
.menu_bt {
    margin-top: 0;
    padding-bottom: 0;
}
    
.intro-inner {
    padding: 50px 2%;
}
    
.con_txt_wrap {
        border-radius: 50px;
}
    
.fadein:nth-of-type(3) .con_box .con_txt_wrap {
    border-radius: 50px;
    padding: 20px;
}
    
#contents .fadein:nth-of-type(1) .con_box .con_item1 {
    bottom: -11%;
}
    
.con-item3-l, .con-item3-r {
    width: 100px;
}
.con-item3-l {
    left: 15%;
}

.con-item3-r {
    right: 15%;
}
#foot_banner {
    width: 75%;
    right: 75px;
}

#page_title h2 span {
    font-size: 25px;
}

.cms_box {
    padding: 6%;
}
    
}