@charset "UTF-8";

/*======================================================
サイト共通の基本設定
======================================================*/
/*-----------------------------
色の関数設定
-----------------------------*/
:root{
    --main-blue:hsl(205, 100%, 35%);
    --main-text:#222;
    --text-light:#999;
    --yellow-light:#FFF7A2;
    --red-text:#E93922;
    --red-new:#C73A2D;
    --bg-blue:hsl(205, 100%, 90%);
    --grad-blue-vertical: linear-gradient(180deg,#3A63A6,#243F83);
    --grad-blue-horizon: linear-gradient(135deg,#3A63A6,#243F83);
    --border-blue:#3963a2;
    --gray-mid:#EAEAEB;
    --gray-light:#F3F3F4;
    --orange: #FF9700;
}

/*-----------------------------
フォントの設定
-----------------------------*/

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem;
   font-family: "Noto Sans JP", sans-serif;
	-webkit-text-size-adjust: 100%;
    background-color: #fff;
    color:var(--main-text);
}

/* フォントの関数設定 */
:root{    
    --mincho:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    /* --marugo:dnp-shuei-mgothic-std, sans-serif; */
    --marugo:"Kosugi Maru", sans-serif;
}

/* classに直接指定する場合 */
.mincho{
    font-family:var(--mincho);
}
/* classに直接指定する場合 */
.marugo{
    font-family:var(--marugo);
}

/* 注意を引くための赤テキスト */
.red-text{
    color:var(--red-text);
}

/* スマホの時は14pxで */
@media(max-width:480px){
    body{
        font-size:1.4rem;
    }
}

/*　文字詰めの設定
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
} */


/*-----------------------------
共通の設定
-----------------------------*/
html{
    scroll-behavior: smooth;
}
body {
	line-height: 1.75;
	color: var(--main-text);
}

li, p{
    color:var(--main-text);
}

.list-none li{
    list-style:none;
}

/*clearfix*/

.cf:after {
  content: ""; 
  display: block; 
  clear: both;
 }

dl dt, dl dd{
    padding:0;
    margin:0;
    color:var(--main-text);
}

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    vertical-align: top;
}

.resize img{
    max-width: 100vw;
}

.tel-link a:link,.tel-link a:hover,.tel-link a:active{
    text-decoration: none;
}

section,article{
    padding:30px 0;
}

@media(max-width:1000px){
    section,article{
        padding-inline:1em;
    }
}

address{
    font-style: normal;
}

/*-----　　禁則処理　　-----*/

p{ line-break: normal; }
p{ line-break: strict; }

/*------------------------------------------------
WordPress画像の配置
------------------------------------------------*/

/* 画像配置 左 */
img.alignleft {
    text-align: left;
}

/* 画像配置 中央 */
img.aligncenter {
        display: block;
        margin: 1px auto;
}

/* 画像配置 右 */
img.alignright {
        display: block;
        margin: 1px 1px 1px auto;
}

/*----------------------------------------------------
リンク
------------------------------------------------------*/

a:hover img{
    opacity: 0.8;
    /* filter: alpha(opacity=70); */
    -webkit-transition:0.4s;
    transition: 0.4s;
}

a:link ,a:visited {
	color: #999;
    text-decoration:underline dotted;
}

/* リンクがある時、アイコンにはアンダーラインを表示させない */

a:before,a:after{
    text-decoration: none;
    display:inline-block;
}

/* hoverの時はふわっと */
a{
    transition: all .3s ease;
    text-decoration:underline dotted;
}

a:hover{
	color: #999;
}
    
.post{
    text-indent:1em;
    margin-bottom:0.5em;
}
/* リンクの装飾（アンダーライン）を表示させない */

.g-nav a,
.foot-nav a{
    text-decoration: none;
  }

button a{
    text-decoration: none !important;
}
.btn-report-wrapper a{
    text-decoration: none;
}

/* <a>をいれてもホバー時に変化させない、カーソルも変化させない
（リンクしていないように見せる） */

a:hover.no-link{
    background:#fff !important;
    color:unset !important;
}
    
a.no-link{
    cursor:unset !important;
    color:unset !important;
}

/* テキストを縦書き */
.text-tate{
    writing-mode: vertical-rl;    
}