@charset "utf-8";
/*--
中 font-size:96%;
小 font-size:88%;
--*/
/*---------------------------------------*/
/* 共通 */
/*---------------------------------------*/
.areaInner{
width:100%;
max-width:1300px;
margin-left:auto;
margin-right:auto;
position:relative;
}
@media screen and (min-aspect-ratio: 16/10) and (max-width:1440px){
.areaInner{
max-width:980px;
}
}
@media screen and (max-width:640px){
.areaInner{
width:94%;
}
}
.areaInner.w980{
max-width:980px;
}
.areaBase{
margin-bottom:75px;
}
@media screen and (max-width:640px){
.areaBase{
margin-bottom:40px;
}
}
.areaBase.h150{
margin-bottom:150px;
}
@media screen and (max-width:640px){
.areaBase.h150{
margin-bottom:70px;
}
}
.ttlArea{
text-align:center;
font-size:40px;
line-height:1;
}
@media screen and (max-width:640px){
.ttlArea{
font-size:16px;
}
}
.ttlArea .icon-ttl-5{
color:#b4141f;
margin-left:10px;
}
.ttlArea .ttlOuter{
position:relative;
}
@media screen and (max-width:980px){
.ttlArea .ttlOuter{
margin-top:15px;
display:inline-block;
}
}
.ttlArea .ttlOuter:before{
content:"";
position:absolute;
bottom:-20px;
left:0.5em;
border-radius:50%;
background:#b4141f;
margin-left:8.5px;
}
.ttlArea .ttlOuter:after{
content:"";
position:absolute;
bottom:-20px;
left:1.7em;
border-radius:50%;
background:#b4141f;
margin-left:8.5px;
}
.ttlArea .ttlOuter .dot{
position: absolute;
bottom: 0;
left: 0;
}
.ttlArea .ttlOuter .dot:before{
content:"";
position:absolute;
bottom:-20px;
left:3.9em;
border-radius:50%;
background:#b4141f;
margin-left:8.5px;
}
.ttlArea .ttlOuter .dot:after{
content:"";
position:absolute;
bottom:-20px;
left:5.1em;
border-radius:50%;
background:#b4141f;
margin-left:8.5px;
}
@media screen and (max-width:640px){
.ttlArea .ttlOuter:before,
.ttlArea .ttlOuter:after,
.ttlArea .ttlOuter .dot:before,
.ttlArea .ttlOuter .dot:after{
bottom:-10px;
}
}
.areaTtl{
font-size:156%;
color:#b4141f;
text-align:center;
padding-bottom:75px;
}
@media screen and (max-width:640px){
.areaTtl{
font-size:11pt;
padding-bottom:30px;
}
}
.areaSubttl{
text-align:center;
margin-top:-40px;
margin-bottom:50px;
}
@media screen and (max-width:640px){
.areaSubttl{
font-size:9pt;
margin-top:-10px;
margin-bottom:30px;
}
}
.areaTtl .ttl{
padding-bottom:19px;
line-height:1;
position:relative;
margin-bottom:5px;
display:inline-block;
}
/*IE用記述 */
@supports (-ms-ime-align:auto) {
.areaTtl .ttl{
padding-bottom:12px;
line-height:2;
}
}
@media all and (-ms-high-contrast: none){
.areaTtl .ttl{
padding-bottom:12px;
line-height:2;
}
}
@media screen and (max-width:640px){
.areaTtl .ttl{
padding-bottom:10px;
}
}
.bgArea{
background:#f1f3f5;
padding:90px 5%;
width:90%
}
@media screen and (max-width:640px){
.bgArea{
padding:40px 5%;
}
}
/*---------------------------------------*/
/* topArea */
/*---------------------------------------*/
html,body,#mainBody{
height:100%;
}
@media screen and (max-width:640px){
html,body,#mainBody{
height:auto;
}
}
#mainBody{
margin:0 50px;
}
@media screen and (max-width:640px){
#mainBody{
margin:0 10px;
}
}
#topArea{
margin:65px auto 0;
position:relative;
width:100%;
height:100%;
min-height:640px;
}
@media screen and (max-width:640px){
#topArea{
height:400px;
min-height:inherit;
}
}
#topArea .logo{
position:absolute;
top:25px;
left:25px;
width:190px;
}
@media screen and (max-width:980px){
#topArea .logo{
left:0;
width:100px;
}
}
#topArea .logo img{
width:100%;
height:auto;
}
#topArea .txt{
position:absolute;
top:50%;
left:105px;
margin-top:-105px;
}
@media screen and (max-width:980px){
#topArea .txt{
left:0;
}
}
@media screen and (max-width:640px){
#topArea .txt{
left:50%;
top:55%;
text-align: center;
margin:0 0 0 -122px;
}
}
#topArea .txt .subTxt{
font-size:106%;
margin-bottom:20px;
}
@media screen and (max-width:640px){
#topArea .txt .subTxt{
font-size:9pt;
margin-bottom:10px;
}
}
#topArea .txt .subTxt span{
display:inline-block;
margin-bottom:10px;
line-height:1;
z-index:0;
opacity:0;
}
@media screen and (max-width:640px){
#topArea .txt .subTxt span{
margin-bottom:0;
}
}
#topArea .txt .subTxt span.animation{
-webkit-transition: all 0.2s ease 0.7s;
-moz-transition: all  0.2s ease 0.7s;
-o-transition: all  0.2s ease 0.7s;
transition: all   0.2s ease 0.7s;
background:#fff;
z-index:100;
opacity:1;
}
@supports (-ms-ime-align:auto) {
#topArea .txt .subTxt span.animation{
padding:2px;
}
}
@media all and (-ms-high-contrast: none){
#topArea .txt .subTxt span.animation{
padding:3px 0 1px 0;
}
}
#topArea .txt .mainTxt span.anime{
display:inline-block;
line-height:1;
margin-bottom:10px;
z-index:0;
opacity:0;
overflow:hidden;
}
@media screen and (max-width:640px){
#topArea .txt .mainTxt span.anime{
margin-bottom:3px;
}
}
#topArea .txt .mainTxt span.animation{
-webkit-transition: all 0.2s ease 1.2s;
-moz-transition: all  0.2s ease 1.2s;
-o-transition: all  0.2s ease 1.2s;
transition: all   0.2s ease 1.2s;
background:#fff;
z-index:100;
opacity:1;
}
#topArea .txt .mainTxt span.anime img{
position:relative;
height:38px;
width:auto;
padding:2px 3px;
}
@media screen and (max-width:980px){
#topArea .txt .mainTxt span.anime img{
height:32px;
}
}
@media screen and (max-width:640px){
#topArea .txt .mainTxt span.anime img{
height:14.5px;
padding:0;
}
}
.scrollIcon{
width: 60px;
height: 56.5px;
text-align: center;
position: absolute;
bottom: 85px;
left: 50%;
z-index: 200;
margin-left:-30px;
}
.scrollIcon svg{
overflow: visible;
}
.mouse{
fill:none;
stroke: #1a1a1a;
}
.scroolTxt{
fill:#1a1a1a;
font-size:10px;
}
.wheel{
fill:#1a1a1a;
animation: 1.5s ease-in-out 0s infinite scrollAnim;
}
@keyframes scrollAnim {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(12px);
}
}

/* keyvisual{ */
.keyvisual{
position:relative;
overflow:hidden;
height:100%;
margin-left:350px;
}
@media screen and (max-width:980px){
.keyvisual{
margin-left:150px;
}
}
@media screen and (max-width:640px){
.keyvisual{
margin-left:0px;
}
}
.keyvisual .bx-wrapper{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0 auto;
padding: 0;
*zoom: 1;
overflow:hidden;
z-index:10;
display:block;
}
.keyvisual .bx-wrapper .bx-viewport,
.keyvisual .bx-wrapper .bxslider{
width:100%;
height:100% !important;
}
.keyvisual .bx-wrapper .bxslider li{
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
width:100%;
height:100%;
transition: transform 14s;
-moz-transition: transform 14s;
-webkit-transition: -webkit-transform 14s;
transition-timing-function: linear;
-moz-transition-timing-function: linear;
-webkit-transition-timing-function: linear;
}
.keyvisual .bx-wrapper .bxslider li.slide01{
background-image:url(../images/common/slide01.jpg);
background-position:top left;
}
.keyvisual .bx-wrapper .bxslider li.slide01{
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.keyvisual .bx-wrapper .bxslider li.slide01.active{
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.keyvisual .bx-wrapper .bxslider li.slide02{
background-image:url(../images/common/slide02.jpg);
}
.keyvisual .bx-wrapper .bxslider li.slide02{
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.keyvisual .bx-wrapper .bxslider li.slide02.active{
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.keyvisual .bx-wrapper .bxslider li.slide03{
background-image:url(../images/common/slide03.jpg);
}
.keyvisual .bx-wrapper .bxslider li.slide03{
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.keyvisual .bx-wrapper .bxslider li.slide03.active{
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.keyvisual .bx-wrapper .bxslider li.slide04{
background-image:url(../images/common/slide04.jpg);
}
.keyvisual .bx-wrapper .bxslider li.slide04{
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.keyvisual .bx-wrapper .bxslider li.slide04.active{
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
/*---------------------------------------*/
/* cover */
/*---------------------------------------*/
.cover{
background:#fff;
margin-top:-65px;
height:70px;
width:100%;
position:relative;
z-index:200;
}
/*---------------------------------------*/
/* header */
/*---------------------------------------*/
#header{
width:100%;
height:90px;
background:#fff;
position:relative;
margin-top:-65px;
z-index:999;
}
.tabContent #header{
position:fixed;
top:0;
left:0;
margin-top:0;
}
.tabContent #header .areaInner{
width:90%;
}
@media screen and (max-width:980px){
#header{
position:fixed;
top:0;
left:0;
margin-top:0;
}
#header .areaInner{
width:90%;
}
}
@media screen and (max-width:640px){
#header{
width:100%;
height:65px;
}
}
#header .logo{
position:absolute;
top:15px;
left:0;
width:60px;
}
@media screen and (max-width:640px){
#header .logo{
top:12px;
width:40px;
}
}
#header .logo img{
width:100%;
height:auto;
}
#header .hNavi{
margin-left:60px;
}
#header .hNavi li{
display:inline;
float:left;
margin-left:4em;
font-size:87.5%;
line-height:90px;
}
@media screen and (max-width:1055px){
#header .hNavi li{
margin-left:2em;
}
}
#header .hLink{
position:absolute;
top:24px;
right:0;
}
@media screen and (max-width:980px){
#header .hLink{
right:50px;
}
}
#header .hLink li{
display:inline;
float:left;
margin-left:1px;
font-size:87.5%;
}
#header .hLink li a{
display:block;
width:154px;
height:40px;
line-height:40px;
border:1px solid #b4141f;
text-align:center;
background: #b4141f;
}
#header .hLink li a:hover{
background:none;
}
/*---------------------------------------*/
/* logoArea */
/*---------------------------------------*/
#logoArea{
width:110px;
}
@media screen and (max-width:640px){
#logoArea{
width:60px;
}
}
#logoArea img{
width:100%;
height:auto;
}
/*---------------------------------------*/
/* content01 */
/*---------------------------------------*/
.content01 .flotContent{
position:relative;
min-height:376px;
}
@media screen and (max-width:980px){
.content01 .flotContent{
min-height:inherit;
}
}
.content01 .flotContent .img{
position:absolute;
top:0;
right:0;
width:615px;
}
@media screen and (max-width:980px){
.content01 .flotContent .img{
width:100%;
position:relative;
top:inherit;
left:inherit;
margin-bottom:50px;
}
}
@media screen and (max-width:640px){
.content01 .flotContent .img{
margin-bottom:20px;
}
}
.content01 .flotContent .img .imgTtl{
text-align:center;
font-size:112.5%;
color:#b4141f;
margin-bottom:50px;
}
@media screen and (max-width:640px){
.content01 .roleList .imgTtl{
margin-bottom:25px;
}
}
.content01 .flotContent .img li{
display:inline;
float:left;
width:37%;
border-right:1px dashed #b4141f;
margin-left:-1px;
text-align:center;
color:#b4141f;
padding-bottom:5px;
}
@media screen and (max-width:640px){
.content01 .flotContent .img li{
width:80%;
border-right:none;
padding-bottom:30px;
}
}
.content01 .flotContent .img li:last-child{
width:26%;
border-right:none;
}
@media screen and (max-width:640px){
.content01 .flotContent .img li:last-child{
width:80%;
}
}
.content01 .flotContent .img li .illust{
font-size:140px;
position:relative;
line-height:1;
width: 154px;
height:140px;
display: inline-block;
margin-bottom:10px;
}
.content01 .flotContent .img li .illust .icon{
position:absolute;
top:0;
left:0;
}
.content01 .flotContent .img li .illust .icon.bg{
color:#dca6ab;
}
.content01 .flotContent .img li .note{
font-size:87.5%;
}
.content01 .flotContent .img .arrow{
width:100%;
}
@media screen and (max-width:640px){
.content01 .flotContent .img .arrow{
width:20%;
height:100%;
position:absolute;
top:0;
right:0;
}
}
.content01 .flotContent .img .arrow .arrow-1{
width:68%;
position:relative;
margin:20px 0 20px 6%;
}
@media screen and (max-width:640px){
.content01 .flotContent .img .arrow .arrow-1{
width: 50%;
height: 412px;
margin:0;
position:absolute;
top:0;
left:-5px;
}
}
.content01 .flotContent .img .arrow .arrow-2{
width:63%;
margin-left:37%;
position:relative;
}
@media screen and (max-width:640px){
.content01 .flotContent .img .arrow .arrow-2{
width: 50%;
height: 408px;
margin:0;
position:absolute;
top:280px;
right:-5px;
}
}
.content01 .flotContent .img .arrow img{
width:100%;
height:auto;
}
@media screen and (max-width:640px){
.content01 .flotContent .img .arrow img{
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
}
.content01 .flotContent .img .arrow-1 img{
width:412px;
margin:261px 0 0 -192px;
}
.content01 .flotContent .img .arrow-2 img{
width:408px;
margin:186px 0 0 -192px;
}

}
.content01 .flotContent .img .arrow .note{
text-align:center;
position:absolute;
top:0;
left:0;
width:100%;
}
@media screen and (max-width:640px){
.content01 .flotContent .img .arrow .note{
top:50%;
width:20px;
}
.content01 .flotContent .img .arrow-2 .note{
margin-top:-75px;
}
}

@media screen and (max-width:640px){
.content01 .flotContent .img .sp{
padding-top:5px;
}
.content01 .flotContent .img .sp .icon-arrow{
font-size:20px;
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
display:block;
}
}
.content01 .flotContent .img .arrow .note span{
font-weight:bold;
color:#fff;
font-size:106%;
background:#666;
padding:5px 12px;
display:inline-block;
line-height:1;
border-radius:10px;
}
@media all and (-ms-high-contrast: none){
.content01 .flotContent .img .arrow .note span{
padding:6px 12px 4px;
}
}
@media screen and (max-width:640px){
.content01 .flotContent .img .arrow .note span{
font-size:9pt;
line-height:1.1;
padding:12px 5px;
width:20px;
}
}
.content01 .flotContent .txt{
margin-right:585px;
line-height:1.9;
}
@media screen and (max-width:980px){
.content01 .flotContent .txt{
margin-right:0;
}
}
@media screen and (max-width:640px){
.content01 .flotContent .txt{
font-size:9pt;
}
}
.content01 .flotContent .txt p{
margin-bottom:1em;
}

/*---------------------------------------*/
/* content02 */
/*---------------------------------------*/
.content02 .flotContent{
position:relative;
min-height:270px;
margin-bottom:40px;
}
@media screen and (max-width:980px){
.content02 .flotContent{
min-height:inherit;
margin-bottom:25px;
}
}
.content02 .flotContent .img{
position:absolute;
top:0;
left:0;
width:360px;
}
@media screen and (max-width:980px){
.content02 .flotContent .img{
width:100%;
position:relative;
top:inherit;
left:inherit;
margin-bottom:50px;
}
}
@media screen and (max-width:640px){
.content02 .flotContent .img{
margin-bottom:20px;
}
}
.content02 .flotContent .img img{
width:100%;
height:auto;
}
.content02 .flotContent .txt{
margin-left:380px;
line-height:1.9;
}
@media screen and (max-width:980px){
.content02 .flotContent .txt{
margin-left:0;
}
}
.content02 .flotContent .txt p{
margin-bottom:1em;
}
.content02 .roleList{
max-width:796px;
margin-left:auto;
margin-right:auto;
}
.content02 .roleList .imgTtl{
text-align:center;
font-size:112.5%;
color:#b4141f;
margin-bottom:50px;
}
@media screen and (max-width:640px){
.content02 .roleList .imgTtl{
margin-bottom:25px;
}
}
.content02 .roleList li{
display:inline;
float:left;
width:50%;
margin-left:-1px;
text-align:center;
color:#b4141f;
padding-bottom:5px;
}
@media screen and (max-width:640px){
.content02 .roleList li{
width:100%;
}
}
.content02 .roleList li .illust{
font-size:190px;
position:relative;
line-height:1;
width: 398px;
height:190px;
display: inline-block;
margin-bottom:10px;
}
@media screen and (max-width:980px){
.content02 .roleList li .illust{
font-size:140px;
width:293px;
height:140px;
}
}
@media screen and (max-width:640px){
.content02 .roleList li .illust.sp{
width:182px;
display:inline-block !important;
}
}
.content02 .roleList li .illust .icon{
position:absolute;
top:0;
left:0;
}
.content02 .roleList li .illust .icon.bg{
color:#dca6ab;
}
.content02 .roleList li .note{
font-size:87.5%;
text-align:left;
}
@media screen and (max-width:640px){
.content02 .roleList li .note{
font-size:9pt;
text-align:center;
}
}
.content02 .roleList li .clear .blockLeft,
.content02 .roleList li .clear .blockRight{
width:50%;
text-align:center;
}
@media screen and (max-width:640px){
.content02 .roleList li .sp{
padding-top:5px;
}
.content02 .roleList li .sp .icon-arrow{
font-size:20px;
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
display:block;
}
}
/*---------------------------------------*/
/* content03 */
/*---------------------------------------*/
@media screen and (max-width:640px){
.content03 .areaInner{
width:100%;
}
.content03 .areaTtl .ttl.txt02{
letter-spacing:-0.02em;
}
}
.content03 .imgTtl{
text-align:center;
font-size:112.5%;
color:#b4141f;
margin-bottom:50px;
}
@media screen and (max-width:640px){
.content03 .imgTtl{
margin-bottom:25px;
}
}
.content03 .troubleList li{
display:inline;
float:left;
width:25%;
margin-left:-1px;
text-align:center;
color:#b4141f;
padding-bottom:25px;
}
@media screen and (max-width:640px){
.content03 .troubleList li{
width:50%;
}
}
.content03 .troubleList li .illust{
font-size:130px;
position:relative;
line-height:1;
width: 180px;
height:130px;
display: inline-block;
margin:0 auto 10px;
}
@media screen and (max-width:980px){
.content03 .troubleList li .illust{
font-size:100px;
width:142px;
height:100px;
margin:0 auto;
}
}
@media screen and (max-width:640px){
.content03 .troubleList li .illust{
font-size:90px;
width:128px;
height:90px;
margin:0 auto;
}
}
.content03 .troubleList li .illust .icon{
position:absolute;
top:0;
left:0;
}
.content03 .troubleList li .illust .icon.bg{
color:#dca6ab;
}
.content03 .troubleList li .ttl{
font-size:107%;
font-weight:bold;
margin-bottom:10px;
}
@media screen and (max-width:640px){
.content03 .troubleList li .ttl{
font-size:10pt;
}
}
.content03 .troubleList li .note{
font-size:87.5%;
}
@media screen and (max-width:640px){
.content03 .troubleList li .note{
font-size:9pt;
}
}
/* ラインの動き */
#lineAction{
width:100%;
position:relative;
}
.hover{
stroke:#b4141f;
stroke-width:3;
stroke-dashoffset:1200;
stroke-dasharray: 1200;
transition: stroke-dashoffset 0.2s linear;
stroke-linecap:round;
stroke-linejoin:round;
fill:none;
}
#lineAction.animation .hover {
stroke-dashoffset:0;
transition: stroke-dashoffset 0.6s linear 1s;
}
.content03 .flotContent{
position:relative;
min-height:585px;
}
@media screen and (max-width:980px){
.content03 .flotContent{
min-height:inherit;
}
}
.content03 .flotContent .img{
position:absolute;
top:0;
right:0;
width:538px;
}
@media screen and (max-width:980px){
.content03 .flotContent .img{
width:100%;
position:relative;
top:inherit;
left:inherit;
margin-bottom:50px;
}
}
@media screen and (max-width:640px){
.content03 .flotContent .img{
margin-bottom:20px;
}
}
.content03 .flotContent .img img{
width:100%;
height:auto;
}
.content03 .flotContent .txt{
margin-right:550px;
line-height:1.9;
}
@media screen and (max-width:980px){
.content03 .flotContent .txt{
margin-right:0;
}
}
.content03 .flotContent .txt p{
margin-bottom:1em;
}
.content03  .flotContent .txt .btn a{
max-width:90%;
width:276px;
height:71px;
line-height:71px;
border:2px solid #b4141f;
background:#b4141f;
font-size:106%;
font-weight:bold;
text-align:center;
display:block;
margin-top:70px;
position:relative;
}
@media screen and (max-width:640px){
.content03  .flotContent .txt .btn a{
width:90%;
margin-left:auto;
margin-right:auto;
height:50px;
line-height:50px;
font-size:10pt;
margin-top:30px;
}
}
.content03  .flotContent .txt .btn a .icon-arrow{
position:absolute;
top:0;
right:5%;
font-size:12px;
line-height:71px;
}
@media screen and (max-width:640px){
.content03  .flotContent .txt .btn a .icon-arrow{
line-height:50px;
}
}

.content03  .flotContent .txt .btn a:hover{
background:none;
}
/*---------------------------------------*/
/* contactArea */
/*---------------------------------------*/
.contactArea{
padding:50px 5%;
width:90%;
background:#b4141f;
}
@media screen and (max-width:640px){
.contactArea{
padding:25px 5%;
}
}
.contactArea .ttl{
font-size:150%;
color:#fff;
font-weight:bold;
margin-bottom:50px;
}
@media screen and (max-width:640px){
.contactArea .ttl{
font-size:11pt;
margin-bottom:20px;
}
}
.contactArea .btn{
position:absolute;
top:0;
right:0;
}
@media screen and (max-width:980px){
.contactArea .btn{
position:static;
margin-top:30px;
}
}
.contactArea .btn a{
max-width:90%;
width:276px;
height:71px;
line-height:71px;
border:2px solid #fff;
background:#fff;
font-size:106%;
font-weight:bold;
text-align:center;
display:block;
position:relative;
}
@media screen and (max-width:640px){
.contactArea .btn a{
width:90%;
margin-left:auto;
margin-right:auto;
height:50px;
line-height:50px;
font-size:10pt;
}
}
.contactArea .btn a .icon-arrow{
position:absolute;
top:0;
right:5%;
font-size:12px;
line-height:71px;
}
@media screen and (max-width:640px){
.contactArea .btn a .icon-arrow{
line-height:50px;
}
}
.contactArea .btn a:hover{
background:none;
}
.contactArea .tel{
color:#fff;
}
.contactArea .note{
font-size:94%;
margin-bottom: 15px;
}
@media screen and (max-width:640px){
.contactArea .note{
font-size:9pt;
}
}
.contactArea .dial{
font-size:312.5%;
font-weight: bold;
line-height:1;
margin-bottom:5px;
}
@media screen and (max-width:640px){
.contactArea .dial{
font-size:20pt;
}
}
.contactArea .dial .icon-tel{
font-size:40px;
margin-right:10px;
}
@media screen and (max-width:640px){
.contactArea .dial .icon-tel{
font-size:20px;
}
}
.contactArea .attention{
font-size:87.5%;
}
@media screen and (max-width:640px){
.contactArea .attention{
font-size:8pt;
}
}
.contactArea .link{
font-size:94%;
margin-top:20px;
}
@media screen and (max-width:640px){
.contactArea .link{
font-size:9pt;
margin-top:10px;
}
}
/*---------------------------------------*/
/* content04 */
/*---------------------------------------*/
.content04 table{
width:100%;
}
.content04 table .nora{
width:47%;
}
.content04 table .other{
width:29%;
}
.content04 table th{
padding:0 2%;
height:98px;
text-align:center;
color:#fff;
vertical-align:middle;
border-bottom:1px solid #b4141f;
border-right:1px solid #b4141f;
}
@media screen and (max-width:640px){
.content04 table th{
height:50px;
}
}
.content04 table th.nora{
background:#b4141f;
}
.content04 table th.nora img{
width:57px;
height:auto;
display:block;
margin:0 auto;
}
@media screen and (max-width:640px){
.content04 table th.nora img{
width:30px;
}
}
.content04 table th.other{
background:#dca6ab;
font-size:141%;
border-bottom:1px solid #dca6ab;
border-right:1px solid #dca6ab;
letter-spacing: 0.3em;
}
@media screen and (max-width:640px){
.content04 table th.other{
font-size:13pt;
}
}
.content04 table td{
padding:24px 2%;
vertical-align:middle;
border-bottom:1px solid #b4141f;
border-right:1px solid #b4141f;
color:#666;
font-size:94%;
text-align:center;
}
@media screen and (max-width:640px){
.content04 table td{
padding:15px 2%;
font-size:8pt;
text-align:left;
}
}
.content04 table td.nora{
color:#b4141f;
font-size:119%;
font-weight:bold;
text-align:left;
}
@media screen and (max-width:980px){
.content04 table td.nora{
font-size:100%;
}
}
@media screen and (max-width:640px){
.content04 table td.nora{
font-size:8pt;
}
}
.content04 table td .small{
font-size:79%;
}
@media screen and (max-width:640px){
.content04 table td .small{
font-size:7pt;
}
}
.content04 table td.other{
color:#666666;
font-size:119%;
font-weight:bold;
text-align:left;
}
@media screen and (max-width:980px){
.content04 table td.other{
font-size:100%;
}
}
@media screen and (max-width:640px){
.content04 table td.other{
font-size:8pt;
}
}
/*---------------------------------------*/
/* content05 */
/*---------------------------------------*/
.content05 img{
width:100%;
height:auto;
}
/*---------------------------------------*/
/* content06 */
/*---------------------------------------*/
.content06 .flowList{
position:relative;
}
.content06 .flowList .line{
width:0;
height:10px;
background:#b4141f;
position:absolute;
top:128px;
left:5%;	
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all  1s ease;
}
@media screen and (max-width:980px){
.content06 .flowList .line{
top:97px;
}
}
@media screen and (max-width:767px){
.content06 .flowList .line{
top:82px;
}
}
@media screen and (max-width:640px){
.content06 .flowList .line{
top:5%;
height:0;
width:5px;
left:47px;
}
}
.content06 .flowList.animation .line{
width:90%
}
@media screen and (max-width:640px){
.content06 .flowList.animation .line{
height:80%;
width:5px;
}
}
.content06 .flowList ul{
position:relative;
}
.content06 .flowList ul li{
width:19.2%;
margin-right:1%;
display:inline;
float:left;
}
@media screen and (max-width:640px){
.content06 .flowList ul li{
width:100%;
margin-right:0;
position:relative;
min-height:100px;
margin-bottom:20px;
}
}
.content06 .flowList ul li:last-child{
margin-right:0;
}
.content06 .flowList ul li .illust{
text-align:center;
font-size:170px;
color:#b4141f;
border:1px solid #b4141f;
border-radius:50%;
width:170px;
height:170px;
line-height:1;
margin:0 auto 25px;
background:#fff;
-moz-transform: scale(0.0,0.0);
-webkit-transform: scale(0.0,0.0);
-o-transform: scale(0.0,0.0);
-ms-transform: scale(0.0,0.0);
transform:scale(0.0,0.0);
display:block;
position:relative;
}
@media screen and (max-width:980px){
.content06 .flowList ul li .illust{
text-align:center;
font-size:115px;
width:115px;
height:115px;
}
}
@media screen and (max-width:767px){
.content06 .flowList ul li .illust{
text-align:center;
font-size:90px;
width:90px;
height:90px;
}
}
@media screen and (max-width:640px){
.content06 .flowList ul li .illust{
position:absolute;
top:0;
left:0;
font-size:100px;
width:100px;
height:100px;
margin:0 auto;
}
}
.content06 .flowList li .illust .icon{
position:absolute;
top:0;
left:0;
}
.content06 .flowList li .illust .icon.bg{
color:#dca6ab;
}
.content06 .flowList.animation ul li .illust{
-moz-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
-o-transform: scale(1.0,1.0);
-ms-transform: scale(1.0,1.0);
transform:scale(1.0,1.0);
}
.content06 .flowList.animation ul li .illust.flow01{
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.content06 .flowList.animation ul li .illust.flow02{
-webkit-transition: all 0.25s ease 0.2s;
-moz-transition: all 0.25s ease 0.2s;
-o-transition: all 0.25s ease 0.2s;
transition: all  0.25s ease 0.2s;
}
.content06 .flowList.animation ul li .illust.flow03{
-webkit-transition: all 0.25s ease 0.4s;
-moz-transition: all 0.25s ease 0.4s;
-o-transition: all 0.25s ease 0.4s;
transition: all  0.25s ease 0.4s;
}
.content06 .flowList.animation ul li .illust.flow04{
-webkit-transition: all 0.25s ease 0.6s;
-moz-transition: all 0.25s ease 0.6s;
-o-transition: all 0.25s ease 0.6s;
transition: all  0.25s ease 0.6s;
}
.content06 .flowList.animation ul li .illust.flow05{
-webkit-transition: all 0.25s ease 0.8s;
-moz-transition: all 0.25s ease 0.8s;
-o-transition: all 0.25s ease 0.8s;
transition: all  0.25s ease 0.8s;
}
.content06 .flowList li .ttl{
font-size:107%;
font-weight:bold;
margin-bottom:30px;
color:#b4141f;
line-height:1;
text-align:center;
}
@media screen and (max-width:980px){
.content06 .flowList li .ttl{
font-size:100%;
}
}
@media screen and (max-width:767px){
.content06 .flowList li .ttl{
font-size:81%;
}
}
@media screen and (max-width:640px){
.content06 .flowList li .ttl{
font-size:10pt;
text-align:left;
margin:10px 0 5px 110px;
}
}
.content06 .flowList ul li .note{
max-width: 180px;
margin: 0 auto;
font-size:81%;
}
@media screen and (max-width:767px){
.content06 .flowList li .note{
font-size:75%;
}
}
@media screen and (max-width:640px){
.content06 .flowList li .note{
font-size:8pt;
}
}

@media screen and (max-width:640px){
.content06 .flowList ul li .note{
margin:0 0 0 110px;
max-width:inherit;
}
}
/*---------------------------------------*/
/* content07 */
/*---------------------------------------*/
.content07 img{
width:100%;
height:auto;
}
/*---------------------------------------*/
/* fix */
/*---------------------------------------*/
@media screen and (max-width:640px){
.lastContent{
	margin-bottom:48px;
}
}
.fix{
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:100;
}
.fix ul li{
width:50%;
float:left;
display:inline;
height:46px;
border-top:1px solid #b4141f;
}
.fix a{
display:block;
height:46px;
line-height:46px;
text-align:center;
background:#b4141f;
}
.fix ul li:first-child a{
border-right:1px solid #fff;
}
.fix a:hover{
background:#fff;
}