/*! normalize.css v8.0.1 */
/* Document */
html {line-height:1.15; -webkit-text-size-adjust:100%;}

/* Sections */
body {margin:0;}
main {display:block;}
h1 {font-size:2em; margin:0.67em 0;}

/* Grouping content */
hr {box-sizing:content-box; height:0; overflow:visible;}
pre {font-family:monospace,monospace; font-size:1em;}

/* Text-level semantics */
a {background-color:transparent;}
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;}
b,
strong {font-weight:bolder;}
code,
kbd,
samp {font-family:monospace,monospace; font-size:1em;}
small {font-size:80%;}
sub,
sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}

/* Embedded content */
img {border-style:none;}

/* Forms */
button,
input,
optgroup,
select,
textarea {font-family:inherit; font-size:100%; line-height:1.15; margin:0;}
button,
input {overflow:visible;}
button,
select {text-transform:none;}
button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance:button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style:none; padding:0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline:1px dotted ButtonText;}
fieldset {padding:0.35em 0.75em 0.625em;}
legend {box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal;}
progress {vertical-align:baseline;}
textarea {overflow:auto;}
[type="checkbox"],
[type="radio"] {box-sizing:border-box; padding:0;}
[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;}

/* Interactive */
details {display:block;}
summary {display:list-item;}
template {display:none;}
[hidden] {display:none;}




/* --- body --- */
body {font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif; padding:0;}


/* --- header --- */
#header {display:flex; flex-wrap:nowrap; align-items:center; width:90%; margin:0 auto; padding:0;}
#header .logo {flex:2; padding:20px 0;}
#header .gnav {flex:1;}
#header .logo img {max-width:60%; height:auto;}
.element {display:flex; margin:0; padding-left:20px; list-style:none; justify-content:flex-start;}
.element li {margin:0; padding:0 10px 0 0;}
.element li.gnav_cnts {display:none;}
.element li img {max-width:100%; height:auto;}
.element li a {color: #333; text-decoration: none;}
.element li a:hover {color: #666; text-decoration: none;}
/* [gnav_sp] */
#header .toggle {position:absolute; top:5px; right:0; width:50px; height:50px; cursor:pointer; z-index:10000;}
#header .toggle a {display:block; position:absolute; top:33px; right:20px; width:25px; height:3px; background-color:#515151; -webkit-transition:0.3s; transition:0.3s;}
#header .toggle a::before,
#header .toggle a::after {display:block; content:''; position:absolute; top:50%; left:0; width:25px; height:3px; background-color:#515151; -webkit-transition:all 0.1s ease-in-out 0s; transition:all 0.1s ease-in-out 0s;}
#header .toggle a::before {margin-top:-9px;}
#header .toggle a::after {margin-top:5px;}
#header .toggle.active a {background:transparent;}
#header .toggle.active a::before,
#header .toggle.active a::after {margin-top:-2px;}
#header .toggle.active a::before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#header .toggle.active a::after {-webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
#gnav-sp {display:none; position:absolute; top:60px; right:0; width:50%; background-color:#515151; z-index:100000;}
#gnav-sp .main-nav a {display:block; position:relative; height:40px; padding-left:20px; border-bottom:1px solid #999; color:#fff; font-size:14px; font-weight:normal; line-height:40px; text-decoration:none;}
#gnav-sp .main-nav a:hover {color:#ccc;}
#gnav-sp .gcnt .main-nav a::after {content:''; display:block; position:absolute; top:0; right:20px; bottom:0; width:10px; height:10px; margin:auto; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
#gnav-sp ul {vertical-align:baseline; margin:0; padding:0; border:0; outline:0; font-size:100%; font-style:normal; font:inherit; list-style:none;}
/* [search_ico] */
#search_ico {margin:0; position:relative; height:26px; float:right; padding:0;}
input[type="text"] {height:26px; font-size:16px; border:none; outline:none; color:#333; padding:10px 15px; width:0px; position:absolute; top:-10px; right:0; background:none; z-index:3; transition:width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor:pointer;}
input[type="text"]:focus:hover {border:2px solid #ddd; background:#eee;}
input[type="text"]:focus {width:130px; z-index:1; right:30px; border:2px solid #ddd; border-radius: 26px; background:#fff; cursor:text;}
input[type="submit"] {height:26px; width:20px; background:url(../image/common/header/search.jpg) center center no-repeat; text-indent:-10000px; border:none; position:absolute; top:0; right:0; z-index:2; cursor:pointer; opacity:0.4; cursor:pointer; transition:opacity .4s ease;}
input[type="submit"]:hover {opacity:0.8;}
/* [PC] */
@media (min-width:600px){
#header {display:flex; align-items:center; overflow:hidden; clear:both; width:90%;}
/* [search_ico] */
input[type="text"]:focus {width:300px;}
}
@media (min-width:1024px){
#header {width:1000px;}
#header .logo {flex:1;}
#header .gnav {flex:4;}
#header .logo img {max-width:100%; height:auto;}
.element {justify-content:flex-end; padding:0;}
.element li {margin:0; padding:0 0 0 30px;}
.element li.gnav_cnts {display: inherit; margin:0; padding:0 30px 0 0; color:#333; font-weight:800; font-size:25px;}
.element li img {max-width:100%; height:auto;}
#gnav-sp {display: none !important;}
#header .toggle {display: none !important;}
/* [search_ico] */
input[type="text"]:focus {width:300px;}
}


/* --- hタグ --- */
h2 {margin:0; padding-bottom:20px; color:#333; font-size:26px; font-style:800; border-bottom:1px solid #bfbfbf;}
h3 {width:100%; margin:30px 0; padding-bottom:20px; color:#333; font-size:26px; font-style:800; border-bottom:1px solid #bfbfbf;}
h4 {margin:0; padding:0; color:#fff; font-size:18px; font-style:800;}
h5 {margin:0 0 20px 0; padding:0; color:#333; font-size:18px; font-style:800;}
/* [PC] */
@media (min-width:600px){
h4 {font-size:24px;}
h5 {font-size:24px; margin-bottom:30px;}
}


/* --- arrow --- */
a.slurl {padding:2px 0 0 20px; background:url(../image/common/arrow/arrow.png) no-repeat center left; color:#333; font-size:14px; text-decoration:none;}
a:hover.slurl{color:#666; font-size:14px; text-decoration:none;}
a.blurl {padding:2px 20px 0 0; background:url(../image/common/arrow/blank.png) no-repeat center right; color:#333; font-size:14px; text-decoration:none;}
a:hover.blurl{color:#666; font-size:14px; text-decoration:none;}


/* --- Site_bnr --- */
#site_bnr {overflow:hidden; clear:both; width:90%; margin:0 auto; padding:50px 0 30px 0; text-align:center;}
.s_bnr {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin:0; padding:0; list-style:none;}
.s_bnr li {width:50%; margin-bottom:20px; padding:0;}
.s_bnr li.hanaoto {width:50%;}
.s_bnr li img {max-width: 87%; height: auto;}
.s_bnr li.hanaoto img {max-width: 67%; height: auto;}
/* [PC] */
@media (min-width:600px){
#site_bnr {width:70%; padding:100px 0 50px 0;}
.s_bnr li {width:25%; margin:0; padding:0;}
.s_bnr li.hanaoto {width:25%;}
}


/* --- footer --- */
#footer {overflow:hidden; clear:both; width:100%; margin:0 auto; padding:0; color:#666; background:#dddddd; font-size:0;}
.fnav {display:flex; flex-wrap:wrap; width:95%;	margin:0 auto; padding:30px 0 0 0; list-style:none;}
.fnav li {width:33%; margin:0; padding:0; font-weight:600; font-size:12px; line-height:1.8em;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#333;}
/* [PC] */
@media (min-width:600px){
.fnav {display:flex; justify-content:center; width:90%;}
.fnav li {width:auto; padding:0 25px 0 0; font-size:14px;}
}
@media (min-width:1024px){
.fnav {flex-wrap:nowrap; width:1000px;}
}


/* --- ABJ --- */
.mrk {margin:0 auto; padding:40px 0 20px 0; text-align:center;}
.mrk img {max-width:30%; height:auto;}
#wrt {width:90%; margin:0 auto; padding-bottom:20px; font-size:12px; line-height:1.6em; text-align:left;}
#wrt a {color:#0572e1; text-decoration:none;}
#wrt a:hover {color:#0359b1;}
/* [PC] */
@media (min-width:600px){
.mrk {padding:50px 0 20px 0;}
#wrt {width: 80%; font-size:14px;}
}


/* --- copyright --- */
#copy_bg {width:100%; margin:0 auto; padding:0; background:#515151;}
#copy {width:90%; margin:0 auto; padding:30px 0;}
#copy p {margin:0; padding-bottom:10px; line-height:1.8em; color:#fff; font-size:12px; text-align:left;}
#copy p.crht {margin:0; padding:10px 0 0 0; text-align:center;}
/* [PC] */
@media (min-width:600px){
#copy p {font-size:14px; text-align:center;}
}
/* --- /copyright --- */



/* [2st以下] */
/* --- footer --- */
.tit_common {width:100%; margin:0 auto; padding:10px 0; background:#333;}
.tit_commonInner {width:90%; margin:0 auto; padding:0;}
.mb30 {margin-bottom:30px;}
/* [PC] */
@media (min-width:600px){
.tit_commonInner {width:90%;}
}
@media (min-width:1024px){
.tit_commonInner {width:1000px;}
}