@charset "utf-8";
/* CSS Document */

html {
    overflow-y: scroll;
	overflow-x: hidden;
	font-size: 62.5%;
}

@media print{
   /*アニメーションOFF*/
	
	.fadeUpTrigger{
        opacity: 1.0 !important;
	}

	.fadeUp{
        opacity: 1.0 !important;
	}

    
   /*印刷用CSSで適用させる定義を記述*/
    html {
        transform: scale(0.8);
        transform-origin: left top;
        width: calc(100% / 0.8);
        height: calc(100% / 0.8);
        overflow-y: auto;
    }  
}

/*
@media screen and (max-width: 1700px) {
  html {
	font-size:90%;
	}
}

@media screen and (max-width: 1400px) {
  html {
	font-size:87.5%;
	}
}

@media screen and (max-width: 1300px) {
  html {
	font-size:85%;
	}
}

@media screen and (max-width: 1200px) {
  html {
	font-size:72.5%;
	}
}
*/

body {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	/*-webkit-text-size-adjust: none;*/
	line-height: 1.5;
	color: #000000;
	overflow: hidden;
}

html.is-open {
	overflow: hidden;
}

.noto-serif-jp-400 {
  font-weight: 400;
}

.noto-serif-jp-500 {
  font-weight: 500;
}

.noto-serif-jp-700 {
  font-weight: 700;
}


*{
	margin: 0;
	padding: 0;
    word-break: break-all;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
.pc_hide {
	display: none !important;
}

.sp_hide {
}

.mokuji_hide{
	display: none;
}

a {
	outline: none;
	color: #000000;
	text-decoration:none;	
	opacity: 1;
    transition: all 0.5s;
}

a:hover {
	opacity: 0.6;
}

a.disabled{
    pointer-events: none;
}

h1,
h2,
h3,
h4{
	font-size: 100%;
	font-weight: 500;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}


select::-ms-expand {
    display: none;
}

a.tel-link{
	pointer-events: none;
}

ol, ul {
    list-style: none;
	box-sizing: border-box;
}

.font_palt{
	font-feature-settings: "palt"
}

/*===================================
	外枠
=====================================*/

#all_wrap{
	width: 100%;
}

#container{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

/*===================================
	#header_wrap
=====================================*/

#header_wrap{
	width: 100%;
	padding: 85px 0 50px;
}

#header_wrap h1.head_logo{
	width: 50.125%;/*401*/
	margin: 0 auto;
}

#header_wrap h1.head_logo img{
	width: 100%;
	height: auto;
}

/*===================================
	.main_wrap
=====================================*/

.main_wrap{
	width: 100%;
	margin: 50px 0 75px;
	position: relative;
}

.main_wrap::before{
	content: '';
	display: inline-block;
	background: url("images/lp/logo01.svg")no-repeat;
	background-size: contain;
	width: 73px;
	height: 73px;
	position: absolute;
	bottom: -36px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.main_wrap img{
	width: 100%;
	height: auto;
}

.main_wrap h2.catch_txt{
	width: 100%;
	font-size: 4.918rem;
	line-height: 1;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-5%);
	z-index: 1;
}

.main_wrap .detail_link{
	width: 21.875%;/*175*/
	position: absolute;
	bottom: -45px;
	right: 0;
	z-index: 1;
}

.main_wrap .detail_link a{
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	position: relative;
}

.main_wrap .detail_link a::after{
	content: '';
	display: inline-block;
	background: url("images/lp/link_ico.svg")no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
}

/*===================================
	.concept_wrap
=====================================*/

.concept_wrap{
	width: 100%;
	padding: 75px 0 100px;
}

.concept_wrap .txt_area01 h2.concept_midashi{
	font-size: 3.576rem;
	line-height: 1;
	letter-spacing: 0.15em;
	color: #231815;
	
}

.concept_wrap p.txt01{
	margin-top: 50px;
	font-size: 2.086rem;
	line-height: 2.2301;
	letter-spacing: 0.15em;
	color: #231815;
	text-align: justify;
}

.concept_wrap .concept_img{
	margin-top: 150px;
	width: 100%;
	position: relative;
}

.concept_wrap .concept_img::before{
	content: '';
	display: inline-block;
	background: url("images/lp/txt_img.svg")no-repeat;
	background-size: contain;
	width: 87px;
	height: 520px;
	position: absolute;
	top: -397px;
	right: 2.5%;/*20*/
	z-index: 1;
}

.concept_wrap .concept_img img{
	width: 100%;
	height: auto;
}

.concept_wrap .txt_area02{
	margin-top: 119px;
}

.concept_wrap .txt_area02 + .txt_area02{
	margin-top: 102px;
}

.concept_wrap .txt_area02 p.large_txt{
	font-size: 2.682rem;
	line-height: 1;
	letter-spacing: 0.025em;
	color: #231815;
}

.concept_wrap .txt_area02 p.txt02{
	margin-top: 22px;
	font-size: 1.788rem;
	line-height: 1.8333;
	color: #231815;
	text-align: justify;
}

.concept_wrap .gallery{
	margin-top: 115px;
	display: flex;
	justify-content: space-between;
}

.concept_wrap .gallery .photo01{
	width: 47.75%;/*382*/
}

.concept_wrap .gallery .photo01 img{
	width: 100%;
	height: auto;
}

/*===================================
	.menu_wrap
=====================================*/

.menu_wrap{
	width: 100%;
	padding: 100px 0;
}

.menu_wrap h2.midashi_img{
	width: 9.125%;/*73*/
	margin: 0 auto;
}

.menu_wrap h2.midashi_img img{
	width: 100%;
	height: auto;
}

.menu_wrap .menu_img{
	width: 100%;
	margin-top: 89px;
}

.menu_wrap .menu_img img{
	width: 100%;
	height: auto;
}

/*===================================
	.information_wrap
=====================================*/

.information_wrap{
	width: 100%;
	padding: 100px 0 150px;
	display: flex;
	justify-content: space-between;
}

.information_wrap .left_area{
	width: calc(100% - 54.625%);/*-437*/
	margin-top: 10px;
}

.information_wrap .left_area p.large_txt{
	font-size: 2.235rem;
	line-height: 1;
	color: #231815;
}

.information_wrap .right_area{
	width: 54.625%;/*437*/
}

.information_wrap .right_area .logo_img{
	width: 95.6521%;/*418*/
}

.information_wrap .right_area .logo_img img{
	width: 100%;
	height: auto;
}

.information_wrap .right_area .txt_area{
	width: 100%;
	margin-top: 50px;
}

.information_wrap .right_area .txt_area dl{
	display: flex;
	font-size: 1.49rem;
	line-height: 2.10;
	color: #231815;
	text-align: justify;
}

.information_wrap .right_area .txt_area dl dt{
	width: 6.5em;
}

.information_wrap .right_area .txt_area dl dd{
	width: calc(100% - 6.5em);
}

.information_wrap .right_area .txt_area p.info_txt{
	font-size: 1.49rem;
	line-height: 2.10;
	color: #231815;
	text-align: justify;
}

.information_wrap .right_area .txt_area a.tel-link{
	color: #231815;
}

/*===================================
	.information_wrap
=====================================*/

#footer_wrap{
	border-top: 1px solid rgba(35,24,21,0.25);
	padding: 85px 0;
}

#footer_wrap p.copy_txt{
	font-size: 1.043rem;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #231815;
	text-align: center;
}