@charset "utf-8";
/* CSS Document */
html,body{font-family: "Noto Sans Japanese", sans-serif;font-size: 16px;font-weight: bold;scroll-behavior: smooth;box-sizing: border-box;}
body.home{line-height: 1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-color: #fff;background-image:url("../common/bg_image.webp");background-repeat: repeat-y;background-size: auto;}
body{line-height: 1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-color: #fff;}
body.recruit{line-height: 1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-color: #fff;}
a{color: #fff;text-decoration:none;}
a:hover{color: rgba(255,255,255,0.70);}
a.anchor {display: block; padding-top: 70px; margin-top: -70px;}
table {  border-collapse: collapse;  border-spacing: 0;}
.wrap{	overflow: hidden;position: relative;min-height: 100vh;box-sizing: border-box;padding: 0;margin: 0;}
.clearfix::after {  content: "";  display: block;  clear: both;}
a:hover img{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( pacity=60 )";}
*, *:before, *:after {box-sizing: border-box;}
section{padding: 0;margin: 0;}
.Container{max-width: 1400px;display: block;margin: 0 auto;}
.Container .contents{width: 100%;display: block;margin:auto;padding: 60px 0;}
h2{font-weight: bold;font-size: 2.3rem;border-bottom: 1px solid #000;padding: .8em .5em;}
h2 span{font-weight: bolder;font-size: 3.8rem;color: rgba(215,0,3,1.00);}
@media screen and (max-width:860px){
.Container{max-width: initial;width: 90%; display: block;margin: 0 auto;padding:0;}
.Container .contents{width: 100%;display: block;margin:auto;padding:30px 0 60px;}
}
@media screen and (max-width:414px){
h2{font-weight: bold;font-size: 1.5rem;border-bottom: 1px solid #000;padding: .8em .5em;}
h2 span{font-weight: bolder;font-size: 2.8rem;color: rgba(215,0,3,1.00);}
}
@media screen and (max-width:320px){
h2{font-weight: bold;font-size: 1.3rem;border-bottom: 1px solid #000;padding: .8em .5em;}
h2 span{font-weight: bolder;font-size: 2.3rem;color: rgba(215,0,3,1.00);}
}
@media (orientation: landscape) and (max-width: 740px){
h2{font-weight: bold;font-size: 1.5rem;border-bottom: 1px solid #000;padding: .8em .5em;}
h2 span{font-weight: bolder;font-size: 2.5rem;color: rgba(215,0,3,1.00);}
}

header{background-color: #fff;padding: 25px 0;}
header .Container{max-width: 1400px;display: block;margin: auto;padding: 0;}
header .Container::after {  content: "";  display: block;  clear: both;}
header .Container .logo{width: 380px;float: left;}
header .Container .logo a{width: 100%;height: auto; display: block;}
header .Container .logo a img{width: 100%;height: auto; display: block;}

/*header .Container .menu{width: 870px; display: flex;align-items: center; margin: auto 0 auto auto;float: right;}/*子要素は親コンテナ内で垂直方向に中央揃え*/
/*header .Container .menu a{color: #000;display: inline-block;}
header .Container .menu a:hover{color: rgba(0,0,0,.60);display: inline-block;}*/

header .Container .menu{width: auto; display: flex;align-items: center; margin: auto 0 auto auto;float: right;}/*子要素は親コンテナ内で垂直方向に中央揃え*/
header .Container .menu ul{margin: 0;padding: 0;width: fit-content;display: flex;}
header .Container .menu li{margin: 0;padding: .5em 1em;list-style: none;width: fit-content;position: relative;}
header .Container .menu li a{color: #000;}
header .Container .menu li a:hover{color: rgba(0,0,0,.60);}
header .Container .menu li ul{visibility: hidden;background-color: #fff;padding:0;margin: 0;display: block;position: absolute;/*left: 0;*/top: 2.5em;}
header .Container .menu li:hover ul{visibility: visible;}
header .Container .menu li ul li{width: 100%;padding: .3em 1.2em;font-size: .9rem; background-color: rgba(215,215,215,1.00);border-bottom: 1px solid #fff;white-space: nowrap;}
header .Container .menu li ul li::before{margin-right: .3em; font-family: "Font Awesome 6 Free";  content: '\f054';  font-weight: 900;}
header .Container .menu li ul li:hover{width: 100%;padding: .3em 1.2em;background-color: rgba(215,215,215,.60);border-bottom: 1px solid #fff;}
header .Container .menu table{width: fit-content;}
header .Container .menu td{text-align: center;font-size: 1.8rem;line-height: 1em;}
header .Container .menu td a{width: auto;margin: 0 .3em;}

header #wrapper{display: none;}
@media screen and (max-width:860px){
header{background-color: #fff;padding: 10px;height: 80px;}
header .Container{max-width: initial;width: 100%; display: block;margin: 0 auto;padding: 0;}
header .Container .logo{width: auto;height: 60px; float: left;}
header .Container .logo a{width: auto;height: 60px; display: block;}
header .Container .logo a img{width: auto;height: 100%; display: block;}
header .Container .menu{display: none;}
header #wrapper{display: block;}
}
@media screen and (max-width:420px){
header{background-color: #fff;padding: 10px;height: 70px;}
header .Container .logo{width: auto;height: 50px;display: block;}
header .Container .logo a{width: auto;height: 50px; display: block;}
}
@media screen and (max-width:320px){
header{background-color: #fff;padding: 10px;}
header .Container .logo{width: auto;height: 40px;display: block;}
header .Container .logo a{width: auto;height: 40px; display: block;}
}
@media (orientation: landscape) and (max-width: 1340px){
header{background-color: #fff;padding: 10px;height: 80px;}
header .Container{max-width: initial;width: 100%; display: block;margin: 0 auto;padding: 0;}
header .Container .logo{width: auto;height: 60px; float: left;}
header .Container .logo a{width: auto;height: 60px; display: block;}
header .Container .logo a img{width: auto;height: 100%; display: block;}
header .Container .menu{display: none;}
header #wrapper{display: block;}
}

section.mainimage{width: 100%;line-height: 0;}
section.mainimage .images img{width: 100%;}

section.about{width: 100%;background-color: #fff;padding: 0;}
section.about div{text-align: center;}
section.about div a{display: inline-block;margin: 3em 2%;line-height: 0;width: 25%;}
section.about div a img{width: 100%;}
@media screen and (max-width:860px){
section.about div{text-align: center;margin: 0;padding: 1em 0; width: 100%;}
section.about div a{display: block;margin: 0 auto;padding: 1em 0; width: 90%;}
}

section.info {width: 100%;line-height: 0;display: flex;align-items: center;}
section.info::after {  content: "";  display: block;  clear: both;}
section.info .banner{width: 100%; display: block;text-align: center;}
section.info .banner a{display: block;margin: 50px auto;}
section.info .banner a img{}

section.info .left {width: 37%;display: block;margin: auto 0 auto auto;padding-right: 3.5em; float: left;line-height: 2em;color: #fff;}
section.info .left h3 {font-size: 1.6rem;}
section.info .left .text {font-size: 1.1rem;line-height: 1.5em;}
section.info .right {width: 50%;display: block;float: right;padding: 0;}
section.info .right img {width: 100%;display: block;}
@media screen and (max-width:860px){
section.info {width: 100%;line-height: 0;display: block;align-items: stretch;}
section.info .banner a{width: 90%; display: block;margin: 50px auto;}
section.info .banner a img{width: 100%;}

section.info .left {width:90%;display: block;margin: auto;padding-right: inherit; float: none;line-height: 2em;color: #fff;}
section.info .left h3 {font-size: 1.2rem;line-height: 1.3em;}
section.info .left .text {font-size: .9rem;line-height: 1.5em;padding: 0 0 2em;}
section.info .right {width: 100%;display: block;float: none;padding: 0;}
}
@media (orientation: landscape) and (max-width: 1470px){
section.info {width: 100%;line-height: 0;display: block;align-items: stretch;}
section.info .left {width:90%;display: block;margin: auto;padding-right: inherit; float: none;line-height: 2em;color: #fff;}
section.info .left h3 {font-size: 1.2rem;line-height: 1.3em;}
section.info .left .text {font-size: .9rem;line-height: 1.5em;padding: 0 0 2em;}
section.info .right {width: 100%;display: block;float: none;padding: 0;}
}

/* map */
section.map {width: 100%;line-height: 0;background-color:#ececec;display: flex;align-items: center;}
section.map::after {  content: "";  display: block;  clear: both;}
section.map .gmap {width: 50%;margin: 0 auto 0 0;padding: 0;float: left;display: block;}
section.map .gmap iframe {  width: 100%;height: auto;  aspect-ratio: 16 / 9;  /* aspect-ratio auto calculating 16/9 ratio */}
section.map .adress {width: 40%;margin: auto;padding: 3em;line-height: 2em;display: block; float: left;}
section.map .adress h3 {font-size: 2rem;}
section.map .adress .text {font-size: 1.5rem;line-height: 2em;}
@media screen and (max-width:860px){
section.map {width: 100%;line-height: 0;background-color:#ececec;display: block;align-items: stretch;}
section.map .gmap {width: 100%;margin: 0;padding: 0;float: none;display: block;height: auto;}
section.map .gmap iframe {  width: 100%;height: 450px;  aspect-ratio: 16 / 9;  /* aspect-ratio auto calculating 16/9 ratio */}
section.map .adress {width: 90%;margin: auto;padding: 3em;line-height: 2em;display: block; float: none;}
section.map .adress h3 {font-size: 1.4rem;}
section.map .adress .text {font-size: .9rem;line-height: 2em;}
}
@media screen and (max-width:420px){
section.map .gmap iframe {  width: 100%;height: 300px;}
section.map .adress {width: 90%;margin: auto;padding: 3em 2em;}
section.map .adress span {display: block;}
}
@media screen and (max-width:380px){
section.map .gmap iframe {  width: 100%;height: 250px;}
}
@media screen and (max-width:320px){
section.map .adress {width: 90%;margin: auto;padding: 3em 1.5em;}
}
@media (orientation: landscape) and (max-width: 1290px){
section.map {width: 100%;line-height: 0;background-color:#ececec;display: block;align-items: stretch;}
section.map .gmap {width: 100%;margin: 0;padding: 0;float: none;display: block;height: auto;}
section.map .gmap iframe {  width: 100%;height: 450px;  aspect-ratio: 16 / 9;  /* aspect-ratio auto calculating 16/9 ratio */}
section.map .adress {width: 100%;margin: auto;padding: 3em;line-height: 2em;display: block; float: none;}
section.map .adress h3 {font-size: 1.4rem;}
section.map .adress .text {font-size: .9rem;line-height: 2em;}
}

#page_top{  width: 70px;  height: 70px;  position: fixed;  right: 0;  bottom:540px;  opacity: 1;z-index: 1;display: block;}
#page_top a{  position: relative;  display: block;  width: 70px;  height: 70px;  text-decoration: none;background-color: #000000;line-height: 0;}
#page_top a:hover{  position: relative;  display: block;  width: 70px;  height: 70px;  text-decoration: none;background-color: rgba(69,69,69,0.80);}
#page_top a::after{  content:url("../common/top.png");   position: absolute;  top: 0;  bottom: 0;  right: 0;  left: 0;  margin: auto;  text-align: center;}
@media screen and (max-width: 800px) {
#page_top{  width: 50px;  height: 50px;  position: fixed;  right: 0;  bottom:50px;  opacity: 1;z-index: 1;display: block;}
#page_top a{  position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;background-color: #000000;}
#page_top a:hover{  position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;background-color: rgba(69,69,69,0.80);}
#page_top a::after{  content:url("../common/top_sp.png");   position: absolute;  top:0px;  bottom: 0;  right: 0;  left: 0; margin: auto;  text-align: center;}
}
@media screen and (max-width: 414px) {
#page_top{  width: 50px;  height: 50px;  position: fixed;  right: 0;  bottom:50px;  opacity: 1;z-index: 1;display: block;}
}

footer{background-color: #fff;background-image:url("../common/footer_bg.webp");background-repeat: repeat-y;background-size: auto;padding: 30px 0 0;}
footer::after {  content: "";  display: block;  clear: both;}
footer .Container {max-width: 1400px;display: block; margin: auto;}
footer .contents {width: 100%;display: block; margin: 0;padding: 0;}
footer .contents::after {  content: "";  display: block;  clear: both;}
footer .menu{width: 300px;margin: auto auto auto 3em;display: block;float: left;}
footer .menu ul{width: 100%;margin-left: 0;padding-left: 0;padding-bottom: .5em;}
footer .menu ul li{margin-bottom: .5em;list-style: none;margin-left: 0;padding-left: 0;}
footer .menu ul li a{color: #fff;font-size: 1rem; font-weight: 300;}
footer .menu ul li a:hover{color: rgba(255,255,255,.60);text-decoration: underline;}
footer .logo{width: 380px;display: block;float: right;margin: auto 3em auto auto;}
footer .logo img{width: 100%;display: block;}
footer .copyright{width: 100%; color: #fff; font-weight: 300;margin: 1em auto;display: block;font-size: .9rem;}
@media screen and (max-width:1399px){
footer .Container {max-width: initial;width: 100%;}
}
@media screen and (max-width:860px){
footer .Container {max-width: inherit;width: 100%; display: block; margin: auto;padding-bottom: 1em;}
footer .contents {width: 100%;display: block; margin: 0 auto;padding: 0!important;}
footer .menu{display: none;}
footer .logo{width: 50%;display: block;float: inherit; margin: auto;}
footer .copyright{color: #fff; margin: 1em auto 0;display: block;font-size: .7rem;text-align: center;}
}
@media screen and (max-width:320px){
footer .copyright{color: #fff; margin: 1em auto 0;display: block;font-size: .5rem;text-align: center;}
}
@media (orientation: landscape) and (max-width: 900px){
footer .logo{max-width: initial;width: 100%; display: block;float: none;margin: 0 auto!important;}
footer .logo img{width: 30%;display: block;margin: auto;}
footer .Container {max-width: initial;width: 100%; display: block; margin: auto;padding: 0!important;}
footer .contents {width: 100%;display: block; margin: 0 auto;padding: 0!important;}
footer .menu{display: none;}
footer .copyright{color: #fff; margin: 1em auto 0;display: block;font-size: .7rem;text-align: center;}
}

/* consept */
.consept .contents .block{margin: 3em auto 5em;width: 90%;display: block;}
.consept .contents .block h3{font-weight: bold;font-size: 3rem;padding: .8em .5em;}
.consept .contents .block .textbox{margin: 1em auto;width: 100%;display: block;font-size:2rem;line-height: 1.8em;}

/* company */
.company .contents .block{margin: 60px auto 200px;width: 90%;display: block;}
.company .contents .block h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;border-bottom: 1px solid #000;margin-bottom: 1em;}
.company .contents .block .conseptbox{margin: 1em auto;width: 90%;display: block;font-size:1.7rem;line-height: 1.8em;}
.company .contents .block .textbox{margin: 1em auto;width: 90%;display: block;font-size:1.3rem;line-height: 1.8em;}
.company .contents .block .textbox h4{font-size:1.6rem;font-weight: bolder;margin: 2em 0 1em;padding-bottom: .5em; border-bottom: 1px dashed #ccc;}
.company .contents .block .textbox dl{margin: auto;padding: 0; width: 100%;display: block;}
.company .contents .block .textbox dt{margin: auto;padding: 1em; width: 20%;display: inline-block;white-space: nowrap;vertical-align: top;}
.company .contents .block .textbox dd{margin: auto;padding: 1em; width: 75%;display: inline-block;font-weight: normal;}
.company .contents .block .textbox dl.history{margin: auto;padding: 0; width: 100%;display: block;}
.company .contents .block .textbox dl.history dt{margin: auto;padding: 1em; width: 20%;display: inline-block;white-space: nowrap;vertical-align: top;border-top: 1px solid #ccc;}
.company .contents .block .textbox dl.history dd{margin: auto;padding: 1em; width: 75%;display: inline-block;font-weight: normal;border-top: 1px solid #ccc;border-left: 2px solid #000;}
.company .contents .block .textbox dl.history dt:first-of-type{margin: auto;padding: 1em; width: 20%;display: inline-block;white-space: nowrap;vertical-align: top;border-top: none;}
.company .contents .block .textbox dl.history dd:first-of-type{margin: auto;padding: 1em; width: 75%;display: inline-block;font-weight: normal;border-top: none;border-left: 2px solid #000;border-bottom:1px solid #ccc;}
.company .contents .block .textbox dl.history dt:last-of-type{margin: auto;padding: 1em; width: 20%;display: inline-block;white-space: nowrap;vertical-align: top;border-top: 1px solid #ccc;border-bottom:1px solid #ccc;}
.company .contents .block .textbox dl.history dd:last-of-type{margin: auto;padding: 1em; width: 75%;display: inline-block;font-weight: normal;border-top: 1px solid #ccc;border-left: 2px solid #000;border-bottom:1px solid #ccc;}
.company .contents .block .textbox ul{margin: auto;}
.company .contents .block .textbox li{margin-bottom: 1em;}
@media screen and (max-width:860px){
.company .contents .block{margin: 60px auto 120px;width: 90%;display: block;}
.company .contents .block .textbox{margin: 1em auto;width: 95%;display: block;font-size:1.3rem;line-height: 1.8em;}
.company .contents .block .textbox dt{margin: auto;padding: 1em; width: 100%;display: block;white-space: nowrap;background-color: #D9D9D9;}
.company .contents .block .textbox dd{margin: auto;padding: 1em; width: 100%;display: block;font-weight: normal;}
.company .contents .block .textbox dl.history dt{margin: auto;padding: 1em; width: 100%;display: block;white-space: nowrap;background-color: #D9D9D9;}
.company .contents .block .textbox dl.history dd{margin: auto;padding: 1em; width: 100%;display: block;font-weight: normal;border-left:none;border-bottom:none;}
.company .contents .block .textbox dl.history dt:first-of-type{margin: auto;padding: 1em; width: 100%;display: block;white-space: nowrap;background-color: #D9D9D9;}
.company .contents .block .textbox dl.history dd:first-of-type{margin: auto;padding: 1em; width: 100%;display: block;font-weight: normal;border-left:none;border-bottom:none;}
.company .contents .block .textbox dl.history dt:last-of-type{margin: auto;padding: 1em; width: 100%;display: block;white-space: nowrap;background-color: #D9D9D9;}
.company .contents .block .textbox dl.history dd:last-of-type{margin: auto;padding: 1em; width: 100%;display: block;font-weight: normal;border-left:none;border-bottom:none;}
}
@media screen and (max-width:414px){
.company .contents .block{margin: 40px auto 100px;width: 90%;display: block;}
.company .contents .block h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;border-bottom: 1px solid #000;margin-bottom: 1em;}
.company .contents .block .textbox{margin: 1em auto;width: 95%;display: block;font-size:1rem;line-height: 1.8em;}
.company .contents .block .textbox dt{margin: auto;padding: 1em; width: 100%;display: block;white-space: nowrap;background-color: #D9D9D9;}
.company .contents .block .textbox dd{margin: auto;padding: 1em; width: 100%;display: block;font-weight: normal;}
}

/* works */
.works .contents .block{margin: 30px auto 300px;width: 90%;display: block;font-size:1.3rem;}
.works .contents .block h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;border-bottom: 1px solid #000;margin-bottom: 1em;}
.works .contents .block h4{font-weight: bold;font-size: 1.5rem;padding: .8em .5em;border-bottom: 1px dashed #ccc;}
.works .contents .block h4 i{color: #DB0003;font-weight: bolder;}
.works .contents .block .textbox{width: 90%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.works .contents .block .textbox ul{padding: 0;width: 100%;}
.works .contents .block .textbox ul li{border-bottom: 1px dashed #ccc;padding: .5em;list-style-position: inside;}
.works .contents .block .textbox td.bluk_image{width: 25%;}
.works .contents .block .textbox td.bluk_image img{width:100%;}
.works .contents .block .textbox table{margin: 3em auto 5em;width: 100%;}
.works .contents .block .textbox th{padding: 1em;font-size:1.3rem;}
.works .contents .block .textbox td{padding: 1em;font-size:1.3rem;font-weight: normal;}
@media screen and (max-width:860px){
.works .contents .block .textbox td{display: block;}
.works .contents .block .textbox td img{width: 90%;display: block;}
}

/* about */
.about .contents .block{margin: 30px auto 300px;width: 90%;display: block;font-size:1.3rem;}
.about .contents .block table{margin: 3em auto 5em;width: 90%;}
.about .contents .block th{padding: 1em;font-size:1.3rem;}
.about .contents .block td{padding: 1em;font-size:1.3rem;font-weight: normal;}
.about .contents .block h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;border-bottom: 1px solid #000;margin-bottom: 1em;}
.about .contents .block h4{font-weight: bold;font-size: 1.5rem;padding: .8em .5em;}
.about .contents .block .textbox{width: 90%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.about .contents .block .textbox p.info{display: none;}
.about .contents .block .textbox ul{width: 90%;margin: 2em auto;display: block;font-size:1.3rem;line-height: 2em;}/**/
.about .contents .block .textbox li{display: inline-block;font-size:1.8rem;padding: .5em;}
.about .contents .block .textbox li i{color: #DB0003;}
.about .contents .block .slide table{margin: 1em auto;width: 90%;}
.about .contents .block .slide .ans{margin: auto;width: 90%;text-align: center;font-size: 2rem;}
.about .contents .block .slide .ans .disc{margin:.5em auto;padding: .5em 1em; width: fit-content;text-align: left;font-size: 1rem;line-height: 1.3em;font-weight: normal;border: 1px dashed #D9D9D9;}
.about .contents .block .slide th{padding: 1em;text-align: center;background-color: #001d55;color: #fff;}
.about .contents .block .slide td{padding: 1em;text-align: center;border-bottom: 1px solid #000;background-color: #F5F5F5;}
.about .contents .block .slide td.lpgus{padding: 1em;text-align: center;border-bottom: 1px solid #000;background-color: #FFE6EF;}
.about .contents .block .slide td.title{padding: 1em;text-align: left;}
.about .contents .block .saigai{width: 90%;margin: 1em auto;padding: 0 1em; display: block;font-size:1.3rem;line-height: 1.8em;border: 1px solid #000;border-radius: 10px;}
.about .contents .block .arrow{width: 90%;margin: 0 auto;padding: 0; display: block;font-size:3rem;color: #0394d5; line-height: 1.8em;text-align: center;}
.about .contents .block .saigai .text{width: 90%;margin: 0 auto 1em;display: block;font-size:1.3rem;line-height: 1.8em;}
.about .contents .block .saigai h4{font-weight: bold;font-size: 2rem;margin: .5em 0; padding: .5em;background-color: #D9D9D9;}
.about .contents .block .saigai .text span{font-weight: bolder;font-size: 1.6rem;color: #DB0003;}
.about .contents .block .saigai .text ul{width: 100%;margin: auto;padding: 0;}
.about .contents .block .saigai .text li{width: 100%;margin: auto;padding: 0 0 1em;font-size:1.3rem;list-style: none;}
.about .contents .block .saigai .text i{font-size:1.5rem;}
.about .contents .block .saigai .text li i{font-size:1.8rem;color: #000;}
.about .contents .block .d_image{width: 90%;margin: 1em auto;padding: 0; display: block;text-align: center;}
.about .contents .block .d_image img{max-width: 800px;width: 100%;display: block;margin: 3em auto;}
.about .contents .block .example{width: 90%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.about .contents .block .example h4{font-weight: bold;font-size: 1.5rem;padding: .8em .5em;border-bottom: 1px dashed #000;}
.about .contents .block .example table{width: 90%;margin: 1em auto;font-size:1.3rem;}
.about .contents .block .example td{width: 50%;text-align: left;padding: 1em;}
.about .contents .block .example td span{font-weight: bolder;color: #DB0003;}
.about .contents .block .example td img{width: 100%;text-align: left;}
.about .contents .block .example td table{width: 100%;text-align: center;}
.about .contents .block .example td th{width: 50%;padding: .5em; text-align: center;background-color: #D9D9D9;border: 1px solid #000;}
.about .contents .block .example td td{width: 50%;padding: .5em;text-align: center;border: 1px solid #000;}
.about .contents .block .example td td.all{width: 50%;text-align: center;border: 1px solid #000;background-color: #C7C7C7;}
.about .contents .block .btnbox{width: 100%;margin: auto;padding: 6em 0;text-align: center;}
.about .contents .block .btnbox a{padding: 1em 1.5em;margin: auto;display: block;border-radius: 10px; background-color: #0394d5;color: #fff;width: fit-content;}
.about .contents .block .btnbox a:hover{padding: 1em 1.5em;margin: auto;display: block;border-radius: 10px; background-color: rgba(3,148,213,.60);color: #fff;width: fit-content;}
@media screen and (max-width:860px){
.about .contents .block h3{line-height: 1.3em;}
.about .contents .block table{margin: 3em auto 5em;width: 100%;}
.about .contents .block .d_image img{max-width: 800px;width: 100%;}
.about .contents .block .textbox{width: 100%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.about .contents .block .textbox p.info{display: block;font-size: 1rem;}
.about .contents .block .slide{margin: 0 auto 1em;width: 100%;overflow-x: auto;}
.about .contents .block .slide table{margin: 0 auto 1em;width: 100%;}
.about .contents .block .slide th{white-space: nowrap;}
.about .contents .block .slide td{white-space: nowrap;}
.about .contents .block .slide .ans{margin: auto;width: 90%;text-align: center;font-size: 2rem;}
.about .contents .block .saigai{width: 100%;margin: 1em auto;padding: 0 1em; display: block;font-size:1.3rem;line-height: 1.8em;border: 1px solid #000;border-radius: 10px;}
.about .contents .block .saigai .text{width: 100%;margin: 0 auto 1em;display: block;font-size:1.3rem;line-height: 1.8em;}
.about .contents .block .arrow{width: 100%;margin: 0 auto;padding: 0; display: block;font-size:3rem;color: #0394d5; line-height: 1.8em;text-align: center;}
.about .contents .block .d_image{width: 100%;margin: 1em auto;padding: 0; display: block;text-align: center;}
.about .contents .block .example{width: 100%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.about .contents .block .example table{width: 100%;margin: 1em auto;font-size:1.3rem;}
.about .contents .block .example td{width: 100%;display: block;}
.about .contents .block .example td th{display: table-cell;}
.about .contents .block .example td td{display: table-cell;}
}
@media screen and (max-width:414px){
.about .contents .block{font-weight: bold;font-size: 1.3rem;}
.about .contents .block h3{font-weight: bold;font-size: 1.5rem;}
.about .contents .block h4{font-weight: bold;font-size: 1.3rem;}
.about .contents .block .slide .ans{font-size: 1.5rem;}
.about .contents .block .gusdisc td{display: block;}
.about .contents .block .textbox ul{width: 100%;margin: 2em auto;display: block;font-size:1rem;line-height: 2em;padding: 0;}
.about .contents .block .textbox li{display: inline-block;font-size:1.3rem;padding: .5em;}
.about .contents .block .saigai h4{font-size: 1.3rem;}
.about .contents .block .example h4{font-size: 1.3rem;}
}
@media screen and (max-width:375px){
.about .contents .block{font-weight: bold;font-size: 1.1rem;}
.about .contents .block th{padding: .5em;font-size:1.1rem;}
.about .contents .block td{padding: .5em;font-size:1.1rem;font-weight: normal;}
.about .contents .block .btnbox{width: 100%;margin: auto;padding: 4em 0;text-align: center;font-size: .9rem;}
.about .contents .block .textbox{font-size:1.1rem;}
.about .contents .block .saigai{font-size:1.1rem;}
.about .contents .block .saigai .text{font-size:1.1rem;}
.about .contents .block .saigai .text span{font-weight: bolder;font-size: 1.3rem;color: #DB0003;}
.about .contents .block .saigai .text li{font-size:1.1rem;}
.about .contents .block .example{font-size:1.1rem;}
.about .contents .block .example table{font-size:1.1rem;}
.about .contents .block .textbox li{font-size:1.1rem;}
}

/* system */
.system .contents .block{margin: 30px auto 300px;width: 90%;display: block;font-size:1.3rem;}
.system .contents .block h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;border-bottom: 1px solid #000;margin-bottom: 1em;}
.system .contents .block h4{font-weight: bold;font-size: 1.5rem;padding: .8em .5em;border-bottom: 1px dashed #ccc;}
.system .contents .block h4 i{color: #DB0003;;font-weight: bolder;}
.system .contents .block .textbox{width: 90%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.system .contents .block .textbox p.info{display: none;}
.system .contents .block .textbox td.bluk_image{width: 25%;}
.system .contents .block .textbox td.bluk_image img{width:100%;}
.system .contents .block .textbox table{margin: 3em auto 5em;width: 100%;}
.system .contents .block .textbox th{padding: 1em;font-size:1.3rem;}
.system .contents .block .textbox td{padding: 1em;font-size:1.3rem;font-weight: normal;}
.system .contents .block .textbox span{color: #DB0003;font-weight: bolder;}
.system .contents .block .textbox dt{font-size: 1.7rem; font-weight: bolder;}
.system .contents .block .textbox dd{font-weight: normal;line-height: 1.4em;}
.system .contents .block .slide table{margin: 1em auto;width: 90%;}
.system .contents .block .ans{margin: auto;width: 90%;text-align: center;font-size: 2rem;}
.system .contents .block .ans .disc{margin:.5em auto;padding: .5em 1em; width: fit-content;text-align: left;font-size: 1rem;line-height: 1.3em;font-weight: normal;border: 1px dashed #D9D9D9;}
.system .contents .block .slide th{padding: 1em;text-align: center;background-color: #001d55;color: #fff;}
.system .contents .block .slide td{padding: 1em;text-align: center;border-bottom: 1px solid #000;background-color: #F5F5F5;}
.system .contents .block .slide td.lpgus{padding: 1em;text-align: center;border-bottom: 1px solid #000;background-color: #FFE6EF;}
.system .contents .block .slide td.title{padding: 1em;text-align: left;}
.system .contents .block .saigai{width: 90%;margin: 1em auto;padding: 0 1em; display: block;font-size:1.3rem;line-height: 1.8em;border: 1px solid #000;border-radius: 10px;}
.system .contents .block .arrow{width: 90%;margin: 0 auto;padding: 0; display: block;font-size:3rem;color: #0394d5; line-height: 1.8em;text-align: center;}
.system .contents .block .saigai .text{width: 90%;margin: 0 auto 1em;display: block;font-size:1.3rem;line-height: 1.8em;}
.system .contents .block .saigai h4{font-weight: bold;font-size: 2rem;margin: .5em 0; padding: .5em;background-color: #D9D9D9;}
.system .contents .block .saigai .text span{font-weight: bolder;font-size: 1.6rem;color: #DB0003;}
.system .contents .block .saigai .text ul{width: 100%;margin: auto;padding: 0;}
.system .contents .block .saigai .text li{width: 100%;margin: auto;padding: 0 0 1em;font-size:1.3rem;list-style: none;}
.system .contents .block .saigai .text i{font-size:1.5rem;}
.system .contents .block .saigai .text li i{font-size:1.8rem;color: #000;}
.system .contents .block .saigai .summary{font-weight: bolder;text-align: center;font-size: 2.1rem;padding: 1em;line-height: 1.3em;color: rgba(0,85,217,1.00);}
.system .contents .block .d_image{width: 90%;margin: 1em auto;padding: 0; display: block;text-align: center;}
.system .contents .block .d_image img{max-width: 800px;width: 100%;display: block;margin: 3em auto;}
.system .contents .block .textbox .image{margin: 1em auto;max-width: 860px; width: 100%;}
.system .contents .block .textbox .image img{width: 100%;}
.system .contents .block .textbox .donyuimage{margin: 1em auto 0;max-width: 1470px; width: 100%;}
.system .contents .block .textbox .donyuimage img{width: 100%;}
.system .contents .block .textbox .donyuimage strong{color: #DB0003;font-weight: bolder;font-size: 1.4rem;}
.system .contents .block .bulk table{margin: 0 auto 5em;width: 100%;}
.system .contents .block .bulk h4{font-weight: bold;font-size: 1.5rem;padding: .8em .5em;margin:auto auto 0;border-bottom: none;}
.system .contents .block .bulk td{padding: 1em;font-size:1.3rem;font-weight: normal;}
.system .contents .block .bulk td img{width: 100%;}
.system .contents .block .bulk td span{color: #DB0003;font-weight: bolder;}
/*.system .contents .block .textbox .disc{margin: 1em auto;font-size: 1rem;font-weight: normal;line-height: 1.3em;}
.system .contents .block .textbox .disc h5{font-size: 1.2rem;font-weight: bold;margin: 0;}*/
.system .contents .block .cost{width: 90%;margin: 1em auto;padding: 1em; display: block;font-size:1.3rem;line-height: 1.8em;border: 5px solid #DB0003;border-radius: 20px;}
.system .contents .block .cost h5{margin: 0 auto;font-size: 1.5rem;font-weight: bolder;border-bottom: 1px dashed #ccc;}
.system .contents .block .cost h5 i{color: #DB0003;;font-weight: bolder;}
.system .contents .block .cost .disc{margin: .5em auto 0;}
.system .contents .block .cost table{margin: 0 auto;}
.system .contents .block .cost .left{vertical-align: top;width: 30%;padding: 1em;}
.system .contents .block .cost .left img{width: 100%;}
.system .contents .block .cost .left .text{width: 100%;font-size: 1.1rem;line-height: 1.5em; padding: .5em;border: 1px solid #000;}
.system .contents .block .cost .right{vertical-align: top;width: 70%;padding: 1em;}
.system .contents .block .cost .right img{width: 100%;}
.system .contents .block .point{width: 90%;margin: 1em auto;padding: 1em; display: block;font-size:1.7rem;font-weight: bold;line-height: 1.5em;border: 5px solid #DB0003;background-color: rgba(255,251,240,1.00);}
.system .contents .block .bcpbox{width: 90%;margin: 1em auto;padding: 1em; display: block;font-size:1.3rem;line-height: 1.8em;border: 5px solid #ea5514;border-radius: 20px;}
.system .contents .block .bcpbox h5{margin: 0 auto;font-size: 1.8rem;font-weight: bolder;color:#ea5514; }
.system .contents .block .bcpbox h5 span{padding: .1em 1em;background-color: #fff100;color: #ea5514;border: 2px solid #ea5514;}
.system .contents .block .bcpbox img.right{float: right;margin-left: 1em;display: block;}
.system .contents .block .bcpbox .text{font-size: 1.1rem;line-height: 1.5em; padding: .5em;margin: 0 auto;display: block;width: 100%;}
.system .contents .block .bcpbox .text p{font-size: 1.5rem;line-height: 1.5em; padding: .5em 0;margin: 0 auto;font-weight: bolder;}
.system .contents .block .bcpbox .icon{margin: auto;padding: 0;}
.system .contents .block .bcpbox .icon img{ max-height: 135px;height: 100%; width: auto;}
.system .contents .block .bcpbox .text span{color: #DB0003;font-weight: bolder;}
.system .contents .block .bcpinfo{width: 90%;margin: auto;padding: 0; display: block;}
.system .contents .block .bcpinfo img{width: 100%;margin: auto;display: block;}
.system .contents .block .bcpimage{width: 90%;margin: auto auto 5em;padding: 0; display: block;}
.system .contents .block .bcpimage img{width: 100%;margin: auto;display: block;}
@media screen and (max-width:860px){
/*.system .contents .block .textbox th{display: block;}
.system .contents .block .textbox td{display: block;}
.system .contents .block .textbox td img{display: block;margin: auto;width: 100%;}
.system .contents .block .textbox td.bluk_image{width: 100%;display: block;}*/
.system .contents .block .cost .left{display: block; width: 100%;padding: 1em;}
.system .contents .block .cost .right{display: block; width: 100%;padding: 1em;}
.system .contents .block .bcpbox h5{line-height: 1.8em;}
.system .contents .block .bcpbox img.right{float: none;margin-left: auto;margin-right: auto; display: block;}
.system .contents .block .bcpbox .icon img{ max-height: inherit;height: 100px; display: block;margin: 1em auto; width: auto;}
.system .contents .block .textbox p.info{display: block;font-size: 1rem;}
.system .contents .block .slide{margin: 0 auto 1em;width: 100%;overflow-x: auto;}
.system .contents .block .slide table{margin: 0 auto 1em;width: 100%;}
.system .contents .block .slide th{white-space: nowrap;}
.system .contents .block .slide td{white-space: nowrap;}
.system .contents .block .ans{margin: auto;width: 100%;text-align: center;font-size: 2rem;}
.system .contents .block .saigai{width: 100%;margin: 1em auto;padding: 0 1em; display: block;font-size:1.3rem;line-height: 1.8em;border: 1px solid #000;border-radius: 10px;}
.system .contents .block .saigai .text{width: 100%;margin: 0 auto 1em;display: block;font-size:1.3rem;line-height: 1.8em;}
.system .contents .block .saigai .summary{padding: 1em .5em;}
.system .contents .block .arrow{width: 100%;margin: 0 auto;padding: 0; display: block;font-size:3rem;color: #0394d5; line-height: 1.8em;text-align: center;}
.system .contents .block .d_image{width: 100%;margin: 1em auto;padding: 0; display: block;text-align: center;}
.system .contents .block .bulk td, .system .contents .block .supply td{display: block;}
.system .contents .block .bulk td img{display: block; width: 100%;}
.system .contents .block .supply td img{display: block;margin: auto;}
}
@media screen and (max-width:620px){
.system .contents .block .textbox{width: 100%;margin: 1em auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.system .contents .block h3{line-height: 1.3em}
}
@media screen and (max-width:414px){
.system .contents .block{margin: 30px auto 150px;width: 100%;font-size: 1rem;}
.system .contents .block h3{font-size: 1.5rem;}
.system .contents .block h4{font-size: 1.3rem;}
.system .contents .block .bulk h4{font-size: 1.3rem;}
.system .contents .block .textbox{width: 100%;font-size: 1rem;}
.system .contents .block .textbox th{padding: .5em;font-size: 1rem;}
.system .contents .block .textbox td{padding: .5em;font-size: 1rem;}
.system .contents .block .textbox dt{padding: .5em;font-size: 1.3rem;}
.system .contents .block .textbox dd{padding: .5em;font-size: 1.1rem;}
.system .contents .block .bulk td{padding: .5em;}
.system .contents .block .cost{width: 100%;font-size: 1rem;}
.system .contents .block .cost td{padding: 0!important;}
.system .contents .block .point{width: 100%;}
.system .contents .block .bcpbox{width: 100%;font-size: 1rem;}
.system .contents .block .bcpbox h5{margin: 0 auto;font-size: 1.3rem;line-height: 1.5em;}
.system .contents .block .bcpbox .icon{margin: auto;padding: 0;width: 100%;}
.system .contents .block .bcpbox .icon img{ max-height: inherit;height: auto;width: 100%; display: block;margin: 1em auto;}
.system .contents .block .bcpinfo{width: 100%;font-size: 1rem;}
.system .contents .block .bcpimage{width: 100%;}
.system .contents .block .ans{font-size: 1.5rem;}
.system .contents .block .saigai h4{font-size: 1.3rem;}
.system .contents .block .saigai .summary{font-size: 1.8rem;padding: 1em .3em;}
}
@media screen and (max-width:375px){
.system .contents .block .saigai{font-size:1.1rem;}
.system .contents .block .saigai .text{font-size:1.1rem;}
.system .contents .block .saigai .text span{font-weight: bolder;font-size: 1.3rem;color: #DB0003;}
.system .contents .block .saigai .text li{font-size:1.1rem;}
.system .contents .block .saigai .summary{font-size: 1.6rem;padding: 1em .3em;}
}

/* price */
.price .contents .block{margin: 3em auto 5em;width: 90%;display: block;}
.price .contents .block .month{margin: auto;width: 45%;text-align: center;}
.price .contents .block .month h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;margin-bottom: 1em;}
.price .contents .block table{margin: auto;width: 45%;}
.price .contents .block tr{border-bottom: 1px solid #000;}
.price .contents .block th{padding: 1em;font-size: 1.3rem;text-align: left;}
.price .contents .block td{padding: 1em;font-size: 1.3rem;}
.price .contents .block td{padding: 1em;font-size: 1.3rem;text-align: right;}
.price .contents .block .bikou{margin: 1em auto 0;width: 45%;padding: 1em;font-size: 1rem;text-align: right;font-weight: normal;}
.price .contents .block .formbox{margin: auto;width: 100%;}
.price .contents .block .formbox tr{border-bottom: none;}
.price .contents .block .formbox td{text-align: left;}
.price .contents .block .formbox td input{padding: .7em 1em;}
.price .contents .block .formbox .btnbox{width: 100%;margin: 3em auto;text-align: center;}
.price .contents .block .formbox .btnbox input.send{padding: .5em 1em;border: 1px solid #000;font-size: 1.1rem;letter-spacing:1em;text-indent: 1em;}
.price .contents .block .formbox .btnbox input.send:hover{padding: .5em 1em;border: 1px solid #000;background-color: #D9D9D9;cursor: pointer;font-size: 1.1rem;letter-spacing:1em;text-indent: 1em;}
.price .contents .block .end{margin: auto;width: 45%;text-align: center;padding: 3em 0 6em;font-size: 2rem;}
.price .contents .block .link{margin: auto;width: 70%;}
.price .contents .block .link a{color: #000;}
.price .contents .block .link a:hover{color: rgba(0,0,0,.60);}
.price .contents .block .link table{margin: auto;width: 100%;}
.price .contents .block .link tr{border-bottom: none;}
@media screen and (max-width:860px){
.price .contents .block .month{margin: auto;width:70%;}
.price .contents .block table{margin: auto;width: 70%;}
.price .contents .block .bikou{margin: 60px auto 0;width: 70%;}
.price .contents .block .formbox table{margin: auto;width: 90%;}
}
@media screen and (max-width:600px){
.price .contents .block .month{margin: auto;width:90%;}
.price .contents .block table{margin: auto;width: 90%;}
.price .contents .block .bikou{margin: 40px auto 0;width: 90%;}
.price .contents .block .formbox th{padding: .7em 1em;display: block; width: 100%;background-color: #D9D9D9;}
.price .contents .block .formbox td{display: block; width: 100%;}
}
@media screen and (max-width:414px){
.price .contents .block{margin: 0 auto 3em;width: 90%;display: block;}
.price .contents .block .month{margin: auto;width:100%;}
.price .contents .block .month h3{font-weight: bold;font-size: 1.5rem;padding: .8em .5em;margin-bottom: 1em;}
.price .contents .block table{margin: auto;width: 100%;}
.price .contents .block tr{border-bottom: none;}
.price .contents .block th{padding: .7em 1em;font-size: 1.1rem;display: block;white-space: nowrap;background-color: #D9D9D9;}
.price .contents .block td{padding: .7em 1em;font-size: 1.1rem;display: block;white-space: nowrap;}
.price .contents .block .bikou{margin: 30px auto 0;width: 100%;}
}

/* move */
.move .contents .block{margin: 30px auto 300px;width: 90%;display: block;font-size:1.3rem;}
.move .contents .block hr{margin: 100px auto;width: 100%;display: block;}
.move .contents .block h3{font-weight: bold;font-size: 2rem;padding: .8em .5em;border-bottom: 1px solid #000;margin-bottom: 1em;}
.move .contents .block h4{width: 90%;margin: 60px auto auto;color: #0045D5;font-weight: bolder;font-size: 1.5rem;padding: .8em .5em;border-bottom: 1px dashed #ccc;}
.move .contents .block .textbox{width: 90%;margin: 30px auto;display: block;font-size:1.3rem;line-height: 1.8em;}
.move .contents .block .feebox{width: 90%;margin: 30px auto;display: block;font-size:1.3rem;line-height: 1.8em;font-weight: normal;}
.move .contents .block .feebox strong{color: rgba(193,0,3,1.00);}
.move .contents .block .feebox span{border-bottom:1px solid rgba(193,0,3,1.00);}
.move .contents .block .textbox .listbox{width: 100%;font-weight: normal;font-size: 1.3rem;padding: .8em .5em;margin-bottom: 30px;}
.move .contents .block .textbox .attn{width: 100%;margin: 30px auto;display: block;font-size:1.3rem;font-weight: bold;}
.move .contents .block .feebox .attn{width: 100%;margin: 30px auto;display: block;font-size:1.3rem;font-weight: bold;}
@media screen and (max-width:414px){
.move .contents .block{margin: 30px auto 60px;}
.move .contents .block h4{width: 100%;margin: 40px auto auto;}
.move .contents .block .textbox{width: 100%;margin: 20px auto;}
.move .contents .block .feebox{width: 100%;margin: 20px auto ;}
.move .contents .block .textbox .listbox{width: 100%;font-weight: normal;font-size: 1.3rem;padding: .8em 0;margin-bottom: 20px;}
}


/* contact */
.contact .contents .block{margin: 3em auto 5em;width: 90%;display: block;}
.contact .contents .block .textbox{margin: 1em auto;width: 100%;display: block;font-size:1.5rem;line-height: 1.8em;text-align: center;}
.contact .contents .block .telbox{margin: 1em auto;width: 100%;display: block;font-size:2.5rem;line-height: 1.8em;text-align: center;color: #0394d5;}
.contact .contents .block .mailbox{margin: 1em auto;width: 100%;display: block;font-size:1.5rem;line-height: 1.8em;text-align: center;}
.contact .contents .block .mailbox a{color: #0394d5;width: 100%;}
.contact .contents .block .mailbox a:hover{color: rgba(3,148,213,.60);width: 100%;text-decoration: underline;}