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

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;font-size:60%;position:relative;top:-0.1em;}
sub{vertical-align:text-bottom;font-size:60%;position:relative;bottom:-0.1em;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#222;}
object,embed{margin:0;vertical-align:top;}
img,a{vertical-align:top;}
i{font:inherit;}
video{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:0;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,main{display:block;}

@media only screen and (min-width:640px) {

a[href^="tel:"] {
cursor:default;
pointer-events:none;
text-decoration:none;}

}

body {
text-align:center;
font-size:16px;
line-height:1.7;
color:#000;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;}
.mincho {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-feature-settings:"palt";}

h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:100%;
line-height:1.7;
font-weight:normal;}

img {
max-width:100%;
height:auto;}
table {
max-width:100%;}
ol {
margin:0 0 0 22px;}
ol li {
list-style:decimal;
line-height:1.3;
margin:8px 0;}

a:link {
color:#600;
outline:none;
text-decoration:none;
transition:color 0.25s;}
a:visited {
color:#600;
outline:none;
text-decoration:none;}
a:hover {
color:#c00;
outline:none;
text-decoration:none;}

hr {
clear:both;
width:100%;
margin:24px 0;
border:0;
height:1px;
background:#999;}

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

.col-flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}

/*  ttl  ==========================*/

.ttl-01 {
font-family: 'Kosugi Maru', sans-serif;
margin:0 0 0.6em 0;
font-size:320%;
line-height:1.25;
font-weight:bold;
letter-spacing:0.03em;}
.ttl-01 br {
display:none;}

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

.ttl-01 {
margin:0 0 0.5em 0;
font-size:8.4vw;
letter-spacing:0.02em;
white-space:nowrap;}
.ttl-01 br {
display:block;}

}

.ttl-02 {
font-family: 'Kosugi Maru', sans-serif;
font-size:132%;
line-height:2;
letter-spacing:0.05em;}
.ttl-02 br {
display:none;}

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

.ttl-02 {
font-size:3.6vw;
letter-spacing:0.025em;}
.ttl-02 br {
display:block;}

}

.ttl-03 {
position:absolute;
left:50%;
top:0;
width:250px;
max-width:50%;
transform:translate(-50%,-99%);}

.ttl-04 {
margin:0.5em 0;
font-size:200%;
line-height:1.25;
font-weight:bold;
color:#e83421;}
.ttl-04 br {
display:none;}

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

.ttl-04 {
margin:0.4em 0;
font-size:7.8vw;}
.ttl-04 br {
display:block;}

}

/* layout ========== */

#wrapper {}
.container {
position:relative;}
.contents {
position:relative;
margin:0 auto;
width:93%;
max-width:1000px;}

/* footer ========== */

.footer {
background:#e0f1f0 url("../images/footer01.png") repeat-x center bottom / 1500px;
padding:50px 0 180px 0;}
.footer .logo {
margin:0 auto;
width:43%;
max-width:300px;}
.footer .address {
font-family: 'Kosugi Maru', sans-serif;
margin:24px 0 0 0;
font-size:132%;}

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

.footer {
background:#e0f1f0 url("../images/footer01.png") repeat-x center bottom / 180%;
padding-bottom:29%;}
.footer .address {
font-size:4.2vw;}

}

.go-catalog {
position:fixed;
z-index:999;
right:12px;
bottom:12px;
width:25%;
max-width:180px;
transition:transform 0.25s;}
.go-catalog:hover {
transform:translate(0,-3%);}

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

.go-catalog {
right:auto;
left:12px;}

}