@charset "utf-8";

/*  style　[ お客様名 共通 ]

=================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;700&display=swap');

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

 RESET

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

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset, figure {

	margin: 0;

	padding: 0;

}

img, fieldset {

	border: 0;

}

/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}

hr {

	display: none;

}

p {

}

p:first-of-type {

}

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

 GENERAL STYLING

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

html {

  /*font-size: 62.5%;  10px */

}

body {

  background-color: #FFF;

  /*font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/

  font-family: 'Noto Sans JP', sans-serif;

  font-size: 16px; /* old browzer */

  font-size: 1.6rem;

}

a:link    { text-decoration: none;      color: #333; }

a:visited { text-decoration: none; color: #333;}

a:hover   { text-decoration: underline; color: #f60; }

a:active  { text-decoration: none; }

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

 class

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

.noDisplay {

  display: none;

  margin: 0;

  padding: 0;

}

/* japanese */

.jpara { text-indent: 1em; }

/* text */

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: left; }

/* text decoration */

.text-bold { font-weight: bold; }

.text-uline { text-decoration: underline; }

/* space(top) */

.spaceTop05 { margin-top: 5px; }

.spaceTop10 { margin-top: 10px; }

.spaceTop15 { margin-top: 15px; }

.spaceTop20 { margin-top: 20px; }

.spaceTop25 { margin-top: 25px; }

.spaceTop30 { margin-top: 30px; }

/* space(bottom) */

.spaceBottom05 { margin-bottom: 5px; }

.spaceBottom10 { margin-bottom: 10px; }

.spaceBottom15 { margin-bottom: 15px; }

.spaceBottom20 { margin-bottom: 20px; }

.spaceBottom25 { margin-bottom: 25px; }

.spaceBottom30 { margin-bottom: 30px; }



.tdwidth20 { width: 20%;}

.tdwidth25 { width: 25%;}

/* float & clear */

.setRight {

  float: right;

  display: block;

}

.setLeft {

  float: left;

  display: block;

}

.setClear {

  clear: both;

  font: 0px/0px sans-serif;

}

/* clearfix */

.cf:before, .cf:after {

  content: "";

  display: table;

}

.cf:after {

  clear: both;

}

/*IE6,7対策 （haslayout対策）*/

.cf {

 *zoom:1;

}

.clearfix:after {

		content: ".";

		display: block;

		clear: both;

		height: 0;

		visibility: hidden;

}

.ulNone {

  list-style: none;

}

.list-normal {

  padding: 15px 0 15px 20px;

}

.red {

	color: #c00;

}



.img-center {

  display: block;

  margin: 0 auto;

}

 /* Back To Top */

#BackToTop {

  position: fixed;

  opacity: 0.8;

  bottom: 5%;

  right: 5%;

  z-index: 100;

}

#BackToTop a {

  background-color: #FFF;

  border-radius: 70px;

  color: #2299CD;

  border: 1px solid #2299CD;

  display: block;

  font-size: 15px;

  font-size: 1.5rem;

  text-align: center;

  width: 70px;

  height: 70px;

}

#BackToTop a:hover {

  background-color: #2299CD;

  color: #FFF;

  text-decoration: none;

}

#BackToTop a .fa-chevron-up {

  display: block;

  margin: 9px auto 0 auto;

}



 /* CR only smart */

.br-sp {

  display: none;

}





.notice {

  list-style: none;

  font-size: small;

  margin: 2.5em 1em;

  padding: 0;

}

.notice li {

  margin-bottom: 10px;

}



.link01 {

  background: #fff;

  border: #DFDFD0 1px solid;

  padding: 5px 10px;

  color: #c33!important;

}

.link01:hover {

  background: #DFDFD0;

  transition: .4s;

}