@charset "utf-8";
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
color:#000;
font-family:"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:87.5%;
line-height:1.8;
background:#fff;
-webkit-text-size-adjust: 100%;
font-weight:500;
}
@media all and (-ms-high-contrast:none) {
body {
font-family:'メイリオ',Meiryo,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
}
.robot{
font-family: 'Roboto', "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:500;
}
.robot.bold{
font-weight:700;
}
.robot-con{
font-family: 'Roboto Condensed', "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:400;
}
.crimson{
font-family: 'Crimson Text', "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:400;
}
.mincho{
font-family:"游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-weight:500;
}
.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
@media screen and (max-width:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
}
@media screen and (max-width:767px){
body{
font-size:11pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/*---------------------------------------*/
/* header */
/*---------------------------------------*/
.fixhead{
position:fixed;
top:0;
left:0;
z-index:100;
width:100%;
}
.headerupper{
width:100%;
padding:5px 0;
min-height:20px;
background:#E03C00;
color:#fff;
}
#mainBody.tokai .headerupper,
#mainBody.kansai .headerupper{
background:#cb1d00;
}
@media screen and (max-width:767px){
.headerupper{
font-size:8pt;
}
}
.headerupper .areaInner{
width:95%;
}
.headerupper .areaInner .discription{
margin-right:90px;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width:767px){
.headerupper .areaInner .discription{
margin-right:0;
}
.headerupper .areaInner .discription .none{
display:none;
}
}
.headerupper .areaInner .discription .ttl{
font-size: 107%;
font-weight: bold;
margin-right: 30px;
}
@media screen and (max-width:767px){
.headerupper .areaInner .discription .ttl{
width: 100%;
font-size: 13px;
}
.headerupper .areaInner .discription .note{
width: 100%;
}
}
.headerupper .areaInner .discription img{
width: auto;
height: 15px;
margin-right: 10px;
line-height: 1;
vertical-align: text-bottom;
display: inline-block;
position: relative;
top: -2px;
}
@media screen and (max-width:767px){
.headerupper .areaInner .discription img{
height: 13px;
top: -1px;
}
}
.headerupper .areaInner .discription .note .link{
margin-left: 20px;
font-size: 86%;
padding-right: 10px;
position: relative;
}
@media screen and (max-width:767px){
.headerupper .areaInner .discription .note .link{
margin-left: 10px;
}
}
.headerupper .areaInner .discription .note .link:after{
content: "";
position: absolute;
top: 3px;
right: 0px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform:rotate(45deg);
}
.headerOuter{
position:relative;
}
.header{
width:100%;
height:115px;
position:absolute;
top:0;
left:0;
z-index:100;
background:#fff;
}
.fixhead .header{
border-top: 10px solid #074296;
box-sizing: border-box;
}
@media screen and (max-width:767px){
.header{
height:70px;
border-bottom:1px solid #dbdbea;
}.fixhead .header{
border-top: 3px solid #074296;
border-bottom:none;
}
}
.header .areaInner{
width:96%;
}
.header .logo{
position:absolute;
top:63px;
left:0;
width: 200px;
}
@media screen and (max-width:980px){
.header .logo{
top:65px;
width: 180px;
}
}
@media screen and (max-width:767px){
.header .logo{
top:30px;
width: 100px;
}
}
.header .logo img{
width:100%;
height:auto;
display: block;
}
.header .arealavel{
position: absolute;
top: 15px;
left:0;
white-space: nowrap;
font-size: 143%;
font-weight: bold;
line-height: 1.2;
height: 30px;
line-height: 30px;
background: #074296;
color: #fff;
padding: 0 5px;
}
@media screen and (max-width:767px){
.header .arealavel{
font-size: 7.5pt;
top: 5px;
left: 0;
height: 23px;
line-height: 25px;
padding: 0 2px;
}
.header.eco .arealavel{
top:5px;
font-size: 7pt;
line-height: 1.2;
height: auto;
padding:2px;
}
}
.header .arealavelSmall{
position: absolute;
top: 16px;
left: 77px;
line-height: 1.2;
font-size: 93%;
font-weight: bold;
}
.header.eco .arealavelSmall{
top: 15px;
left: 146px;
}
@media screen and (max-width:767px){
.header .arealavelSmall{
font-size:7pt;
top: 6px;
left: 39px;
line-height: 1.1;
}
.header.eco .arealavelSmall{
top: 7px;
}
}
.header .daikin{
position:absolute;
top: 68px;
left: 210px;
width: 190px;
}
@media screen and (max-width:1080px){
.header .daikin{
width: 175px;
}
}
@media screen and (max-width:980px){
.header .daikin{
width:140px;
top: 64px;
left: 188px;
}
}
@media screen and (max-width:767px){
.header .daikin{
width:100px;
top: 51px;
left: 0;
line-height: 1;
text-align: center;
font-size: 9pt;
}
}
.header .daikin img{
width:100%;
height:auto;
}
.header .telArea{
position:absolute;
top:20px;
right:280px;
}
@media screen and (max-width:1080px){
.header .telArea{
right:270px;
}
}
@media screen and (max-width:980px){
.header .telArea{
right:152px;
}
}
@media screen and (max-width:767px){
.header .telArea{
top:29px;
right:auto;
left: 115px;
}
.header.eco .telArea{
top:30px;
}
}
.header .telArea .note{
font-size:86%;
}
@media screen and (max-width:767px){
.header .telArea .note{
font-size: 6pt;
line-height: 1;
margin-bottom:3px;
}
}
.header .telArea .info{
font-weight:bold;
line-height:1;
}
@media screen and (max-width:767px){
.header .telArea .info{
font-size:7pt;
letter-spacing: -0.05em;
}
}
.header .telArea .tel{
position: relative;
}
.header .telArea .tel .icon-freedial {
font-size: 23px;
color: #074296;
position: absolute;
top: calc(50% - 2px);
transform: translate(0,-50%);
left: 0;
}
@media screen and (max-width:980px){
.header .telArea .tel .icon-freedial {
font-size: 19px;
}
}
@media screen and (max-width:767px){
.header .telArea .tel .icon-freedial{
display:none;
}
}
.header .telArea .tel .telImg{
display: block;
margin: 2px 0 6px 43px;
width: 235px;
}
@media screen and (max-width:980px){
.header .telArea .tel .telImg{
margin: 2px 0 6px 35px;
width: 210px;
}
}
@media screen and (max-width:767px){
.header .telArea .tel .telImg{
margin: 3px 0 -1px;
width: 150px;
}
}
@media screen and (max-width:374px){
.header .telArea .tel .telImg{
width: 130px;
}
}
.header .telArea .tel .telNum{
font-size: 240%;
line-height: 1;
display: inline-block;
}
@media screen and (max-width:980px){
.header .telArea .tel .telNum{
font-size: 200%;
}
}
@media screen and (max-width:767px){
.header .telArea .tel .telNum{
font-size: 180%;
white-space: nowrap;
}
}
.header .mailArea .btn a{
position:absolute;
top:25px;
right:75px;
width:190px;
height:60px;
line-height:60px;
text-align:center;
background:#074296;
border:1px solid #074296;
border-radius:5px;
font-weight:bold;
overflow:hidden;
}
@media screen and (max-width:980px){
.header .mailArea .btn a{
width:100px;
right:70px;
}
.header .mailArea .btn a .none{
display:none;
}
}
@media screen and (max-width:767px){
.header .mailArea .btn a{
top: 12px;
right: 52px;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 6pt;
}
}
@media screen and (max-width:374px){
.header .mailArea .btn a{
right:45px;
}
}
.header .mailArea .btn a:hover{
background:#fff;
}
.header .mailArea .btn a .arrow{
display:block;
width:8px;
height:8px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
transform:rotate(45deg);
position:absolute;
bottom:7px;
left:50%;
margin-left:-5px;
}
@media screen and (max-width:767px){
.header .mailArea .btn a .arrow{
width:3px;
height:3px;
bottom:5px;
margin-left:-2px;
}
}
.header .mailArea .btn a:hover .arrow{
border-bottom:1px solid #074296;
border-right:1px solid #074296;
}
.header .mailArea .btn a:before {
display: block;
position: absolute;
z-index: 10;
left: -30%;
top: -50%;
content: "";
width: 30px;
height: 100px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,0.5),rgba(255,255,255,0) 100%);
animation:shiny 3s infinite cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
}
@keyframes shiny {
0% {
left: -30%;
}
20% {
left: 120%;
}
100% {
left: 120%;
}
}
.header .pay{
width: 195px;
left: 205px;
top: 15px;
}
@media screen and (max-width:980px){
.header .pay{
width: 150px;
left: 181px;
top: 16px;
}
}
@media screen and (max-width:767px){
.header .pay{
width: 140px;
top: 5px;
left: 114px;
}
}
.header .pay .payTtl{
font-size: 73%;
font-weight: bold;
line-height: 1;
}
@media screen and (max-width:980px){
.header .pay .payTtl{
margin-bottom: -3px;
}
}
.header .pay img{
width: 100%;
height: auto;
}
.header .lavel{
position:absolute;
top:-14px;
right:-15px;
width:80px;
}
.fixhead .header .lavel{
top:-10px;
right:-8px;
width:60px;
}
@media screen and (max-width:767px){
.header .lavel{
top:-9px;
right:-5px;
width:55px;
}
.fixhead .header .lavel{
top:-7px;
right:-5px;
width:40px;
}
}
@media screen and (max-width:374px){
.header .lavel{
top:-7px;
right:-5px;
width:45px;
}
}
.header .lavel img{
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
}
.header .lavel img.parts02{
animation:lavel 0.75s infinite cubic-bezier(0.165, 0.84, 0.44, 1) alternate 1s;
}
@media screen and (max-width:767px){
.header .lavel img.parts02{
animation:lavel-sp 0.75s infinite cubic-bezier(0.165, 0.84, 0.44, 1) alternate 1s;
}
}
@keyframes lavel{
0%{transform:translateY(0px)}
25%{transform:translateY(10px)}
}
@keyframes lavel-sp{
0%{transform:translateY(0px)}
25%{transform:translateY(5px)}
}
/*headNavi*/
.headNavi{
width: 100%;
height: 40px;
position: absolute;
top: 115px;
left: 0;
z-index: 99;
background: #fff;
border-top: 1px solid #074296;
border-bottom: 1px solid #074296;
}
@media screen and (max-width:767px){
.headNavi{
top: 70px;
height:60px;
}
}
.headNavi li{
float: left;
width: 16.66666%;
text-align: center;
}
@media screen and (max-width:767px){
.headNavi li{
width:33.333%;
font-size: 8pt;
}
}
.headNavi li a{
display: block;
width: 100%;
height: 40px;
line-height: 40px;
background: #074296;
box-sizing: border-box;
border-right: 1px solid #b8b8b8;
}
@media screen and (max-width:767px){
.headNavi li a{
height: 30px;
line-height: 30px;
border-bottom: 1px solid #b8b8b8;
}
}
.headNavi li:last-child a{
border-right: none;
}
@media screen and (max-width:767px){
.headNavi li:nth-child(3) a{
border-right: none;
}
.headNavi li:nth-child(4) a,
.headNavi li:nth-child(5) a,
.headNavi li:nth-child(6) a{
border-bottom: none;
}
}
.headNavi li a:hover{
background: #fff;
}
/*---------------------------------------*/
/* gotop */
/*---------------------------------------*/
.gotop{
position:absolute;
bottom:15px;
right:5%;
}
.gotop a{
display: block;
border:2px solid #074296;
background: #074296;
box-sizing: border-box;
width: 70px;
height: 70px;
border-radius: 50%;
}
.gotop a:hover{
background: #fff;
}
.gotop a .icon{
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%,-50%) rotate(-45deg);
width: 14px;
height: 14px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transition: border 0.3s ease;
}
.gotop a:hover .icon{
border-top: 2px solid #074296;
border-right: 2px solid #074296;
}
/*---------------------------------------*/
/* footer */
/*---------------------------------------*/
footer{
width:90%;
color:#fff;
font-size:86%;
background:#074296;
padding:20px 5%;
}
@media screen and (max-width:767px){
footer{
font-size:9pt;
margin-bottom: 80px;
}
}
footer .blockLeft{
width:50%;
}
footer .blockRight{
width:50%;
padding-top:100px;
}
@media screen and (max-width:980px){
footer .blockLeft,
footer .blockRight{
width:100%;
text-align:center;
}
footer .blockRight{
padding-top:10px;
font-size:8pt;
}
}
footer .blockLeft img{
width:100%;
height:auto;
max-width:480px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer .blockRight a:hover img{
opacity:0.9;
}
/*---------------------------------------*/
/* fixBar */
/*---------------------------------------*/
#fixBar{
position:fixed;
top:0;
left:0;
width:100%;
height:100px;
background:#074296;
color:#fff;
z-index:999;
}
.tabContent #fixBar{
top:inherit;
bottom:0;
}
@media screen and (max-width:980px){
#fixBar{
top:inherit;
bottom:0;
height:80px;
}
}
@media screen and (max-width:767px){
#fixBar .areaInner{
width:94%;
}
}
@media screen and (max-width:374px){
#fixBar .areaInner{
width:96%;
}
}
#fixBar .blockLeft{
width:52%;
}
#fixBar .blockRight{
width:48%;
}
@media screen and (max-width:980px){
#fixBar .blockLeft,
#fixBar .blockRight{
float:left;
width:auto;
}
#fixBar .blockLeft{
margin-right:20px;
margin-top:5px;
}
#fixBar .blockRight{
margin-top:13px;
}
}
@media screen and (max-width:767px){
#fixBar .blockLeft{
margin-right:85px;
float:none;
}
}
@media screen and (max-width:374px){
#fixBar .blockLeft{
margin-right:60px;
}
}
@media screen and (max-width:767px){
#fixBar .blockRight{
position:absolute;
top:-18px;
right:0;
width:90px;
float:none;
margin-top:0;
}
}
@media screen and (max-width:374px){
#fixBar .blockRight{
top:5px;
width:65px;
}
}
#fixBar .blockLeft li{
float:left;
width:auto;
position:relative;
}
#fixBar .blockLeft li:first-child{
margin-right:15px;
}
@media screen and (max-width:767px){
#fixBar .blockLeft li:first-child{
margin-right:7px;
}
}
@media screen and (max-width:374px){
#fixBar .blockLeft li:first-child{
margin-right:5px;
}
}
#fixBar .blockLeft li .icon{
margin-top: 8px;
display: inline-block;
height:85px;
width:85px;
border-radius:50%;
background:#ffff00;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li .icon{
margin-top:6px;
height:60px;
width:60px;
}
}
@media screen and (max-width:767px){
#fixBar .blockLeft li .icon{
margin-top:1px;
height:47px;
width:47px;
}
}
#fixBar .blockLeft li .icon .txt{
color:#074296;
font-size:128.5%;
font-weight:bold;
line-height:1.3;
text-align:center;
display:block;
padding-top:20px;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li .icon .txt{
padding-top:12px;
font-size:100%;
}
}
@media screen and (max-width:767px){
#fixBar .blockLeft li .icon .txt{
padding-top: 12px;
font-size: 8pt;
line-height: 1.1;
letter-spacing: -0.05em;
}
}
#fixBar .blockLeft li:nth-child(2) .icon .txt{
padding-top:15px;
line-height:1.1;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li:nth-child(2) .icon .txt{
padding-top:13px;
}
}

@media screen and (max-width:767px){
#fixBar .blockLeft li:nth-child(2) .icon .txt{
padding-top:10px;
}
}
#fixBar .blockLeft li .icon .txt .num{
font-size:166%;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li .icon .txt .num{
font-size:130%;
}
}
#fixBar .blockLeft li:first-child .note{
display:inline-block;
font-size:157%;
line-height:1.1;
position:relative;
top:2px;
margin-left:3px;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li:first-child .note{
font-size:128%;
}
}
@media screen and (max-width:767px){
#fixBar .blockLeft li:first-child .note{
font-size:9pt;
top:0;
margin-left:0;
}
}
#fixBar .blockLeft li:first-child .robot-con{
display:inline-block;
font-size:407%;
line-height:1.3;
position:relative;
top:2px;
margin-left:3px;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li:first-child .robot-con{
font-size:323%;
}
}
@media screen and (max-width:767px){
#fixBar .blockLeft li:first-child .robot-con{
font-size:265%;
top:0;
margin-left:0;
}
}
#fixBar .blockLeft li:nth-child(2) .note{
display:inline-block;
font-size:128.5%;
line-height:1.1;
position:relative;
top:-14px;
margin-left:3px;
}
@media screen and (max-width:980px){
#fixBar .blockLeft li:nth-child(2) .note{
top:-10px;
}
}
@media screen and (max-width:767px){
#fixBar .blockLeft li:nth-child(2) .note{
font-size:9pt;
top:-5px;
margin-left:0;
}
}
.note-sp{
font-size:8pt;
margin-top:4px;
}
@media screen and (max-width:374px){
.note-sp{
font-size:7pt;
}
}
#fixBar .blockRight .note{
font-size:114%;
font-weight:bold;
line-height: 1;
margin: 15px 0 5px;
}
@media screen and (max-width:980px){
#fixBar .blockRight .note{
font-size:86%;
margin: 3px 0 5px;
}
}
#fixBar .blockRight .tel .icon-freedial{
font-size:43px;
color:#fff;
margin-right:5px;
}
@media screen and (max-width:980px){
#fixBar .blockRight .tel .icon-freedial{
font-size:30px;
}
}
#fixBar .blockRight .tel .robot{
font-size:400%;
color:#ffff00;
line-height:1;
}
@media screen and (max-width:980px){
#fixBar .blockRight .tel .robot{
font-size:238%;
}
}
#fixBar .blockRight .telIcon a{
width:88px;
height:88px;
display:block;
border-radius:50%;
background:#ffff00;
border:1px solid #ffff00;
text-align:center;
font-weight:bold;
line-height:1.2;
font-size:7pt;
position:relative;
color:#074296;
}
@media screen and (max-width:374px){
#fixBar .blockRight .telIcon a{
width:63px;
height:63px;
border-radius:15px;
}
}
#fixBar .blockRight .telIcon a:hover{
background:#ffff00;
border:1px solid #ffff00;
}
#fixBar .blockRight .telIcon a:after{
position:absolute;
width:82px;
height:82px;
top:2px;
left:2px;
border-radius:50%;
border:1px solid #074296;
content:"";
display:block;
-webkit-transition: border 0.3s ease;
-moz-transition: border 0.3s ease;
-o-transition: border 0.3s ease;
transition: border 0.3s ease;
}
@media screen and (max-width:374px){
#fixBar .blockRight .telIcon a:after{
display:none;
}
}

#fixBar .blockRight .telIcon a:hover:after{
border:1px solid #074296;
}
#fixBar .blockRight .telIcon a .txt{
padding-top: 18px;
display: inline-block;
}
@media screen and (max-width:374px){
#fixBar .blockRight .telIcon a .txt{
padding-top:7px;
}
}
#fixBar .blockRight .telIcon a .big01{
font-size:8pt;
}
#fixBar .blockRight .telIcon a .big02{
font-size:8pt;
}
#fixBar .blockRight .telIcon a .big03{
font-size:11pt;
}
@media screen and (max-width:374px){
#fixBar .blockRight .telIcon a .big03{
font-size:9pt;
}
}
@media screen and (max-width:374px){
#fixBar .blockRight .telIcon a .small{
font-size:6pt;
}
}
#fixBar .blockRight .telIcon a .icon-tel{
font-size:11pt;
}
@media screen and (max-width:374px){
#fixBar .blockRight .telIcon a .icon-tel{
font-size:9pt;
}
}
#fixBar .none{
position: absolute;
top: 0;
left: -99999px;
width: 0;
opacity: 0;
}
/*---------------------------------------*/
/* js-modal--tel */
/*---------------------------------------*/
.js-modal--tel {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}

.js-modal--tel .bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
}
.js-modal--tel .bn{
width: 90%;
position: absolute;
top: 50%;
left: 5%;
transform: translate(0,-50%);
background: #ffff00;
color: #074296;
padding: 30px 0;
border-radius: 5px;
}
.js-modal--tel .bn .close{
position: absolute;
top:-25px;
right:0;
width:20px;
height:20px;
transform:rotate(45deg);
}
.js-modal--tel .bn .close:before{
content: "";
position: absolute;
left:0;
top:50%;
height:1px;
width:100%;
background:#fff;
}
.js-modal--tel .bn .close:after{
content: "";
position: absolute;
top:0;
left:50%;
width:1px;
height:100%;
background:#fff;
}
.js-modal--tel .bn .note01{
font-size: 13pt;
text-align: center;
font-weight: bold;
color: #cc0000;
margin-bottom: 10px;
}
.js-modal--tel .bn .note01 .txtIn{
padding: 0 10px 0 15px;
position: relative;
}
.js-modal--tel .bn .note01 .txtIn:before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #cc0000;
transform: rotate(20deg);
}
.js-modal--tel .bn .note01 .txtIn:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: #cc0000;
transform: rotate(-20deg);
}
.js-modal--tel .bn .note02{
font-size: 25pt;
text-align: center;
font-weight: bold;
line-height: 1.5;
color: #cc0000;
}
.js-modal--tel .bn .note02 .small{
font-size: 15pt;
}
.js-modal--tel .bn .note02 .minimum{
font-size: 10pt;
display: block;
}
.js-modal--tel .bn .note02 .ls{
letter-spacing:-0.1em;
}
.js-modal--tel .bn .note03{
font-size: 15pt;
text-align: center;
font-weight: bold;
}
.js-modal--tel .bn .arrow {
width: 10px;
height: 10px;
border-bottom: 2px solid #074296;
border-right: 2px solid #074296;
transform: rotate(45deg);
animation: move 1.3s infinite;
margin: 0 auto;
}
.js-modal--tel .bn .arrow2{
animation-delay: 0.15s;
}
.js-modal--tel .bn .arrow3 {
animation-delay: 0.3s;
}
@keyframes move {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(10px) rotate(45deg);
}
}

/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
#container{
min-height:calc(100vh - 140px) ;
min-height:-webkit-calc(100vh - 140px) ;
overflow: hidden;
}
@media screen and (max-width:767px){
#container{
min-height:calc(100vh - 101px) ;
min-height:-webkit-calc(100vh - 101px) ;
}
}
.blockLeft{
float:left;
}

.blockRight{
float:right;
}

.txtRight{
text-align:right;
}

.txtCenter{
text-align:center;
}