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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

* {
    margin: 0;
    padding: 0;
} 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
strong {
font-weight: bold;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *::before, *::after {
	box-sizing: border-box;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*base*/
html {
	/*font-size: 62.5%;*/
	font-size: 10px;
	position: relative;
	text-align: center;
}
body {
	background: #ffffff;
	text-align: center;
	color: #000;
	font-size: 1.6rem;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Verdana,"Avenir Next", sans-serif;
	line-height: 1.8;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	position:relative;
	min-width:1300px;
}



a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}

a:hover{
	opacity:0.7;
}

img {
	box-shadow: #fff 0 0 0;
	vertical-align:middle;
	max-width:100%;
}


.container{
	max-width:1280px;
	margin: 0 auto;
	position:relative;
	z-index:3;
}

header{
margin-bottom:2rem;
}
header h1{
float:left;
padding-top:5rem;
}
header .right{
float:right;
}
header .right > div{
display:inline-block;
vertical-align:bottom;
}
header .icon{
padding:0 1rem 2rem 0;
}
header .icon a{
display:inline-block;
margin-right:1rem;
}
header .re_btn a:hover{
	opacity:1;
}


/*#mainimage{
width:100%;
background-image:url(../img/mainimage.jpg);
background-repeat:no-repeat;
background-position:50%;
background-size:cover;
padding-top:35%;
}*/

#consept{
background-color:#eee2d3;
background-image:url(../img/back.png);
padding:6.5rem 0 8rem 0;
border-top:2rem solid #e7b09f;
}
#consept h2{}
#consept .title{
font-size:2.4rem;
letter-spacing:0.1em;
line-height:1.6;
padding:3rem 0 2rem 0;
}
#consept .read{
line-height:2;
padding-bottom:5rem;
}
#consept ul{
display: flex;
flex-direction: row;
justify-content: space-between;
}
#consept li{}


#menu{
padding:9.5rem 0;
}
#menu h2{
padding-bottom:8rem;
}
#menu .menubox{
display:flex;
flex-direction: row;
justify-content: space-between;
}
#menu .menu_inner{
max-width:37.8rem;
}
.menu_inner h3 p{
color:#e7b09f;
font-size:2rem;
line-height:1;
padding:1.5rem 0 2.5rem 0;
}
.menu_inner .txt{
text-align:justify;
padding-bottom:1rem;
}
.menu_inner dl{
border-bottom:2px solid #edc4b7;
padding:1.5rem 0 0.5rem 0;
font-size:2rem;
line-height:1.3;
}
.menu_inner dt{
float:left;
}
.menu_inner dd{
float:right;
}

#menu .caution{
text-align:center;
padding:6rem 0 7rem 0;
}
#menu .caution p{
display:block;
text-align:center;
}
#menu .caution .obi{
display:inline-block;
background-color:#e7b09f;
color:#fff;
font-size:2.2rem;
line-height:1.4;
padding:0.5rem 3rem 0.8rem 3rem;
border-radius:3rem;
}

#menu .liftbox{
background-color:#fefbfa;
padding:7.5rem 4rem 5rem 4rem;
display:flex;
flex-direction: row;
justify-content: space-around;
}
.menu_inner .liftmenu.pb50{
padding-bottom:5rem;
}
.menu_inner .liftmenu p{
border-bottom:2px solid #edc4b7;
padding:0.5rem 0;
font-size:2rem;
line-height:1.3;
}

#menu .option{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding:7rem 0 3rem 0;
}
#menu .op_inner{
border:2px solid #edc4b7;
border-radius:1rem;
text-align:center;
width:23%;
font-size:2rem;
line-height:1.4;
padding-bottom:2rem;
}
.op_inner h4{
color:#e7b09f;
padding-top:3.5rem;
}
.op_inner h4.pt20{
padding-top:2rem;
}

#menu .tax{
text-align:right;
}

#foot_image{
width:100%;
background-image:url(../img/foot_img.jpg);
background-repeat:no-repeat;
background-position:50%;
background-size:cover;
padding-top:24.4%;
}

#access{
background-color:#eee2d3;
background-image:url(../img/back.png);
padding:8rem 0 9rem 0;
}
#access h2{}
#access .read{
font-size:2.4rem;
letter-spacing:0.1em;
line-height:1.6;
padding:3rem 0 4rem 0;
}
#access .left,#access .right{
display:inline-block;
vertical-align:middle;
}
#access .left{
width:39%;
font-size:1.8rem;
line-height:1.8;
text-align:justify;
padding:3rem 0;
border-top:1px solid #e7b09f;
border-bottom:1px solid #e7b09f;
}
#access .left p{
padding:0.5rem 0;
letter-spacing:0.1em;
}
#access .right{
width:56%;
margin-left:4%;
}
#access iframe{
width:100%;
height:42rem;
}

.copyright{
background-color:#e7b09f;
color:#fff;
text-align:center;
padding:1rem 2rem;
font-size:1.4rem;
}

@media screen and (min-width:769px) {
.sp{
display:none;
}
}

@media screen and (max-width:768px) {

html {
	/*font-size: 62.5%;*/
	font-size: 2.6vw;
}
body{
	min-width:100%;
	position:relative;
}
.container{
	max-width:76.8rem;
	padding:0 2rem;
	z-index:5;
}

.pc{
display:none;
}


header{
margin-bottom:1rem;
}
header .container{
padding:0;
}
header h1{
padding:1.5rem 0 0 1rem;
}
header h1 img{
width:34vw;
}
header .right > div{
vertical-align:middle;
}
header .icon{
padding:1.5rem 30vw 0 0;
}
header .icon a{
margin-right:0.5rem;
}
header .icon img{
width:6vw;
}
header .re_btn{
display:none;
}
.re_btn{
width:30vw;
position:fixed;
top:0;
right:0;
z-index:9999;
}

/*#mainimage{
padding-top:40%;
}*/

#consept{
}
#consept h2{}
#consept .title{
font-size: 2.2rem;
}
#consept .read{
text-align:justify;
padding-bottom:3rem;
}
#consept ul{
}
#consept li{}


#menu{
padding:6.5rem 0;
}
#menu h2{
padding-bottom:4rem;
}
#menu .menubox{
display:block;
}
#menu .menu_inner{
max-width:100%;
padding-bottom:5rem;
}
.menu_inner h3 p{
}
.menu_inner .txt{
}
.menu_inner dl{
}
.menu_inner dt{
}
.menu_inner dd{
}

#menu .caution{
padding:0 0 5rem 0;
}
#menu .caution p{
}
#menu .caution .obi{
display:block;
font-size:1.8rem;
line-height:1.4;
padding:1rem 0.5rem;
border-radius:1rem;
}

#menu .liftbox{
padding:5rem 2rem 0 2rem;
margin:0 -1rem;
display:block;
}
.menu_inner .liftmenu.pb50{
padding-bottom:5rem;
}
.menu_inner .liftmenu p{
border-bottom:2px solid #edc4b7;
padding:0.5rem 0;
font-size:2rem;
line-height:1.3;
}
.menu_inner .sp_s{
font-size:1.45rem;
}

#menu .option{
padding:4rem 0 1rem 0;
}
#menu .op_inner{
width:48%;
font-size:1.4rem;
line-height:1.4;
padding-bottom:1.5rem;
margin-bottom:1.5rem;
}
.op_inner h4{
font-size:1.5rem;
line-height:1.4;
padding-top:2rem;
}
.op_inner h4.pt20{
padding-top:1.5rem;
}

#menu .tax{
text-align:right;
}

#foot_image{
padding-top:40%;
}

#access{
}
#access h2{}
#access .read{
font-size:2rem;
}
#access .left,#access .right{
display:block;
}
#access .left{
width:100%;
font-size:1.6rem;
line-height:1.8;
}
#access .left p{
}
#access .right{
width:100%;
margin-left:0;
margin-top:3rem;
}
#access iframe{
height:23rem;
}

.copyright{
}

}