@charset "utf-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
@font-face {
font-family: "Custom Yu Gothic";
src: local("Yu Gothic");
font-weight: 300;
}
@font-face {
font-family: "Custom Yu Gothic";
src: local("Yu Gothic");
font-weight: 500;
}
@font-face {
font-family: "Custom Yu Gothic";
src: local("Yu Gothic");
font-weight: bold;
}
selector {
font-family: YuGothic, "Custom Yu Gothic", "Yu Gothic", sans-serif;
}
body {
font-size:1.5em;
line-height:1;
font-family:YuGothic, "Custom Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
color:#000;
padding:0;
margin:0;
width:100%;
height:100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    line-height: 1;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

:placeholder-shown {
	color: lightgray;
}
::-webkit-input-placeholder {
	color: lightgray;
}
::-moz-placeholder {
	color: lightgray;
}
:-ms-input-placeholder {
	color: lightgray;
}


/* Grid
-------------------------------------------------- */
.container {
  position: relative;
  width: 100%;
/*  max-width: 960px;*/
max-width: 1400px;
  margin: 0 auto;
/*  padding: 0 20px;*/
padding: 0;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-left:4%;}

@media (min-width: 768px) {
  .container {
}
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .five.columns                    { width: 13.3333333333%; }
  .four.columns                  { width: 22%;            }
  .three.columns                   { width: 30.6666666667%; }
  .two.columns                    { width: 48%;            }
  .one.columns                 { width: 100%; margin-left: 0; }
.five.columns:first-child,.four.columns:first-child,.three.columns:first-child,.two.columns:first-child{
margin-left:0;
}
}
/*@media (max-width: 767px) {
.columns{
width:100%!important;
margin-left:0;
}
}*/
.two.columns.img,.three.columns.img,.fiveList01 div{line-height: 0;height: auto;}
.two.img a,.three.columns.img a,.fiveList01 div a{display: block;line-height: 0;height: auto;}
.two.columns.img a:hover,.three.columns.img a:hover,.fiveList01 div a:hover{border-bottom: none;}




/* Base Styles
-------------------------------------------------- */
html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-size:62.5%;
width:100%;
height:100%;
overflow:auto;
}
body {
font-size:1.5em;
line-height:1.6;
font-weight:400;
color:#000;
padding:0;
margin:0;
width:100%;
height:100%;
overflow:auto;
}


/* Hx,Text
-------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
margin-top:0;
margin-bottom:0;
font-weight:300;
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup {
top:0;
}
sub {
bottom:-0.25em;
}
b,strong,optgroup {
font-weight:700;
}
code {
font-size:90%;
white-space:nowrap;
background:#F1F1F1;
border:1px solid #E1E1E1;
border-radius:4px;
margin:0 .2rem;
padding:.2rem .5rem;
}
pre > code {
display:block;
white-space:pre;
padding:1rem 1.5rem;
}


/* Links
-------------------------------------------------- */
a {
background-color:transparent;
color:#000;
text-decoration:none;
height:auto;
}
a:hover {
color:#000;
}
a:active,a:hover {
color: #014099;
border-bottom: 1px #014099 solid;
}
a:hover img {
outline:0;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:alpha(opacity=80);
border-bottom: none;
}


/* Img
-------------------------------------------------- */
img {
border:0;
}
svg:not(:root) {
overflow:hidden;
}


/* Buttons
-------------------------------------------------- */
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
}
button[disabled],html input[disabled] {
cursor:default;
}
input {
line-height:normal;
}
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
display:inline;
padding:0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto;
}
input[type="search"] {/* -webkit-appearance:textfield; */-moz-box-sizing:content-box;/* -webkit-box-sizing:content-box; *//* box-sizing:content-box; */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}


/* Forms
-------------------------------------------------- */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
box-shadow:none;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
pre,textarea {
overflow:auto;
}
button::-moz-focus-inner,input::-moz-focus-inner,legend {
border:0;
padding:0;
}
textarea {
min-height:65px;
padding-top:6px;
padding-bottom:6px;
}
label,legend {
display:block;
margin-bottom:.5rem;
font-weight:600;
}
label > .label-body {
display:inline-block;
margin-left:.5rem;
font-weight:400;
}
input,textarea,select,fieldset {
margin-bottom:0;
}
pre,blockquote,dl,figure,table,p,ul,ol,form {
margin-bottom:0;
margin-top: 0;
}

/* Select
-------------------------------------------------- */
.select-wrap {
position: relative;
margin: 0 0;
}
.select-wrap:before {
z-index: 1;
position: absolute;
right: 15px;
top: 0;
content: "▼";
line-height: 50px;
color:#000;
pointer-events: none;
}
select{
outline:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: #ccc;
vertical-align: middle;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px 12px;
border:1px solid #ccc;
color:#000;
width:100%;
border-radius:3px;
font-size:1em;
height:50px;
line-height: 1;
margin-bottom:3.0rem;
}
select:focus{
}
select::-ms-expand {
display: none;
}
select:-moz-focusring {
}



/* Table
-------------------------------------------------- */
td,th {
padding:0;
text-align:left;
}


/* Lists
-------------------------------------------------- */
ul {
}
ol {
}
ul, ol {
list-style:none;
padding-left:0;
margin-top:0;
}
li{
list-style-type: none
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0;
}
ul ul,ul ol,ol ol,ol ul {
font-size:90%;
margin:1.5rem 0 1.5rem 3rem;
}


/* Utilities
-------------------------------------------------- */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
-------------------------------------------------- */
hr {
  margin: 0;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
-------------------------------------------------- */
/* Self Clearing Goodness */
.wrapper:after,.row:after,.u-cf {
content:"";
display:table;
clear:both;
}


/* Media Queries
-------------------------------------------------- */

.is-pc {
display: none !important;
}
.is-sp {
display: block !important;
}

@media (min-width: 992px) {
.is-sp {
display: none !important;
}
.is-pc {
display: block !important;
}
}


.txt-bold {
	font-weight: bold;
	font-familly: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

form .error_text {
	color: #c7000a;
}
