@charset "UTF-8";

/*---------------------------------------
	reset CSS
---------------------------------------*/
html{color:#000;background:#FFF}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,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}*,::after,::before{box-sizing:border-box;}

/*---------------------------------------
	default style
---------------------------------------*/
:root {
	--base-font: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	--font-mincho: "Times New Roman",'Noto Serif JP', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--base-col-g: #557a34;
	--base-col-b: #b8b873;
	--base-sub-col-w: #ffffff;
	--base-sub-col-r: #840a28;
	--base-sub-col-v: #f7f0d7;
	--col-gray: #918c8a;
	--col-yellow: #2b136e;
	--col-yellow-02: #eacc19;
}
* {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
body {
	font-size: 1.2rem;
	color: #014b16;
	font-family: var(--base-font);
	-webkit-text-size-adjust: 100%;
	line-height: 1.667;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	text-rendering: optimizeLegibility;
	font-kerning: normal;
	font-variant-ligatures: common-ligatures;
	font-feature-settings: "kern", "liga", "clig", "calt";
}
@media (min-width:768px){
	body {
		font-size: 1.6rem;
		line-height: 2.25;
	}
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
object {
	display: inline-block;
	pointer-events: none;
}
a {
	color: var(--base-col-b);
	text-decoration: none;
}
@media (min-width:1040px){
	a,
	input[type=submit],
	button {
		opacity: 1;
		transition: all 0.3s ease;
	}
	a:hover,
	input[type=submit]:hover,
	button:hover {
		opacity: 0.6;
		transition: all 0.3s ease;
	}
}
i:hover {
	cursor: pointer;
}
input,
textarea,
select,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
}
input {
	border: none;
	display: inline-block;
}
input[type=text] {
	max-width: 100%;
	border-radius: 0;
}
@media(min-width:768px){
	a[href^="tel:"]{
	  pointer-events: none;
	}
}
a[href^=tel]:hover {
	text-decoration: none!important;
	cursor: default!important;
}
select::-ms-expand {
	display: none;
}
::selection {
	background: var(--base-col-g);
	color: var(--base-sub-col-w);
}
::-moz-selection {
	background: var(--base-col-g);
	color: var(--base-sub-col-w);
}
:focus {
	outline: none;
}
/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}