@charset 'utf-8';

/* ============
 共通
========================= */
body {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    font-style: normal;
    font-size: .9rem;
	color: #4C4C4C;
	margin: 0px;
}
.wrap {
    overflow: hidden;
}
#cont1, #cont3, #cont4, #cont5, #cont6, #cont7,
#cont8, .cont9, #company, header, .footer, .g_navi, .main_img_under {
    transform: rotate(.03deg);
}


.gothic {
    font-family: "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "MS PGothic", "vdl-v7gothic", sans-serif;
    transform: rotate(.03deg);
}
.title_font{
    font-family: 'Cinzel', serif;
    transform: rotate(.03deg);
}
li {
    list-style: none;
}
a {
    color: #595757;
}
a:hover {
    opacity: .7;
}
hr {
    margin: 0;
}
.container{
    padding: 0;
}
.main_color {
    color: #b6a871;
}


/* ============
 header
========================= */
.header {
}
.g_navi	{
	line-height: 1.1;
    letter-spacing: .2rem;
}
.g_navi	li {
    width: calc(100% / 6);
    line-height: 1.5;
    font-size: 0.75rem;
    letter-spacing: .1rem;
}
.g_navi	a {
    font-size: .9rem;
    text-decoration: none;
}
.g_navi	a:hover {
    opacity: .7;
}
.navi ul li {
    padding: .1rem;
}
.h_contact a {
    color: #fff;
    background: #b5a871;
    border-radius: 6px;
    width: 100%;
    display: block;
    font-size: .8rem;
    padding: .2rem;
    letter-spacing: .2rem;
}
.navi ul li {
    padding: 0.2rem;
}
.main_img {
    /*background-image: url(../img/main_img1.png);
    background-size: 100%;
    background-repeat: no-repeat;*/

   /* -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/main_img1.png) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    padding-top: 62.5%;*/
    position: relative;
}

.top_mitsumori {
    position: absolute;
    bottom: 1rem;
    left: -50%;
    right: -50%;
}

.main_img p {
    margin: 0;
}
.main_img_under {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #9d884e;
    font-weight: bold;
    letter-spacing: .2rem;
}

/* ============
 cont1
========================= */
 #cont1 {
    background-image: url(../img/c1_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
 }

#cont1 li {
    margin: auto;
 }
.main_catch {
    font-size: 2.8rem;
    letter-spacing: .9rem;
    line-height: 1;
}
.main_catch_under {
    font-size: 1.4rem;
    letter-spacing: .2rem;
    font-weight: bold;
}

/* ============
 cont3
========================= */
.c3_concept {
    line-height: 2rem;
    letter-spacing: .2rem;
    font-weight: bold;
}
.c3_concept span {
    display: none;
}
.c3_box {
    border: solid #4f4f4f 1px;
}
.c3_box_title {
    color: #9d884e;
    font-size: 1.8rem;
    letter-spacing: .4rem;
}
.c3_box_explanation {
    font-size: .9rem;
}
.c3_box_price {
    font-size: 1rem;
}
.c3_box_price span {
    color: #9d884e;
    font-size: 1.4rem;
    letter-spacing: .2rem;
    font-weight: bold;
}


/* ============
 cont4
========================= */
.c4-out {
    background-image: url(../img/c4_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.c4-out p {
    font-size: 1rem;
    color: #fff;
}
.c4-out span {
    font-size: 1.4rem;
}

/* ============
 cont5
========================= */
#cont5 {
    background: #e9e4da;
}
#cont5 p {
    font-size: 1rem
}
#cont5 span {
    font-size: 1.8rem;
}
/* ============
 cont6
========================= */
#cont6 dl {
    border-bottom: dotted 4px #666!important;
}
#cont6 dt {
    font-size: 1.4rem;
    letter-spacing: .2rem;
    line-height: 3;
}
#cont6 dd {
    font-size: 1rem;
    letter-spacing: .2rem;
}

/* ============
 cont7
========================= */
 #cont7 {
    background: #e9e4da;
 }

.blog_link {
    border: solid #666 1px;
    color: #666;
}

.blog .blog-anchor {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.blog_link  {
    width: 25%;
}
 #cont7 .thumbnail img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.blog {
  position: relative;
  overflow: hidden;
  width: 300px;
}
.blog .title {
  position: absolute;
  bottom: -60px;
  left: 0;
  z-index: 2;
  width: 92%;
  height: 60px;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  margin: 0 4%!important;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: .2rem;
}
.blog:hover .title {
  bottom: 0;
}



/* ============
 cont8
========================= */
.company_bg {
    background: #efefef;
}
.company_bg p {
    font-size: 1rem;
    letter-spacing: .2rem;
    line-height: 1.5rem
}
.company_bg span {
    font-size: 1.6rem;
    letter-spacing: .2rem;
}


/* ============
 footer
========================= */
.footer {
    background: #005e40;
    color: #fff;
    position: relative;
}
.f_message1 {
    border: solid #fff 1px;
    font-size: 1.3rem;
    width: 40%;
}
.f_message2 {
    font-size: 2rem;
    letter-spacing: .2rem;
}
.f_message3 {
    font-size: 1rem;
    letter-spacing: .2rem;
}

.footer a {
    color: #fff;
}

.footer > div {
    border-top: solid #fff 1px;
    border-bottom: solid #fff 1px;
}
.footer .address {
    font-size: 1rem;
    line-height: 2;
    letter-spacing: .2rem;
    font-weight: bold;
}
.right_card {
    position: fixed;
    bottom: 10rem;
    right: 0;
    z-index: 10000;
    width: 70px;
}
.g_navi_sp {
    display: none;
}
.f_left img {
    width: 40%;
}




/* トップへ戻る */
#page_top{
  width: 50px;
  height: 50px;
  position: absolute;
  right: 13%;
  top: 13%;
  background: #6c757d;
  border-radius: 50%;
    border-top: solid #495057 1px;
    border-bottom: solid #495057 1px;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


.main_img img {
  width: 100%;
}




/* ////////// sp //////////*/
@media screen and (max-width: 544px){

body {
    font-size: .8rem;
}
.header {
}
.g_navi ul {
    display: none!important;
}
.g_navi img {
    width: 45%!important;
}


.g_navi_sp {
    display: block;
    position: relative;
    z-index: 2;
}




.main_img_under {
    font-size: .8rem;
    text-align: left;
    width: 95%;
    line-height: 1.2rem;
    margin-top: 5rem!important;
}
.main_guide {
    margin: 1rem auto;
}
.main_guide ul {
    width: 95%;
}
.main_guide li {
    margin: 0 0.1rem;
    width: 50%;
}
.top_mitsumori {
    width: 80%!important;
    top: 1rem;
}

.topics {
    width: 95%;
}
.main_catch {
    font-size: 2rem;
    letter-spacing: .2rem
}
.under_caution {
    line-height: 1.2;
}
.main_catch_under {
    font-size: 1rem;
    line-height: 1.5;
}

.slider {
    width: 100%;
    margin: 1rem auto;
}
#cont3 {
    width: 95%;
}
.c3_concept {
    line-height: 1.5rem;
}
#css-slider {
    width: 94%!important;
}
.c3_left {
    width: 100%;
    height: 4rem;
}
#cont4 {
    padding: 1rem 0;
}
#cont5 p {
    font-size: .8rem;
}
#cont5 span {
    margin: .1rem;
    font-size: 1.2rem;
}
#cont5 dl {
    width: 100%;
    background: #f1e9db;
}
#cont5 dt {
    width: 45%;
    padding: .5rem;
    background: #fff;
}
#cont5 dd {
    width: 55%;
    padding: .5rem;
}
#cont6 li {
    width: 90%;
}
#cont6 dt {
    font-size: 1rem;
    letter-spacing: .2rem;
    line-height: 1.2;
}
#cont6 dd {
    font-size: .8rem;
    letter-spacing: .1rem;
}
#cont6 dl {
    border-bottom: dotted 2px #666!important;
}
.blog_link {
    width: 75%;
}

.blog {
margin: .2rem 0;
}
#cont7 .thumbnail img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 150px;
}
.blog .title {
    position: absolute;
    bottom: 0;
    height: 60px;
    margin: 0 5%;
    font-size: .9rem;
    letter-spacing: .2rem;
    padding-top: 1rem;
}



.company_bg p {
    font-size: .8rem;
    letter-spacing: .1rem;
    line-height: 1.3rem
}

.footer {
    padding: 1rem 0;
}
.footer li {
    line-height: 2;
    width: 50%;
}
.f_title {
    width: 50%;
    margin: auto;
}
.footer .nav{
    margin: auto!important;
    width: 80%;
}
.footer .nav li:nth-child(even){
    display: none;
}

.f_message1 {
    width: 80%;
}
.f_message2 {
    font-size: 1.2rem;
}
.f_bar br {
    display: block;
}
.f_bar {
    line-height: 1rem;
    letter-spacing: .1rem;
    font-size: 0.5rem;
}
.l_message　{
    width: 80%;
    margin: auto;
}
.f_left img {
    width: 80%;
}
.footer .address{
    font-size: .8rem;
}
.footer .f_message {
    font-size: .6rem;
}
.right_card {
    position: fixed;
    bottom: 2rem;
    right: 0;
    z-index: 10000;
    width: 45px;
}
#page_top {
    display: none;
}
}