@charset "UTF-8";

html {
  /*font-family: sans-serif;*/

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

:root {
  --font-family: 游ゴシック Medium, 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],template {
  display: none;
}

/* Links
   ========================================================================== */
a {
  background-color: transparent;
}

a:active,a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

@media screen and (min-width: 900px) {
  h1 {
    font-size: 200%;
    text-align:center;
  }
}
@media screen and (max-width: 899px) {
  h1 {
    font-size:160%;
    text-align:center;
  }
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

/* Embedded content
   ========================================================================== */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
button,input,optgroup,select,textarea {
  font: inherit;
  margin: 0;
  color: inherit;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;

  -webkit-appearance: button;
}

button[disabled],html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,th {
  padding: 0;
}

@font-face {
  /*font-family: "MyYuGothicM";
  font-weight: normal;*/
  font-family: var(--font-family) !important;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}

@font-face {
  /*font-family: "MyYuGothicM";
  font-weight: bold;*/
  font-family: var(--font-family) !important;
  src: local("YuGothic-Bold"), local("Yu Gothic");
}

@media screen and (max-width: 374px) {
  .sps-none {
    display: none !important;
  }
}

@media screen and (max-width: 899px) {
  .sp-none {
    display: none !important;
  }
}

@media screen and (min-width: 900px) {
  .pc-none {
    display: none !important;
  }
}

/* ===================================================
   default
==================================================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 900px) {
  html {
    overflow: auto;
  }
  body {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  html,body {
    min-width: 1220px;
  }
}

html {
  font-size: 62.5%;
}

body {
  /*font-family: MyYuGothicM, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Noto Sans Japanese", "Noto Sans CJK JP", -apple-system, BlinkMacSystemFont, sans-serif;*/
  font-family: var(--font-family) !important;
  /*font-size: 14px;
  font-size: 1.4rem;*/
  font-size:140%;
  line-height: 1.6em;
  position: relative;
  margin: 0;
  padding: 0;
  color: #333;
  background: #fff;

  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 899px) {
  body {
    font-size: 14px;
    /*font-size: 1.4rem;*/
  }
  input {
    font-size:16px;
  }
}

h1,h2,h3,h4 {
  line-height: 1;
  margin: 0;
}

ul,ol,dd,figure {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li {
  margin: 0;
  padding: 0;
}

p,section {
  margin: 0;
  padding: 0;
}

em,address {
  font-style: normal;
}

img {
  border: none;
}

s {
  text-decoration: line-through;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #1badcf;
  /*color:#0088FF;*/
}
a:hover {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  text-decoration: underline;
}
a:hover img {
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  opacity: .8;
}
@media screen and (min-width: 900px) {
  a.anchor{
    /*ページ内リンク用*/
    display: block;
    padding-top: 173px;
    margin-top: -173px;
    cursor: default;
  }
}

strong { font-weight:bold; }

.clearfix{clear:both;}


/* ===========================================
  flex
=========================================== */
@media screen and (max-width: 899px) {
  .fleximg {
    zoom: 1;
    width: 100%;
    height: auto;
  }
  .fleximgH {
    zoom: 1;
    width: auto;
    height: 100%;
  }
  .imghalf {
    zoom: .5;
    -moz-transform: scale(.5, .5);
    -moz-transform-origin: left top;
  }
}

@media screen and (max-width: 899px) {
  .fleximg_s {
    zoom: 1;
    width: 100%;
    height: auto;
  }
}

/* ===========================================
  layout
=========================================== */
html,body {
  width: 100%;
  /*height: 100%;*/
  font-feature-settings: "palt";
}
@media screen and (max-width: 899px) {
  article {
    padding:0 10px 0 10px;
  }
}
/* ===========================================
  contents
=========================================== */
@media screen and (min-width: 900px) {
  /*.contents {*/
  main.contents {
    /*width: 1200px;100％化推進202002田中*/
    width:100%;
    min-width: 1200px;
    margin: 10px auto 50px auto;
    /*padding-bottom: 50px;*/
    padding-top:173px;/*ヘッダスクロール用*/
  }
}

@media screen and (max-width: 899px) {
  /*.contents {*/
  main.contents {
    width: 100%;
    margin:0 0 20px 0;
  }
}

/* ===========================================
  breadcrumb
=========================================== */
@media screen and (min-width: 900px) {
  .breadcrumb {
    /*font-size: 12px;
    font-size: 1.2rem;*/
    /*100％化推進202002田中*/
    /*width:95%;*/
    width:1200px;
    font-size:90%;
    margin: 20px auto 0 auto;
  }
  .breadcrumb > li {
    display: inline-block;
    color: #333;
  }
  .breadcrumb > li > a {
    padding: 0 0 2px;
    text-decoration: none;
    color: #1badcf;
  }
  .breadcrumb > li > a:hover {
    text-decoration: underline;
  }
  .breadcrumb > li::after {
    margin: 0 0 0 5px;
    padding: 0 3px 0 0;
    content: "＞";
    color: #333;
  }
  .breadcrumb > li:last-child::after {
    content: "";
  }
}

@media screen and (max-width: 899px) {
  .breadcrumb {
    display: none;
  }
}

/* ===========================================
  leaad text
=========================================== */
div#pageLead {
  /*100％化推進202002田中*/
  width:95%;
  margin:0 auto 50px auto;
  padding:0 0 0 0;
  text-align:center;
  font-size:120%;
}
div#pageLead p{
  margin:0 0 0 0;
  padding:0 0 10px 0;
  line-height:1.8em;
}

@media screen and (max-width: 899px) {
  div#pageLead {
    width:100%;
    padding:0 10px 0 10px;
    margin:0 0 30px 0;
    text-align:left;
    font-size:100%;
  }
  div#pageLead p{
    margin:0 0 0 0;
    padding:0 0 10px 0;
    line-height:1.8em;
  }
}

/* ===========================================
  gradation border
=========================================== */
.graBorder {
  position: relative;
  width: 100%;
  margin: 50px 0;
  padding: 20px 0;
  color: #333;
  font-size: 18px;
  text-align: center;
}
.graBorder::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);
  background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}


/* ===========================================
  icon
=========================================== */
.icon_outerlink {
  vertical-align: middle;
}

@media screen and (min-width: 900px) {
  .icon_outerlink {
    width: 15px;
    height: auto;
    margin: 0 0 2px 10px;
  }
}

@media screen and (max-width: 899px) {
  .icon_outerlink {
    width: 12px;
    height: auto;
    margin: 0 0 2px 10px;
    zoom: 1 !important;
  }
}

/* ===========================================
  header
=========================================== */
header {
  width: 100%;
  margin: 0 auto;
  background: #fff;
}

@media screen and (min-width: 900px) {
  header {
    min-width: 1200px;
    padding-bottom: 3px;
    border-bottom: 1px solid #f1f1f1;
    /*以下4行ヘッダスクロール用*/
    position: fixed;
    top:0;
    left:0;
    z-index:100;
    background-color: rgba(255,255,255,0.95);
  }
}

@media screen and (max-width: 899px) {
  header {
    /*position: relative;*/
    background-color: rgba(255,255,255,0.95);
  }
  .header_logo img {
    /*width: 146px;*/
    width:200px;
    height:auto;
  }
}

/* header info
========================================== */
.headerInfo {
  background: #333;
}

.headerInfo_infoTxt {
  color: #fff;
}
@media screen and (min-width: 900px) {
  .headerInfo_infoTxt {
    /*100％化推進202002田中*/
    /*width:90%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.headerInfo_infoTxt a {
  color: #fff;
}
.headerInfo_infoTxt span{
  padding-left: 1.0em;
  font-size: 80%;
}
@media screen and (min-width: 900px) {
  .headerInfo_inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*100％化推進202002田中*/
    /*width: 1200px;*/
    min-width:1200px;
    min-height: 40px;
    margin: 0 auto;
    padding: 2px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .headerInfo_infoBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*100％化推進202002田中*/
    /*width: 1200px;
    margin: 5px auto;*/
    margin:5px auto 5px 10px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  _:-ms-input-placeholder,:root .headerInfo_infoBox {
    margin: 10px auto 0;
  }
  .headerInfo_telBox {
    position: absolute;
    /*100％化推進202002田中*/
    /*right: 0;*/
    right:10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  _:-ms-input-placeholder,:root .headerInfo_telBox {
    top: 50%;
    margin-top: -.9em;
  }
  .headerInfo_telNum {
    font-size: 24px;
    font-size: 2.4rem;
    margin-right: 10px;
    letter-spacing: .01em;
  }
  .headerInfo_telNum img {
    margin-right: 5px;
  }
  .headerInfo_telTime {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
  }
  .headerInfo_telTime span {
    margin-left: 1px;
  }
  _:-ms-input-placeholder,:root .headerInfo_telTime {
    margin-top: -5px;
  }
  .headerInfo_sns {
  }
  .headerInfo_sns img{
    margin:2px 0 0 5px;
  }
}

@media screen and (max-width: 899px) {
  .headerInfo {
    padding: 10px;
  }
  .headerInfo_infoBox {
    font-size:80%;
    text-align: center;
    color: #fff;
  }

  .headerInfo_infoBox a {
    color: #fff;
  }
  .headerInfo_telBox {
    display: none;
  }
}

/* header main
========================================== */
@media screen and (min-width: 900px) {
  .headerMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*100％化推進202002田中*/
    /*width: 1200px;*/
    min-width:1200px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  /*100％化推進202002田中*/
  .header_logo {
    margin:0 0 0 10px;
  }
}

@media screen and (max-width: 899px) {
  .headerMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 10px 20px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

/* search area
=========================================== */
@media screen and (min-width: 900px) {
  .searchArea {
    width: 100%;
    margin: 0 22px 0 30px;
  }
  .searchArea_box {
    position: relative;
    height: 40px;
    border: 1px solid #e9e9e9;
    padding:3px;
    background: #fff;
  }
  .searchArea_input {
    position: absolute;
    width: calc(100% - 50px);
    padding: 4px;
    border: none;
    outline:0;
    background: none;
  }
  :placeholder-shown { color: #ccc; }
  ::-webkit-input-placeholder { color: #ccc }
  :-moz-placeholder { color: #ccc; opacity: 1; }
  ::-moz-placeholder { color: #ccc; opacity: 1; }
  :-ms-input-placeholder { color: #ccc; }

  .searchArea_btn {
    position: absolute;
    top: 6px;
    right: 0;
    border: none;
    background: none;
  }
}

@media screen and (max-width: 899px) {
  .searchArea {
    width: 100%;
    padding: 0 10px 20px 10px;
  }
  .searchArea_box {
    position: relative;
    height: 45px;
    border: 1px solid #e9e9e9;
    padding:5px;
    background: #fff;
  }
  .searchArea_input {
    position: absolute;
    width: calc(100% - 50px);
    padding: 4px;
    border: none;
    background: none;
    outline:0;
  }
  :placeholder-shown { color: #ccc; }
  ::-webkit-input-placeholder { color: #ccc }
  :-moz-placeholder { color: #ccc; opacity: 1; }
  ::-moz-placeholder { color: #ccc; opacity: 1; }
  :-ms-input-placeholder { color: #ccc; }

  .searchArea_btn {
    position: absolute;
    top: 11px;
    right: 3px;
    border: none;
    background: none;
  }
}

/*　mmgから持ち込みop風に一部変更　*/
/* original: http://stackoverflow.com/questions/20198247/twitters-typeahead-js-suggestions-are-not-styled-have-no-border-transparent-b */
.twitter-typeahead{
  width: 100%;
}
.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
  margin: 12px -4px 0 -4px;
  width: calc(100% + 8px);
  height: 30px;
  padding: 8px 3px;
  font-size: inherit;
  line-height: 30px;
  border: 1px solid #e9e9e9;
  z-index: 2147483645;/*最大値より2少ない*/
}
.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999;
}
.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
  margin: 12px -4px 0 -4px;
  width: calc(100% + 8px);
  padding: 12px 0;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 0 50px 0 rgb(51 51 51 / 10%);
  box-shadow: 0 0 50px 0 rgb(51 51 51 / 10%);
  z-index:2147483645;/*最大値より2少ない*/
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 16px;
  line-height: 24px;
}
.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
  color: #fff;
  background-color: #1badcf;
}
.tt-suggestion p {
  margin: 0;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion.tt-cursor, .tt-dropdown-menu .tt-suggestion:hover, .tt-menu .tt-suggestion:hover {
  outline: 0 none;
  cursor: pointer;
  color: #1badcf;
  text-decoration: underline;
}

/* header link
=========================================== */
@media screen and (min-width: 900px) {
  .headerLink_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .headerLink_list li {
    margin: 0 0 0 10px;
    cursor: pointer;
  }
  /*100％化推進202002田中*/
  .headerLink_list li:last-child {
    margin-right:10px;
  }
  .headerLink_list li a {
    display: block;
    width:85px;
    height:40px;
  }
  .headerLink_list li a:hover {
    background-color:#FFF;
    opacity:0.5;
    filter: alpha(opacity=50);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=50)";  /* ie 8 */
    -moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.5;              /* Safari 1.x */
    zoom:1;
  }

  .headerLink_list li a.sprite-new_btn{ background: url(/assets/img/header_btn/btn_regist_pc.jpg) no-repeat top left;}
  .headerLink_list li a.sprite-login_btn{ background: url(/assets/img/header_btn/btn_login_pc.jpg) no-repeat top left;}
  .headerLink_list li a.sprite-cart_btn{ background: url(/assets/img/header_btn/btn_cart_pc.jpg) no-repeat top left;}

  .headerLink_list li a.sprite-mypage_btn{ background: url(/assets/img/header_btn/btn_mypage_pc.jpg) no-repeat top left;}
  .headerLink_list li a.sprite-logout_btn{ background: url(/assets/img/header_btn/btn_logout_pc.jpg) no-repeat top left;}


}
@media screen and (max-width: 899px) {
  .headerLink_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .headerLink_list img {
    zoom: .5;
    -moz-transform: scale(.5, .5);
    -moz-transform-origin: left top;
  }
  .headerLink_list li {
    width: 40px;
    text-align: center;
    border-left: 1px solid /*#f1f1f1*/ #e9e9e9;
  }
  .headerLink_list li:last-child {
    border-right: none;
  }
  .headerLink_list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* headerSelectWork
/* sp only
=========================================== */
.headerSelectWork {
  padding: 20px 10px 15px;
}


/*********************************************
ヘッダ縮小（PCのみ）202007田中
*********************************************/
@media screen and (min-width: 900px) {
  /* 変化スピード */
  #header {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  }
  /* 変化後の形状 */
  #header.fixed div.headerInfo_inner{
    min-height:3px;
    height:3px;
    line-height:0em;
  }
  #header.fixed div.headerInfo_infoBox{
    display:none;
  }
  #header.fixed div.headerInfo_telBox{
    display:none;
  }
  #header.fixed div.headerMain {
    padding: 5px 0 5px 0;
  }
  #header.fixed .navArea_listItem {
    padding: 2px 10px;
  }
  #header.fixed .findNav {
    top:30px;
  }
}






/* ===========================================
  navigaition
=========================================== */
@media screen and (min-width: 900px) {
  .navArea {
    width: 1200px;
    margin: 0 auto 0 auto;
  }
  .navArea_lists {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
  }
  /*.navArea_list:nth-of-type(3) {
    letter-spacing: -.05em;
  }*/
  /*.navArea_list:last-child {
    margin-left: auto;
  }*/

  .navArea_listItem {
    /* font-size: 16px;
     font-size: 1.6rem;*/
    font-size:100%;
    /*font-weight: bold;*/
    display: inline-block;
    /*width: 220px;*/
    margin: 0 20px 0 0;
    padding: 10px 10px;
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-align: center;
    color: #333;
    /*border: 1px solid #e9e9e9;
    border-radius: 4px;*/
    border-bottom:2px solid #FFFFFF;
  }

  .navArea_listItem a {
    color: #333;
  }
  .navArea_listItem:hover {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-decoration: none;
    /*color: #fff;*/
    /*background: #1badcf;*/
    color:#1badcf;
    border-bottom:2px solid #1badcf;
  }
  .navArea_listItem:hover a {
    text-decoration: none;
    /*color: #fff;*/
    color:#1badcf;
  }
  .navArea_listItem.is-click {
    /*color: #fff;*/
    color:#1badcf;
    /*background: #1badcf;*/
    border-bottom:2px solid #1badcf;
  }
  .navArea_listItem img {
    margin: 0 5px 0 0;
  }
  _:-ms-input-placeholder,:root .navArea_listItem {
    padding: 10px 10px 5px;
  }
}

@media screen and (max-width: 899px) {
  .navArea {
    margin: 0 0 10px;
  }
  .navArea_lists {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .navArea_list {
    font-weight: bold;
    width: 33%;
    margin: 0 10px 0 0;
    text-align: center;
    background:#fff;
  }
  .navArea_list:nth-child(7) {
    margin: 0;
  }
  .navArea_list img {
    zoom: .5;
    -moz-transform: scale(.5, .5);
    -moz-transform-origin: left top;
  }
  .navArea_listItem {
    line-height: 1.4em;
    width: 100%;
    cursor: pointer;
  }
  .navArea_listItem.is-item,
  .navArea_listItem.is-aim,
  .navArea_listItem.is-guide,
  .navArea_listItem.is-about,
  .navArea_listItem.is-biz,
  .navArea_listItem.is-support
  {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .navArea_listItem.is-item.is-click,
  .navArea_listItem.is-aim.is-click,
  .navArea_listItem.is-guide.is-click,
  .navArea_listItem.is-about.is-click,
  .navArea_listItem.is-biz.is-click,
  .navArea_listItem.is-support.is-click
  {
    color: #fff;
    border-radius: 4px;
    background: #1badcf;
  }
  .navArea_itemTxt {
    font-size: 12px;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navArea_aimTxt {
    font-size: 12px;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navArea_guideTxt {
    font-size: 12px;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .navArea_list > a {
    color:#333;
  }
  .navArea_list > a:hover {
    text-decoration:none;
  }

}

/* find nav ○○から探す
========================================== */
@media screen and (min-width: 900px) {
  .findNav {
    position: absolute;
    z-index:2147483644;/*最大値より3少ない*/
    top: 46px;
    left: 0;
    display: none;
    margin: 0 -500%;
    padding: 40px 500% 10px;
    /*background: #f1f1f1;*/
    background:#F5F1ED;
  }
  .findNav.is-block {
    display: block;
  }
  .findNav_inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .findNav_ttl {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 5px;
    border-bottom: 1px solid #979797;
  }
  .findNav_lists {
    width: 100%;
    margin: 0 40px 0 0;
  }
  /**カテゴリ一覧用**/
  .findNav_inner.item .findNav_lists {
    width: calc( (100% - 80px ) / 6);
    margin: 0 20px 0 0;
  }
  .findNav_inner.item .findNav_lists.item2 {
    width: calc( (100% - 80px ) / 6 * 2);
    margin: 0 20px 0 0;
  }
  /**カテゴリ一覧用 ↑**/

  /**ガイド用**/
  .findNav_inner.guide .findNav_lists {
    width: calc( (100% - 120px ) / 5 * 1.5);
    margin: 0 40px 0 0;
  }
  .findNav_inner.guide .findNav_lists.guide2 {
    width: calc( (100% - 120px ) / 5 * 2);
    margin: 0 40px 0 0;
  }
  /**ガイド用 ↑**/


  .findNav_lists:last-child {
    margin: 0;
  }
  .findNav_lists a {
    color: #333;
    width:100%;
    min-width:179px;
    display:block;
    margin:0 0 0 0;
    padding:0 10px 0 8px;
    background:url("/assets/img/icon/icon_arrow_black_right_sml.png") left center no-repeat;
  }
  .findNav_lists a:hover {
    color:#1badcf;
    text-decoration: underline;
  }
  /*サポート用のボタン装飾*/
  .findNav_lists a.btnSupport {
    background: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    padding: 7px 5px 7px 5px;
    margin:0 0 5px 0;
    text-align: center;
    vertical-align: inherit;
    background-color: #1badcf;
    color: #fff;
    border: 1px solid #1badcf;
    font-size: 120%;
    line-height: 1.0em;
    width: 70%;
  }
  .findNav_lists a.btnSupport:hover {
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    text-decoration: none;
  }

  /*サポート用のボタン装飾：ここまで*/
  .findNav_lists a.arw-none {
    background: none !important;
    display: inline;
    padding:0 0 0 0;
    color:#1badcf;
  }
  .findNav_lists a.arw-none:hover {
    background: none !important;
  }
  .findNav_list {
    margin: 0 0 15px;
  }

  .findNav_free {
    margin:0 0 20px 0;
    padding:0 0 0 0;
  }
  .findNav_free h2{
    font-size:100%;
    padding:10px 0 10px 0;
    margin:0 0 0 0;
  }
  .findNav_free p{
    font-size:90%;
    padding:0 0 0 0;
    margin:0 0 20px 0;
    line-height:1.4em;
    min-height:35px;
  }
  .findNav_free p.lab{
    font-size:100%;
    padding:0 0 0 0;
    margin:0 0 20px 0;
    line-height:1.4em;
    min-height:35px;
  }
  .findNav_free a{
    /*100％化推進202002田中*/
    /*background:#FFF;*/
    padding:0 0 0 0;
    margin:0 0 0 0;
  }
  .findNav_free a:hover{
    /*100％化推進202002田中*/
    /*background:#FFF;*/
    opacity:0.8;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    zoom:1;
  }

  .findNav_freedial {
    /*background:url("/assets/img/icon/icon_support_operator.png") right center no-repeat;*/
    height:145px;
  }
  .findNav_freedial h2{
    font-size:120%;
    padding:10px 0 10px 0;
    margin:0 0 0 0;
  }
  .findNav_freedial p.support_number{
    background:url("/assets/img/icon/icon_support_freedial.png") left center no-repeat;
    font-size:300%;
    font-weight:bold;
    padding:0 0 0 75px;
    margin:0 0 10px 0;
    line-height:1.4em;
    min-height:40px;
  }
  .findNav_freedial p.support_time{
    font-size:100%;
    padding:0 0 10px 0;
    margin:0 0 0 0;
  }
  .findNav_freedial p.support_form{
    font-size:100%;
    font-weight:bold;
    padding:0 0 10px 0;
    margin:0 0 0 0;
  }

  .findNav_close {
    position: absolute;
    top: -25px;
    right: 0;
    display: block;
    width: 1200px;
    margin: 0 auto;
    text-align: right;
  }
  .findNav_close img {
    cursor: pointer;
  }
  .findNav_slideUp {
    display: none;
  }
}

@media screen and (max-width: 899px) {
  .findNav {
    position: absolute;
    z-index:2147483644;/*最大値より3少ない*/
    top: 70px;
    left: 0;
    display: none;
    width: 100%;
    padding: 50px 30px 30px;
    /*background: #f1f1f1;*/
    background:#F5F1ED;
  }
  .findNav.is-block {
    display: block;
  }
  .findNav_inner {
    position: relative;
    width: 100%;
  }
  .findNav_ttl {
    font-weight: bold;
    padding: 0 0 10px;
    border-bottom: 1px solid #333;
  }
  .findNav_lists {
    width: 100%;
    text-align: left;
  }
  .findNav_lists a {
    color: #333;
  }
  .findNav_list {
    margin: 0 0 45px;
  }

  .findNav_free {
    margin:0 0 20px 0;
    padding:0 0 0 0;
  }
  .findNav_free h2{
    font-size:100%;
    padding:10px 0 10px 0;
    margin:0 0 0 0;
  }
  .findNav_free p{
    font-size: 90%;
    padding: 0 0 0 0;
    margin: 5px 0 10px 0;
    line-height: 1.4em;
    /*min-height: 35px;*/
    font-weight: normal;
  }
  .findNav_free p.lab{
    font-size:90%;
  }
  .findNav_free img.lab{
    max-width:100%;
  }

  .findNav_close {
    position: absolute;
    top: -30px;
    right: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: right;
    /*
    bottom: -40px;
    right: 0;
    width: 100%;
    */
  }
  .findNav_close img {
    cursor: pointer;
  }
  /*.findNav_slideUp {
    position: relative;
    top: -5px;
    text-align: center;
    z-index:9999;
  }
  .findNav_slideUp img {
    cursor: pointer;
  }*/
  .findNav_slideUp {
    display: none;
  }
}

/* category navi
=========================================== */
@media screen and (min-width: 900px) {
  /*.categoryNav-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }*/
  .categoryNav_lists {
    margin: 0 0 0 0;
    padding:0 0 0 0;
  }
  .findNav .categoryNav_lists.clm2 {
    margin: 0 0 0 0;
    padding:0 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  .categoryNav_lists li {
    line-height: 2.0;
  }
  .findNav .categoryNav_lists.clm2 li{
    width:50%;
  }
  .findNav .categoryNav_lists.clm2 li.clm1{
    width:100%;
  }
}

@media screen and (max-width: 899px) {
  .categoryNav_lists li {
    line-height: 1.5;
    border-bottom: 1px solid #979797;
  }
  .categoryNav_lists li a {
    display: block;
    padding: 15px 0;
    color: #333;
    /*background: url(../img/icon/icon_arrow_gray_right.png) right center no-repeat;*/
    background: url(../img/icon/icon_arrow_black_right.png) right center no-repeat;
    background-size: 11px;
  }
  .categoryNav_lists li a:hover {
    text-decoration: none;
  }
}

/* ===========================================
  footer
=========================================== */
footer {
  width: 100%;
  margin: 0;
}

.footer_inner {
  padding: 20px 0 0 0 ;
  /*background: #e9e9e9;*/
  background:#F6F6F6;
}

@media screen and (max-width: 899px) {
  footer {
    margin: 0;
    padding: 20px 0 0 0;
  }
  .footer_inner {
    padding: 0 0 0 0 ;
  }
}

/* footer nav
========================================== */
@media screen and (min-width: 900px) {
  .footerNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*100％化推進202002田中*/
    /*width: 1200px;*/
    width:95%;
    min-width:1200px;
    margin: 0 auto 30px auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size:90%;
  }
}

@media screen and (max-width: 899px) {
  .footerNav {
    margin: 0 0 0 0;
    border-top: 1px solid #e9e9e9;

  }
  .footerNav_list {
    font-weight: bold;
    margin: 0 0 0 0;
  }

  .footerNav_list li {
    line-height: 1.5;
  }
  .footerNav_list li.is-outerlink a {
    background: none;
  }
  .footerNav_list li a {
    display: block;
    padding: 10px 20px;
    color: #333;
    /*background: url(../img/icon/icon_arrow_gray_right.png) 92% center no-repeat;*/
    background: url(../img/icon/icon_arrow_black_right.png) 95% center no-repeat;
    background-size: 11px;
    border-bottom: 1px solid #e9e9e9;
  }
  .footerNav_list li a:hover {
    text-decoration: none;
  }
}


/* copyright
========================================== */
.copyright {
  text-align: center;
  background:#FFF;
  margin:0 0 0 0;
  padding: 20px 0 20px 0;
}
.footer_logo {
  width: 100%;
  margin:0 0 0 0;
  padding:0 0 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer_logo a {
  margin:0 20px 0 0;
}
.footer_logo a:last-child {
  margin:0 0 0 0;
}

@media screen and (min-width: 900px) {
  .copyright small {
    /*font-size: 10px;
    font-size: 1.0rem;*/
    font-size:90%;
  }
}

@media screen and (max-width: 899px) {
  .copyright small {
    /*font-size: 10px;
    font-size: 1.0rem;*/
    font-size:90%;
  }
}

/* ===========================================
  footer simple
=========================================== */

/* pagetop
========================================== */
.pagetop {
  line-height: 0;
  text-align: right;
}
@media screen and (min-width: 900px) {
  .pagetop {
    /*100％化推進202002田中*/
    /*width: 1200px;*/
    width:95%;
    margin: 20px auto 50px auto;
  }
}
@media screen and (max-width: 899px) {
  .pagetop {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 900px) {
  .btnPagetop > img {
    width: 60px;
    height: auto;
  }
}

@media screen and (max-width: 899px) {
  .btnPagetop > img {
    width: 50px;
    height: auto;
  }
}


/* ===========================================
  title
=========================================== */

/* ===========================================
  color
=========================================== */
.colorchip {
  display: inline-block;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
}
.colorchip.is-white {
  border: 1px solid #ddd;
  background: #fff;
}
.colorchip.is-black {
  background: #000;
}
.colorchip.is-gray {
  background: #979797;
}
.colorchip.is-brown {
  background: #aa7128;
}
.colorchip.is-beige {
  background: #e8e8c5;
}
.colorchip.is-green {
  background: #88d382;
}
.colorchip.is-blue {
  background: #81cddf;
}
.colorchip.is-purple {
  background: #b6aae1;
}
.colorchip.is-yellow {
  background: #ffe246;
}
.colorchip.is-pink {
  background: #ff7a7a;
}
.colorchip.is-red {
  background: #fb5050;
}
.colorchip.is-orange {
  background: #ffa37a;
}

/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.contents *,.contents *::before,.contents *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.contents .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 100px) {
  .contents .container {
    max-width: 100%;
  }
}
@media (min-width: 900px) {
  .contents .container {
    max-width: 1200px;
  }
}

.contents .container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

.contents .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
  margin-left: -20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contents .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.contents .no-gutters > .col,.contents .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.contents .col-1,.contents .col-2,.contents .col-3,.contents .col-4,.contents .col-5,.contents .col-6,.contents .col-7,.contents .col-8,.contents .col-9,.contents .col-10,.contents .col-11,.contents .col-12,.contents .col,.contents .col-auto,.contents .col-sp-1,.contents .col-sp-2,.contents .col-sp-3,.contents .col-sp-4,.contents .col-sp-5,.contents .col-sp-6,.contents .col-sp-7,.contents .col-sp-8,.contents .col-sp-9,.contents .col-sp-10,.contents .col-sp-11,.contents .col-sp-12,.contents .col-sp,.contents .col-sp-auto,.contents .col-pc-1,.contents .col-pc-2,.contents .col-pc-3,.contents .col-pc-4,.contents .col-pc-5,.contents .col-pc-6,.contents .col-pc-7,.contents .col-pc-8,.contents .col-pc-9,.contents .col-pc-10,.contents .col-pc-11,.contents .col-pc-12,.contents .col-pc,.contents .col-pc-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px;
}

.contents .col {
  max-width: 100%;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.contents .col-auto {
  width: auto;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.contents .col-1 {
  max-width: 8.33333%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 8.33333%;

  -ms-flex: 0 0 8.33333%;

  flex: 0 0 8.33333%;
}

.contents .col-2 {
  max-width: 16.66667%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 16.66667%;

  -ms-flex: 0 0 16.66667%;

  flex: 0 0 16.66667%;
}

.contents .col-3 {
  max-width: 25%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 25%;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;
}

.contents .col-4 {
  max-width: 33.33333%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 33.33333%;

  -ms-flex: 0 0 33.33333%;

  flex: 0 0 33.33333%;
}

.contents .col-5 {
  max-width: 41.66667%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 41.66667%;

  -ms-flex: 0 0 41.66667%;

  flex: 0 0 41.66667%;
}

.contents .col-6 {
  max-width: 50%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 50%;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;
}

.contents .col-7 {
  max-width: 58.33333%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 58.33333%;

  -ms-flex: 0 0 58.33333%;

  flex: 0 0 58.33333%;
}

.contents .col-8 {
  max-width: 66.66667%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 66.66667%;

  -ms-flex: 0 0 66.66667%;

  flex: 0 0 66.66667%;
}

.contents .col-9 {
  max-width: 75%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 75%;

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;
}

.contents .col-10 {
  max-width: 83.33333%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 83.33333%;

  -ms-flex: 0 0 83.33333%;

  flex: 0 0 83.33333%;
}

.contents .col-11 {
  max-width: 91.66667%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 91.66667%;

  -ms-flex: 0 0 91.66667%;

  flex: 0 0 91.66667%;
}

.contents .col-12 {
  max-width: 100%;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 100%;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;
}

@media (min-width: 100px) {
  .contents .col-sp {
    max-width: 100%;

    -webkit-flex-basis: 0;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .contents .col-sp-auto {
    width: auto;
    max-width: none;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;
  }
  .contents .col-sp-1 {
    max-width: 8.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 8.33333%;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;
  }
  .contents .col-sp-2 {
    max-width: 16.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 16.66667%;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;
  }
  .contents .col-sp-3 {
    max-width: 25%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;
  }
  .contents .col-sp-4 {
    max-width: 33.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 33.33333%;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;
  }
  .contents .col-sp-5 {
    max-width: 41.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 41.66667%;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;
  }
  .contents .col-sp-6 {
    max-width: 50%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;
  }
  .contents .col-sp-7 {
    max-width: 58.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 58.33333%;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;
  }
  .contents .col-sp-8 {
    max-width: 66.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 66.66667%;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;
  }
  .contents .col-sp-9 {
    max-width: 75%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;
  }
  .contents .col-sp-10 {
    max-width: 83.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 83.33333%;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;
  }
  .contents .col-sp-11 {
    max-width: 91.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 91.66667%;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;
  }
  .contents .col-sp-12 {
    max-width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;
  }
}

@media (min-width: 900px) {
  .contents .col-pc {
    max-width: 100%;

    -webkit-flex-basis: 0;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .contents .col-pc-auto {
    width: auto;
    max-width: none;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;
  }
  .contents .col-pc-1 {
    max-width: 8.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 8.33333%;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;
  }
  .contents .col-pc-2 {
    max-width: 16.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 16.66667%;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;
  }
  .contents .col-pc-3 {
    max-width: 25%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;
  }
  .contents .col-pc-4 {
    max-width: 33.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 33.33333%;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;
  }
  .contents .col-pc-5 {
    max-width: 41.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 41.66667%;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;
  }
  .contents .col-pc-6 {
    max-width: 50%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;
  }
  .contents .col-pc-7 {
    max-width: 58.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 58.33333%;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;
  }
  .contents .col-pc-8 {
    max-width: 66.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 66.66667%;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;
  }
  .contents .col-pc-9 {
    max-width: 75%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;
  }
  .contents .col-pc-10 {
    max-width: 83.33333%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 83.33333%;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;
  }
  .contents .col-pc-11 {
    max-width: 91.66667%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 91.66667%;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;
  }
  .contents .col-pc-12 {
    max-width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;
  }
}

.contents .flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

@media screen and (max-width: 899px) {
  .contents .row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .contents .row > .col,.contents .row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }
  .contents .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .contents .row.no-gutters > .col,.contents .row.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/* ===========================================
  Sidenav
=========================================== */
@media screen and (min-width: 900px) {
  .bc-rowSidenavLeft {
    /*100％化推進202002田中*/
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -20px;
    margin-left: -20px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
    width: 95%;
    min-width:1200px;
    margin: 0 auto 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .bc-rowSidenavLeft .bc-colNav {
    /*100％化推進202002田中*/
    position: relative;
    /*width: 240px;*/
    /*max-width: 240px;*/
    /*min-height: 1px;
    /*padding-right: 20px;*/
    /*padding-left: 20px;*/
    /*-webkit-flex-basis: 240px;
    -ms-flex-preferred-size: 240px;
    flex-basis: 240px;*/
    -webkit-flex-basis: 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;

    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .bc-rowSidenavLeft .bc-colContent {
    position: relative;
    width: auto;
    min-height: 1px;
    /*100％化推進202002田中*/
    /*padding-right: 20px;
    padding-left: 20px;*/
    padding:0 0 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin:0 0 0 0;
  }
  .bc-rowSidenavLeft .bc-colNav {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .bc-rowSidenavLeft .bc-colContent {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;

  }
}

@media screen and (max-width: 899px) {
  .bc-rowSidenavLeft .bc-colContent {
    margin-bottom: 40px;
  }
}

/* ===========================================
  section-margin
=========================================== */
/*
@media screen and (max-width: 899px) {
  .bc-section{
    padding-right: 10px;
    padding-left: 10px;
  }
}
*/

/* ===========================================
  navSide
=========================================== */
.bc-imgCardBorder {
  position: relative;
  display: block;
  height: calc(100% - 12px);
  padding: 28px;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 0 50px 0 rgba(51, 51, 51, .1);
  box-shadow: 0 0 50px 0 rgba(51, 51, 51, .1);
}
@media screen and (max-width: 899px) {
  .bc-imgCardBorder {
    padding: 12px;
  }
}
.bc-imgCardBorder img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;

  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 899px) {
  .bc-imgCardBorder img {
    margin-bottom: 15px;
  }
}
.bc-imgCardBorder *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 899px) {
  .bc-imgCardBorder *:last-child {
    margin-bottom: 10px;
  }
}
.bc-imgCardBorderOuter {
  margin-bottom: 40px;
}
@media screen and (max-width: 899px) {
  .bc-imgCardBorderOuter {
    margin-bottom: 20px;
  }
}
.bc-imgCardBorderOuter > [class*="col-"] {
  padding-right: 6px;
  padding-left: 6px;
}

a.bc-imgCardBorder {
  color: #333;
}

a.bc-imgCardBorder:hover,.bc-imgCardBorder.is-current {
  -webkit-transition: border-color .1s;
  -o-transition: border-color .1s;
  transition: border-color .1s;
  text-decoration: none;
  border-color: #1badcf;
}

.bc-imgCardBorder.is-current img {
  opacity: .8;
}

.contents .row.bc-imgCardBorderOuter {
  margin-right: -6px;
  margin-left: -6px;
}

/*100％化推進202002田中*/
@media screen and (min-width: 900px) {
  .contents .row.bc-imgCardBorderOuter {
    width:95%;
    margin:0 auto 0 auto;
  }
}



/* ===========================================
  headinng
=========================================== */
/*.bc-h1,.bc-h1_mt0 {
  font-size: 30px;
  font-size: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 55px 0;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bc-h1::before,.bc-h1_mt0::before,.bc-h1::after,.bc-h1_mt0::after {
  display: inline;
  width: auto;
  min-width: 80px;
  height: 1px;
  content: "";
  border-top: 1px solid #333;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;
}
.bc-h1::before,.bc-h1_mt0::before {
  margin-right: 80px;
}
.bc-h1::after,.bc-h1_mt0::after {
  margin-left: 80px;
}
@media screen and (max-width: 899px) {
  .bc-h1,.bc-h1_mt0 {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 25px 0;
  }
  .bc-h1::before,.bc-h1_mt0::before,.bc-h1::after,.bc-h1_mt0::after {
    min-width: 20px;
  }
  .bc-h1::before,.bc-h1_mt0::before {
    margin-right: 20px;
  }
  .bc-h1::after,.bc-h1_mt0::after {
    margin-left: 20px;
  }
}

.bc-h1_mt0 {
  margin-top: 0;
}
*/

.bc- em {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.667;
  color: #fb5050;
}
@media screen and (max-width: 899px) {
  .bc- em {
    font-size: 9px;
    font-size: .9rem;
    line-height: 1.444;
  }
}

body a.bc-aBlue {
  color: #1badcf;
}
body a.bc-aBlue:hover,body a.bc-aBlue.hover,body a.bc-aBlue:active,body a.bc-aBlue:focus {
  text-decoration: underline;
}

@media screen and (max-width: 899px) {
  .breadcrumb + h1.bc-h1,.breadcrumb + h1.bc-h1_mt0 {
    margin-right: 10px;
    margin-left: 10px;
  }
}

/* ===========================================
  List
=========================================== */
.bc-ul {
  margin-bottom: 24px;
  padding-left: 1.8rem;
  list-style-type: disc;
}
@media screen and (max-width: 899px) {
  .bc-ul {
    margin-bottom: 14px;
  }
}
.bc-ul li {
  line-height: 2;
  padding-left: .7rem;
}
@media screen and (max-width: 899px) {
  .bc-ul li {
    font-size: 10px;
    font-size: 1rem;
  }
}

.bc-ul_none {
  margin-bottom: 24px;
}
@media screen and (max-width: 899px) {
  .bc-ul_none {
    margin-bottom: 14px;
  }
}
.bc-ul_none li {
  line-height: 2;
}
@media screen and (max-width: 899px) {
  .bc-ul_none li {
    font-size: 10px;
    font-size: 1rem;
  }
}

.bc-ulBtn li {
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .bc-ulBtn li {
    margin-bottom: 12px;
  }
}

.bc-ol {
  margin-bottom: 24px;
  padding-left: 1.8rem;
  list-style-type: decimal;
}
@media screen and (max-width: 899px) {
  .bc-ol {
    margin-bottom: 14px;
  }
}
.bc-ol li {
  line-height: 2;
  padding-left: .7rem;
}
@media screen and (max-width: 899px) {
  .bc-ol li {
    font-size: 10px;
    font-size: 1rem;
  }
}

/* ===========================================
  table
=========================================== */
.bc-table {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .bc-table {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 899px) {
  .bc-table {
    margin-bottom: 15px;
  }
}
.bc-table th,.bc-table td {
  padding: 10px;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 899px) {
  .bc-table th,.bc-table td {
    font-size: 10px;
    font-size: 1rem;
    padding: 3px;
  }
}
.bc-table th {
  font-weight: normal;
  color: #fff;
  background-color: #fff;
  background-color: #565656;
}
.bc-table th:first-child {
  border-left: 1px solid #565656;
}
.bc-table th:last-child {
  border-right: 1px solid #565656;
}
.bc-table td:first-child {
  border-left: 1px solid #eee;
}
.bc-table *:first-child th {
  border-top: 1px solid #565656;
}
.bc-table *:first-child th:first-child {
  border-left: 1px solid #565656;
}
.bc-table *:first-child td {
  border-top: 1px solid #eee;
}
.bc-table tbody tr:last-child th {
  border-bottom: 1px solid #565656;
}
.bc-table > tr:last-child th {
  border-bottom: 1px solid #565656;
}

a.bc-btn,a.bc-btnReadmore,a.bc-btn_s,a.bc-btnBlock,a.bc-btnFacebook,.bc-btn,a.bc-btnReadmore,.bc-btnReadmore,a.bc-btn_s,.bc-btn_s,a.bc-btnBlock,.bc-btnBlock,a.bc-btnFacebook,.bc-btnFacebook {
  line-height: 1;
  display: inline-block;
  width: 100%;
  -webkit-transition: border-color .2s, background-color .2s, color .2s;
  -o-transition: border-color .2s, background-color .2s, color .2s;
  transition: border-color .2s, background-color .2s, color .2s;
  text-align: center;
  text-decoration: none;
  color: #1badcf;
  border: 1px #c8c6c7 solid;
  border-radius: 4px;
  background-color: #fff;
}
a.bc-btn:hover,a.bc-btnReadmore:hover,a.bc-btn_s:hover,a.bc-btnBlock:hover,a.bc-btnFacebook:hover,a.bc-btn.hover,a.hover.bc-btnReadmore,a.hover.bc-btn_s,a.hover.bc-btnBlock,a.hover.bc-btnFacebook,.bc-btn:hover,.bc-btnReadmore:hover,.bc-btn_s:hover,.bc-btnBlock:hover,.bc-btnFacebook:hover,.bc-btn.hover,.hover.bc-btnReadmore,.hover.bc-btn_s,.hover.bc-btnBlock,.hover.bc-btnFacebook {
  text-decoration: none;
  color: #fff;
  border-color: #1badcf;
  background-color: #1badcf;
}
@media screen and (min-width: 900px) {
  a.bc-btn,a.bc-btnReadmore,a.bc-btn_s,a.bc-btnBlock,a.bc-btnFacebook,.bc-btn,a.bc-btnReadmore,.bc-btnReadmore,a.bc-btn_s,.bc-btn_s,a.bc-btnBlock,.bc-btnBlock,a.bc-btnFacebook,.bc-btnFacebook {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 21px;
  }
}
@media screen and (max-width: 899px) {
  a.bc-btn,a.bc-btnReadmore,a.bc-btn_s,a.bc-btnBlock,a.bc-btnFacebook,.bc-btn,a.bc-btnReadmore,.bc-btnReadmore,a.bc-btn_s,.bc-btn_s,a.bc-btnBlock,.bc-btnBlock,a.bc-btnFacebook,.bc-btnFacebook {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 13px;
  }
}

a.bc-btnReadmore,.bc-btnReadmore {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 12px;
}
@media screen and (max-width: 899px) {
  a.bc-btnReadmore,.bc-btnReadmore {
    font-size: 10px;
    font-size: 1rem;
    padding: 8px;
  }
}

a.bc-btn_s,.bc-btn_s {
  width: auto;
  padding: 11px 30px;
}
@media screen and (max-width: 899px) {
  a.bc-btn_s,.bc-btn_s {
    padding: 5px 20px;
  }
}

a.bc-btnBlock,.bc-btnBlock {
  display: block;
  margin-bottom: 25px;
}
@media screen and (max-width: 899px) {
  a.bc-btnBlock,.bc-btnBlock {
    margin-bottom: 10px;
  }
}

a.bc-btnFacebook,.bc-btnFacebook {
  padding: 22px;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  color: #fff;
  border: none;
  background-color: #3b5998;
}
a.bc-btnFacebook:hover,a.bc-btnFacebook.hover,.bc-btnFacebook:hover,.bc-btnFacebook.hover {
  opacity: .8;
  background-color: #3b5998;
}
a.bc-btnFacebookOuter,.bc-btnFacebookOuter {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 900px) {
  a.bc-btnFacebookOuter,.bc-btnFacebookOuter {
    width: 580px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 899px) {
  a.bc-btnFacebookOuter,.bc-btnFacebookOuter {
    width: 172px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 900px) {
  a.bc-btnPagetop > img,.bc-btnPagetop > img {
    width: 60px;
    height: auto;
  }
}

@media screen and (max-width: 899px) {
  a.bc-btnPagetop > img,.bc-btnPagetop > img {
    width: 50px;
    height: auto;
  }
}

.bc-borderOuter {
  margin-bottom: 40px;
  padding: 40px;
  border: 2px solid #eee;
  background-color: #fff;
}
.bc-borderOuter > *:first-child {
  margin-top: 0;
}
.bc-borderOuter > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 899px) {
  .bc-borderOuter {
    margin-bottom: 15px;
    padding: 22px;
    border-width: 1px;
  }
}

.bc-hrGray {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #979797;
}

/* ===========================================
  margin padding / top bottom
=========================================== */

/****************************************
送信ボタン
****************************************/
.btnBlack {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #333;
  color: #FFFFFF;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnBlack:hover {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  text-decoration: none;
}
.btnBlackWaku {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #fff;
  color: #333;
  border:1px solid #999;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnBlackWaku:hover {
  transition-property: all;
  transition: 0.3s linear;
  border:1px solid #ccc;
  background:#eee;
  text-decoration:none;
}
.btnBlue {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #1badcf;
  color: #fff;
  border:1px solid #1badcf;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnBlue:hover {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  text-decoration: none;
}
.btnBlueWaku {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #fff;
  color: #333;
  border:1px solid #1badcf;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnBlueWaku:hover {
  transition-property: all;
  transition: 0.3s linear;
  border:1px solid #1badcf;
  background:#1badcf;
  text-decoration:none;
  color:#fff;
}
.btnGray {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #f1f1f1;
  color: #333;
  border:1px solid #e9e9e9;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnGray:hover {
  transition-property: all;
  transition: 0.3s linear;
  border:1px solid #999;
  background:#fff;
  text-decoration:none;
}
.btnOcher {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #D9A300;
  color: #fff;
  border:1px solid #D9A300;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnOcher:hover {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  text-decoration: none;
}
.btnRed {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #e74c3c;
  color: #fff;
  border:1px solid #e74c3c;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnRed:hover {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  text-decoration: none;
}
.btnGreen {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #2ecc71;
  color: #fff;
  border:1px solid #2ecc71;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}
.btnGreen:hover {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  text-decoration: none;
}
.btnNo {
  border-radius: 4px;
  display: block;
  padding: 7px 5px 7px 5px;
  text-align: center;
  vertical-align: inherit;
  background-color: #f1f1f1;
  color: #333;
  border:1px solid #e9e9e9;
  font-size: 100%;
  line-height: 1.0em;
  margin: 10px 0 0 0;
  width: 100%;
}


/****************************************
絞り込み
****************************************/
#refineMenu {
  width:200px;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
#refineMenu ul{}

#refineMenu .searchResult,
#refineMenu .searchRefine{
  border: 1px solid #e9e9e9;
  padding: 20px 20px 20px 20px;
  margin:0 0 10px 0;
  background: #f6f6f6;
}

#refineMenu .searchResult h3,
#refineMenu .searchRefine h3{
  font-weight: bold;
  font-size: 100%;
  padding: 0 0 5px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #979797;
}

#refineMenu .searchResult li,
#refineMenu .searchRefine li{
  display: block;
  width: 100%;
  margin:0 0 5px 0;
  padding:0 0 0 0;
  line-height: 2.0em;
  font-size:90%;
}

#refineMenu .searchResult li a,
#refineMenu .searchRefine li a{
}


#refineMenu .searchResult li.current,
#refineMenu .searchRefine li a.current{
  color:#FF9900;
  font-weight:bold;
}

#refineMenu .searchRefine li span.colorChip{
  display: inline-block;
  height: 18px;
  width: 18px;
  border: 1px solid #CCCCCC;
  margin:0 3px 0 0;
  cursor:pointer;
  vertical-align: middle;
}


#refineMenu ul.sideBanner {
  width:100%;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#refineMenu ul.subBanner li {
  width:100%;
  height:auto;
  margin:0 0 5px 0;
  padding:0 0 0 0;
  display: block;
}

#refineMenu ul.subBanner li a:hover {
  background-color:#FFF;
  opacity:0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;              /* Safari 1.x */
  zoom:1;
}

#refineMenu #menuList {
  margin:0 0 0 0;
  padding:0 0 0 0;
}




/****************************************
スター
****************************************/
div.ratingS00,div.ratingS05,div.ratingS10,div.ratingS15,div.ratingS20,div.ratingS25,div.ratingS30,div.ratingS35,div.ratingS40,div.ratingS45,div.ratingS50,
div.ratingM00,div.ratingM05,div.ratingM10,div.ratingM15,div.ratingM20,div.ratingM25,div.ratingM30,div.ratingM35,div.ratingM40,div.ratingM45,div.ratingM50,
div.ratingL00,div.ratingL05,div.ratingL10,div.ratingL15,div.ratingL20,div.ratingL25,div.ratingL30,div.ratingL35,div.ratingL40,div.ratingL45,div.ratingL50{
  background: url(/assets/img/common/sprite_ratingstar.png) no-repeat top left;
  display: inline-block;
}
div.ratingS00,div.ratingS05,div.ratingS10,div.ratingS15,div.ratingS20,div.ratingS25,div.ratingS30,div.ratingS35,div.ratingS40,div.ratingS45,div.ratingS50{
  width: 70px;
  height: 13px;
}
div.ratingM00,div.ratingM05,div.ratingM10,div.ratingM15,div.ratingM20,div.ratingM25,div.ratingM30,div.ratingM35,div.ratingM40,div.ratingM45,div.ratingM50{
  width: 87px;
  height: 16px;
}
div.ratingL00,div.ratingL05,div.ratingL10,div.ratingL15,div.ratingL20,div.ratingL25,div.ratingL30,div.ratingL35,div.ratingL40,div.ratingL45,div.ratingL50{
  width: 117px;
  height: 21px;
}
div.ratingS00 { background-position: 0 0px; }
div.ratingS05 { background-position: 0 -13px; }
div.ratingS10 { background-position: 0 -26px; }
div.ratingS15 { background-position: 0 -39px; }
div.ratingS20 { background-position: 0 -52px; }
div.ratingS25 { background-position: 0 -65px; }
div.ratingS30 { background-position: 0 -78px; }
div.ratingS35 { background-position: 0 -91px; }
div.ratingS40 { background-position: 0 -104px; }
div.ratingS45 { background-position: 0 -117px; }
div.ratingS50 { background-position: 0 -130px; }
div.ratingM00 { background-position: 0 -143px; }
div.ratingM05 { background-position: 0 -159px; }
div.ratingM10 { background-position: 0 -175px; }
div.ratingM15 { background-position: 0 -191px; }
div.ratingM20 { background-position: 0 -207px; }
div.ratingM25 { background-position: 0 -223px; }
div.ratingM30 { background-position: 0 -239px; }
div.ratingM35 { background-position: 0 -255px; }
div.ratingM40 { background-position: 0 -271px; }
div.ratingM45 { background-position: 0 -287px; }
div.ratingM50 { background-position: 0 -303px; }
div.ratingL00 { background-position: 0 -319px; }
div.ratingL05 { background-position: 0 -340px; }
div.ratingL10 { background-position: 0 -361px; }
div.ratingL15 { background-position: 0 -382px; }
div.ratingL20 { background-position: 0 -403px; }
div.ratingL25 { background-position: 0 -424px; }
div.ratingL30 { background-position: 0 -445px; }
div.ratingL35 { background-position: 0 -466px; }
div.ratingL40 { background-position: 0 -487px; }
div.ratingL45 { background-position: 0 -508px; }
div.ratingL50 { background-position: 0 -529px; }


/****************************************
カスタマーレビューエリア
****************************************/
.detailReview {
  width:100%;
  margin:50px 0 0 0;
  padding:0 0 0 0;
  border-top:3px solid #333;
}

.detailReview h2{
  font-weight:bold;
  font-size:140%;
  margin:0 0 0 0;
  padding:20px 0 20px 0;
}


.detailReviewPost {
  margin:0 auto 30px auto;
  padding:0 0 0 0;
}
/*100％化推進202002田中*/
@media screen and (min-width: 900px) {
  .detailReviewPost {
    width:95%;
  }
}

.detailReviewPost div.detailReviewStar{
  margin:0 0 8px 0;
  padding:0 0 2px 0;
}

.detailReviewPost h3{
  font-size:120%;
  font-weight:bold;
  margin:0 0 0 0;
  padding:0 0 6px 0;
}

.detailReviewPost h3 span.titleCapture{
  font-size:80%;
  font-weight:normal;
  color:#666;
}

.detailReviewPost div.detailReviewContent{
  margin:0 0 10px 0;
  padding:0 0 0 0;
  word-break:normal;
  line-height:1.4em;
}

.detailReviewPost div.detailReviewCaption{
  margin:0 0 10px 0;
  padding:0 0 0 0;
  line-height:1.4em;
}
.detailReviewPost .detailReviewItem{
  margin:0 0 10px 0;
  padding:0 0 0 0;
  line-height:1.0em;
  font-size:80%;
  color:#666;
}

.detailReviewPost div.detailReviewReply{
  margin:0 0 10px 0;
  padding:10px 10px 10px 10px;
  word-break:normal;
  line-height:1.4em;
  background:#F6F6F6;
}
.detailReviewPost div.detailReviewReply .replyComment{
  font-weight:bold;
}

.detailReviewPost div.detailReviewVote{
  margin:0 0 0 0;
  padding:0 0 10px 0;
  vertical-align:middle;
  border-bottom:1px solid #CCC;
}

.detailReviewPost div.detailReviewVote .voteFloat{
  float:left;
}

.detailReviewPost div.detailReviewVote .voteFloat .review {
  line-height: 1.2;
  width: 80px;
  margin: 0 0 0 5px;
  padding: 3px;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.detailReviewPost div.detailReviewVote .voteFloat .review:hover {
  color: #fff;
  background: #1badcf;
}
@media screen and (max-width: 899px) {
  .detailReviewPost div.detailReviewVote .voteFloat .review {
    font-size: 10px;
    font-size: 1rem;
    width: 50px;
  }
}



.detailReview div.detailReviewAll{
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-align:right;
}



/****************************************
制作事例エリア
****************************************/
#blogSummaryBox {
  width:100%;
  margin:50px 0 0 0;
  padding:0 0 0 0;
  border-top:3px solid #333;
}

#blogSummaryBox h2{
  font-weight:bold;
  font-size:140%;
  margin:0 0 0 0;
  padding:20px 0 20px 0;
}

ul#blogSummaryList {
  width:100%;
  margin:0 auto 0 auto;
  padding:0 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

li.blogSummaryPost {
  width:300px;
  min-height:358px;
  margin:0 10px 20px 10px;
  padding:0 0 0 0;
  position:relative;
}

@media screen and (max-width: 899px) {
  ul#blogSummaryList {
    width: 100%;
    text-align:center;
  }

  li.blogSummaryPost {
    position: relative;
    width: 90%;
    margin: 0 auto 10px auto;
    display: inline-block;
  }
}
li.blogSummaryPost .summaryPostImg{
  text-align:center;
  margin:0 0 14px 0;
  padding:0 0 0 0;
  min-height:200px;
}

li.blogSummaryPost h4 {
  font-size:100%;
  font-weight:bold;
  line-height:1.4em;
  margin:0 0 0 0;
  padding:0 0 16px 0;
  min-height:40px;
  text-align:center;
}

li.blogSummaryPost .summaryPostLead {
  font-size:90%;
  font-weight:normal;
  margin:0 0 0 0;
  padding:0 0 10px;
  line-height:1.4em;
  text-align:center;
  height: 50px;
  overflow: hidden;
  position: relative;
}

li.blogSummaryPost a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-indent:-9999px;
}

li.blogSummaryPost a:hover {
  background-color:#FFF;
  opacity:0.5;
  filter: alpha(opacity=50);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=50)";  /* ie 8 */
  -moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.5;              /* Safari 1.x */
  zoom:1;
}

#selectBlock ul {
  background: none !important;
}

/****************************************
FAQサマリーエリア
****************************************/
#faqSummaryBox {
  width:100%;
  margin:50px 0 0 0;
  padding:0 0 0 0;
  border-top:3px solid #333;
}

#faqSummaryBox h2{
  font-weight:bold;
  font-size:140%;
  margin:0 0 0 0;
  padding:20px 0 20px 0;
}
#faqSummaryBox dl {
    position: relative;
    cursor: pointer;
}
#faqSummaryBox dl::before {
    position: absolute;
    top: 20px;
    right: 30px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
#faqSummaryBox .open::before {
    transform: rotate(-45deg);
}
#faqSummaryBox dl dt {
    position: relative;
}
#faqSummaryBox dl dd::before {
    line-height: 1;
    position: absolute;
    display: block;
}
#faqSummaryBox dl dd {
    position: relative;
    display: none;
}

ul.faqSummaryList {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

li.faqSummaryPost {
  width:100%;
  margin:0 0 10px 0;
  padding:0 0 0 0;
}

li.faqSummaryPost a {
  font-size:100%;
}

#faqSummaryBox .faqList {
  border-bottom: 1px solid #CCCCCC;
  display:block;
  padding: 15px 20px 15px 20px;
  margin: 0 auto;
  text-align: left;
}
#faqSummaryBox .faqQuestion {
  display:block;
  padding: 0;
  background-image: url(/assets/img/common/arc_icon_q.jpg);
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 26px;
  padding-right: 32px;
  background-position-y: 0px;
  font-weight: bold;
}
#faqSummaryBox .faqAnswer {
  display:block;
  margin-top: 15px;
  padding: 0;
  background-image: url(/assets/img/common/arc_icon_a.jpg);
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 26px;
  background-position-y: 0px;
}

/****************************************
関連商品エリア
****************************************/

div._detailItemCarousel {
  width:100%;
  margin:50px 0 0 0;
  padding:0 0 0 0;
  border-top:3px solid #000;
}

div._detailItemCarousel h2{
  font-weight:bold;
  font-size:140%;
  margin:0 0 0 0;
  padding:20px 0 20px 0;
}

div._detailItemCarousel div.carouselGroup {
  padding: 0 0 0 0;
  margin:0 0 0 0;
  border:none;
}

/*
div._detailItemCarousel div.carouselGroup ul.slider {
  width:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

div._detailItemCarousel div.carouselGroup ul.slider li{
	width:125px;
  min-height:200px;
	margin: 0 5px 0 5px;
	padding: 0 0 0 0;
	float: left;
	text-align: center;
	position:relative;
}

*/


@media screen and (min-width: 900px) {
  div._detailItemCarousel div.carouselGroup ul.slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 0;
   /*
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    */
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li {
    width: 150px;
    margin: 0 21px 0 0;
    cursor: pointer;
    position:relative;
    text-align:center;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li:nth-child(7n) {
    margin-right: 0;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li:last-child {
    margin-right: auto;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li img{
    /*
    width:90px;
    height:90px;
    */
    margin:0 0 0 0;
    padding:0 0 0 0;
    width:100%;
  }
}
@media screen and (max-width: 899px) {
  div._detailItemCarousel div.carouselGroup ul.slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 0;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align:center;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li {
    width: calc((100% - 20px) / 3);
    margin: 0 10px 10px 0;
    cursor: pointer;
    position:relative;
    text-align:center;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li:nth-child(3n) {
    margin-right: 0;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li:last-child {
    margin-right: 0;
  }
  div._detailItemCarousel div.carouselGroup ul.slider li img{
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding:0 0 0 0;
  }
}


div._detailItemCarousel div.carouselGroup ul.slider li div.sliderImg{
  width:100%;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

div._detailItemCarousel div.carouselGroup ul.slider li div.sliderItem{
  min-height:40px;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  font-size:90%;
  line-height:1.4em;
}

div._detailItemCarousel div.carouselGroup ul.slider li div.sliderStar{
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

div._detailItemCarousel div.carouselGroup ul.slider li div.sliderPrice{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color:#333333;
}

div._detailItemCarousel div.carouselGroup ul.slider li a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-indent:-9999px;
}

div._detailItemCarousel div.carouselGroup ul.slider li a:hover {
  background-color:#FFF;
  opacity:0.5;
  filter: alpha(opacity=50);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=50)";  /* ie 8 */
  -moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.5;              /* Safari 1.x */
  zoom:1;
}

/****************************************
無料テンプレート関連
****************************************/
div.detailDesignSample,
div.detailDesignCategory {
  width:100%;
  margin:50px auto 0 auto;
  padding:0 0 0 0;
  border-top:3px solid #000;
}

/*100％化推進202002田中*/
@media screen and (min-width: 900px) {
  div.detailDesignSample,
  div.detailDesignCategory {
    width:95%;
  }
}


div.detailDesignSampleAll{
  width:100%;
  margin:50px 0 0 0;
  padding:0 0 0 0;
}


div.detailDesignSampleAll h2,
div.detailDesignSample h2,
div.detailDesignCategory h2{
  font-weight:bold;
  font-size:140%;
  margin:0 0 0 0;
  padding:20px 0 20px 0;
}

div.detailDesignSampleAll ul,
div.detailDesignSample ul,
div.detailDesignCategory ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 0;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}


@media screen and (min-width: 900px) {
  div.detailDesignSampleAll li,
  div.detailDesignSample li {
    /*100％化推進202002田中*/
    /*width: calc((100% - 50px) / 5);*/
    /*margin: 0 10px 10px 0;*/
    width:220px;
    margin: 0 0 10px 0;
    cursor: pointer;
    position:relative;
    text-align:center;
  }
  /*100％化推進202002田中*/
  /*div.detailDesignSampleAll li:nth-child(5n),
  div.detailDesignSample li:nth-child(5n){
    margin-right: 0;
  }
  */
  div.detailDesignCategory li {
    /*100％化推進202002田中*/
    /*width: calc((100% - 100px) / 10);
    margin: 0 10px 10px 0;*/
    width: 150px;
    margin: 0 5px 10px 5px;
    cursor: pointer;
    position:relative;
    text-align:center;
  }
  div.detailDesignCategory li:nth-child(10n){
    margin-right: 0;
  }
  div.detailDesignSampleAll li:last-child,
  div.detailDesignSample li:last-child,
  div.detailDesignCategory li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 899px) {
  div.detailDesignSampleAll li,
  div.detailDesignSample li,
  div.detailDesignCategory li {
    width: calc((100% - 20px) / 2);
    margin: 0 10px 10px 0;
    cursor: pointer;
    position:relative;
  }
  div.detailDesignSamplev li:nth-child(2n),
  div.detailDesignSample li:nth-child(2n),
  div.detailDesignCateogry li:nth-child(2n) {
    margin-right: 0;
  }
  div.detailDesignSampleAll li:last-child,
  div.detailDesignSample li:last-child,
  div.detailDesignCategory li:last-child {
    margin-right: 0;
  }
}
div.detailDesignSample div.detailDesignAll{
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-align:right;
}

div.detailDesignSampleAll li a,
div.detailDesignSample li a {
  position: absolute;
  top:0;
  left:0;
  text-indent:-9999px;
  width: 100%;
  height: 100%;
}
div.detailDesignCategory li a {
}
div.detailDesignSampleAll li:hover,
div.detailDesignSample li:hover,
div.detailDesignCategory li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
}
div.detailDesignSampleAll li img,
div.detailDesignSample li img{
  width:100%;
  height:auto;
}
div.detailDesignCategory li img {
  max-width:100%;
  height:auto;
}