@charset "utf-8";

p { padding: 5px 0 ;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 0; padding: 0; }
ul, ol { padding: 0; list-style: none; }
dl { margin: 10px 0;}

a          { color: #222; cursor: pointer; text-decoration:none;}
a:visited,
a:hover    { color: #222 !important;}
a:focus,
a:active   { color: #222;}


hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom; max-width: 100%; height: auto; width /***/:auto;}
img[src$=".gif"], img[src$=".png"] {
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit */
}

.inner{ width: calc(100% - 2rem); max-width:100rem; margin: 0 auto; overflow: hidden;}
header .inner{ width: 100%; }
.pc { display: block !important; }
.sp { display: none !important; }

.bl a{ background: url(https://www.daiken.jp/form/smileup/img/icon_arrow.png) no-repeat 95% center #4aa5db; background-size: 20px; }
.or a{ background: url(https://www.daiken.jp/form/smileup/img/icon_arrow.png) no-repeat 95% center #b1883a; background-size: 20px ; }
.gr a{ background: url(https://www.daiken.jp/form/smileup/img/icon_arrow.png) no-repeat 95% center #43a55e; background-size: 20px ; }
body#LAYER #MAILFORM div.other-Mailform.reform.pk,
.pk  { background-color: #FFE9E9 !important; }
.red { color: #CC0000; }
.txt_s { font-size: 12px; }
.txt_sc { font-size: 12px; text-align: center; margin-top: 10px; }
.dramaset { text-align: center;}

@media only screen and (min-width:1px) and (max-width:899px){
.inner{ width:95%; margin: 0 auto; overflow: hidden;}
}

@media screen and (max-width: 640px) {
.pc{ display: none !important; }
.sp { display: block !important; }
}
@media screen and (max-width: 899px) {
body#LAYER.reform #FLOWREFORM #carousel .pc{ display: none !important; }
}

/******************************************************************** clearfix
*/
#container,
.clearfix { overflow: hidden;}





/******************************************************************** slicknav
*/
.slicknav_menu { display:none; }
@media only screen and (min-width:1px) and (max-width:899px){
#NAV { display:none; }

.slicknav_menu { display:block; }
header { height: 50px; display: table; }
header .inner{ padding: 0 2.5%; display: table-cell; vertical-align: middle; }

.slicknav_btn {
  display: block;
  position: fixed;
  width: 44px;
  top: 3px;
  right: 10px;
  cursor: pointer;
  text-decoration: none;
  z-index: 2000;
}

.slicknav_btn:hover { text-decoration: none; }

.slicknav_menu { box-sizing: border-box; *zoom: 1; position: fixed; z-index: 1000; top:0; }
.slicknav_menu * { box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt { display: none;}
.slicknav_menu .slicknav_icon { display: block; padding-top: 11px; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar {
  display: block;
  background-color: #222;
  width: 60%;
  height: 1px;
  margin: 1px auto 8px;
}
.slicknav_menu:before {
  content: " ";
  display: table;
}
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}

.slicknav_nav {
  clear: both;
  color: #222;
  width: 100% !important;
  margin:50px 0 0 0 !important;
  padding: 0 0 0 0 !important;
  background-color: rgba(255,255,255,0.8);
  position: fixed;
  top:50;
}
.slicknav_nav ul {
  display: block;
  overflow: hidden;
  list-style: none;
  margin: 0 0 0 !important;
  width: 100% !important;
}
.slicknav_nav li { display: block; width: 100% !important; padding:3px 10px; box-sizing: border-box; }
.slicknav_nav li:last-child{ padding-bottom:6px; }
.slicknav_nav li.L { border-bottom: 1px solid #999; background: #FFF; padding: 0 10px; margin-bottom: 3px; }
.slicknav_nav li.L:first-child{ border-top: 1px solid #999; }
.slicknav_nav li.L br { display: none; }

.slicknav_nav li.L img{ width: 40px; display: block; }
.slicknav_nav li.L span{ display: table-cell; width: 40px; vertical-align: middle; margin-left: 5px; }
.slicknav_nav li.L p,.slicknav_nav li.L p:hover{ color: #222; display: table-cell; vertical-align: middle; padding-left: 3px; font-weight: bold; }
.slicknav_nav li.L em,.slicknav_nav li.L em:hover{ font-size:12px; color: #222; }


.slicknav_nav li:last-child {
  border: none;
}
.slicknav_nav li.L  a{ background: #FFF; padding: 15px 0 15px 0; }
.slicknav_nav a {
  display: block;
  background: url(https://www.daiken.jp/form/smileup/img/icon_arrow03.png) no-repeat 10px center #FFF;
  background-size: 14px;
  width: 100% !important;
  padding: 15px 0 15px 30px;
  color: #222;
  text-decoration: none;
  font-size: 16px;
}
.slicknav_nav a:hover { /*opacity: 0.7;*/ }
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}
.slicknav_nav .slicknav_arrow {
  margin: 0 0 0 0.4em;
  font-size: 0.8em;
}
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_nav .slicknav_row { display: block; padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover {  }
.slicknav_brand {
  float: left;
  height: 44px;
  padding: 7px 12px;
  font-size: 18px;
  line-height: 30px;
}

/* 画像メニューをやめてテキストを表示する(CSSのみで動作) */
.slicknav_nav li a:before {
  content: attr(data-label);
}

.slicknav_nav li img {
  display: none;
}
}


/*イベントバナー用*/
body#TOP #HSMENU div.fairbana{ max-width: 100rem; margin: 0 auto 10px auto;}
body#LAYER #MAILFORM div.fairbana{ margin: 20px 0 25px;}
body#LAYER #MAILFORM ul.fairLINK{ overflow: hidden; margin-top: 10px; }
body#LAYER #MAILFORM ul.fairLINK li { margin-bottom: 5px; }
body#TOP #NEWS ul.fairLINK li a,
body#LAYER #MAILFORM ul.fairLINK li a{
  display: block;
  background: url(https://www.daiken.jp/form/smileup/img/icon_arrow04.png) no-repeat 10px 3px #FFF;
  background-size: 14px;
  padding: 0 0 0 25px;
  text-decoration: none;
}
body#TOP #NEWS ul.fairLINK li a:hover,
body#LAYER #MAILFORM ul.fairLINK li a:hover{ text-decoration: underline; }
body#TOP #NEWS ul.fairLINK li em,
body#LAYER #MAILFORM ul.fairLINK li em{ font-size:12px; color: #999; font-weight: normal; }

body#TOP #NEWS ul.fairLINK{ overflow: hidden; margin: 0; padding: 0; }
body#TOP #NEWS ul.fairLINK li { margin-bottom: 5px; border-bottom: none; padding: 0; }
body#TOP #NEWS ul.fairLINK li a{ background: url(https://www.daiken.jp/form/smileup/img/icon_arrow04.png) no-repeat 10px 5px #FFF; background-size: 14px; }

body#TOP #NEWS table { border-collapse: collapse; margin: 5px auto; padding: 0; table-layout: fixed; text-align: center; }
body#TOP #NEWS table tr { background-color: #fff; border: 1px solid #bbb; padding: 10px; }
body#TOP #NEWS table th,
body#TOP #NEWS table td { padding: 0.5em 1.5em; border-right: 1px solid #bbb; }
body#TOP #NEWS table thead tr{  background-color: #eee; }


@media screen and (max-width: 640px){
body#TOP #HSMENU div.fairbana{ max-width: 640px; /*padding:0 6%;*/ margin: 0 auto 10px auto;}
}


@media only screen and (min-width:1px) and (max-width:899px){
body#TOP #INFO,body#TOP #INFO2{ margin-top: 20px; }
body#TOP #INFO .inner,body#TOP #INFO2 .inner{
    background: url(https://www.daiken.jp/form/smileup/img/info_img01.png) no-repeat left top;
  background-size:auto 100%;
  height: auto;
  padding: 40px 0 0 0;
}
body#TOP #INFO div.infoBOX,body#TOP #INFO2 div.infoBOX{  margin-top: 0; }

body#TOP #INFO div.infoBOX ul,body#TOP #INFO2 div.infoBOX ul{ width: 95%; margin: 0 auto; padding-bottom: 10px;  overflow: hidden; border: 3px solid #eee; box-sizing: border-box; }
body#TOP #INFO div.infoBOX ul li,body#TOP #INFO2 div.infoBOX ul li{ width: 100%; float: inherit; padding:20px 10px 10px 10px; margin-bottom: 10px; box-sizing: border-box; text-align: center;  }

body#TOP #INFO h3,body#TOP #INFO2 h3{ font-size: 26px; line-height: 120%; margin-left: 38%;}
body#TOP #INFO h3 em,body#TOP #INFO2 h3 em{ font-size: 28px; color: #ffcc1d; }
body#TOP #INFO .inner p,body#TOP #INFO2 .inner p{ margin-left: 38%; font-size: 14px; }
body#TOP #INFO div.infoBOX,body#TOP #INFO2 div.infoBOX{ background: #FFF; }
}
@media screen and (max-width: 640px) {
body#TOP #INFO .inner,body#TOP #INFO2 .inner{
    background: url(https://www.daiken.jp/form/smileup/img/info_img01.png) no-repeat left bottom;
  background-size:179px auto;
  height: auto;
  padding: 20px 0 110px 0;
}
body#TOP #INFO h3,body#TOP #INFO2 h3{ font-size: 24px; line-height: 120%; margin-left: 0;}
body#TOP #INFO h3 em,body#TOP #INFO2 h3 em{ font-size: 26px; color: #ffcc1d; }
body#TOP #INFO .inner p,body#TOP #INFO2 .inner p{ margin-left: 0; }
}



/******************************************************************** LAYER ALL h2TITLE
*/
body#LAYER #CONTENTS { padding-top: 200px;}
body#LAYER .contentsTITLE h2{ border-bottom:1px solid #222; padding-bottom: 30px;}

body#LAYER #CONTENTS.contact .contentsTITLE h2{ margin-bottom: 30px;}

body#LAYER h2 { text-align: center; font-size: 34px; line-height: 110%; }
body#LAYER h2 span { font-size: 20px; display: block; }
body#LAYER.company em,body#LAYER.maintenance em,body#LAYER.showroom em{ color: #0080cc; }
body#LAYER.reform h2 em{ color: #ffcc1d; }
body#LAYER.inquiry em{ color: #666; }
body#LAYER h2 p{ font-size: 14px; color: #999; padding: 0; }

body#LAYER h3 { text-align: center; font-size: 30px; line-height: 110%; position: relative; display: block;  margin-bottom: 1em; }
body#LAYER h3:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;/*線の上下位置*/
  display: inline-block;
  width: 280px;
  height: 1px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #222;
}
body#LAYER h3 span { font-size: 18px; display: block; }
body#LAYER.company h3 em,body#LAYER.maintenance h3 em{ color: #0080cc; }
body#LAYER.reform h3 em{ color: #ffcc1d; }
body#LAYER .procolor h3 em{ color: #0080cc; }
body#LAYER .pscolor h3 em{ color: #20853c; }
body#LAYER .recolor h3 em{ /*color: #ffcc1d */ color: #666; }

body#LAYER h3 p{ font-size: 13px; color: #999; padding: 0; }

body#LAYER h5{ font-size: 22px; text-align: center; padding: 30px 0 10px 0; }

body#LAYER p.read{ text-align: center; font-size: 23px; margin-top: 20px; padding-bottom: 20px; }

@media only screen and (min-width:1px) and (max-width:899px){
body#LAYER #CONTENTS { padding-top: 12rem; }
body#LAYER .contentsTITLE h2{ padding: 5px 10px; border: none; background: #0080cc; color: #FFF; line-height: 100%; position: relative; }
body#LAYER .contentsTITLE h2 em{ color: #FFF !important; }
body#LAYER #CONTENTS.contact .contentsTITLE h2{ margin-bottom: 0; padding: 19px 10px 14px; }
body#LAYER h2{ text-align: left; font-size: 24px; padding-right: 35px; }
body#LAYER h2 span { font-size: 12px; display: block; }
body#LAYER h2 p{ font-size: 11px; color: #FFF; padding: 0 0 3px 0; line-height: 120%; }
body#LAYER p.read{ font-size: 20px; margin-top: 15px; }

body#LAYER h3{ text-align: center; font-size: 20px; }
body#LAYER h3 span { font-size: 14px; display: block; }
body#LAYER h3 p{ font-size: 11px; color: #999; padding: 0; line-height: 130%; }

body#LAYER h5{ font-size: 20px; text-align: center; padding: 20px 0 10px 0; }
}




/******************************************************************** LAYER menu
*/

body#LAYER ul.subMENU li a:hover{ opacity: 0.6; }
body#LAYER ul.subMENU li:hover{ background-color:#cbe5ff; }

@media only screen and (min-width:900px) , print{
body#LAYER h4.trigger{ display: none; }
body#LAYER ul.subMENU{
  position: relative;
  margin: 0 auto 20px auto;
  padding: 0;
  width: calc(100% - 4rem);
  max-width: 100rem;
  display: flex!important;
  column-gap: 1em;
  overflow:hidden;
  border-spacing: 2px;  
}
body#LAYER ul.subMENU li{ margin: 0 0 10px 0 ; padding: 0px; width: calc(50% - 0.5em); border: 1px solid #71caff; background-color:#d7ebff; }
body#LAYER ul.subMENU li:nth-child(even){ margin-left: 10px; }
body#LAYER ul.subMENU li a{
  display: block;
  padding: 15px;
  font-size: 16px;
  background: url(https://www.daiken.jp/form/smileup/img/icon_arrow02.png) no-repeat 97% center;
  background-size: 25px;
}
body#LAYER ul.subMENU li span{ font-size: 13px; display: block; }

body#LAYER.maintenance ul.subMENU li,
body#LAYER.reform ul.subMENU li{ margin: 0 11px 11px 0 ; width: 326px; border: 1px solid #71caff; box-sizing: border-box; }
body#LAYER.maintenance ul.subMENU li:nth-child(3n),
body#LAYER.reform ul.subMENU li:nth-child(3n){ margin-right: 0; }



body#LAYER .back-button{ margin: 2em auto; padding: 0px; width: 90%; max-width: 490px; border: 1px solid #71caff; background-color:#d7ebff; }

body#LAYER .back-button a{
  display: block;
  padding: 15px;
  font-size: 18px;
  background: url(https://www.daiken.jp/form/smileup/img/icon_arrow02.png) no-repeat 97% center;
  background-size: 25px;
}



body#LAYER ul.subMENU2{
  position: relative;
  padding: 0;
  display: block !important;
  overflow:hidden;
  width: 100%;
  margin: 0 auto ;
}
body#LAYER ul.subMENU2 li{ width: 50%; float: left;}
body#LAYER ul.subMENU2 li a{
    background: url(https://www.daiken.jp/form/smileup/img/icon_arrow05.png) no-repeat left 8px;
  background-size: 8px;
    margin: 0 ;
  padding: 5px 0 5px 12px;
  display: block;
  text-align: left;
}

}
@media only screen and (min-width:1px) and (max-width:899px){
body#LAYER .contentsTITLE h2{ position: relative; }
body#LAYER.galshut .contentsTITLE h2{ font-size:18px; }
body#LAYER ul.subMENU{
  /**/position: absolute;
  margin: 0;
  padding: 0;
  overflow:hidden;
  width: 100%;
  background: #d7ebff;
  z-index: 500;
}
/*
body#LAYER ul.subMENU{  display: none; }*/
body#LAYER ul.subMENU li{
  margin: 0px 0px 2px 0px;
  display: block;
  background-color: #d7ebff;
  border-top: 1px solid #0080cc;
}
body#LAYER ul.subMENU li a{
  background: url(https://www.daiken.jp/form/smileup/img/icon_arrow02.png) no-repeat 98% center;
  background-size: 22px;
  margin: 0px;
  padding: 12px 20px;
  display: block;
  font-size: 1.1em;
  color: #333333;
}
body#LAYER nav{  }
body#LAYER h4.trigger{
  display: block;
  background:url(https://www.daiken.jp/form/smileup/img/icon_plus.png) no-repeat ;
  background-size:30px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
    position: absolute;
  z-index:300px;
  top: 142px;
  right:5px;
  cursor: pointer;
  color: #222 !important;
}
body#LAYER h4.trigger.subMENUclose,
body#LAYER h4.trigger.active{ background:url(https://www.daiken.jp/form/smileup/img/icon_minus.png) no-repeat ; background-size:30px; }
body#LAYER #INQUIRY div.infoBOX{ position: relative; }
body#LAYER ul.subMENU2{
    /*display: none;*/
  margin: 30px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px;
  overflow:hidden;
  width: 100%;
}
body#LAYER #INQUIRY h4.trigger{
  display: block;
  background:url(https://www.daiken.jp/form/smileup/img/icon_plus02.png) no-repeat 98% 2px;
  background-size:30px;
  width: 100%;
  min-height: 1rem;
  text-indent: 15px;
  top: 0;
  right: 0;
  padding: 1rem;
  cursor: pointer;
  font-size: 1.5rem;
}
body#LAYER #INQUIRY h4.trigger.subMENU2close,
body#LAYER #INQUIRY h4.trigger.active{ background:url(https://www.daiken.jp/form/smileup/img/icon_minus02.png) no-repeat 98% 2px ; background-size:30px; }
body#LAYER #INQUIRY #DAIKENPRODUCTS h4.trigger{ background-color: #e5f4fa; }
body#LAYER #INQUIRY #DAIKENSERVICE h4.trigger{ background-color: #f8f7f4; }


body#LAYER ul.subMENU2 li{ display: block; width: 100% !important; float: inherit; }
body#LAYER ul.subMENU2 li a{
    background: url(https://www.daiken.jp/form/smileup/img/icon_arrow05.png) no-repeat left 8px;
  background-size: 8px;
    margin: 0 ;
  padding: 5px 0 5px 12px;
  display: block;
  text-align: left;
}
}





/******************************************************************** LAYER inquiry
*/
body#LAYER #MAILFORM{ margin: auto; width: 100%; max-width: 100rem;}
body#LAYER #MAILFORM div.att,
body#LAYER.maintenance div.att{ background:#F9F9F9; padding: 20px; margin-bottom: 10px; }
body#LAYER #MAILFORM div.att ul{}
body#LAYER #MAILFORM div.att ul li{ background: url(https://www.daiken.jp/form/smileup/img/kome.png) no-repeat left 4px; background-size:12px; padding-left: 18px; }

body#LAYER #MAILFORM div.att.important strong,
body#LAYER.maintenance div.att.important strong,
body#LAYER #MAILFORM p.notes{ color: #CC0000; }
body#LAYER #MAILFORM .note{ padding-top: 1em; display: block; color: #333; }

body#LAYER #MAILFORM div.other-Mailform{ padding: 0 20px; margin-bottom: 10px; background:#b1883a; }
body#LAYER #MAILFORM div.other-Mailform.reform{ background:#e2f0f6 !important; }
body#LAYER #MAILFORM div.other-Mailform a { position: relative;display: block; padding: 10px; color: #fff; /*background: url("https://www.daiken.jp/form/smileup/img/icon_arrow09.png") no-repeat left center; background-size: 7px;*/ padding-left: 12px; }


body#LAYER #MAILFORM div.other-Mailform a:before {
  position: absolute;
  top: 0;
  left: -0.5rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  transform: rotate(45deg);
  content: "";
}

body#LAYER #MAILFORM div.other-Mailform.reform a { display: block; padding: 10px; background: url("https://www.daiken.jp/form/smileup/img/icon_arrow05.png") no-repeat left center; background-size: 7px; padding-left: 12px; }
body#LAYER #MAILFORM div.other-Mailform a:hover{ text-decoration: underline; }

body#LAYER #MAILFORM .clearfix { zoom: 1; }
body#LAYER #MAILFORM .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
body#LAYER #MAILFORM .contact-sttl-img { margin-bottom: 18px; }
body#LAYER #MAILFORM .tel-table { margin-bottom: 50px; }
body#LAYER #MAILFORM .tel-table th,body#LAYER #MAILFORM .tel-table td { vertical-align: middle; }
body#LAYER #MAILFORM .tel-table th { font-size: 96%; white-space: nowrap; padding: 18px 28px; }
body#LAYER #MAILFORM .tel-table th span { font-size: 95%; color: #CC1800; font-weight: normal; line-height: 2em; }
body#LAYER #MAILFORM .tel-table td { padding: 16px 0px 16px 35px; font-size: 98%; }
body#LAYER #MAILFORM .tel-table td span { font-size: 158%; font-weight: bold; }
body#LAYER #MAILFORM .tel-table td span a { text-decoration: none; color: #444; }
body#LAYER #MAILFORM .tel-table td strong { font-weight: bold; line-height: 3.5em; }
body#LAYER #MAILFORM .tel-table td img { margin-right: 8px; position: relative; top: -5px; }
body#LAYER #MAILFORM .tel-table tr:last-child td { padding-bottom: 5px; }

body#LAYER #MAILFORM p.aboutLINK{ background: url(https://www.daiken.jp/form/smileup/img/icon_arrow03.png) no-repeat left 9px; background-size:12px; padding-left: 18px; }
body#LAYER #MAILFORM p.aboutLINK a,
body#LAYER #MAILFORM p.aboutLINK a:hover{ color: #006597; font-weight: bold; }
body#LAYER #MAILFORM p.aboutLINK a:hover{ opacity: 0.7; }
body#LAYER #MAILFORM .text-c{ text-align: center; }
body#LAYER #MAILFORM .mt20{ margin-top:  20px; }
body#LAYER #MAILFORM .mt10{ margin-top:  10px; }

body#LAYER #MAILFORM table.tableStyleForm { border-collapse:collapse; border-spacing:0; width: 100%; }
body#LAYER #MAILFORM table.tableStyleForm th {
  border-bottom:2px solid #C5D3D9;
  color:#413E3B;
  font-weight:bold;
  padding:25px 10px;
  vertical-align:top;
  width:33%;
  box-sizing: border-box;
  text-align: left;
}
body#LAYER #MAILFORM table.tableStyleForm tr.hide {
    display:none;
}
body#LAYER #MAILFORM table.tableStyleForm td {
  border-bottom:2px solid #C5D3D9;
  padding:17px 10px;
  vertical-align:middle;
  width:67%;
  box-sizing: border-box;
  text-align: left;
}



@media screen and (max-width: 640px){
body#LAYER #MAILFORM table.tableStyleForm th { border-bottom:none; padding:15px 10px 5px; width:100%; display: block; text-align: left; }
body#LAYER #MAILFORM table.tableStyleForm td { border-bottom:2px solid #C5D3D9; padding:5px 10px 15px; width:100%; display: block; }
body#LAYER #MAILFORM button.getaddr{ margin-top: 5px; }
}


body#LAYER #MAILFORM p.aboutLINK textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
  font-size: 100%;
  min-height: 14px;
  padding: 9px 11px;
  box-sizing: border-box;
}
/* 各フィールドの横幅パターン */
body#LAYER #MAILFORM .tableStyleForm td .mini { width: 20%; }
body#LAYER #MAILFORM .tableStyleForm td .small { width: 33%; }
body#LAYER #MAILFORM .tableStyleForm td .medium { width: 60%; }
body#LAYER #MAILFORM .tableStyleForm td .large { width: 95%; }
body#LAYER #MAILFORM .tableStyleForm td .w50per { width: 50%; }

/* パーツの余白調整 */
body#LAYER #MAILFORM .tableStyleForm td span { margin-right: 5px; }
body#LAYER #MAILFORM .tableStyleForm td label { margin-right: 30px; vertical-align: text-top; }

/* 必須項目 */
body#LAYER #MAILFORM .tableStyleForm th .required { position: relative; display: block; padding-right: 75px; }
body#LAYER #MAILFORM .tableStyleForm th .required span {
  position: absolute;
  vertical-align: middle;
  right: 0;
  top: 0;
  background-color: #CC1800;
  color: #FFF;
  font-size: 85%;
  font-weight: normal;
  padding: 3px 7px;
}

/* 任意項目 */
body#LAYER #MAILFORM .tableStyleForm th .arbitrary { position: relative; display: block; padding-right: 75px; }
body#LAYER #MAILFORM .tableStyleForm th .arbitrary span {
  position: absolute;
  vertical-align: middle;
  right: 0;
  top: 0;
  background-color: #abc8d4;
  color: #FFF;
  font-size: 85%;
  font-weight: normal;
  padding: 3px 7px;
}

/* 入力項目 */
body#LAYER #MAILFORM .tableStyleForm input[type="text"], .tableStyleForm textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
  font-size: 100%;
  min-height: 14px;
  padding: 9px 11px;
}
body#LAYER #MAILFORM .tableStyleForm .drop {
  position: relative;
  padding: 5px;
  width: 100%;
  font-size: 100%;
  border: 1px solid #ccc;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
  cursor: pointer;
}

body#LAYER #MAILFORM .tableStyleForm .select-block-drop {
  position: relative;
  padding: 0;
  width: 100%;
  max-width: 28rem;
  z-index: 1;
}
body#LAYER #MAILFORM .tableStyleForm .select-block-drop::before{
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  display: block;
  border-top: solid 3px #333;
  border-right: solid 3px #333;
  transform: rotate(135deg);
  content: "";
  pointer-events: none;
  z-index: 100;
}





body#LAYER #MAILFORM .tableStyleForm input[type="text"]:focus, textarea:focus { background-color: #EFEFEF;}

/* ボタン類 */
body#LAYER #MAILFORM .form_btn { text-align: center; margin: 40px 0; }
body#LAYER #MAILFORM .form_btn li { display: inline-block; margin: 0 10px 0 0; width: 90%; max-width: 430px; }
body#LAYER #MAILFORM .column3 .checkbox { display: inline-block; width: 250px; vertical-align: top; }

/* 送信ボタン */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px; }

body#LAYER #MAILFORM .form_btn input[type="submit"] {
  background: #453b31;
  border: 1px solid #453b31;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font-size: 138.5%;
  display: block;
  width: 100%;
  height: 62px;
  text-align: center;
  text-shadow: none;
  color: #FFF;
  cursor: pointer;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  -moz-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
}
body#LAYER #MAILFORM .form_btn input[type="submit"]:hover { opacity: 0.7; }
body#LAYER #MAILFORM .form_btn input[type="submit"][disabled] {  background: #D4D4D4; cursor: default; }
body#LAYER #MAILFORM .form_btn input[type="submit"][disabled]:hover { opacity:1 ; }

body#LAYER #MAILFORM .btn_confirm {
  background-color: #453b31;
  border: 1px solid #453b31;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font-size: 138.5%;
  display: block;
  width: 100%;
  height: 62px;
  text-align: center;
  text-shadow: -1px -1px rgba(7, 0, 2, 0.35);
  color: #FFF;
  
  cursor: pointer;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  -moz-box-shadow: 0 0 3px black;
  box-shadow: 0 0 3px black;
}
body#LAYER #MAILFORM .btn_submit {
  background-color: #000000;
  border: 1px solid #453b31;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font-size: 138.5%;
  width: 100%;
  height: 62px;
  text-align: center;
  text-shadow: -1px -1px rgba(7, 0, 2, 0.35);
  color: #FFF;
  
  cursor: pointer;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  -moz-box-shadow: 0 0 3px black;
  box-shadow: 0 0 3px black;
}
body#LAYER #MAILFORM .btn_back {
  background-color: #999999;
  border: 1px solid #999999;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font-size: 138.5%;
  width: 280px;
  height: 62px;
  text-align: center;
  color: #FFF;
  
  cursor: pointer;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  -moz-box-shadow: 0 0 3px black;
  box-shadow: 0 0 3px black;
}
body#LAYER #MAILFORM p.btn_top { margin-top: 40px; }
body#LAYER #MAILFORM p.btn_top a {
  background-color: #999999;
  border: 1px solid #999999;
  border-radius: 4px 4px 4px 4px;
  color: #fff;
  padding: 15px 30px;
  font-size: 138.5%;
  margin: 20px 5px;
  height: 62px;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  -moz-box-shadow: 0 0 3px black;
  box-shadow: 0 0 3px black;
  letter-spacing: -.40em;
}
body#LAYER #MAILFORM p.btn_top a span {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  width: 280px;
}
body#LAYER #MAILFORM .btn_pamphlet {
  background-color: #ffcc33;
  border: 1px solid #d7a921;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 4px 0 #FFFFFF inset;
  display: inline-block;
  font-size: 123.1%;
  width: 280px;
  text-align: center;
  color: #FFF;
  
  cursor: pointer;
  padding: 15px;
  vertical-align: middle;
}
body#LAYER #MAILFORM .btn_pamphlet a { text-decoration: none; }
body#LAYER #MAILFORM .postal_btn {
  border: 1px solid #C1C1C1;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 3px 0 #FFFFFF inset;
  display: inline-block;
  padding: 7px 2px 7px 7px;
  font-size: 85%;
  background: #fdfdfd;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#e7e7e7));
  background: -webkit-linear-gradient(#fdfdfd, #e7e7e7);
  background: -moz-linear-gradient(#fdfdfd, #e7e7e7);
  background: -ms-linear-gradient(#fdfdfd, #e7e7e7);
  background: -o-linear-gradient(#fdfdfd, #e7e7e7);
  background: linear-gradient(#fdfdfd, #e7e7e7);
  -pie-background: linear-gradient(#fdfdfd, #e7e7e7);
  width: 15em;
  
  cursor: pointer;
}
body#LAYER #MAILFORM .postal_btn span { background: url("https://www.daiken.jp/form/smileup/img/icon_postal.png") no-repeat scroll 0 center; padding-left: 15px; }
body#LAYER #MAILFORM .btn_pagetop {
  background-color: #999999;
  border: 1px solid #999999;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 4px 0 #FFFFFF inset;
  display: inline-block;
  font-size: 138.5%;
  width: 300px;
  height: 62px;
  text-align: center;
  vertical-align: middle;
  color: #FFF;
  
  cursor: pointer;
}

/* エラーリスト */
body#LAYER #MAILFORM ul.error { background-color: #fae7e8; border: 1px solid #e72407; padding: 20px 20px; margin-bottom: 20px; }
body#LAYER #MAILFORM ul.error li a { color: #CC1800; text-decoration: underline; }
body#LAYER #MAILFORM ul.error li a:visited { color: #CC1800; text-decoration: underline; }
body#LAYER #MAILFORM ul.error li a:hover { color: #CC1800; min-height: 1em; text-decoration: none; }

/* 各フィールドのエラーメッセージ */
/*body#LAYER #MAILFORM span.error { color: #CC1800; display: inline-block; margin-top: 7px; font-size: 85%; }*/





body#LAYER #MAILFORM .error-txt{ display: none;}

body#LAYER #MAILFORM .error.error-txt{
    position:relative;
    background:#CC0000;
    padding:3px 10px;
    text-align:center;
    color:#FFF;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    margin-top: 5px;
    display: inline-block;
}

body#LAYER #MAILFORM .error-txt:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(204, 0, 0, 0);
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-width:5px;
    border-right-width:5px;
    margin-left: -5px;
    border-bottom-color:#CC0000;
    bottom:100%;
    left:50%;
}

body#LAYER #MAILFORM tr.error { background-color: #fae7e8; }

/* 見出し */
body#LAYER #MAILFORM .tableStyleForm h2 { padding: 5px 0 30px 30px; }

/* 個人情報保護方針 */
body#LAYER #MAILFORM form div.privacy_policy {
  background-color: #F9F9F9;
  width: 90%;
  padding: 20px;
  box-sizing: border-box;
  margin: 40px auto;
}
body#LAYER #MAILFORM form div.privacy_policy strong{ display: block; padding-bottom: 5px; }
body#LAYER #MAILFORM form div.privacy_policy ul{ margin-bottom: 20px; }
body#LAYER #MAILFORM form div.privacy_policy ul li{ list-style: disc; margin-left: 20px; }

body#LAYER #MAILFORM form div.privacy_policy a,
body#LAYER #MAILFORM form div.privacy_policy a:hover,
body#LAYER #MAILFORM form div.privacy_policy a:visited{ color: #006597 !important; font-weight: bold !important; }
body#LAYER #MAILFORM form div.privacy_policy a:hover{ opacity: 0.8; }

/* 説明文 */
body#LAYER #MAILFORM .info { background-color: #F9F9F9; padding: 20px; }
body#LAYER #MAILFORM .form-text .notes { background-color: #F9F9F9; padding: 20px; margin-top: 20px; font-size: 85%; }
body#LAYER #MAILFORM ul.notelist{ font-size: 12px; color: #CC0000; padding: 10px 15px; background: #f4f4f4; margin-top: 12px; }
body#LAYER #MAILFORM ul.notelist li{ background:url(https://www.daiken.jp/form/smileup/img/kome02.png) no-repeat left 3px; background-size: 12px; padding-left: 15px; }

/* チェックボックス・チェックボックス*/
body#LAYER #MAILFORM .checkbox-input,
body#LAYER #MAILFORM .radio-input{ display: none; }
body#LAYER #MAILFORM .checkbox-parts,
body#LAYER #MAILFORM .radio-parts{ padding:0 0 0 23px; position:relative; margin-right: 23px; }
body#LAYER #MAILFORM .radio-parts { display: inline-block; margin:0 0 5px; }
body#LAYER #MAILFORM .checkbox-parts{ font-size: 17px; }
body#LAYER #MAILFORM ul.required-check .checkbox-parts{ font-size: 14px; }
body#LAYER #MAILFORM .checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 3px;
  background: #eee;
}
body#LAYER #MAILFORM .checkbox-input:checked + .checkbox-parts{ color: #006597; }
body#LAYER #MAILFORM .checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #006597;
  border-right: 3px solid #006597;
}
body#LAYER #MAILFORM .radio-input + span::before {
  -webkit-transform: translateY(-40%);
  background: #eee;
  border: 1px solid #999;
  border-radius: 50%;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  left: 0;
  position: absolute;
  top: 8px;
  transform: translateY(-40%);
}
body#LAYER #MAILFORM .radio-input + span::after {
  -webkit-transform: translateY(-60%);
  background: #0068b7;
  border: 1px solid transparent;
  border-radius: 50%;
  content: "";
  width: 10px;
  height: 10px;
  left: 3px;
  opacity: 0;
  padding: 2px;
  position: absolute;
  top: 11px;
  transform: translateY(-60%);
  transition: all 0.3s ease 0s;
}
body#LAYER #MAILFORM .radio-input + span.txt{ padding: 0 0 0 1.85em; }
body#LAYER #MAILFORM .radio-input + span.txt::after {
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}
body#LAYER #MAILFORM .radio-input:checked + span::after { opacity: 1; }

body#LAYER #MAILFORM ul.required-check { padding: 10px 0 10px 0; margin-bottom: 15px; border-bottom: 1px solid #eee; }
body#LAYER #MAILFORM ul.required-check li{ margin-bottom: 5px; }
body#LAYER #MAILFORM p.requTXT em{ padding-left: 10px; font-size: 12px; }
@media only screen and (min-width:1px) and (max-width:899px){
body#LAYER #MAILFORM p.requTXT em{ display: block; }
}


/* ステップ表示 */


/* form STEP */

.form-step{
  margin: 1.5em auto;
  padding: 0;
  width: calc(100% - 2rem);
  display: flex;
  overflow: hidden;
  background-color: #efefef;
}

.form-step li{
  position: relative;
  margin: 0;
  padding: 0.5em 0.2em 0.5em 1.5em;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-step.free li{
  position: relative;
  margin: 0;
  padding: 0.5em 0.2em 0.5em 1.5em;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-step.form-step-3 li{ width: calc(100% / 3);}

.form-step li:before{
  position: absolute;
  top: 0;
  right: -1.7rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 2.5em;
  height: 2.5em;
  border: 0.4rem solid #fff;
  border-width: 0.4rem 0.4rem 0 0;
  background-color: #eee;
  display: inline-block;
  transform: rotate(45deg) skew(calc((90deg - 40deg) / 2),calc((90deg - 40deg) / 2));  
  pointer-events: none;
  content: "";
  z-index: 10;
}

.form-step li:last-child::before{ display: none;}
.form-step li.active{ background-color: #b2b0a9; color: #fff;}
.form-step li.active:before{ background-color: #b2b0a9;}


.form-step li strong{
  position: relative;
  padding: 1rem;
  width: 100%;
  display: block;
  font-size: 1.5rem;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 520px) {

.form-step.free li{ padding: 0.5em 0.2em 0.5em 1em;}
.form-step.free li:first-child{ padding: 0.5em 0.2em 0.5em 0.2em;}
.form-step.free li strong{ font-size: 1.2rem;}

} /* End max 520 */

@media screen and (max-width: 380px) {

.form-step li strong em{ display: none;}

} /* End max 380 */



/*info_emergency*/
body#LAYER #MAILFORM div.info_emergency,
body#LAYER.maintenance div.info_emergency,
body#TOP div.info_emergency{ background: #fff9ef; border: 2px solid /*#e86773*/#cc0000; padding:10px 15px; text-align: center; box-sizing: border-box; }
body#LAYER.maintenance div.info_emergency{ margin-bottom: 15px; }
body#TOP div.info_emergency{ width: 100%; margin: 0 !important; float: none !important; }
body#LAYER #MAILFORM div.info_emergency strong,
body#LAYER.maintenance div.info_emergency strong,
body#TOP div.info_emergency strong{ font-weight: bold; color:/*#e86773*/#cc0000; }

/******************************************************************** LAYER INQUIRY
*/
body#LAYER #INQUIRY div.inquiryobject{ background: #f4f4f4; padding: 50px 0 10px 0; border-bottom: 1px solid #FFF; }
body#LAYER #INQUIRY strong{ color: #0080cc; }
body#LAYER #INQUIRY .pscolor strong{ color: #20853c; }
body#LAYER #INQUIRY .recolor .bl strong{ color: #0080cc; }
body#LAYER #INQUIRY .recolor .or strong{ color: #ffcc1d; }
body#LAYER #INQUIRY .recolor .gl strong{ color: #666; }

body#LAYER #INQUIRY #DAIKENPRODUCTS,
body#LAYER #INQUIRY #DAIKENPARTSSHOP,
body#LAYER #INQUIRY #DAIKENSERVICE{ margin:20px 0 ; }

body#LAYER #INQUIRY h6{ font-size: 23px; font-weight: normal; line-height: 130%; padding:15px 0 0 45px; margin:0 0 0 200px; }
body#LAYER #INQUIRY #DAIKENPRODUCTS h6,
body#LAYER #INQUIRY #DAIKENSERVICE h6.bl{ background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon.png) no-repeat left 12px; background-size:40px; }
body#LAYER #INQUIRY #DAIKENPARTSSHOP h6{ background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon02.png) no-repeat left 12px; background-size:40px; }
body#LAYER #INQUIRY #DAIKENSERVICE h6.or{ background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon03.png) no-repeat left 12px; background-size:40px; }

body#LAYER #INQUIRY #DAIKENSERVICE h6.gl {
  background-image: none;
  background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon04.png) no-repeat 90px;
  background-size: 40px;
  padding: 8% 0 4% 16%;
}

body#LAYER.inquiry h2 .or,
body#LAYER.inquiry h3 .or,
body#LAYER #INQUIRY #DAIKENSERVICE h6 .or{ color: #ffcc1d !important; }
body#LAYER.inquiry h2 .bl,
body#LAYER.inquiry h3 .bl,
body#LAYER #INQUIRY #DAIKENSERVICE h6 .bl{ color: #0080cc; }

body#LAYER #INQUIRY #DAIKENPRODUCTS p.inqread,
body#LAYER #INQUIRY #DAIKENPARTSSHOP p.inqread,
body#LAYER #INQUIRY #DAIKENSERVICE p.inqread{ padding:10px 0 15px 45px; font-size: 14px; text-align: left; margin-left: 200px;}
body#LAYER #INQUIRY #DAIKENPRODUCTS p.inqread strong,
body#LAYER #INQUIRY #DAIKENPARTSSHOP p.inqread strong,
body#LAYER #INQUIRY #DAIKENSERVICE p.inqread strong{ color:#222; }

body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread{  padding:10px 0 20px 45px; font-size: 14px; text-align: left; margin-left: 200px; float: left; }
body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread li{ position: relative; }
body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread li::after {
  display: block;
  content: '';
  position: absolute;
  top: 5px;
  left: -1em;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread.or li::after{background-color: #b1883a;}
body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread.bl li::after{background-color: #0080cc;}
body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread.bl { margin-left: 10px; }

body#LAYER #INQUIRY div.infoBOX{ padding:20px 25px 25px; overflow: hidden; }
body#LAYER #INQUIRY div.infoBOX.L{ padding: 0 ; }
body#LAYER #INQUIRY #DAIKENPRODUCTS div.infoBOX{ background: #e5f4fa; }
body#LAYER #INQUIRY #DAIKENPARTSSHOP div.infoBOX{ background: #edfaf1; }
body#LAYER #INQUIRY #DAIKENSERVICE div.infoBOX{ background: #f8f7f4; }

body#LAYER #INQUIRY div.pro01 div.infoBOX{ text-align: center; }

body#LAYER #INQUIRY p.infoTITLE{ font-size: 18px !important; font-weight: bold; display: block; padding:10px 0  !important; width: 280px; border-bottom: 1px solid #222; margin: 0 auto;}
body#LAYER #INQUIRY div.infoBOX p.tel img{ width: 46px;}
body#LAYER #INQUIRY div.infoBOX p.tel { font-size:32px; display: table; margin: 15px auto 0 auto;}
body#LAYER #INQUIRY div.infoBOX p.tel em,
body#LAYER #INQUIRY div.infoBOX p.tel span{ display: table-cell; vertical-align: middle !important; font-weight: bolder; }
body#LAYER #INQUIRY div.infoBOX p.tel em img{ display: table-cell; vertical-align: middle !important; }
body#LAYER #INQUIRY div.infoBOX p { font-size: 12px; line-height: 120%; padding: 0 ; }
body#LAYER #INQUIRY div.infoBOX ul{ margin: 0 auto; overflow: hidden; }
body#LAYER #INQUIRY div.infoBOX ul li{ width: 50%; float: left; padding:0 ; text-align: center;  }

body#LAYER #INQUIRY #DAIKENPARTSSHOP div.infoBOX ul li{ width: 100%; float: inherit; padding:0 ; text-align: center;  }

body#LAYER #INQUIRY div.infoBOX p.link a{
    max-width: 380px;
  width: 95%;
  display: block;
  margin: 0 auto;
  padding:15px 0;
  border-radius: 4px;
  margin-top: 18px;
}
body#LAYER #INQUIRY div.infoBOX p.link.or a{ margin-top: 13px; }
body#LAYER #INQUIRY div.infoBOX p.link a,
body#LAYER #INQUIRY div.infoBOX p.link a:hover{ color: #FFF !important; font-size: 14px; font-weight: bold; }
body#LAYER #INQUIRY div.infoBOX p.link a:hover{opacity: 0.7; }
body#LAYER #INQUIRY div.infoBOX img{ margin: 0 auto 10px auto; display: block; }
body#LAYER #INQUIRY div.infoBOX p.txt{ margin-top: 10px; }

body#LAYER #INQUIRY div.serv02 div.infoBOX { margin-top:10px; }
body#LAYER #INQUIRY div.serv02 div.infoBOX p.infoTITLE{ text-align: center; }
body#LAYER #INQUIRY div.serv02 div.infoBOX p.link{ text-align: center; text-indent: -15px; }

body#LAYER #INQUIRY #DAIKENSERVICE ul.subMENU2 li{ width:100%; float: inherit; }

body#LAYER ul.subMENU2 li a.telhref,
body#LAYER ul.subMENU2 li a.telhref:hover{ background:none ; }

body#LAYER #INQUIRY ul.kome{ margin:10px 0 0 0; font-size: 13px; background: #FFF; }
body#LAYER #INQUIRY ul.kome li{ background: url(https://www.daiken.jp/form/smileup/img/kome.png) no-repeat left 3px; background-size:12px; padding:0 0 0 16px !important; }
body#LAYER #INQUIRY p.kome{
    background: url(https://www.daiken.jp/form/smileup/img/kome.png) no-repeat left 4px;
  margin: 0;
  font-size: 12px;
  background-size:12px;
  padding:3px 0 3px 13px !important;
}

body#LAYER #INQUIRY ul.serviceAREA{ position: relative; list-style-type: none!important; padding: 15px 10px 0; }
body#LAYER #INQUIRY ul.serviceAREA li:before{ display:inline-block; content:''; width:0.8em; height: 0.8em; background: #ffcc1d; margin-right: 5px;}
body#LAYER #INQUIRY ul.serviceAREA li:last-child:before{ background: #0080cc; }
body#LAYER #INQUIRY ul.serviceAREA li strong{ color:#222 !important; }
body#LAYER #INQUIRY ul.serviceAREA li { width: 100% !important; float: inherit !important; text-align: left !important; margin-bottom: 10px; }

body#LAYER #INQUIRY #DAIKENSERVICE p.aboutLINK{ background: url(https://www.daiken.jp/form/smileup/img/icon_arrow05.png) no-repeat left 8px; background-size:8px; padding-left: 12px; margin-left:10px;  }
body#LAYER #INQUIRY #DAIKENSERVICE p.aboutLINK a,
body#LAYER #INQUIRY #DAIKENSERVICE p.aboutLINK a:hover{ color: #006597 !important; font-weight: bold; }
body#LAYER #INQUIRY #DAIKENSERVICE p.aboutLINK a:hover{ opacity: 0.7; }

body#LAYER #INQUIRY #DAIKENSERVICE dl.txtAREA{ overflow: hidden; display: table; font-size: 12px; margin: 3px auto 0 auto; line-height: 120%; }
body#LAYER #INQUIRY #DAIKENSERVICE dl.txtAREA dt{ display: table-cell; }
body#LAYER #INQUIRY #DAIKENSERVICE dl.txtAREA dd{ display: table-cell; text-align: left !important; }

body#LAYER #INQUIRY div.inquiry-notice{ background: #FFF; border-radius:8px; padding: 15px 20px; margin-top: 15px; }
body#LAYER #INQUIRY div.inquiry-notice p.noticeTITLE{ font-size:16px; font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
body#LAYER #INQUIRY div.inquiry-notice p{ line-height: 140% !important; font-size: 14px; }
body#LAYER #INQUIRY div.inquiry-notice strong{ color: #222; }
body#LAYER #INQUIRY div.inquiry-notice em{ color: #CC0000; }

@media only screen and (min-width:900px) , print{
body#LAYER #INQUIRY #DAIKENPRODUCTS .inner,
body#LAYER #INQUIRY #DAIKENPARTSSHOP .inner,
body#LAYER #INQUIRY #DAIKENSERVICE .inner{ padding: 30px 40px ; width: 100%; margin: 0 auto;}
body#LAYER #INQUIRY div.inquiryBOX{ border: 1px solid #ccc; width: calc(100% - 4rem); max-width: 100rem; margin: 0 auto 60px auto; background: #FFF; }

body#LAYER #INQUIRY #DAIKENPRODUCTS .inner .pro01{ background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_probackimg01.png) no-repeat left top; background-size: 180px auto; }
body#LAYER #INQUIRY #DAIKENPRODUCTS .inner .pro02{ background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_probackimg02.png) no-repeat left top; background-size: 198px auto; margin-top: 20px; }
body#LAYER #INQUIRY #DAIKENPARTSSHOP .inner{ background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_partsbackimg01.png) no-repeat 40px 18px; background-size: 190px auto; }

  body#LAYER #INQUIRY div.serv01 {
    background: url(https://www.daiken.jp/form/smileup/img/info_img01.png) no-repeat 20px 20px;
    background-size: 244px auto;
    margin-top: 0px;
  }

body#LAYER #INQUIRY div.serv02 div.infoBOX.L table{ margin-top:0; }

body#LAYER #INQUIRY div.infoBOX ul{ margin: 0 auto ; overflow: hidden; }
}

@media only screen and (min-width:641px) and (max-width:899px){

  body#LAYER #INQUIRY div.serv01 {
    background: url(https://www.daiken.jp/form/smileup/img/info_img01.png) no-repeat 20px 60px;
    background-size: 240px auto;
    margin-top: 0px;
  }
  
body#LAYER #INQUIRY div.serv01 h6{ margin-left:210px; }
body#LAYER #INQUIRY div.serv01 ul.inqread.or{ margin-left:210px !important; }
  
}

@media only screen and (min-width:1px) and (max-width:899px){
body#LAYER #INQUIRY div.inquiryobject{ background: #f4f4f4; padding: 30px 0 10px 0; border-bottom: 1px solid #FFF; }
body#LAYER #INQUIRY #DAIKENPRODUCTS .inner,
body#LAYER #INQUIRY #DAIKENPARTSSHOP .inner{ padding: 0 10px 15px ; }
body#LAYER #INQUIRY #DAIKENSERVICE .inner{ padding: 0 10px 15px; }

body#LAYER #INQUIRY h6{ font-size: 18px; font-weight: normal; line-height: 130%; padding:15px 0 0 35px; margin:0 0 0 0; }
body#LAYER #INQUIRY #DAIKENPRODUCTS h6,
body#LAYER #INQUIRY #DAIKENSERVICE h6.bl{ background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon.png) no-repeat left 12px; background-size:30px; }
body#LAYER #INQUIRY #DAIKENPARTSSHOP h6{ background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon02.png) no-repeat left 12px; background-size:30px; }
body#LAYER #INQUIRY #DAIKENSERVICE h6,
body#LAYER #INQUIRY #DAIKENSERVICE h6.or{ background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon03.png) no-repeat left 12px; background-size:30px; }

  body#LAYER #INQUIRY #DAIKENSERVICE h6.gl {
    background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon04.png) no-repeat 70px;
    margin-bottom: 6%;
    background-size: 30px;
  }
  
body#LAYER #INQUIRY h6 br{ display: none; }
body#LAYER #INQUIRY #DAIKENPRODUCTS p.inqread,
body#LAYER #INQUIRY #DAIKENPARTSSHOP p.inqread,
body#LAYER #INQUIRY #DAIKENSERVICE p.inqread{ padding:10px 0 15px 0; font-size: 14px; text-align: left; margin-left: 0;}

body#LAYER #INQUIRY div.inquiryBOX{ margin:0 10px 30px 10px; background: #FFF; }
body#LAYER #INQUIRY #DAIKENPRODUCTS div.inquiryBOX{ background: #FFF; border: 1px #CCC solid; }
body#LAYER #INQUIRY #DAIKENPARTSSHOP div.inquiryBOX{ background: #FFF; border: 1px #CCC solid; }
body#LAYER #INQUIRY #DAIKENSERVICE div.inquiryBOX{ background: #FFF; border: 1px #CCC solid; }

body#LAYER #INQUIRY #DAIKENPRODUCTS .inner .pro01{ background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_probackimg01_sp.png) no-repeat left top; background-size: 180px auto; margin-top: 10px;}
body#LAYER #INQUIRY #DAIKENPRODUCTS .inner .pro02{ background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_probackimg02_sp.png) no-repeat left top; background-size: 198px auto; margin-top: 20px; }
body#LAYER #INQUIRY #DAIKENPARTSSHOP .inner{ background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_partsbackimg01_sp.png) no-repeat 10px 15px; background-size: 190px auto; margin-top: 10px; }
body#LAYER #INQUIRY #DAIKENSERVICE .inner{  }
/*body#LAYER #INQUIRY div.serv01{ margin-top: 20px; }
body#LAYER #INQUIRY div.serv02{ padding-top: 20px; background: url(https://www.daiken.jp/form/smileup/contact/img/inquiry_reformbackimg01_sp.png) no-repeat -5px top; background-size: 400px auto; }*/

body#LAYER #INQUIRY div.serv01 p.sp img{ width: 200px; }
body#LAYER #INQUIRY div.serv01 p.sp { padding-bottom: 0; }

body#LAYER #INQUIRY div.infoBOX{ padding:15px 15px 20px ; }
body#LAYER #INQUIRY div.infoBOX.L{ padding:15px 0 20px ; }

body#LAYER #INQUIRY #DAIKENPARTSSHOP div.infoBOX ul li,
body#LAYER #INQUIRY #DAIKENSERVICE div.serv01 div.infoBOX ul li{ width: 100%; float: inherit; padding:0 ;  }
/*body#LAYER #INQUIRY #DAIKENPARTSSHOP div.infoBOX ul li:first-child,*/
body#LAYER #INQUIRY #DAIKENSERVICE div.serv01 div.infoBOX ul li:first-child{ margin-bottom: 30px; }

body#LAYER #INQUIRY p.infoTITLE{ font-size: 16px !important; font-weight: bold; display: block; padding:10px 0  !important; width: 280px; border-bottom: 1px solid #222; margin: 0 auto;}
body#LAYER #INQUIRY div.infoBOX p.tel img{ width: 40px;}
body#LAYER #INQUIRY div.infoBOX p.tel { font-size:24px; display: table; margin: 15px auto 0 auto;}
body#LAYER #INQUIRY div.infoBOX p { font-size: 11px; line-height: 120%; padding: 0 ; }
/*body#LAYER #INQUIRY div.infoBOX p.link img{ width:20px; margin: 0 5px 0 -15px; }*/
body#LAYER #INQUIRY div.infoBOX p.link a,
body#LAYER #INQUIRY div.infoBOX p.link a:hover{ color: #FFF !important; font-size: 14px; font-weight: bold; }

body#LAYER #INQUIRY div.infoBOX img{ margin: 0 auto 10px auto; display: block; }

body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread{ padding:10px 0 10px 30px; font-size: 14px; text-align: left; margin-left: 0; float: inherit; }
body#LAYER #INQUIRY #DAIKENSERVICE ul.inqread.bl { margin-left: 0; padding-top: 0; }

body#LAYER #INQUIRY ul.serviceAREA li br{ display: none; }
body#LAYER #INQUIRY ul.serviceAREA li { margin-bottom: 10px !important; }

body#LAYER #INQUIRY div.inquiry-notice p.noticeTITLE{ text-align: center; }
body#LAYER #INQUIRY div.inquiry-notice p{ font-size: 14px; }
}

@media only screen and (min-width:1px) and (max-width:480px){
body#LAYER #INQUIRY div.inquiry-notice{ padding: 15px 10px; }
body#LAYER #INQUIRY div.inquiry-notice p.noticeTITLE{ font-size:13px; }
body#LAYER #INQUIRY div.inquiry-notice p{ line-height: 140%; text-align: left; font-size: 12px; }
}


@media screen and (max-width: 640px){
  /*body#LAYER #INQUIRY #DAIKENSERVICE h6.gl {
    background: url(https://www.daiken.jp/form/smileup/contact/img/icon_balloon04.png) no-repeat 163px;
    background-size: 30px;
    padding: 8% 0 0% 41%;
  }*/
  
    body#LAYER #INQUIRY #DAIKENSERVICE h6.gl {
    background: none;
  }
}


/*お問合せtab*/
body#LAYER #INQUIRY .guidanceTAB { position: relative; overflow: hidden; width: 100%; margin: 0 0 0.85em 0; color: #FFF; }
body#LAYER #INQUIRY .guidanceTAB.announce02 { margin: 0 0 0.5em 0; }
body#LAYER #INQUIRY .guidanceTAB dl{ display: inline; overflow: hidden; margin: 0 0 0 10px; line-height: 1.85; }
body#LAYER #INQUIRY .guidanceTAB dt,body#LAYER #INQUIRY .guidanceTAB dd{ display: inline; box-sizing: border-box; }
body#LAYER #INQUIRY .guidanceTAB dt{ width: auto; color: #FFF; border-radius: 5px 0 0 5px / 5px 0 0 5px; font-weight: lighter; padding: 3px 5px; }
body#LAYER #INQUIRY .guidanceTAB dl.or dt{ background:#b1883a; }
body#LAYER #INQUIRY .guidanceTAB dl.bl dt{ background:#0080cc; }
body#LAYER #INQUIRY .guidanceTAB dl.gr dt{ background:#666; }
body#LAYER #INQUIRY .guidanceTAB dd{ border-radius: 0 4px 4px 0 / 0 4px 4px 0; background: #FFF; padding: 3px 10px; }
body#LAYER #INQUIRY .guidanceTAB dl.or dt,body#LAYER #INQUIRY .guidanceTAB dl.or dd{ border: 1px solid #b1883a;  }
body#LAYER #INQUIRY .guidanceTAB dl.bl dt,body#LAYER #INQUIRY .guidanceTAB dl.bl dd{ border: 1px solid #0080cc;  }
body#LAYER #INQUIRY .guidanceTAB dl.gr dt,body#LAYER #INQUIRY .guidanceTAB dl.gr dd{ border: 1px solid #666;  }

body#LAYER #INQUIRY .guidanceTAB input { position: absolute; z-index: -1; opacity: 0; }
body#LAYER #INQUIRY .guidanceTAB label {
  font-weight: bold;
  line-height: 120%;
  position: relative;
  display: block;
  padding: 0.8em 40px 0.8em 1em;
  cursor: pointer;
  margin: 0 0 0 0;
  color: #222;
  background: #eee;
  border: 1px solid #ccc;
}
body#LAYER #INQUIRY .guidanceTAB.announce02 label,
body#LAYER #INQUIRY .guidanceTAB.announce02 label,
body#LAYER #INQUIRY .guidanceTAB.announce02 label{ background: #FBFBFB !important; border: 1px solid #ddd; }

body#LAYER #INQUIRY .guidanceTAB .guidanceTAB_content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
  padding: 0 0.5em 0;
}
body#LAYER #INQUIRY .guidanceTAB .guidanceTAB_content p { margin: 1em; }
body#LAYER #INQUIRY .guidanceTAB input:checked ~ .guidanceTAB_content {  max-height: 500em; }
body#LAYER #INQUIRY .guidanceTAB label::after {
  /*line-height: 3;*/
  position: absolute;
  top: 35%;
  /*bottom:0 ;*/
  right: 15px;
  margin: auto;
  display: block;
  /*width: 3em;
  height: 3em;*/
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center;
}
body#LAYER #INQUIRY .guidanceTAB input[type=checkbox] + label::after { content: '+'; }
body#LAYER #INQUIRY .guidanceTAB input[type=checkbox]:checked + label::after { transform: rotate(315deg); }
body#LAYER #INQUIRY .guidanceTAB.announce02 input[type=radio] + label::after { content: '+'; }
body#LAYER #INQUIRY .guidanceTAB.announce02 input[type=radio]:checked + label::after { transform: rotate(315deg); }

body#LAYER #INQUIRY .guidanceTAB table{ margin-top: 1rem; width: 100%; border-top: 0.1rem solid #ccc; color: #333; font-size: 1.5rem;}
body#LAYER #INQUIRY .guidanceTAB table td{ text-align: left; }

body#LAYER #INQUIRY .guidanceTAB table th{ padding: 1rem; width: 30%; background-color: #f1f1f1; border-bottom: 0.1rem solid #ccc; font-weight: 600; text-align: center;}
body#LAYER #INQUIRY .guidanceTAB table td{ padding: 1rem; width: 70%; border-bottom: 0.1rem solid #ccc;}



body#LAYER #INQUIRY .guidanceTAB .lastelement{ margin-bottom: 20px; }
body#LAYER #INQUIRY .guidanceTAB .fastelement{ margin-top:10px; }
body#LAYER #INQUIRY .guidanceTAB p.otherUSER{ color: #222; margin: 0 0 15px 0; font-weight: bold; }
body#LAYER #INQUIRY .guidanceTAB p.otherUSER span{ font-weight: bold; font-size: 18px; }

body#LAYER #INQUIRY p.guidanceTITLE { font-weight: bold; font-size: 15px; border-bottom: 1px solid #999; margin-bottom: 10px; padding-top: 30px; }
body#LAYER #INQUIRY p.guidanceTITLE:before {
    display: inline-block;
    content: '';
    width: 0.8em;
    height: 0.8em;
    background: #666;
    margin-right: 5px;
}
@media only screen and (min-width:1px) and (max-width:640px){
body#LAYER #INQUIRY .guidanceTAB dl{ display: block; margin: 2px 0 0 0; }
body#LAYER #INQUIRY .guidanceTAB p.otherUSER span{ display:inline-block; }
}




body#LAYER #CONTENTS section .inner{ padding:50px 0; }

@media only screen and (min-width:1px) and (max-width:899px){

body#LAYER #CONTENTS section .inner{ padding:20px 0; }

body#LAYER #INQUIRY table th br{ display: none; }
}




.infobox-button {
  display: flex;
  justify-content: space-between;
}

.infoboxbutton1 a,
.infoboxbutton2 a {
  line-height: 1.5;
  font-size: 14px;
  width: 80%;
  padding: 14px;
  background-image: none;
}

.infoboxbutton2 a {
  background-color: #59c4ed;
}

.infoboxbutton1,
.infoboxbutton2 {
  width: 50%;
}

.infoboxbutton1 strong,
.infoboxbutton2 strong {
  color: #fff;
}


.or.infoboxbutton1 a,
.or.infoboxbutton2 a{ background-image: none; }

body#LAYER #INQUIRY .recolor .infobox-button .or strong{ color: #fff; }


/* 2023-07-31 add *--------------------------------------------*/
body#LAYER #INQUIRY #DAIKENPARTSSHOP .parts-banner{
  max-width: 30rem;
  margin: 0 auto 2rem;
}

/* 2023-11-29 add *--------------------------------------------*/
body#LAYER #INQUIRY .lineinner h6{margin: 1rem auto 2rem;padding: 0;position: relative;font-weight: bold;font-size: 2rem;}
body#LAYER #INQUIRY .lineinner h6:before{content: '';position: absolute;left: 50%;bottom: -12px;display: inline-block;width: 280px;height: 1px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #222;}
body#LAYER #INQUIRY #DAIKENSERVICE .lineinner {padding-top: 1rem;text-align: center;}
@media only screen and (min-width:900px),print {body#LAYER #INQUIRY #DAIKENSERVICE .lineinner {padding-top: 1rem;}}
@media only screen and (min-width:1px) and (max-width:899px) {body#LAYER #INQUIRY #DAIKENSERVICE .lineinner h6,body#LAYER #INQUIRY #DAIKENSERVICE .lineinner h6.or {background: none;padding: 0;}}

/* 2024.05.28 add */

body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.gr-parts{
  display: inline-block;
  padding: 0.5rem 3rem;
  margin: 0.2rem;
  font-size: 1.4rem;
  color: #fff !important;
  border-radius: 0.2rem;
  background-color: #43a55e;
}

body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.gr-parts a,
body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.gr-parts a:visited,
body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.gr-parts a:active{
  position: relative;
  color: #fff !important;
}

body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.gr-parts a:hover{
  opacity: 0.7;
  color: #fff !important;
}

body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.gr-parts a::after{
  position: absolute;
  content: "";
  right: -1.6rem;
  top: 0.05rem;
  background: url(../img/icon_arrow.png) no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  background-size: contain;
}


body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.telgreen,
body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.telgreen:visited{
  color: #43a55e;
}

body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.telblue,
body#LAYER #INQUIRY .guidanceTAB p.otherUSER span.telblue:visited{
  color: #0080cc;
}




/* キャンペーンバナー固定 */


#WRAPPER{
position: relative;
}

.campaignbanner{
position: fixed;
bottom: 1rem;
left: 1rem;
width: 210px;
z-index: 9999;
opacity: 0;
}

.intro-on .campaignbanner{
  animation: campaign 1s 1s forwards;
  opacity: 0;
}

@keyframes campaign{
  0% { opacity: 0; filter: blur(15rem);}
  100% { opacity: 1; filter: blur(0);}
}


.banner-close {
position: absolute;
top: 0;
right: 0;
z-index: 999;
cursor: pointer;
background: none;
border: none;
font-size: 25px;
}

@media screen and (max-width: 640px) {

.campaignbanner{
  width: 160px;
}

.banner-close {
top: 0;
right: 0;
font-size: 24px;
}

.pc {
display: none !important;
}

.sp {
display: block !important;
}

.contentsbanner li{ width: 100%; max-width: 100%; }

.contentsbanner{
margin-top: 0.5rem;
}
}

@media screen and (max-width: 440px) {

.campaignbanner{
width: 120px;
}

.banner-close {
left: 9.8rem;
font-size: 2.0rem;
}
}


.line-link-banner {
position: relative;
padding: 1.5em;
width: 100%;
display: flex;
justify-content: center;

}

.line-link-banner a{
display: block;
border: solid 0.1rem #ccc;
width: 90%;
max-width: 600px;
aspect-ratio: 600 / 160;

}

.link-button-block{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.link-button{
  position: relative;
  margin: 0 0 0 1em;
  padding: 0.3em 0.5em 0.3em 1.5em;
  display: block;
  border: solid 0.1rem #ccc;
  border-radius: 2em;
  font-size: 1.4rem;
  width: 10em;
}

.link-button::before{
  position: absolute;
  top: 0;
  left: 5px;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 6px;
  height: 6px;
  display: block;
  border: solid 0.1rem #0081cc;
  border-width: 0.1rem 0.1rem 0 0;
  transform: rotate(45deg);
  content: "";
}

/* modal */

.modal-menu-trigger{ cursor: pointer;}



.modal-body{
  
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transition: opacity 0.5s ease;
  background: rgb(0,0,0, 0.3);
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
}

.modal-body.active{
  top: 0;
  left: 0;
  display: flex;
  z-index: 1000;
  pointer-events: all;
  opacity: 1;  
  overscroll-behavior: contain;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: none;
  
}

.modal-body.active::before,
.modal-wrapper::after {
  position: absolute;
  width: 0.1rem;
  height: calc(100vh + 0.1rem);
  display: flex;
  content: "";
}
      
.modal-body.active::-webkit-scrollbar{ display: none;}

.modal-body .close-menu{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  display: block;
  opacity: 1;
  cursor: pointer;
  z-index: -1;
}

.modal-body .close-menu span{ display: none;}

.modal-body-inner{
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 100rem;
  height: 70%;
  display: block;
  overflow: hidden;
  background-color: #fff;
  border-radius: 1rem;
  opacity: 1;
  z-index: 1000;
}

.modal-body.active .modal-body-inner{ opacity: 1;}

.modal-inner-block{
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;    /* IE, Edge */
  scrollbar-width: none;
  z-index: 1;
}
.modal-inner-block::-webkit-scrollbar{ display: none;}

.modal-body-inner .close-txt{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 40px 0 0;
  width: 40px;
  height: 0;
  display: block;
  line-height: 300;
  overflow: hidden;
  z-index: 999;
  cursor: pointer; 
}

.modal-body-inner .close-txt::before,
.modal-body-inner .close-txt:after {  
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  width: 20px;
  height: 2px;
  background-color: #c00;
  content: "";
}

.modal-body-inner .close-txt::before { transform: translateY(-0.9rem);}
.modal-body-inner .close-txt::after { transform: translateY(0.9rem);}
.modal-body-inner .close-txt::before { transform: rotate(45deg);}
.modal-body-inner .close-txt::after { transform: rotate(-45deg);}



.chapter__title--alpha{color:#1a1a1a;font-size:26px;font-weight:900}
@media screen and (max-width: 1024px){.chapter__title--alpha{display:flex;justify-content:center}
}


.chapter__body{margin:auto; padding: 3em 0; width: 96%; display: block;}
.chapter__text{line-height:2}

.normal-text01{font-size:16px;line-height:2}
.support-lot{display:grid;grid-gap:30px;grid-template-columns:repeat(2, 1fr);margin:40px auto;width:70%}
@media screen and (min-width:600px)and (max-width:1024px){.support-lot{width:100%}
}
@media screen and (max-width: 768px){.support-lot{grid-template-columns:repeat(1, 1fr);width:100%}
}
@media screen and (max-width:599px){.support-lot{grid-template-columns:repeat(1, 1fr);width:100%}
}
.support-lot__inner01--title{font-size:20px;margin-bottom:10px;font-weight:bold}
.support-lot__inner01--al{line-height:1.2;padding-left:20px;font-size:20px}
.support-lot__inner01--num{padding-left:20px;font-size:16px;line-height:2}
.support-lot__inner01--num--day{font-weight:bold;margin-bottom:20px}
.support-lot__inner02--table{border-collapse:collapse;border-spacing:0;border-top:1px solid #b3b3b3}
@media screen and (max-width: 768px){.support-lot__inner02--table{width:100%}
}
@media screen and (max-width:599px){.support-lot__inner02--table{width:100%}
}
.support-lot__inner02--table tr th{padding:6px 20px;text-align:center;vertical-align:middle;background-color:#f9f9f9;border:1px solid #b3b3b3;white-space:nowrap;text-align:center;font-weight:bold;font-size:16px}
@media screen and (max-width:599px){.support-lot__inner02--table tr th{padding:6px 10px}
}
.support-lot__inner02--table tr th:first-child{border-left:none}
.support-lot__inner02--table tr th:last-child{border-right:none}
.support-lot__inner02--table tr td{text-align:center;padding:6px 10px;border-left:none;vertical-align:middle;background-color:#fff;border:1px solid #b3b3b3;font-size:16px}
.support-lot__inner02--table tr td:first-child{border-left:none}
.support-lot__inner02--table tr td:last-child{border-right:none}
.td_under{text-decoration:underline}
.mr5{margin-right:5px}
.mr21{margin-right:21px}
.mr42{margin-right:42px}



.lot-imglists{display:flex;flex-wrap:wrap}
.lot-imglists__inner{width:49%;margin-right:2%;text-align:center}
@media screen and (max-width:599px){.lot-imglists__inner{width:100%;margin-right:0;margin-bottom:20px}
}
.lot-imglists__inner:nth-child(2n){margin-right:0}
.lot-imglists__inner:nth-child(5){width:100%}
@media screen and (max-width:599px){.lot-imglists__inner:nth-child(5){margin-bottom:0}
}
.td_under{text-decoration:underline}
.mr5{margin-right:5px}
.mr21{margin-right:21px}
.mr42{margin-right:42px}
.chapter__img01{aspect-ratio:7/5;width:350px;height:auto}
@media screen and (max-width:599px){.chapter__img01{display:block;width:100%}
}
.chapter__img02{aspect-ratio:4/3;width:400px;height:auto}
@media screen and (max-width:599px){.chapter__img02{display:block;width:100%}
}
.chapter__img03{aspect-ratio:7/5;width:350px;height:auto}
@media screen and (max-width:599px){.chapter__img03{display:block;width:100%}
}
.chapter__img04{aspect-ratio:4/3;width:400px;height:auto}
@media screen and (max-width:599px){.chapter__img04{display:block;width:100%}
}
.chapter__img05{aspect-ratio:639/185;width:639px;height:auto}
@media screen and (max-width:599px){.chapter__img05{display:block;width:100%}
}




.form-notice-block{
  margin: 0 auto;
  padding: 2em 0;
  width: calc(100% - 4rem);
  max-width: 100rem;
  display: block;
  font-size: 16px;
  line-height: 1.6;
}

.form-notice-block .link{
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
}

.form-notice-block .link:before{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 3px #4aa5db;
  border-right: solid 3px #4aa5db;
  transform: rotate(45deg);
  content: "";
  pointer-events: none;
}


/* accordion */

.accordion-trigger { cursor: pointer;}

.accordion {
  padding: 0;
  max-height: 0;
  opacity: 0;  
  overflow: hidden;
  pointer-events: none;
}

@media screen and (max-width:899px){
.accordion {transition: max-height .3s ease, opacity .3s ease;}
}

@media screen and (min-width:900px){
.accordion {
  max-height: inherit !important;
  opacity: 1;
  pointer-events: all;
}
}

.accordion.open {
  padding: 0;
  max-height: 200rem;
  opacity: 1;
  overflow: hidden;
  pointer-events: all;
}

.accordion-open.open { max-height: inherit !important;}