@import url(//use.fontawesome.com/releases/v5.6.1/css/all.css);

@media screen and ( max-width:640px )
{
body{
	min-width:auto;
	background-color:#fff;
	line-height: 1.8;
	font-size:16px;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	color:#404040;
}
/* rayer */
.ray1{z-index: 1;}
.ray2{z-index: 2;}
.ray3{z-index: 99;}
/* common */
.container{
	width:auto;
	margin:0 auto;
}
.container_inner{
	width:auto;
	margin:0 auto;
    padding:0 20px;
}

h1{ 
    width:100%;
    height:auto; 
    margin:0 auto;
    text-align:center;
}
h1 img{
    width:100%;
}
h1.subH11{
    width:auto;
    height:auto; 
    margin:0 auto 0 0;
    padding:10px 20px;
    background-color:#023f7c;
}
h1.subH11 img{
    width:100%;
}
h2{
	margin-bottom:30px;
	text-align: center;
	line-height: 1.3;
	font-size:7vw;
	font-weight: bold;
}
h3{
	margin-bottom:40px;
	text-align: left;
	line-height: 1.3;
	font-size:6vw;
	font-weight: bold;
}
h4{
	margin-bottom:40px;
	text-align: left;
	line-height: 1.3;
	font-size:5vw;
	font-weight: bold;
}
p{
	padding-bottom:40px;
}
img{
	max-width:100%;
	height:auto;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
a{
    /*color:#ff7f00;*/
    color:#0066c0;
    font-weight: bold;
}
a:link{
	text-decoration: underline;
    /*color:#404040;*/
}
a:hover{
	text-decoration: underline;
    color:#bc7841;
}
a:active{
	text-decoration: underline;
    /*color:#bc7841;*/
}
a[href^="tel:"]{
	pointer-events: auto;
}
ul{
}
ul li{
	list-style: disc;
}
ol{
}
ol li{
	list-style:decimal;
}
.Att1 li{
	margin-bottom:0.5em;
	padding-left:1em;
	position:relative;
    font-size:14px;
}
.Att1 li::before{
	display:inline-block;
	width:1em;
	content:"※";
	color:#F00;
	position:absolute;
	left:0;
	top:0;
    font-size:14px;
}
.Att1 li{
	list-style-type:none;
	font-size:100%;
	margin:0;
    font-size:14px;
}
.txtRed{
    color:#d40000;
}
.txtBlue{
    color:#024287;
}
.txtBlack{
    color:#404040;
}
.txtYel{
    color:#ffcc00;
}
.txt1{
    /*font-size:120%;*/
}
.txt2{
    font-size:80%;
}
.txt3{
    font-size:70%;
    font-weight: normal;
}
.ls005{
	letter-spacing:-0.05em;
}
.bold{
	font-weight: bold;
}
.bd1{
    padding-bottom:5px;
    border-bottom:1px dotted #024287;
}
.bd2{
    padding-bottom:5px;
    border-bottom:1px dotted #d40000;
}
.img1{
    width:90%;
    margin:0 auto 20px auto;
    text-align: center;
}
.img1 img{
    border-radius: 5px;
}
.bgCl1{
    background:#f5f5f5;
}
.shadow{
    -webkit-box-shadow:0px 0px 10px #a8a8a8;
    -moz-box-shadow:0px 0px 10px #a8a8a8;
    box-shadow:0px 0px 10px #a8a8a8;
}
.topPd1{
    padding-top:40px;
}
/* HeadMenu */
#HeadMenu{
    z-index: 10;
    position: fixed;
    top:0;
    left:0;
    width:100%;
}
.HeadBox{
    width: 100%;
}
.HeadBox2{
	display: flex;
	justify-content: space-bitween;
	background:linear-gradient(135deg, #e4df9d 0%, #e4df9d 50%, #eeebbd 50%, #eeebbd 52.5%, #e7e3a7 52.5%, #e7e3a7 55%, #eeebbd 55%, #eeebbd 100%); 
	border-bottom: 3px solid #fff;
}
#LogoArea{
    position: relative;
}
.HeadBox .Logo{
    margin-left: 2.08%;	/*40px÷1920*/
    padding: 10px 0;
    width: 70%;
}
.HeadBox .Logo .LogoText{
    font-size: 2.2vw;
    font-weight: bold;
    position: absolute;
    top: 8.6vw;
    left: 2.08%;

}
.HeadBox .headTel{
    display: none;
}
/* Navi */
nav{
    display: none;
}
.sp .headTel2{
	display: none;
/*
	float: right;
	display: flex;
	justify-content: center;
	align-items:center;
	width: 50%;
	height: 8vw;
	margin-right: 2vw;
*/
}
/* チェックボックスを非表示にする */
.drawer_hidden2 {
  display: none;
}
.drawer_open2 {
  float: right;
  display: flex;
  width: 60px;
  height: 13.28vw;
  justify-content: center;
  align-items:center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}
/* ハンバーガーメニューのアイコン */
.drawer_open2 span,
.drawer_open2 span:before,
.drawer_open2 span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #000;
  transition: 0.5s;
  position: absolute;
}
/* 三本線の一番上の棒の位置調整 */
.drawer_open2 span:before {
  bottom: 8px;
}
/* 三本線の一番下の棒の位置調整 */
.drawer_open2 span:after {
  top: 8px;
}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open2 span {
  background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open2 span::before {
  bottom: 0;
  transform: rotate(45deg);
  background: #404040;
}
#drawer_input:checked ~ .drawer_open2 span::after {
  top: 0;
  transform: rotate(-45deg);
  background: #404040;
}
.nav_content2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  padding:30px 20px 0px 20px;
  background: #eefaff;
  transition: .5s;
  overflow-y: auto;
}
ul.nav_list li {
  list-style: none;
}
ul.nav_list li a{
    text-decoration: none;
    font-size:4vw;
}
.nav1{
    margin:10px auto 5px auto;
    padding:0px 10px;
    border-radius: 3px;
    background-color:#fff;
    color:#404040;
    font-weight: bold;
}
.nav1 a{
    color:#024287;
}
.nav2{
    padding:0px 10px 0 10px;
    line-height: 1.5;
    color:#404040;
}
.nav3{
    padding:20px 10px 0 10px;
    line-height: 1.5;
    color:#404040;
}
/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content2 {
  left: 0;/* メニューを画面に入れる */
}
#drawer_input:checked ~ body {
  overflow: hidden;
}
/* header */
header{
    width:100%;
}
header .headerItem{
    width:100%;
}
#HeadImage {
	width: 100%;
	margin-top: 5px;
	position: relative;
}
#HeadImage img{
	width: 100% !important;
}
#HeadImageBnr{
	position: absolute;
	top: 70%;
	display: flex;
    justify-content: space-around;
}
#HeadImageBnr li{
	list-style-type:none;
	width: 22.19%;
	position: relative;
	font-size: 2.0vw;
	line-height: 2.0vw;
}
#HeadImageBnr li img{
	width: 100%;
	height: 100%;
}
#HeadImageBnr li span{
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.HeadImageText1{
	display: block;
	width: 100%;
	font-size: 2.3vw;
	font-weight: bold;
	text-align: center;
	color: #808080;
}
.shuchoText1{
	margin: 1em auto 0;
	width: 73%;
	font-size: 2.3vw;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	color: #404040;
}
.headPd{
    padding-top:0vw !important;
}
/* footer */
footer{
    margin-top:40px;
    padding-top:0px;
    padding-bottom:70px;
}
footer .container{
    padding:0 20px;
}
.footBox1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.footBox2{
    width:auto;
    width:100%;
    padding: 1em 0;
}
.footBox3{
    width:auto;
    width:100%;
    padding: 1em 0;
}
.footBox4{
    width:auto;
}
.footCompany{
    padding:0 0 15px 0;
    border-bottom:1px dotted #404040;
}
.snsLogo {
    margin-top:10px;
}
.snsComment {
	font-size: 20px;
	color: #04B404;
}
.footLogo{
    margin-top:3px;
}
.footCompname{
    margin:5px 0 10px 0;
    color:#024287;
    font-size:22.4px;
    font-weight: bold;
}
.footCompbox1{
    display: table;
    margin-top:5px;
}
.footComp1{
    display: table-cell;
    width:6.5em;
    white-space: nowrap;
    font-size:14px;
}
.footComp2{
    display: table-cell;
    width:6em;
    white-space: nowrap;
    font-size:14px;
}
.footComp3{
    display: table-cell;
    line-height: 1.4;
    font-size:14px;
}
.footTel{
    padding:10px 0 13px 0;
    border-bottom:1px dotted #404040;
}
.footTelbox1{
    display: table;
}
.footTel1{
    display: table-cell;
    width:10.5em;
    white-space: nowrap;
    font-size:115%;
}
.footTel2{
    display: table-cell;
    white-space: nowrap;
    font-size:115%;
}
.footTime1{
    display: table-cell;
    width:10.5em;
    white-space: nowrap;
}
.footTime2{
    display: table-cell;
    white-space: nowrap;
    line-height: 1.2;
}
.footTime3{
    font-size:14px;
}
.sitemap{
    line-height: 1.5;
    /*font-size:15px;*/
    font-size:1.05em;
}
.siteBox1{
    margin-bottom:0.4em;
}
.site1{
    display: block;
    /*padding:0px 10px;*/
    background-color:#fff;
    border-radius: 3px;
    color:#024287;
    font-weight: bold;
}
.site1 a:link{
    text-decoration: none;
    color:#024287;
}
.site1 a:hover{
    text-decoration: none;
    color:#d40000;
}
.site1 a:active{
    text-decoration: none;
    color:#d40000;
}
.site2{
    display: block;
    /*padding:5px 10px;*/
    padding:5px 0;
    /*line-height: 1.45;*/
    line-height: 1.6;
    /*font-size:15px;*/
    font-size:1.05em;
}
.site2 a:link{
    text-decoration: none;
    color:#404040;
}
.site2 a:hover{
    text-decoration: none;
    color:#d40000;
}
.site2 a:active{
    text-decoration: none;
    color:#d40000;
}
.site3{
    display: block;
    margin-top:0.3em;
    line-height: 1.2;
}
.map{
    width: 75%;
    margin: 0 auto;
}
.map1{
    display: block;
    padding:4px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color:#ffcc00;
    text-align: center;
    font-size:22px;
    font-weight: bold;
}
.map2{
    padding:10px 0 0px 0;
    line-height: 1.3;
    text-align: center;
    font-size:16px;
}
.map3{
    padding:10px 0 0px 0;
    line-height: 1.3;
    text-align: left;
    font-size:16px;
}

.mapImg1{
    display: table-cell;
    vertical-align: bottom;
}
.mapImg1 img{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.footLink1{
    /*display: none;*/
	width:100%;
	margin:15px auto 0px auto;
    padding-top:10px;
    background-color:#024287;
    text-align: center;
    color:#fff;
    font-size:12px;
}
.footLink1 a{
    display: inline-block;
    margin:0 0.5em;
}
.footLink1 a:link{
    color:#fff;
}
.footLink1 a:hover{
    color:#ffcc00;
}
.footLink1 a:active{
    color:#ffcc00;
}
.copyright{
	width:100%;
	margin:0px auto 0px auto;
    background-color:#024287;
    text-align: center;
    color:#fff;
    font-size:14px;
}
/* Button */
#footer_btnArea {
	width: 100%;
	position: fixed;
	bottom: 5px;
	z-index: 2;
	display: flex;
	justify-content: space-around;
}
#footer_btnArea a {
	text-decoration: none;
}
.tbsp_dspn {
	display: none;
}
.BtnLink{
    display: table-cell;
    width: 140px;
    height: 50px;
    border:1px solid #fff;
    padding-top:5px;
    cursor: pointer;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    animation: anime 3s ease infinite;
    background-color:#024287;
    line-height: 1.3;
    text-align: center;
    color:#fff;
    font-size:16px;
    font-weight: bold;
}
.BtnLink:hover{
    background-color:#bc7841;
}
.BtnLink2{
    display: table-cell;
    width: 140px;
    height: 50px;
    border:1px solid #fff;
    padding-top:5px;
    cursor: pointer;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    animation: anime 3s ease infinite;
    background-color:#41713e;
    line-height: 1.3;
    text-align: center;
    color:#fff;
    font-size:16px;
    font-weight: bold;
}
.BtnLink2:hover{
    background-color:#bc7841;
}
.BtnLink3{
    display: table-cell;
    width: 140px;
    height: 50px;
    border:1px solid #fff;
    padding-top:5px;
    cursor: pointer;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    animation: anime 3s ease infinite;
    background-color:#8b0000;
    line-height: 1.3;
    text-align: center;
    color:#fff;
    font-size:16px;
    font-weight: bold;
    letter-spacing:-0.05em;
}
.BtnLink3:hover{
    background-color:#bc7841;
}
.BtnBox1{
    display: block;
    justify-content:space-around;
}
.BtnBox2{
    width:90%;
    margin:0 auto 10px auto;
    text-align: center;
}
.BtnBox2 a:link{
	text-decoration: none;
}
.BtnBox2 a:hover{
	text-decoration: none;
}
.BtnBox2 a:active{
	text-decoration: none;
}
.BtnBox3{
    margin-top:30px;
    text-align: center;
}
.BtnBox3:hover{
    opacity: 0.7;
}
.BtnBox4{
    width:100%;
    margin:0 auto;
    text-align: center;
}
.BtnBox4 a:link{
	text-decoration: none;
}
.BtnBox4 a:hover{
	text-decoration: none;
}
.BtnBox4 a:active{
	text-decoration: none;
}
.Btn1, .Btn2 {
    width:auto;
    height:19vw;
}
.Btn1:hover, .Btn2:hover {
    opacity: 0.7;
}
.Btn3{
    display: flex;
    justify-content: center;
    align-items: center;
    width:auto;
    padding:5px 10px;
    border:1px solid #fff;
    border-radius: 5px;
    background-color:#bc7841;
    text-align: center;
    line-height: 1.2;
    font-size:40px;
    font-weight: bold;
    color:#fff;
}
.Btn3:hover{
    width:auto;
    padding:15px auto;
    transition: 0.3s;
    vertical-align: middle;
    border:1px solid #fff;
    border-radius: 5px;
    background-color:#d40000;
    text-align: center;
    line-height: 1.2;
    font-size:40px;
    font-weight: bold;
    color:#fff;
}
.BtnTxt1{
    font-size:4vw;
    font-weight: normal;
}
.BtnTxt2{
    margin-bottom:5px;
    line-height: 1.3;
    font-size: 13px;
    font-weight: normal;
}
.BtnTxt3{
    margin-bottom:5px;
    line-height: 1.3;
    font-size: 13px;
    font-weight: normal;
}
.BtnMg1{
    margin-top:30px;
}
.BtnAtt1{
    padding-top:5px;
    text-align: center;
}
.TelBox{
    width:92%;
    margin:10px auto 0 auto;
    background-color: transparent;
}
a.TelBtn{
    text-decoration: none !important;
}
.TelBox1{
    display: block;
    padding:2px 0;
    font-size:4.5vw;
    font-weight: bold;
}
.TelBox2{
    display: block;
    font-size:9vw;
    font-weight: bold;
}
.TelBox3{
    display: block;
    font-size:4vw;
    line-height: 1.5;
}
.TelBox4{
    width:auto;
    margin:0 auto;
}
a[href*="tel:"] {
pointer-events:auto;
cursor: default;
text-decoration: none;
}
/* WhatsNew */
#WhatsNew{
    margin-top:30px;
    padding:15px;
    border-radius: 5px;
    background-color:#f4f4f4;
}
#WhatsNew h2{
    min-height:8vw;
    margin-bottom:10px;
    padding:2px 0 0 10vw;
    background:url("../webp/icoCar.webp") no-repeat left 1vw;
    background-size:8vw auto;
    text-align: left;
    font-size:4.5vw;
}
.WhatsNewBox{
	display:block;
	justify-content:space-between;
}
.WhatsNewBox ul{
    width:100%;
}
.WhatsNewBox li {
    width:100%;
	padding-bottom:7px;
	margin-bottom:7px;
	padding-left:0em;
	position:relative;
	border-bottom:1px dotted #777777;
    list-style: none;
    font-size: 0.9em;
}
.WhatsNewBox li:last-child {
}
.WhatsNewBox li .Date {
    display: block;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	left:0;
	top:0px;
}
.WhatMore{
    margin-top:20px;
    line-height: 1.2;
    text-align: center;
}
.WhatMore a:link{
    color:#404040;
	text-decoration: none;
}
.WhatMore a:hover{
    color:#bc7841 !important;
	text-decoration: none;
}
.WhatMore a:active{
    color:#bc7841 !important;
	text-decoration: none;
}
.WhatBanner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top:30px;
}
.WhatBanner1{
    width:80%;
    height:auto;
    margin:10px 5px;
    padding-top:0px;
}
.WhatBanner1 img{
	width: 100%;
}
.WhatBanner2{
    width:90%;
    height:auto;
    margin:0px auto;
    text-align: center;
}
.WhatBanner2 a{
	background:none;
	float: none; 
    padding-top: 0; 
    overflow: hidden;
}
.WhatBanner2 a:hover{ 
    background-position: 0px; 
}
.WhatBanner3{
    width:auto;
    margin-top:20px;
	height:60px;
}
.WhatBanner3 img{
    width:90%;
}
.WhatBanner3 a{
	background:url(../webp/bnr_bus.webp) no-repeat 0 0;
	display:block;
	width:auto;
	height:60px;
	margin-left:4px;
	text-indent:-99999px;
}
.WhatBanner3 a:hover{
	background: url(../webp/bnr_bus_ov.webp) no-repeat 0 0;
}
/* Lead */
#Lead{
    margin-top:40px;
    padding:40px 0;
}
/* Reason */
#Reason{
    margin-top:0px;
    padding:40px 0 0 0;
}
#Reason .reasonText1{
	margin-bottom: 0.3em;
	color: #000;
	font-size: 6vw;
	text-align: center;
}
#Reason .reasonText2{
	color: #000;
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
}
.pagejump{
	width: 100%;
}
.pagejump .link_btn{
    width: 20em;
}
.pagejump a:link,
.pagejump a:hover,
.pagejump a:active,
.pagejump a:visited{
    color:#fff;
}
/* News */
#News{
}
#News header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:100px;
    background:url("../webp/Bg_news_sp.webp") no-repeat 50% 2%;
    background-size:100% auto;
}
#News dl{
    margin-bottom:40px;
    padding-top:10px;
}
#News dt {
    margin-bottom:10px;
    line-height: 1.2;
    font-weight: normal;
}
#News dd {
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px dotted #024287;
    line-height: 1.3;
}
/* Plan */
#Plan{
    
}
#Plan header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:150px;
    background:url("../webp/Bg_planeditors_sp.webp") no-repeat 50% 40%;
    background-size:100% auto;
}
#Plan h3.planH32{
    margin-top:20px;
    padding:5px 0;
    background-color:#024287;
    border-radius: 3px;
    text-align: center;
    color:#fff;
    font-size:5.5vw;
    font-weight: bold;
}
.planTxt1{
    margin-bottom:40px;
    text-align: center;
    color:#024287;
    font-size:6vw;
    font-weight: bold;
}
.planMg1{
    display: block;
    width:100%;
    height:60px;
}
.planPd1{
    padding-bottom:60px;
}
/* Reason5 */
#Reason5 .link_btn {
	font-size: 0.9em;
}
#Reason5 h3{
    margin-top:-30px;
    padding-top:80px;
}
.reasonH31{
    padding:5px 0;
    /* background-color:#bc7841; */
    border-radius: 3px;
}
.reasonH31 img{
    border-radius: 3px;
}
#Reason5 h4{
    min-height:65px;
    margin-bottom:10px;
    padding:12vw 0 0 0;
    border-bottom:1px dotted #024287;
    line-height: 1.4;
    color:#024287;
    font-size:6vw;
    text-align: center;
}
#Reason5 h4.reasonH41{
    background:url("../webp/reasonH41.webp") no-repeat center top;
    background-size:16vw;
}
#Reason5 h4.reasonH42{
    background:url("../webp/reasonH42.webp") no-repeat center top;
    background-size:16vw;
}
#Reason5 h4.reasonH43{
    background:url("../webp/reasonH43.webp") no-repeat center top;
    background-size:16vw;
}
#Reason5 h4.reasonH44{
    background:url("../webp/reasonH44.webp") no-repeat center top;
    background-size:16vw;
}
#Reason5 h4.reasonH45{
    background:url("../webp/reasonH45.webp") no-repeat center top;
    background-size:16vw;
}
.reasonBox1{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:20px;
    padding:20px 20px 20px 20px;
    border-radius: 5px;
    background-color:#f5f5f5;
}
.reasonBox2{
    width:auto;
}
.reasonBox2 p{
    padding-bottom:0;
    font-size:100%;
}
.reasonImg1{
    width: auto;
    margin:0px auto 20px auto;
}
.reasonImg1 img{
    border-radius: 5px;
}
.reasonImg2{
    margin:40px auto -10px auto;
    text-align: center;
}
.reasonTxt3{
    font-size:120%;
}
/* Adcar */
#Adcar{
    margin-top:-30px;
    padding-top:40px;
}
#Adcar .container_inner{
    padding:40px 20px 20px 20px;
}
/* Cost */
#Cost{
    margin-top:-30px;
    padding-top:40px;
}
#Cost h2{
    margin-top:0px;
}
#Cost h4{
    padding:5px 0 5px 10px;
    margin-bottom: 10px;
    border-bottom:1px dotted #024287;
    border-left:5px solid #ffcc00;
    background-color:#f5f5f5;
    color:#024287;
    font-size:5vw;
}
/* Quality */
#Quality{
    margin-top:-30px;
    padding-top:40px;
}
#Quality .container_inner{
    padding:40px 20px 40px 20px;
}
#Quality h4{
    padding:5px 0 5px 10px;
    margin-bottom: 10px;
    border-bottom:1px dotted #024287;
    border-left:5px solid #ffcc00;
    background-color:#fff;
    color:#024287;
    font-size:5vw;
}
.qualBox1{
    display: block;
    justify-content:space-around;
    align-items: center;
    margin:-20px auto 40px auto;
}
.qualBox2{
    width:auto;
    line-height: 1.4;
    font-size:16px;
}
.qualBox2 h5{
    margin-bottom:10px;
    font-size:17px;
    font-weight: bold;
    color:#024287;
}
.qualImg1{
    width:50vw;
    margin:0 auto 20px auto;
    text-align: center;
}
.qualImg1 img{
    width:auto;
    border:1px solid #ccc;
}
/* Voice */
#Voice{
    margin-top:-30px;
    padding-top:40px;
}
#Voice .container_inner{
    padding:40px 20px;
}
#Voice header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:200px;
    background:url("../webp/Bg_voice_sp.webp") no-repeat 50% 45%;
    background-size:100% auto;
}
.voiceBox1{
    display: block;
    justify-content: space-around;
    margin-bottom:30px;
    padding:10px 20px 0px 20px;
    background-color:#f5f5f5;
}
.voiceBox2{
    width:auto;
}
.voiceBox2 p{
    padding:0 10px 20px 10px;
}
.voiceIcon1{
    width:40vw;
    margin:0 auto;
}
.voiceIcon1 img{
}
.voiceIcon2{
    width:50vw;
    margin:0 auto -15vw auto;
}
.voiceTxt1{
    margin-bottom:20px;
    padding-left:10px;
    background-color:#024287;
    border-radius: 3px;
    color:#fff;
    font-weight: bold;
}
.voiceTxt2{
    font-size:110%;
}
.voiceMg1{
    margin-bottom:60px;
}
/* MarkWrap */
#MarkWrap{
    
}
#MarkWrap header.markHeader{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:150px;
    background:url("../webp/Bg_carmarking_sp.webp") no-repeat 50% 55%;
    background-size:100% auto;
}
#MarkWrap header.wrapHeader{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:150px;
    background:url("../webp/Bg_carwrapping_sp.webp") no-repeat 50% 40%;
    background-size:100% auto;
}
#MarkWrap h2{
    margin-bottom:50px;
    color:#024287;
}
#MarkWrap h2.mrH21{
    margin:20px auto 20px auto;
    padding:5px 0;
    background-color:#024287;
    border-radius: 3px;
    text-align: center;
    color:#fff;
    font-size:5vw;
    font-weight: bold;
}
#MarkWrap h2.mrH22{
    margin-bottom:40px;
    color:#024287;
}
#MarkWrap h3.mrH31{
    margin:20px auto;
    padding:5px 0;
    background-color:#024287;
    border-radius: 3px;
    text-align: center;
    color:#fff;
    font-size:6vw;
    font-weight: bold;
}
.mrPrice{
    width:auto;
    margin:0 auto 10px auto;
    padding:5px 0;
    border-radius: 3px;
    background-color:#bc7841;
    text-align: center;
    line-height: 1;
    color:#fff;
    font-size:8vw;
    font-weight: bold;
}
.mrAtt1{
    margin:20px auto 40px auto;
    padding-left:1em;
    text-indent: -1em;
    text-align: left;
    font-size:14px;
}
.mrTxt1{
    margin-bottom:10px;
    text-align: center;
    color:#024287;
    line-height: 1.5;
    font-size:6vw;
    font-weight: bold;
}
/* BeforeAfter*/
#BeAf{
    margin-top:20px;
    padding-top:40px;
    padding-bottom:40px;
}
#BeAf h2{
    margin-bottom:40px;
}
#BeAf h3.beafH31{
    margin:30px auto 20px auto;
    padding:5px 0;
    background-color:#024287;
    border-radius: 3px;
    text-align: center;
    color:#fff;
    font-size:6vw;
    font-weight: bold;
}
.beafBox1{
    margin:0px auto 40px auto;
    padding:1px 20px 20px 20px;
    border-radius: 3px;
    background-color:#fff;
}
.beafBox2{
    display: block;
    justify-content:center;
    align-items: center;
    padding-bottom:20px !important;
}
.beafImg1{
    display: block;
    width:auto;
    text-align: center;
}
.beafImg1 img{
    width:90%;
    border-radius: 3px;
}
.beafImg2{
    display: block;
    text-align: center;
}
.beafImg2 img{
    width:12vw;
    margin:10px 0px;
}
.beafImg3{
    display: block;
    width:auto;
    text-align: center;
}
.beafImg3 img{
    width:90%;
    border-radius: 3px;
}
/* Sample */
#Sample{
    
}
.sampleMg1{
    margin-top:-30px;
    padding-top:40px;
}
.sampleMg2{
    margin-bottom:40px;
}
.sampleUl{
    display: block;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: center;
    margin-bottom:0px;
}
.sampleUl li{
    position: relative;
    float: left;
    width:44%;
    height:22vw;
    margin:0 3% 10px 3%;
    overflow: hidden;
    border-radius: 3px;
    list-style: none;
}
.sampleUl li img{
    position: absolute;
    width:100%;
    height:auto;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
ul.SampleMenu{
    display: flex;
    justify-content: center;
    margin:0 auto 20px auto;
    flex-wrap: wrap;
}
.SampleMenu li{
    display: inline-block;
    margin:0 0.5em;
    list-style: none;
    white-space: nowrap;
    font-size:90%;
}
.sampleAtt1{
    position: absolute; 
    bottom: 5px; 
    right: 5px; 
    padding:0 5px;
    border: none;
    border-radius:3px;
    background-color:#d40000;
    color:#fff;
    font-size:3vw;
}
.sampleAtt2{
    margin-top:0px;
    padding-bottom:10px;
    text-align: center;
    font-size:90%;
    font-weight: bold;
}
/* Howto */
#Howto{
    
}
#Howto header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:150px;
    background:url("../webp/Bg_howto.webp") no-repeat 50% 70%;
    background-size:100% auto;
}
.howtoUl1{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    margin-bottom:10px;
}
.howtoUl1 li{
    margin:0 0 0 1em;
    list-style: none;
    font-size:14px;
}
.howtoUl2{
    margin-bottom:60px;
}
.howtoUl2 li{
    display: block;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:20px;
    padding:20px;
    border-radius: 3px;
    background-color:#f5f5f5;
    list-style: none;
}
.howtoLi1{
    display: block;
    position: relative;
    width:100%;
    height:30vw;
    margin:0 auto;
    overflow: hidden;
    border-radius: 3px;
    list-style: none;
}
.howtoLi1:hover{
    opacity: 0.7;
}
.howtoLi1 img{
    position: absolute;
    width:100%;
    height:auto;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.howtoLi2{
    display: block;
    width:auto;
    margin:10px auto 0 auto;
}
.howto1{
    margin-bottom:20px;
    padding:2px 10px;
    border-radius: 3px;
    background-color:#bc7841;
}
.howto2{
    padding-left:5px;
    border-left:5px solid #ffcc00;
    color:#fff;
    font-weight: bold;
}
.howto3{
    text-align: left;
}
/* Howto Sub*/
#HowtoSub{
    
}
#HowtoSub header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:100px;
    background:url("../webp/Bg_howto.webp") no-repeat 50% 70%;
    background-size:100% auto;
}
#HowtoSub h2{
    padding:10px 0;
    border-radius: 3px;
    background-color:#bc7841;
    color:#fff;
    font-size:5vw;
}
#HowtoSub h3{
    margin-bottom:20px;
    padding:8px 5px;
    border-radius: 3px;
    background-color:#024287;
    color:#fff;
    font-size:4.5vw;
}
#HowtoSub h4{
    color:#024287;
    font-size:18px;
}
#HowtoSub p{
    word-wrap: break-word;
}
.howSub1{
    display: block;
    line-height: 1.5;
    font-size:90%;
    font-weight: normal;
}
.howSub2{
    display: block;
    padding:0px 0 0px 7px;
    line-height: 1.5;
    border-left:5px solid #ffcc00;
}
.howSub3{
    padding-bottom:0.5em;
}
.howSubTxt1{
    display: block;
    margin-bottom:10px;
    font-size:120%;
}
.howSubTxt2{
    margin-bottom:20px;
    font-size:90%;
}
.howSubTxt3{
    font-size:90%;
}
.howSubTxt4{
    font-weight: normal;
}
.howSubUl1{
    margin:0 auto 40px 1em;
}
.howSubUl1 li{
    margin-bottom:0.7em;
    line-height: 1.5;
}
.howtoMg1{
    margin-top:20px;
}
.howtoMg2{
    margin-bottom:10px;
}
.howtoMg3{
    margin-bottom:40px;
}
.howtoMg4{
    margin-bottom:40px;
}
.howtoMg5{
    margin-bottom:40px !important;
}
.howtoMg6{
    margin-bottom:0px !important;
}
.howtoAtt1{
    padding-bottom:10px;
    text-align: center;
    font-size:90%;
}
.howtoAtt2{
    padding-left: 1em;
    text-indent: -1em;
}
.howSubArrow1{
    width:12%;
    margin:-10px auto 10px auto;
    text-align: center;
}
#HowtoSub .contBtn2{
    margin-top:-20px;
}
/* HowtoSub Lightbox */
.col2{
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:20px;
}
.col2 li{
    float: left;
    width:48%;
    margin:0 1% 10px 1%;
    list-style: none;
}
.col2 li:last-child {
    margin-right:0;
}
.col2 img{
    width:100%;
    border-radius: 3px;
}
.col2 li.howLight1{
    width:54.5%;
}
.col2 li.howLight2{
    width:41%;
}
.col2 li.howLight3{
    width:61.5%;
}
.col2 li.howLight4{
    width:34.5%;
}
.col2 li.howLight5{
    margin-left: 1%;
}
.col2 li.howLight6{
    width:42.2%;
}
.col2 li.howLight7{
    width:53.8%;
}
.col2 li.howLight8{
    width:98%;
    margin-left:1%;
}
.col2 li.howLight9{
    width:48%;
}
.col2 li.howLight10{
    width:58%;
}
.col2 li.howLight11{
    width:38%;
}
.col2 li:last-child.howLight12 {
    margin-left:1%;
}
.howLight12{
    width:48%;
}
.howLight13{
    width:70%;
}
.howLightBox1{
    margin-bottom:20px;
}
.howLightBox1 img{
    border-radius: 3px;
    margin-bottom:10px;
}
.howLightBox2{
    float: left;
    width:59.2%;
}
.howLightBox2 img{
    margin-bottom:2vw;
}
.howLightBox3{
    float: right;
    width:38.8%;
}
.howLightBox4{
    float: left;
    width:48%;
    margin:0 1%;
    padding-bottom:20px;
    text-align: center;
}
.howLightBox4 img{
    margin-bottom:5px;
}
.howLightBox5{
    float: left;
    width:48%;
    margin:0px 1% 0px 1%;
    text-align: center;
}
.howLightBox6{
    float: left;
    width:31%;
    margin:5px 1% 20px 1%;
    text-align: center;
}
.howLightBox7{
    float: left;
    width:52.3%;
}
.howLightBox7 img{
    margin-bottom:2vw;
}
.howLightBox8{
    float: right;
    width:45.7%;
}
.howLightBox9{
    float: left;
    width:45.4%;
}
.howLightBox9 img{
    margin-bottom:2vw;
}
.howLightBox10{
    float: right;
    width:52.6%;
}
.howLightBox11{
    float: left;
    width:45.3%;
}
.howLightBox11 img{
    margin-bottom:2vw;
}
.howLightBox12{
    float: right;
    width:52.7%;
}
.howLightBox13{
    float: left;
    width:38.4%;
}
.howLightBox13 img{
    margin-bottom:2vw;
}
.howLightBox14{
    float: right;
    width:59.6%;
}
.howLightBox15{
    float: left;
    width:66.5%;
}
.howLightBox15 img{
    margin-bottom:2vw;
}
.howLightBox16{
    float: right;
    width:31.5%;
}
.howLightBox17{
    float: left;
    width:45.4%;
}
.howLightBox17 img{
    margin-bottom:2vw;
}
.howLightBox18{
    float: right;
    width:52.6%;
}
.howLightBox19{
    float: left;
    width:52.3%;
}
.howLightBox19 img{
    margin-bottom:2vw;
}
.howLightBox20{
    float: right;
    width:45.7%;
}
.howLightBox21{
    float: left;
    width:52.2%;
}
.howLightBox21 img{
    margin-bottom:2vw;
}
.howLightBox22{
    float: right;
    width:45.8%;
}
.howLightMg1{
     margin-bottom:0;
}
.howLightMg2{
     margin-bottom:20px;
}
.howLightMg3{
     margin-top:-20px;
}
.howSubMov1{ 
	width:100%;
	height:0;
	margin:0 auto 40px auto;
	padding-bottom:56.25vw;
	background-color:#fff;
    -webkit-box-shadow:0px 0px 10px #cfcfcf;
    -moz-box-shadow:0px 0px 10px #cfcfcf;
    box-shadow:0px 0px 10px #cfcfcf;
}
.howSubMov1 iframe{
	width:100%; 
	height:56.25vw;
	margin:0 auto;
	padding:0;
}
/* Sheet */
#Sheet{
    
}
#Sheet header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:100px;
    background:url("../webp/Bg_sheet_sp.webp") no-repeat 50% 85%;
    background-size:100% auto;
}
#Sheet h1.subH11{
    /*font-size:5.5vw;*/
}
#Sheet h2.sheetH21{
    margin-top:40px !important;
    padding:5px;
    border-radius: 3px;
    background-color:#bc7841;
    color:#fff;
    font-size:6vw;
}
.sheetBox1{
    display: block;
    justify-content: space-around;
    align-items: center;
    border-bottom:2px solid #fff;
    margin-bottom:20px;
    padding-bottom:20px;
}
.sheetBox2{
    width:auto;
}
.sheetBox2 h2{
    padding:5px;
    border-radius: 3px;
    background-color:#024287;
    color:#fff;
    font-size:6vw;
}
.sheetBox3{
    margin-bottom:20px;
    padding:20px;
    border-radius: 3px;
    background-color:#f5f5f5;
}
.sheetBox3 p{
    padding-bottom:20px;
}
.sheetImg1{
    width:auto;
}
.sheetImg1 img{
    border-radius: 3px;
}
.sheetImg2{
    width:auto;
    text-align: right;
}
.sheetImg2 img{
    border-radius: 3px;
}
.sheetTxt1{
    display: block;
    width:100%;
    border-right:5px solid #ffcc00;
    border-left:5px solid #ffcc00;
}
.sheetTxt2{
    font-size:120%;
    color:#d40000;
}
.sheetTxt3{
    font-size:110%;
}
.sheetTxt4{
    margin-top:20px;
    text-align: left;
    font-size:16px;
    font-weight: normal;
}
.sheetTxt5{
    margin-bottom:30px;
    padding-bottom:5px;
    text-align: left;
    color:#d40000;
    font-size:18px;
    font-weight: bold;
}
.sheetTxt6{
    padding-bottom:20px;
}
.sheetTxt7{
    padding-bottom:40px;
}
/* Flow */
#Flow{
}
#Flow header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:150px;
    background:url("../webp/Bg_flow_sp.webp") no-repeat 50% 60%;
    background-size:100% auto;
}
.flowBox1{
    display: block;
    justify-content:space-between;
    align-items: center;
}
.flowBox2{
    width:auto;
    padding:20px;
    background-color:#f5f5f5;
    border-bottom-left-radius: 3px;
    vertical-align: middle;
}
.flowBox3{
    width:auto;
    margin:20px auto 60px auto;
    padding:5px 10px;
    background-color:#d40000;
    border-radius: 3px;
    color:#fff;
    text-align: center;
    font-size:5vw;
}
.flowArrow1{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow2{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow3{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow4{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow5{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow6{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow7{
    width:auto;
    height:10vw;
    margin:20px auto 0px auto;
    background:url("../webp/flowYa.webp") no-repeat 50% top;
    background-size:10vw;
}
.flowArrow8{
    width:100%;
    height:15vw;
    margin-top:20px;
    background:url("../webp/flowYa3.webp") no-repeat 50% top;
    background-size:15vw;
}
.flowImg1{
    float: none;
    width:50%;
    margin:0 auto;
    padding:0;
    text-align: center;
}
.flowImg2{
    width:auto;
    margin:0px auto 0 auto;
    padding-right:3vw;
}
.flowImg3{
    width:65%;
    margin:0 auto;
    padding:0 10vw 10px 0;
    text-align: center;
}
.flowImg4{
    float: none;
    width:63%;
    margin:0 auto;
    padding:0 10vw 5px 0;
    text-align: center;
}
.flowImg5{
    float: none;
    width:55%;
    margin:0 auto;
    padding:0;
    text-align: center;
}
.flowTxt1{
    border-bottom:1px dotted #024287;
    font-size:110%;
}
.flowTxt2{
    border-bottom:1px dotted #fff;
    font-size:110%;
}
.flowMg2{
    margin-top:0px;
}
.flowMg3{
    margin-top:5px;
}
.flowMg4{
    margin-top:0px;
}
.flowMg5{
    margin-top:0px;
}
.flowMg6{
    margin-top:0px;
}
.flowMg7{
    margin-top:0px;
}
.flowMg8{
    margin-top:0px;
}
.flowMg9{
    margin:0px 0 60px 0;
}
.flowPd1{
    padding-top:30px;
}
/* Faq */
#Faq{
}
#Faq .subH11{
    line-height: 1.1 !important;
}
#Faq header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:150px;
    background:url("../webp/Bg_faq_sp.webp") no-repeat 50% 17%;
    background-size:100% auto;
}
.faqBox1{
    margin-bottom:20px;
    padding:5px 20px 10px 20px;
    background-color:#f5f5f5;
}
.faqBox2{
    display: block;
    margin-top:20px;
    text-align: center;
}
.faqQ{
	position:relative;
    margin-bottom:20px;
    padding:14vw 0 5px 0;
    border-bottom:1px dotted #024287;
    color:#024287;
    font-size:110%;
    font-weight: bold;
}
.faqQ::before{
	display:block;
	width:100%;
	content:"Q";
    color:#024287;
	position:absolute;
	left:0;
	top:0;
    text-align: center;
    font-size:7vw;
}
.faqA{
    margin:20px 0;
}
.faqTxt1{
    font-size:150%;
}
.faqTxt2{
    margin:10px 0 20px 0;
    line-height: 1.4;
    text-align: left;
    font-size:80%;
}
.faqMg1{
    margin-bottom:60px;
}
/* Contact */
#Contact{
}
#Contact header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:100px;
    background:url("../webp/Bg_contact_sp.webp") no-repeat 50% 50%;
    background-size:100% auto;
}
#Contact h3{
    margin-top:40px;
    padding:5px 10px;
    background-color:#bc7841;
    border-radius: 3px;
    color:#fff;
    font-size:6vw;
}
#Contact p{
    padding-bottom:20px;
}
#Contact dl{
}
#Contact dt{
    display: block;
    width:auto;
    margin-bottom:5px;
    padding:5px;
    background-color:#fff;
    border-radius: 3px;
    vertical-align:top;
}
#Contact dd{
    display: inline-block;
    width:auto;
    padding-bottom:10px;
}
#Contact .dd1{
    padding-top:15px;
}
.contTable1{
    margin-top:40px;
    padding:20px;
    background-color:#f5f5f5;
}
.contTable1 ul{
    margin-top:5px;
}
.contTable1 ul li{
    float: left;
    margin:0 0.5em;
    list-style: none;
}
.contTable1 .input1{
    width:90%;
    margin:10px 0.5em 0 0.5em;
    padding:0 10px;
    border:1px solid #aaaaaa;
    border-radius: 3px;
    background-color:#fff;
}
.contTable1 .input2{
    width:50%;
    margin:10px 0.5em 0.7em 0.5em;
    padding:0 10px 0 0;
    border:1px solid #aaaaaa;
    border-radius: 3px;
    background-color:#fff;
}
.contTable1 .textarea1{
       width:90%;
}
.contTable1 select{
    margin:10px 0.5em 0 0.5em;
    padding:5px 7px;
    border:1px solid #aaaaaa;
    border-radius: 3px;
    background-color:#fff;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}
.contTable1 textarea{
    width:auto;
    margin:1px 0.5em 0 0.5em;
    padding:0 10px;
    border:1px solid #aaaaaa;
    border-radius: 3px;
    background-color:#fff;
}
.contTable2 dd{
    padding:10px 0 0 10px;
    word-break: break-all;
}
.contTable3{
    margin-top:40px;
    padding:20px 20px 0 20px;
    background-color:#f5f5f5;
}
input.contBtn{
    width:auto;
    margin:20px auto 0px auto;
    padding:5px 20px;
    border-radius: 3px;
    background-color:#024287;
    text-align: center;
    color:#fff;
}
input.contBtn:hover{
    width:auto;
    margin:40px auto 0px auto;
    padding:5px 20px;
    border-radius: 3px;
    background-color:#bc7841;
    text-align: center;
    color:#fff;
}
input.contBtn2{
    width:auto;
    margin:40px auto -20px auto;
    padding:5px 20px;
    border-radius: 3px;
    background-color:#f5f5f5;
    text-align: center;
    color:#404040;
}
input.contBtn2:hover{
    width:auto;
    margin:40px auto -20px auto;
    padding:5px 20px;
    border-radius: 3px;
    background-color:#bc7841;
    text-align: center;
    color:#fff;
}
.alert{
    margin:3px 0 -10px 10px;
    color:#ff0000;
    font-size:14px;
}
.tagA{
    display: block;
    float:right;
    margin-top:4px;
    padding:0 3px;
    border-radius: 3px;
    background-color:#f5f5f5;
    font-size:12px;
}
.tagB{
    display: block;
    float:right;
    margin-top:4px;
    padding:0 3px;
    border-radius: 3px;
    background-color:#d40000;
    color:#fff;
    font-size:12px;
    font-weight: bold;
}
.contTxt2{
    font-size:80%;
    font-weight: normal;
}
.contTxt3{
    text-align: left;
}
.cont1{
    border-left: 5px solid #fff;
    padding-left:10px;
}
.cont2{
    margin:20px auto 0 auto;
    text-align: center;
    text-decoration: underline;
}
.con3{
    display: block;
    margin-left:0.5em;
    font-size:90%;
}
.contMg1{
    margin-bottom:20px;
}
.formMg1{
    margin-bottom:60px;
}
/* Company */
#Company{
}
#Company header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:100px;
    background:url("../webp/Bg_company_sp.webp") no-repeat 50% 40%;
    background-size:100% auto;
}
#Company .subH11{
	background-color:#727171;
}

.compBox{
    margin-top:10px;
    border-bottom:0;
}
.compLast{
    margin-bottom:40px;
    border-bottom:0;
}
.compBox:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.comp1{
    float: none;
    width:auto;
    margin-bottom:5px;
    padding:5px 0px;
    border-radius: 3px;
    background-color:#f5f5f5;
    text-align: center;
    font-size:16px;
    font-weight: bold;
}
.comp2{
    float: none;
    width:auto;
    margin-bottom:10px;
    padding:5px 0;
    text-align: left;
}
.complogo1{
    width: 20%;
    height: auto;
}
.complogo2,
.complogo3{
    width: 25%;
    height: auto;
    margin-left: 7.5%;
}
/* Privacy */
#Privacy{
}
#Privacy header{
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    height:100px;
    background:url("../webp/Bg_privacy_sp.webp") no-repeat 50% 30%;
    background-size:100% auto;
}
#Privacy h1.subH11{
    /*font-size:5.5vw;*/
}
/* Design */
#Design{
    padding-top:40px;
}
#Design h1{
    width:auto;
    height:auto;
    margin:20px auto 0 auto;
}
.desBox1{
    margin-top:40px;
    padding:10px 0;
    border-radius: 3px;
    background-color:#eefaff;
    text-align: center;
    line-height: 1.4;
    font-size:5vw;
    font-weight: bold;
}
.desBox2{
    display: flex;
}
.desBox3{
    width:100%;
    height:auto;
    margin-top:0px;
    padding:10px;
    border-radius: 3px;
    background-color:#fff2be;
    text-align: center;
    color:#024287;
    font-size:6vw;
    font-weight: bold;
}
.desBox4{
    margin-top:40px;
    padding:10px 0;
    border-radius: 3px;
    background-color:#024287;
    text-align: center;
    line-height: 1.4;
    color:#fff;
    font-size:6.5vw;
    font-weight: bold;
}
.desBox5{
    display: block;
    justify-content: space-between;
    align-content: center;
    margin-bottom:20px;
    padding:20px;
    border-radius: 3px;
    background-color:#f5f5f5;
    line-height: 1.4;
    font-size:5.5vw;
    font-weight: bold;
}
.desBox6{
    width:auto;
    padding:30vw 0 0 00;
    justify-content: space-between;
    align-content: center;
}
.desBox61{
    background:url("../webp/des7.webp") no-repeat center 0px;
    background-size:25vw auto;
}
.desBox62{
    background:url("../webp/des8.webp") no-repeat center 0px;
    background-size:25vw auto;
}
.desBox63{
    background:url("../webp/des9.webp") no-repeat center 0px;
    background-size:25vw auto;
}
.desBox64{
    background:url("../webp/des10.webp") no-repeat center 0px;
    background-size:25vw auto;
}
.desBox65{
    background:url("../webp/des11.webp") no-repeat center 0px;
    background-size:25vw auto;
}
.des1{
    width:70vw;
    margin:0 auto;
    padding:0px 0;
    border-radius: 30px;
    background-color:#ffcc00;
    text-align: center;
    color:#fff;
    font-size:6vw;
    font-weight: bold;
}
.des2{
    margin:0px auto 0 auto;
    text-align: center;
}
.des2 img{
    width:29%;
    margin:0 2%;
}
.des3{
    margin-top:20px;
    text-align: center;
}
.desImg1{
    width:45%;
    margin:10px auto 0 auto;
    padding-right:5%;
    text-align: center;
}
.desImg2{
    
}
.desImg3{
    width:auto;
    margin:20px auto 0 auto;
}
.desImg3 img{
    border-radius: 3px;
}
.desImg4{
    margin:20px auto 0 auto;
    text-align: center;
}
.desTxt1{
    font-size:150%;
    font-weight: bold;
}
.desTxt2{
    margin-top:20px;
    padding-bottom:20px;
    text-align: center;
    font-size:5vw;
}
.desTxt3{
    padding-bottom:0;
    text-align: center;
    font-size:9vw;
    font-weight: bold;
}
.desTxt4{
    border-bottom:1px dotted #024287;
    font-size:130%;
    font-weight: bold;
}
.desTxt5{
    font-size:110%;
}
.desTxt6{
    margin-top:20px;
    text-align: left;
    font-size:16px;
}
.desTxt7{
    font-size:110%;
    font-weight: bold;
}
.desTxt7 sup{
    padding: 0 5px 0 2px;
    font-size:50%;
    font-weight: normal;
}
.desTxt8{
    margin-top:40px;
    text-align: left;
    font-size:100%;
}
.desTxt9{
    padding-bottom:20px;
    text-align: center;
    font-size:100%;
}
/* Display */
.pc{display: inherit;}
.sp{display: none;}
/* Display */
.pc{
	display: none;
}
.sp{
	display: inherit;
}


}


.dspn { display: none; }

.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

.mt005em{ margin-top: 0.5em; }
.mt01em{ margin-top: 1em; }
.mt02em{ margin-top: 2em; }

.mb005em{ margin-bottom: 0.5em; }
.mb01em{ margin-bottom: 1em; }
.mb02em{ margin-bottom: 2em; }
.mb03em{ margin-bottom: 3em; }

/* リンクボタン */
.link_btn {
	display: inline-block;
	position: relative;
	padding: 0.3em;
	text-align: center;
	text-decoration: none !important;
	transition: transform ease .3s;
}
.link_btn:hover {
	 cursor: pointer;
	 text-decoration: none;
}
.link_btn span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}
.link_btn:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
}

.btn_success {
	color: #fff;
	background: #5cb85c;
	border-radius: 20px;
	border:1px solid #4cae4c;
}
.btn_success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn_warning {
	color: #fff !important;
	background-color: #ec971f;
	border-radius: 20px;
	border:1px solid #d58512;
}
.btn_warning:hover {
	color: #fff;
	background: #f0ad4e;
	border-color: #eea236;
}

.pagetoparea {
	position: fixed;
	right: 30px;
	bottom: 90px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.pagetop {
	height: 50px;
	width: 50px;
	background: #fff;
	border: solid 2px #000;
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 2;
	cursor: pointer;
	position: relative;
}
.pagetop::after {
	content: "TOPに戻る";
	display: block;
	width: 6em;
	position: absolute;
	bottom: -20px;
}
.pagetop__arrow {
	display: block;
	height: 10px;
	width: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(20%) rotate(-45deg);
}