* {
	margin:0;
	padding:0;
}
.bgfix_wrap{
padding:5%;
padding:0;
}
.bgfix_wrap::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:auto;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(back.jpg);
/*background-image: url(parts01.jpg);*/
/*background-image: var(--back_img);*/
background-size:cover;
}
body{
/*  background: #FFFFE0;*/
/* 
  background: var(--body-back_color);
    background-image: url(back.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
 */
/*    background-size: contain;*/
/* 
    background-position: center;
 */
    
/*  background: #000000;*/
  /*  フォントの種類  */
  font-family: -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
 
    
    font-family:"UD デジタル 教科書体 N-R", "BIZ UDゴシック Regular", "Hiragino Kaku Gothic ProN", "ascii";

    /*  フォントのサイズ    */
  font-size: 1.0rem; /*10px*/
  /*  フォントの色  */
  color: #696969;
    /* 文字間隔の調整の設定 */
  letter-spacing: 1.5px;
    /* 行間の設定 */
  line-height: 1.75;
    
    
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}
/*──────────────────────────────*/
html {
  font-size: 14px;
  font-size: 90.0%; 
  background: var(--html-back_color);
}
/* iPhone・スマホ 縦 */
@media screen and (min-width:480px) { 
    /*　iPhone・スマホ iPhone 横　*/
  html {
    font-size:  1.0rem;
  font-size: 100.0%; 
  background: var(--html-back_color_480);
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　iPad・タブレット 　*/
  html {
    font-size: 1.2rem;
  font-size: 100.0%; 
  background: var(--html-back_color_768);
  }
}
@media screen and (min-width:1024px) {
    /*　PC　*/
  html {
    font-size: 1.6rem;
  font-size: 100%; 
  background: #c8f0f7;
  background: var(--html-back_color_1024);
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.body_filter {
    width: 100%;
/*    height: 100%;*/
  margin: 0 ;
  background: var(--body-back_color);
/*  background: var(--section-back_img);*/
/*  background: rgba(19, 123, 244, 0.83);*/
}
.wrapper_max {
  width: 100%;
  max-width: 100%;

  margin: 0 auto;
  margin-top: 1.5rem;
    margin-bottom: 1.5rem;
padding-top: 0px;
  background: var(--wrapper-back_color);
}
.wrapper_1200 {
  max-width: 1200px;

  margin: 0 auto;
  margin-top: 1.5rem;
/*    margin-bottom: 1.5rem; */
padding-top: 0px;
  background: var(--wrapper-back_color);
}
header{
/*  height: 100px; */
  width: 100%; 
  margin: 0px auto;
  margin-top: 2px;
/*  display: flex;*/
  display        :block;
/*  display        :none;*/
/*  display        :inline;*/
/*  display        :inherit;*/
/*  display        :grid;*/
/*  display        :flow-root;*/
/*  display        :contents;*/
  color:white;
  background: var(--header-back_color);
/*background-size: auto 25px;*/
/* background-size: cover; */
/* background-size: contain; */

    /* ヘッダーを固定(これが重要) */
/*  position: fixed; */
/* 固定する位置 */
/*  top: 5px;  */
    /* 固定する位置 */
/*  left: 0; */
    /* 固定する位置 */
/*  right: 0;  */
}
.container {
  margin-top: 0px;
  margin-bottom: 0px;
    margin: 0 auto;
  padding: 10px;
  background-color: #c2f8ff;
  background: var(--container-back_color);
      border-radius: 3px;
  /*box-shadow: 0 0px 20px rgba(0,0,0,0.2);*/
    
    
/* ▼ inline-block時の定義 */
    /* 1行の高さを初期化   */
/*  letter-spacing : 0;  */
    /* 文字間隔を初期化    */
/*  line-height    : 1;     */
    /* 横位置定義          */
/*  text-align     : center;               */
    
  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}
main{
   margin-top: 0px;
  margin-bottom: 0px;
    margin: 0 auto;
  padding: 10px;
  background-color: #ffd775; 
  background-color: var(--main-back_color);
    
  width: 900px;
  max-width: 900px;
/* ▼ inline-blockの定義 */
  display        : inline-block;         /* インラインブロック化*/
}
article{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
  background-color: #ffe29a;
  background-color: var(--article-back_color);  
}
section{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
  background-color: #fff7e4;
  background-color: var(--section-back_color);  
}
aside{
  margin-top: 0px;
  margin-bottom: 0px;
    margin: 0 auto;
  padding: 10px;
  background-color: #f5c0ac;
  background-color: var(--aside-back_color);
    
    box-shadow: 0 0 8px gray;
    
    
  width: 280px;
/*  width: 170px;*/
/*  min-width: 275px;*/
  max-width: 900px;
/* ▼ inline-blockの定義 */
  display        : inline-block;         /* インラインブロック化*/
  vertical-align: top;
    
  /* ▼ FlexBoxの各ボックス均等自動幅 */
  flex-grow      : 1;                    /* 各BOXを均等に割当て */
}
footer{
  width: 100%;
  background-color: #95e58b;
/*  background:  linear-gradient( #fceabc,#E3A600);*/
/*    background:  rgba(0, 0, 0, 0.6);*/
/*    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 70%, rgba(0,0,0,1) 90%);*/
/*  background-color: black;*/
/*    box-shadow: 3px 3px 8px gray;*/
    
/*position    : fixed;*/
  bottom      : 2px;
  left        : 0;
  right       : 0;
 /* height      : 125px;*/
/*  background  : linear-gradient(#95e58b, #397631);*/
/*  background: linear-gradient(rgb(108, 168, 190),#28524a, rgb(108, 168, 190));*/
  background: var(--footer-back_color);   
/* z-index     : 10;*/
  text-align  : center;
  text-align  : left;
/*  font-weight : bold;*/
    color: #333;
  
/* box-shadow */
/* box-shadow: 0px -5px 5px 0px rgba(10,10,10,0.1), 0px -8px 16px -2px rgba(10,10,10,0.38);   */  
}
footer .center {
    top: 30px;
    color: #ffffff;
    text-align: center;    /* 文字中央寄せ */
    font-size: 0.75rem;
    line-height: 30px;
}
footer ul{
margin: 0 ;
padding: 0 ;
}
footer ul li{
list-style: none;
display: inline-block;
    text-align: center;    /* 文字中央寄せ */
width: 100%;
min-width: 90px;
}
footer ul li small{
 width: 100%;
    text-align: center;    /* 文字中央寄せ */
}
footer ul li a{
text-decoration: none;
color: #333;
}
footer ul li.current a{
color: #F33135;
}
footer ul li a:hover{
color: #E7DA66;
}
footer p{
display: inline-block;
}

.top_line{
	width:100%;
	height:2px;
	background:var(--top_line_color);
  position: fixed; /* 位置をを固定(これが重要) */
  top: 0; /* 固定する位置 */
  left: 0; /* 固定する位置 */
  right: 0;  /* 固定する位置 */
}
.bottom_line{
width:100%;
	height:2px;
	background:black;
	background:var(--bottom_line_color);

  position: fixed; /* 位置をを固定(これが重要) */
 /*   position: absolute;←絶対位置*/
    bottom: 0; /*下に固定*/
}

.dummy-line{
	width:100%;
	height:5px;
	background:red;
	background:#d83f68;

}
.dummy-line_h50{
	width:100%;
	height:50px;
	background:none;

}
.cp_hr00 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#283593 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#283593 50%,transparent 100%);
}
.cp_hr01_r {
    margin: 0.75em auto;
    height: 1px;
    background: linear-gradient(to right, rgb(108, 168, 190),rgba(255, 255, 255, 0)80%);
    border: none;
}
.nc_flex_left{
width:95%;
                                    margin :1rem auto;
  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  justify-content: flex-start;           /* 揃えの定義          */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}
.nc_flex_center{
width:95%;
	text-align: center;
                                    margin :0 auto;
  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  justify-content: flex-start;           /* 揃えの定義          */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}
.nc_flex_right{
width:95%;
                                    margin :0 auto;
  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  justify-content: flex-start;           /* 揃えの定義          */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}
.nc_form_label{
	width:100%;
	max-width:12rem;
	min-width:10rem;
}
.nc_form_text{
	width:100%;
	max-width:900px;
	min-width:360px;
	margin: 0px;
	padding: 02px 5px;
	font-size: 1rem;
	border: 1px ridge #cccccc;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
}


//■■■■■■■■■■　問い合わせフォーム　リンクボタン
.nc_btn{
    width:230px;
    height:50px;
    line-height:50px;
}
.nc_btn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FFFFFF;
    text-align:center;
    border:1px solid #FFFFFF;
    color:#6B6B6B;
    font-size:20px;
    font-weight:bold;
    border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    box-shadow:0px 0px 0px 4px #D42A2A inset;
    transition: all 0.9s ease;
}
.nc_btn a:hover{
    background:#FF1E1E;
    color:#FFFFFF;
    margin-left:5px;
    margin-top:0px;
    border:1px solid #FFFFFF;
    box-shadow:0px 0px 0px 4px #D42A2A ;
}
span.marker {
    background-color: rgba(242, 242, 242, 0.31);
}



.kousai{
    line-height: 1.8;
    font-size:1.3rem;
    color:rgb(31, 31, 31);
    text-shadow: 
        2px 2px 10px rgba(230, 230, 230, 0.61), 
        2px -2px 10px rgba(230, 230, 230, 0.61), 
        -2px 2px 10px rgba(230, 230, 230, 0.61), 
        -2px -2px 10px rgba(230, 230, 230, 0.61);
}


/* スクロールの幅の設定 */
::-webkit-scrollbar {
width: 20px;
height: 10px;
}

/* スクロールの背景の設定 */
::-webkit-scrollbar-track {
/*border-radius: 0 5 0 0;*/
box-shadow:  0 0 rgba(0, 0, 0, 0.46) inset;
}

/* スクロールのつまみ部分の設定 */
::-webkit-scrollbar-thumb {
border-radius: 2px;
    border-top: 3px solid #2a2a2a;
border-right: 0px solid #000000;
border-bottom: 3px solid #2a2a2a;
border-left: 0px solid #000000;
    
background: rgb(210, 38, 48);
background: rgba(0, 0, 0, 0);
    background-image: url("./img/bane_s_black.gif");
    background-repeat: no-repeat;
    background-repeat: repeat;
    background-position: bottom;
    background-size: contain;
    background-size:100%;
}