@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{-webkit-text-size-adjust:100%}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea,figure, figcaption{font-family:inherit;font-size:inherit;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* ************************************************
 *
 * font
 *
************************************************* */
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
@font-face{
  font-family: "Noto Sans CJK JP";
  src: local("Noto Sans CJK JP");
  font-weight:400;
}
/*@font-face {
	font-family: 'Roboto';
	src:local('Roboto'),
url('../fonts/Roboto-Thin.woff') format('woff');
  font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src:local('Roboto'),
url('../fonts/Roboto-Light.woff') format('woff');
  font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src:local('Roboto'),
url('../fonts/Roboto-Regular.woff') format('woff');
  font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src:local('Roboto'),
url('../fonts/Roboto-Medium.woff') format('woff');
  font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src:local('Roboto'),
url('../fonts/Roboto-Bold.woff') format('woff');
  font-weight: 700;
	font-style: normal;
}*/

/* ************************************************
 *
 * default
 *
************************************************* */
/* html{font-size: 62.5%;} */
body {
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans CJK JP", "Noto Sans Japanese", "Hiragino Sans", HiraKakuProN-W3, HiraKakuPro-W3, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /* HiraKakuはアスタリスクなどの記号対策 */
  color: #333;
  line-height: 1.6;
  -webkit-tap-highlight-color: rgba(255,255,255,.2);
  /* コメントアウト
  margin: 0 auto;
  */
  -webkit-font-smoothing: antialiased;
  /*text-rendering: optimizeLegibility;*/
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  overflow-y: scroll;
}
[lang="en"]{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, Helvetica, Arial, "Noto Sans Japanese", sans-serif;}
h1, h2, h3, h4, h5, h6,
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,
div, span, p, ul, ol, li, dl, dt, dd, table, tr, th, td, a, img, *:after, *:before {box-sizing: border-box}
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;font-style:inherit;font-weight:inherit;color:inherit;}
a,abbr,acronym,address,blockquote,caption,code,dd,del,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,li,object,ol,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{margin: 0;padding: 0;vertical-align: baseline;}
tr {word-break: break-all;}
fieldset{border:none}
h1, h2, h3, h4, h5, h6 {font-weight: 500;}
p,ul,dl,table {
  line-break: strict;
  word-break: break-strict;
  word-wrap: break-word;
  line-height: 1.7;
  font-size: 1.4rem;
  font-style:normal
}
p{text-align:justify}
small{font-size: 1.2rem;}
em,strong{font-weight: 500;color:#ff001d;}
address{font-style:normal}
img {vertical-align:top;height:auto;line-height:1;max-width: 100%;min-height: 0%/*IEバグ用*/;}
a {text-decoration: none;color: inherit;font-style:normal;}
a:focus{outline:none;}
a[href^="tel:"] { cursor: default; }
a[href^="tel:"]:hover{opacity:1}
.cf:after {content: "";display: block;clear: both;}
ul,ol{list-style-type: none;}
textarea {overflow: auto;vertical-align: top;resize: vertical;}
select option {padding: 0px 5px;}
form label {cursor: pointer;}
a:hover{opacity:1}

/* input common
---------------------------------*/
input,select,textarea{font-family: inherit}
input::-webkit-input-placeholder{color:#999;}
input::-ms-input-placeholder{color:#999;}
input::-moz-input-placeholder{color:#999;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-ms-input-placeholder{color:transparent;}
input:focus::-moz-input-placeholder{color:transparent;}
input:placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}



/* ************************************************
 *
 * 共通button
 *
************************************************* */
.button{position:relative;max-width:275px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px auto;}
.button>a{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width:100%;
  background: #fff;
  min-height:50px;
  padding:0 1em;
}
.button>a::after{content:"";min-height:inherit;font-size:0}
.button>a>span{
/*  display:inline-block;
  vertical-align: middle;*/
  line-height: 1.4;
  padding: .5em 0;
  font-weight:500;
  text-align: left;
}

/*-- button size --*/
.size-L{max-width: 470px;}
.size-L>a{font-size: 2rem;}
.size-M{max-width: 320px;}
.size-M>a{font-size: 18px;}
.size-S{max-width:220px;margin:0 auto;}
.size-S>a{font-size: 1.6rem;padding: 5px 45px 5px 20px;}
.size-SS{max-width: 120px;}
.size-SS>a{font-size: 1.4rem;padding: 0 45px 0 20px;}

.max-size{max-width: 380px;}

/*-- button color --*/
.color-01>a{color: #fff;background: #ff001d}
.color-02>a{color: #333;background: #fff;border:1px solid #ddd;}
.color-03>a{color:#fff;background:#28b682}
.color-04>a{color:#666;background:#ddd;border:1px solid #666}
.color-01-1>a{color: #f7931e;border:2px solid #f7931e}
.color-02-2>a{color:#2894b6;border:1px solid #2894b6}
.color-03-3>a{color:#39b54a;border:2px solid #39b54a}
.color-04-4>a{color:#666;border:2px solid #b2b2b2}

.on-click>a{transition: background .2s}
.on-click>a:focus{opacity:1}

/*active*/
.is-active>a{background:#333;color:#fff}
.color-02.is-active>a{border-color:#333}

/*.button-wrap*/
.button-wrap{margin: 30px auto;}


@media print, screen and (min-width: 768px){
/* ************************************************
 *
 * common 768
 *
************************************************* */
body{font-size:1.6rem}
p, ul, dl, table{font-size: 1.6rem;line-height:1.8}

/* ************************************************
 *
 * 共通button 768
 *
************************************************* */
.button{max-width:420px;margin:0 auto;}
.button>a{min-height:60px;transition:.2s}
.button>a:hover{opacity:1;background-color:#333;color:#fff;border-color:#333}

/*---- button data-button カラム用 ----*/
.button-wrap[data-button]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  max-width:1000px;
  margin:40px auto;
}
.button-wrap>.button{margin:0}

/*-- 1column --*/
.button-wrap[data-button="1"]{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

/*-- 2column --*/
.button-wrap[data-button="2"]{/*-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;*/max-width:640px}
.button-wrap[data-button="2"]>.button{width: 48%;}
.button-wrap[data-button="2"]>.button:nth-of-type(even){margin-left: 4%;}
.button-wrap[data-button="2"]>.button:nth-of-type(n + 3){margin:20px 0 0 0}

/*-- 3column --*/
/*.button-wrap[data-button="3"]{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}*/
.button-wrap[data-button="3"] .button{max-width:none;}
.button-wrap[data-button="3"] > .button{width:calc(100%/3 - 13.33333px); /*31.908666%*/}
/*.button-wrap[data-button="3"] > .button:not(:nth-of-type(3n)){margin-right:2.137001%;}*/
.button-wrap[data-button="3"] > .button:nth-of-type(n + 4){margin-top: 20px;}
/*.button-wrap[data-button="3"] span{text-align:center;}*/

/*-- 4column --*/
.button-wrap[data-button="4"]{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.button-wrap[data-button="4"] .button{max-width:none;}
.button-wrap[data-button="4"] > .button{width:23.5%;margin-right:2%;}
.button-wrap[data-button="4"] > .button:nth-of-type(4n){margin-right:0;}
.button-wrap[data-button="4"] > .button:nth-of-type(n + 5){margin-top: 2%;}

/*-- vertical --*/
.button-wrap.vertical{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.button-title-vertical{text-align:left;margin-bottom: 25px;font-size: 2rem;border-left: 2px solid #f7931e;padding-left: .5em;line-height: 1.2;}
}