@charset "utf-8";

/*----------------------------------------------------------
root
----------------------------------------------------------*/
:root{
--color_orange01: #ffaf03;
--color_orange02: #d59202;
--color_beige01: #f4efe1;
--color_beige02: #eee8d1;
--color_beige03: #f9f7ef;
--color_brown01: #8a6b4e;
--color_green01: #0d9851;
--color_green02: #01602f;
--color_blue01: #2bb9e1;
--color_gray01: #444;
--color_gray02:	#f4f4f4;
--color_black01: #282828;
}

/*----------------------------------------------------------
reset
----------------------------------------------------------*/
html{
font-size: 10px;
}
@media (max-width: 768px){
html{
font-size: 2.666vw;
}
}

body{
min-width: 1200px;
color: var(--color_black01);
font-size: 1.6rem;
line-height: 1.6;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
@media (max-width: 768px){
body{
min-width: 320px;
}
}

h1,h2,h3,h4,h5,h6{
font-size: 1.6rem;
margin: 0;
}

p{
margin: 0;
}

ul,ol{
list-style: none;
margin: 0;
padding: 0;
}

table{
margin:0;
border-collapse: collapse;
border-spacing: 0;
}
tr,th,td{
font-weight: normal;
margin: 0;
padding: 0;
}
dl,dt,dd{
margin: 0;
padding: 0;
}

hr{
display:none;
}

img{
border: 0;
vertical-align: middle;
}
@media (max-width: 768px){
img:not([src^="https://"]){
width: 100%;
height: auto;
}
}

button{
font-size: 1.6rem;
vertical-align: middle;
}

button{
font-family: inherit;
display: inline;
border: none;
padding: 0;
background: none;
}

em,address,small{
font-style: normal;
}

em,b,strong{
font-weight: bold;
}

article,aside,dialog,figure,footer,header,menu,nav,section,mark,audio,video,main{
display: block;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

input,select,textarea{
background: none;
font-family: inherit;
font-size: 1.6rem;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
}

fieldset{
margin: 0;
padding: 0;
border: none;
}

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.clearfix::after{
content: "";
height: 0;
display: block;
clear: both;
visibility: hidden;
}

.pc_dsb{display: block!important;}
.pc_dsn{display: none!important;}
.sp_dsb{display: none!important;}
.sp_dsn{display: block!important;}
@media (max-width: 768px){
.pc_dsb{display: none!important;}
.pc_dsn{display: block!important;}
.sp_dsb{display: block!important;}
.sp_dsn{display: none!important;}
}

a{
text-decoration: none;
color: inherit;
display: inline-block;
}
@media (min-width: 769px){
a{
transition: 0.3s;
}
a:hover{
opacity: 0.8;
}
}