@charset "utf-8";
/* CSS Document */

@import url("//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css");

/* =Reset-------------------------------------- */
html {
  height: -webkit-fill-available;
  font-size: 62.5%; /* 基準 10px */
  font-family: 'Noto Sans JP', sans-serif; scroll-behavior: smooth;
  overflow: auto}
* { margin:0; padding: 0px}
a { text-decoration: none}

.exLink:after {
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
}

img { max-width:100%; height: auto; border: 0px}

.img-arrow { max-width:100%; height: auto; border: 0px; float: right;}


/* .ie8 img{width: auto; height: auto} */
body{
  width:100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background-color: #f7f7f8;
  word-wrap: break-word;
}
@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}



/* 禁則処理-------------------------------------- */
p.li,dt,dd,th,td,pre{
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict
	}


/*link----------------------------------------*/
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:active { text-decoration: none}


dl, dt, dd {
  margin : 0;
  padding : 0;
}


/*margin,clear:both----------------------------------------*/
.m5{ width:100%; margin-bottom:5px; clear:both}
.m10{ width:100%; margin-bottom:10px; clear:both}
.m20{ width:100%; margin-bottom:20px; clear:both}
.m30{ width:100%; margin-bottom:30px; clear:both}
.m40{ width:100%; margin-bottom:40px; clear:both}
.m50{ width:100%; margin-bottom:50px; clear:both}
.m60{ width:100%; margin-bottom:60px; clear:both}
.m70{ width:100%; margin-bottom:70px; clear:both}
.m80{ width:100%; margin-bottom:80px; clear:both}
.m90{ width:100%; margin-bottom:90px; clear:both}
.m100{ width:100%; margin-bottom:100px; clear:both}
.m110{ width:100%; margin-bottom:110px; clear:both}
.m120{ width:100%; margin-bottom:120px; clear:both}
.m130{ width:100%; margin-bottom:130px; clear:both}
.m140{ width:100%; margin-bottom:140px; clear:both}
.m150{ width:100%; margin-bottom:150px; clear:both}
.m160{ width:100%; margin-bottom:160px; clear:both}
.m170{ width:100%; margin-bottom:170px; clear:both}
.m180{ width:100%; margin-bottom:180px; clear:both}
.m190{ width:100%; margin-bottom:190px; clear:both}
.m200{ width:100%; margin-bottom:200px; clear:both}

.clr{ width:100%; clear:both}

/*スペース設定----------------------------------------*/
.spacer5{ height:5px;}
.spacer10{ height:10px;}
.spacer20{ height:20px;}
.spacer30{ height:30px;}
.spacer40{ height:40px;}
.spacer50{ height:50px;}
.spacer60{ height:60px;}
.spacer70{ height:70px;}
.spacer80{ height:80px;}
.spacer90{ height:90px;}
.spacer100{ height:100px;}
.spacer110{ height:110px;}
.spacer120{ height:120px;}
.spacer130{ height:130px;}
.spacer140{ height:140px;}
.spacer150{ height:150px;}
.spacer160{ height:160px;}
.spacer170{ height:170px;}
.spacer180{ height:180px;}
.spacer190{ height:190px;}
.spacer200{ height:200px;}


/*幅設定----------------------------------------*/
.wMax { width: 100%; padding: 0px; clear:both}
.w640 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w740 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w800 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w950 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w960 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w1200 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w90 { width: 95%; margin: 0 auto; padding: 0px; clear:both}
.w100to960 { width: 100%; padding: 0px; clear:both}

/*ボックス----------------------------------------*/
.BoxL { width: 100%}
.BoxR { width: 100%}

.BoxL-37 { width: 100%}
.BoxR-37 { width: 100%}

.BoxL-46 { width: 100%}
.BoxR-46 { width: 100%}

.BoxL-28 { width: 100%}
.BoxR-28 { width: 100%}

.BoxL-73 { width: 100%}
.BoxR-73 { width: 100%}

.BoxL-45 { width: 100%}
.BoxR-55 { width: 100%}


/*見出し----------------------------------------*/
h1 { font-size: 3.0rem; padding: 0px; margin: 0px; line-height: 150%; margin-bottom: 10px; letter-spacing:0.7pt; color: #262626;}
h2 { font-size: 2.2rem; padding: 0px; margin: 0px; line-height: 150%; margin-bottom: 10px; letter-spacing:0.7pt}
h3 { font-size: 1.8rem; padding: 0px; margin: 0px; line-height: 150%; margin-bottom: 10px; letter-spacing:0.7pt}
h4 { font-size: 1.6rem; padding: 0px; margin: 0px; line-height: 150%; margin-bottom: 10px; letter-spacing:0.7pt}
h5 { font-size: 2.2rem; padding: 0px; margin: 0px; line-height: 150%; margin-bottom: 10px; letter-spacing:0.7pt}
h6 { font-size: 1.6rem; padding: 0px; margin: 0px; line-height: 150%; margin-bottom: 10px; letter-spacing:0.7pt}


/*キャプション----------------------------------------*/
figcaption{
  text-align: center;
  font-size: 1.4rem;
}


/*タイトル装飾----------------------------------------*/
.TitleUnderBar { width: 100px; margin: 0 auto; border-bottom: 3px #f18d40 solid; margin-top: -10px;
                 margin-bottom: 40px}



/*テキスト関連----------------------------------------*/
p { font-size:1.6rem; line-height:1.7; letter-spacing:0.7pt; color: #171717; margin-bottom: 20px}


/*スマートフォン折り返し解除<br>に付与----------------------------------------*/
.SpBr {}
.PcBr { display: none}


/*位置関連----------------------------------------*/
.center { text-align: center !important}
.left { text-align: left !important}
.right { text-align: right !important}

/*蛍光ペン効果----------------------------------------*/
strong { font-weight: bold}
.StY {background: linear-gradient(transparent 60%, #ffff66 60%);}
.StG {background: linear-gradient(transparent 60%, #84de98 60%);}
.StR { color:#BF2325; font-weight: bold}


/*カラー----------------------------------------*/
.fgray{ color:#A0A0A0 !important}
.fmgray{ color:#5C5C5C !important}
.bold{ font-weight:bold !important}
.blue{ color:#246aeb !important}
.red{ color:#fe0000 !important}
.White{ color:#ffffff !important}

/*Ul LIST----------------------------------------*/
ul { list-style: none;}

ul li { font-size: 1.6rem;
        line-height:2.0; letter-spacing:0.5pt;
        font-weight: normal}

ul a { display: block; }

/*OL LIST----------------------------------------*/
ol { list-style: none;}

ol li { font-size: 1.6rem;
        line-height:1.6; letter-spacing:0.5pt;
         font-weight: normal}


/*角丸----------------------------------------*/
.radius {border-radius: 5px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px}


/*ドロップシャドー----------------------------------------*/
.select-bt    {
    /*box-shadow*/
    box-shadow: 0 2px 1px #fff inset;
    -webkit-box-shadow: 0 2px 1px #fff inset;
    -moz-box-shadow: 0 2px 1px #fff inset;

    /*グラデーション*/
    background-image:-moz-linear-gradient(top, #f9f9f9, #cfcfcf);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #cfcfcf));

    /*ボックスのデザイン*/
    border:1px solid #ccc;
}


.card-shadow    {
    /*box-shadow*/
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;

    /*ボックスのデザイン*/
    border:1px solid #ccc;
}


.bottom-shadow    {
    box-shadow: 0 5px 6px -6px #777;
	 -webkit-box-shadow: 0 5px 6px -6px #777;
	 -moz-box-shadow: 0 5px 6px -6px #777;

}

.top-shadow    {
    box-shadow: 10px 10px 6px 6px #777;
	 -webkit-box-shadow: 0 -4px 5px -5px #777;
	 -moz-box-shadow: 0 5px 6px -6px #777;

}


/*スクロール用----------------------------------------*/
.pad {
  height: 100px;
  margin-bottom: 4rem;
}


/*アンカー余白----------------------------------------*/
a.anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

a.anchor2{
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}


.SpNo { display: none}
.PcNo { display: block}



/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.DLine {
  width: 100%; border-top: 1px #B5B5B5 dotted;
  border-right: none;
  border-bottom: none;
  border-left: none; margin-bottom: 20px}


 /* width 769以上 */

@media print, screen and (min-width : 769px){

/*幅設定----------------------------------------*/
.w640 { max-width: 640px; margin: 0 auto; clear: both}
.w740 { max-width: 740px; margin: 0 auto; clear: both}
.w800 { max-width: 800px; margin: 0 auto; clear: both}
.w950 { max-width: 950px; margin: 0 auto; clear: both}
.w960 { max-width: 960px; margin: 0 auto; clear: both}
.w1200 { max-width: 1200px; margin: 0 auto; clear: both}
.w90 { width: 90%; margin: 0 auto; clear: both}
.w100to960 { max-width: 960px; margin: 0 auto; clear: both}
.w10to960 { max-width: 960px; margin: 30 auto; clear: both}

/*ボックス----------------------------------------*/
.BoxL { width: 48%; float: left  }
.BoxR { width: 48%; float: right }

.BoxL-37 { max-width: 28%; float: left }
.BoxR-37 { max-width: 70%; float: right }

.BoxL-46 { max-width: 30%; float: left }
.BoxR-46 { max-width: 65%; float: right }

.BoxL-28 { max-width: 22%; float: left }
.BoxR-28 { max-width: 74%; float: right }

.BoxL-73 { max-width: 70%; float: left }
.BoxR-73 { max-width: 25%; float: right }

.BoxL-82 { max-width: 80%; float: left }
.BoxR-82 { max-width: 19%; float: right }

.BoxL-45 { max-width: 45%; float: left }
.BoxR-50 { max-width: 50%; float: right }


/*見出し----------------------------------------*/
h1 { font-size: 4.0rem}
h2 { font-size: 2.2rem}
h3 { font-size: 1.8rem}
h4 { font-size: 1.6rem}
h5 { font-size: 2.2rem}
h6 { font-size: 1.6rem}



/*テキスト関連----------------------------------------*/
p { font-size:1.6rem}


/*PC折り返し復活----------------------------------------*/
.SpBr { display: none}
.PcBr { display: block}


/*link----------------------------------------*/
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none; opacity: 0.6;}
a:active { text-decoration: none}




.SpNo { display: block}
.PcNo { display: none}


.img-arrow { max-width:50%; height: auto; border: 0px; float: right;}

  /*flex----------------------------------------*/
  .PcFlex{ display: flex;}
}

/* width 768以下 */

@media screen and (max-width : 768px){

  .SpFlex{ display: flex;}
  }



/* width 1025以上 */

@media screen and (min-width : 1025px){

}