@charset "UTF-8";
/******************************************************************
サイト基本スタイルシート
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/
/******************************************************************

変数

******************************************************************/
:root {
    --base-rem: calc(1rem / 16);
    --font-size-base: calc(var(--base-rem) * 16);

    /* font-size scale */
    --font-size-xl-lg: calc(var(--base-rem) * 70);
    --font-size-xl-md: calc(var(--base-rem) * 64);
    --font-size-xl-sm: calc(var(--base-rem) * 46);

    --font-size-lg-lg: calc(var(--base-rem) * 40);
    --font-size-lg-md: calc(var(--base-rem) * 32);
    --font-size-lg-sm: calc(var(--base-rem) * 28);

    --font-size-md-xl: calc(var(--base-rem) * 26);
    --font-size-md-lg: calc(var(--base-rem) * 24);
    --font-size-md-md: calc(var(--base-rem) * 22);
    --font-size-md-sm: calc(var(--base-rem) * 20);
    --font-size-md-xs: calc(var(--base-rem) * 18);

    --font-size-sm-md: calc(var(--base-rem) * 14);

    /* margin scale */
    --margin-size-xl-lg: 10.0rem;
    --margin-size-xl-md: 8.0rem;
    --margin-size-xl-sm: 6.0rem;
    --margin-size-lg-xl: 5.0rem;
    --margin-size-lg-lg: 4.5rem;
    --margin-size-lg-md: 4.0rem;
    --margin-size-lg-sm: 3.5rem;
    --margin-size-lg-xs: 3.0rem;
    --margin-size-md-xl: 2.5rem;
    --margin-size-md-lg: 2.0rem;
    --margin-size-md-md: 1.5rem;
    --margin-size-md-sm: 1.0rem;
    --margin-size-md-xs: 0.5rem;

    /* color */
    --font-color-main: #231815;
    --bg-color-main: #9ae4ff;

    /* border */
    --border-width: 1px;
    --border-radius: 15px;
}


/******************************************************************

共通

******************************************************************/
html {
    font-size: var(--font-size-base);
    color: var(--font-color-main);
	line-height: 1.6;
}
body {
	word-wrap: break-word;
	font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
}

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

/* IE表示用のCSS　*/
@media all and (-ms-high-contrast: none) {
	* {
		font-family: Meiryo, sans-serif;
	}
}
.f-go {
	font-family: "Noto Sans JP";
}
.f-min {
	font-family: "Noto Serif JP";
}
a {
	transition: 0.2s;
	text-decoration: none;
	color: #515151;
	cursor: pointer;
}
a:hover {
	/*    opacity: 0.7;*/
}
a:hover,
a:focus,
a:active {
	color: #4e519d;
}
#main a {
	text-decoration: underline;
}
#main a,
#main a.button,
#main .post_link a,
#main .wrap_pagination a {
	text-decoration: none;
}

/*
a:hover, a:focus {
color: #0078a0;
}
*/
/*
a:active {
background-color: #000000;
}
*/
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
ul {
	list-style: none;
}
dl,
ol,
p,
ul {
	margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.4;
}
h1 {
	font-size: 1.25rem;
}
h2 {
	font-size: 1.2rem;
}
h3 {
	font-size: 1.15rem;
}
h4 {
	font-size: 1.1rem;
}
h5 {
	font-size: 1.05rem;
}
h6 {
	font-size: 1rem;
}
h2.com-headline {
	border: 1px solid #cccccc;
	border-left: 10px solid #c28474;
	padding: 1.2rem 1rem;
	margin-bottom: 0.5rem;
	line-height: 1;
}

/*-------------------------------------------
form
-------------------------------------------*/
input[type=radio] {
	border: inset 1px #000000;
}
input[type=radio]:checked {
	background-color: #000000;
}
hr {
	margin: 0;
}
.left {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
.right {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.center-align {
	text-align: center !important;
}
.left-align {
	text-align: left !important;
}
.right-align {
	text-align: right !important;
}
.disp-block {
	display: block;
}
.disp-inline-block {
	display: inline-block;
}
.disp-inline {
	display: inline;
}

/* 段落の一字下げ */
.indent {
	text-indent: 1rem;
}
.indent-nl {
    text-indent: -1rem;
    padding-left: 1rem;
}
.marginbh {
	margin-bottom: 0.5rem;
}
.marginb {
	margin-bottom: 1rem;
}
.marginbw {
	margin-bottom: 2rem;
}
.marginr {
	margin-right: 1rem !important;
}
.marginl {
	margin-left: 1rem !important;
}
.marginrh {
	margin-right: 0.5rem !important;
}
.marginlh {
	margin-left: 0.5rem !important;
}
.box_center {
	margin: 0 auto;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.relative {
	position: relative;
}
table {
	width: 100%;
}
.overflow-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/******************************************************************

構造調整タグ

******************************************************************/
.base_width {
	max-width: 1040px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}
.inner_width {
	max-width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}

/******************************************************************

汎用パーツ

******************************************************************/
/******************************************************************

プラグイン

******************************************************************/
/*-------------------------------------------
slick
-------------------------------------------*/
.slick-prev {
	/* left: 10px; */
	z-index: 999;
}
.slick-next {
	/* right: 10px; */
	z-index: 999;
}
.slick-prev:before,
.slick-next:before {
	color: #808080;
}

/*-------------------------------------------
contact form 7
-------------------------------------------*/
div.wpcf7 .ajax-loader {
	display: none;
}
.wpcf7-textarea {
	min-height: 14rem;
}

/******************************************************************

404 Page Not Found

******************************************************************/
p.notfound {
	margin-bottom: 50px;
}
/*# sourceMappingURL=style-base.css.map */


/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {

    :root {

        /* font-size scale */
        --font-size-xl-lg: calc(var(--base-rem) * 48);
        --font-size-xl-md: calc(var(--base-rem) * 48);
        --font-size-xl-sm: calc(var(--base-rem) * 38);

        --font-size-lg-lg: calc(var(--base-rem) * 28);
        --font-size-lg-md: calc(var(--base-rem) * 26);
        --font-size-lg-sm: calc(var(--base-rem) * 22);

        --font-size-md-xl: calc(var(--base-rem) * 20);
        --font-size-md-lg: calc(var(--base-rem) * 20);
        --font-size-md-md: calc(var(--base-rem) * 19);
        --font-size-md-sm: calc(var(--base-rem) * 18);
        --font-size-md-xs: calc(var(--base-rem) * 17);

        --font-size-sm-md: calc(var(--base-rem) * 15);

    }

    /******************************************************************

    共通

    ******************************************************************/
    html {
       font-size: var(--font-size-base);
    }

}