@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');



/* ==============================================
reset-setting
============================================== */

* {
margin:0; 
padding:0;
}
h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li {
font-size:14px;
line-height:28px;
font-weight:normal;
color:#333333;
}
img {
border:none;
vertical-align:top;
width:100%;
height:auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}



body {
font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.center{
text-align:center;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong{
font-size:0;
line-height:0;
text-indent:-9999px;
display:none;
}



.clrFix:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .clrFix { display:inline-block; }
*:first-child+html .clrFix { display:inline-block; }

.clear {
clear:both;
}



a:link {color:#333333; text-decoration:underline;}
a:visited {color:#333333; text-decoration:none;}
a:hover {color:#333333; text-decoration:none;}
a:active {color:#333333; text-decoration:none;}
a {outline:none;}

::selection {
background:#e7f7f5;
}
::-moz-selection {
background:#e7f7f5;
}

.pc{
display:none;
}



/* ==============================================
common
============================================== */

header{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 60px;
background: #FFF;
z-index: 1001;
}
header .title{
padding: 12px 0 0 58px;
}
header .title a{
font-family:"Noto Sans JP";
font-size: 19px;
line-height: 20px;
font-weight: 400;
letter-spacing: 1px;
display: block;
text-decoration: none;
}
header .title a img{
width: 40px;
position: absolute;
top:12px;
left: 10px;
}
header .title a span{
font-family:"Noto Sans JP";
font-size: 10px;
line-height: 10px;
letter-spacing: 0;
display: block;
margin: 0 0 4px 0;
}
header .title a strong{
font-family:"Roboto Condensed";
font-size: 22px;
line-height: 22px;
letter-spacing: 0;
font-weight: 300;
color: #7dd1c7;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 5px;
}
header .menu{
padding:0;
width:16%;
position:fixed;
top:0;
right:0;
z-index: 100;
}
header nav{
position:fixed;
top:0;
right:-100%;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.95);
overflow-x: auto;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header nav.on{
right:0;
}



article{
margin: 60px 0 0 0;
}



footer {
position: relative;
border-top: solid 1px #ebebeb;
background: #FFF;
z-index: 1000;
}

footer .title{
padding: 12px 0 0 48px;
position: relative;
margin: 30px 0 40px 20px;
}
footer .title a{
font-family:"Noto Sans JP";
font-size: 19px;
line-height: 20px;
font-weight: 400;
letter-spacing: 1px;
display: block;
text-decoration: none;
}
footer .title a img{
width: 40px;
position: absolute;
top:12px;
left: 0;
}
footer .title a span{
font-family:"Noto Sans JP";
font-size: 10px;
line-height: 10px;
letter-spacing: 0;
display: block;
margin: 0 0 4px 0;
}
footer .title a strong{
font-family:"Roboto Condensed";
font-size: 22px;
line-height: 22px;
letter-spacing: 0;
font-weight: 300;
color: #7dd1c7;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 5px;
}
footer .sns{
position: absolute;
top: 42px;
right: 20px;
}
footer .sns a img{
width: 32px;
}
footer .copy{
font-size:10px;
text-align:center;
padding:0 0 20px 0;
}



nav .sns{
position: absolute;
top: 12px;
right: 56px;
}
nav .sns a img{
width: 36px;
}
nav a{
text-decoration: none!important;
}
nav ul{
border-top: 1px solid #ebebeb;
margin: 10px 20px 0 20px;
padding: 10px 0 0 0;
}
nav ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html nav ul { display:inline-block; }
*:first-child+html nav ul { display:inline-block; }

nav ul li{
float: left;
margin: 0 15px 0 0;
}
nav ul li:nth-child(2){
clear: both;
}
nav ul li a{
text-decoration: none;
display: block;
font-size: 14px;
line-height: 24px;
}
nav ul li:first-child a{
font-weight: 500;
}
nav ul.menu-06{
}
nav ul.menu-06 li{
margin: 0 14px 0 0;
}
nav ul.menu-06 li:nth-child(2){
clear: none;
}
nav ul.menu-06 li:last-child{
margin: 0;
}
nav ul.menu-06 li a{
font-size: 11px;
}
nav ul.menu-06 li:first-child a{
font-weight: 300;
}
nav .entry{
background: #7dd1c7;
margin: 13px 20px 0 20px;
}
nav .entry p{
color: #FFF;
font-weight: 500;
letter-spacing: 1px;
padding: 8px 15px 0 15px;
}
nav .entry p img{
width: 15px;
vertical-align: middle;
margin: -2px 5px 0 0;
}
nav .entry ul{
border-top: none;
margin: 0;
padding: 0 15px 10px 15px;
}
nav .entry ul li{
float: none;
margin: 0;
}
nav .entry ul li a{
}
nav .entry ul li:first-child a{
font-weight: 300;
}
nav .contact{
margin: 20px 20px 0 20px;
}
nav .contact:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html nav .contact { display:inline-block; }
*:first-child+html nav .contact { display:inline-block; }

nav .contact ul{
border-top: none;
margin: 0;
padding: 0;
float: left;
border: solid 1px #ebebeb;
}
nav .contact ul li{
float: none;
margin: 0;
text-align: center;
}
nav .contact ul li a{
display: block;
font-size: 12px;
line-height: 12px;
font-weight: 300;
padding: 10px 10px 10px 12px;
}
nav .contact ul li a img{
width: 15px;
vertical-align: middle;
margin: -1px 4px 0 0;
}
nav .contact p{
font-family:"Noto Sans JP";
font-size: 10px;
line-height: 10px;
font-weight: 300;
letter-spacing: 1px;
float: right;
display: block;
}
nav .contact p span{
font-family:"Roboto Condensed";
font-size: 20px;
line-height: 20px;
font-weight: 300;
letter-spacing: 0.3px;
color: #7dd1c7;
display: block;
margin: 0 0 4px 0;
}
nav .contact p span img{
width: 15px;
vertical-align: middle;
margin: -2px 2px 0 0;
}
nav .link{
text-align: center;
padding: 25px 0 0 0;
}
nav .link a{
text-decoration: none;
display: block;
font-size: 14px;
line-height: 24px;
}
nav .link a img{
width: 15px;
vertical-align: middle;
margin: -2px 0 0 5px;
}
nav .banner{
padding: 10px 80px 30px 80px;
}
nav .banner a{
}



#next{
text-align:center;
margin:12.5% 0 0 0;
padding:0 0 2.5% 0;
}
#next h2{
padding:0 0 7.5% 0;
}
#next p{
padding:0 0 7.5% 0;
}



/* ==============================================
.top
============================================== */

.index{
margin: 0;
}



.index #introduction{
position: relative;
overflow: hidden;
}
.index #introduction::after{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
background: url("../../images/tp_intr_bg.png") top left repeat-y;
background-size: 100% 20px;
width: 100%;
height: 100%;
opacity: 0.6;
}
.index #introduction a{
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
text-decoration: none!important;
}
.index #introduction a:hover{
opacity: 0.7;
}
.index #introduction h1{
font-family:"Noto Sans JP";
font-size: 24px;
line-height: 32px;
font-weight: 300;
letter-spacing: 2px;
padding: 82px 0 0 18px;
position: relative;
z-index: 100;
-moz-text-shadow: 0 0 8px rgba(255, 255, 255, 1.0);
-webkit-text-shadow: 0 0 8px rgba(255, 255, 255, 1.0);
text-shadow: 0 0 8px rgba(255, 255, 255, 1.0);
}
.index #introduction p.scroll{
padding: 20px 0 0 20px;
}
.index #introduction p.scroll a{
font-family:"Roboto Condensed";
position: relative;
display: block;
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 0 0 42px 0;

width: 60px;
z-index: 100;
}
.index #introduction p.scroll a:hover{
padding: 0 0 82px 0;
opacity: 1;
}
.index #introduction p.scroll a::before{
content: "";
display: block;
width: 1px;
height: 55px;
background: #000;
position: absolute;
bottom:0;
left: 1px;
z-index: 100;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.index #introduction p.scroll a:hover::before{
height: 100px;
}
.index #introduction p.scroll a::after{
content: "";
display: block;
width: 1px;
height: 8px;
background: #000;
position: absolute;
bottom:0px;
left: 4px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
z-index: 100;
}
.index #introduction #photo{
}
.index #introduction #photo ul{
}
.index #introduction #photo ul li{
}
.index #introduction #photo ul li img{
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.index #introduction #news{
position: absolute;
bottom:60px;
right: 0;
width: 90%;
background: rgba(255,255,255,0.8);
padding: 0 0 20px 0;
z-index: 100;
}
.index #introduction #news h2{
font-family:"Roboto";
font-size: 18px;
line-height: 18px;
font-weight: 300;
padding: 20px 20px 0 20px;
}
.index #introduction #news ul{
padding: 10px 20px 0 20px;
}
.index #introduction #news ul li{
position: relative;
font-family:"Noto Sans JP";
font-size: 12px;
line-height: 18px;
margin: 5px 0 0 0;
padding: 0 0 0 70px;
}
.index #introduction #news ul li a{
}
.index #introduction #news ul li a span{
font-family:"Roboto";
font-size: 13px;
line-height: 13px;
position: absolute;
top:3px;
left: 1px;
}
.index #introduction #entry{
position: fixed;
bottom:0;
right: 0;
z-index: 100;
width: 90%;
}
.index #introduction #entry a{
display: block;
width: 100%;
height: 60px;
background: #7dd1c7;
border-radius: 20px 0 0 0;
}
.index #introduction #entry a h2{
font-family:"Noto Sans JP";
font-size: 15px;
line-height: 20px;
font-weight: 500;
letter-spacing: 0.5px;
color: #FFF;
position: relative;
padding: 9px 0 0 12px;
}
.index #introduction #entry a h2 span{
font-family:"Roboto Condensed";
font-size: 44px;
line-height: 40px;
font-weight: 300;
letter-spacing: -2px;
color: #FFF;
position: absolute;
top:10px;
left: 110px;
}
.index #introduction #entry a p{
position: absolute;
top:0;
right: 0;
font-family:"Noto Sans JP";
font-size: 14px;
line-height: 14px;
padding: 20px 20px 0 0;
-moz-text-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;
}
.index #introduction #entry a p img{
width: 15px;
vertical-align: middle;
margin: -2px 0 0 5px;
}



.index #about{
background:url(../../images/sp/tp_abt_bg.jpg) no-repeat;
background-size:100% auto; 
position:relative;
padding:0 0 12.5% 0;
}
.index #about h2{
padding:17.5% 0 5% 0;
}
.index #about p{
text-align:center;
padding: 0 0 7.5% 0;
}
.index #about ul{
margin:0 12.5%;
}
.index #about ul li{
background:#FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding:5% 7.5%;
margin:2.5% 0 0 0;
}
.index #about div h3{
padding:7.5% 0 2.5% 0;
}
.index #about div p{
text-align:center;
}
.index #about p.button{
margin:0 10%;
padding:0;
}



.index #workplace{
background:url(../../images/sp/tp_wp_bg.jpg) no-repeat;
background-size:100% auto;
margin:12.5% 0 0 0;
}
.index #workplace div{
background: url(../../images/sp/tp_wp_bg_02.jpg) bottom no-repeat;
background-size:100% auto;
padding:0 0 35% 0;
}
.index #workplace h2{
padding:32.5% 0 0 0;
}
.index #workplace p{
text-align:center;
padding:7.5% 0 0 0;
}
.index #workplace p.button{
margin:10% 10% 0 10%;
padding:0;
}



.index #nurse{
margin:12.5% 0 0 0;
}
.index #nurse ul{
}
.index #nurse ul li{
float:left;
width:50%;
height: 200px;
position: relative;
overflow: hidden;
border-top: solid 1px #FFF;
border-right: solid 1px #FFF;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.index #nurse ul li:nth-child(2n){
border-right: none;
}
.index #nurse ul li a{
display: block;
}
.index #nurse ul li img{
width: 140%;
}
.index #nurse ul li span{
position: absolute;
top:12px;
left: 10px;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
font-weight: 500;
}
.index #nurse ul li span img{
width: auto;
height: 20px;
display: block;
margin: 0 0 5px 0;
}
.index #nurse ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .index #nurse ul { display:inline-block; }



.index #program{
background-size:100% auto;
}
.index #program div{
}
.index #program h2{
padding:17.5% 0 0 0;
}
.index #program p{
padding:7.5% 7.5% 0 7.5%;
}
.index #program p.button{
margin:7.5% 10% 12.5% 10%;
padding:0;
}



.index #recruit{
padding:0 0 10% 0;
}
.index #recruit h2{
padding:17.5% 0 7.5% 0;
}
.index #recruit ul{
padding:0 0 0 5%;
}
.index #recruit ul li{
width:46%;
margin:0 2.5% 2.5% 0;
float:left;
}
.index #recruit ul li a{
border:solid 3px #7dd1c7;
display:block;
padding:36% 0;
}
.index #recruit ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .index #recruit ul { display:inline-block; }



/* ==============================================
.about
============================================== */

.about #introduction{
background:url(../../about/images/sp/abt_intr_bg.jpg) bottom no-repeat;
background-size:100% auto;
padding:0 0 65% 0;
}
.about #introduction h1{
padding:12.5% 0 12.5% 0;
}
.about #introduction p{
padding:0 7.5%;
}
.about #introduction p img{
padding:0 0 7.5% 0;
}



.about #about{
background: url(../../about/images/sp/abt_abt_bg.jpg) center top no-repeat;
background-size:100% auto;
padding:0 0 12.5% 0;
}
.about #about h2{
padding:12.5% 0 0 0;
text-align:center;
}
.about #about p{
text-align:center;
padding:5% 0 0 0;
}
.about #about ul{
padding:7.5% 0 5% 0;
}
.about #about div p{
display:none;
}



.about #feature-01{
border-top: solid 1px #dcdcdc;
}
.about #feature-01 p{
padding:7.5% 7.5% 5% 7.5%;
}
.about #feature-01 ul{
padding:0 0 7.5% 0;
}
.about #feature-01 ul li{
padding:2.5% 7.5% 0 7.5%;
}



.about #feature-02{
border-top: solid 1px #dcdcdc;
}
.about #feature-02 p{
padding:7.5% 7.5% 5% 7.5%;
}
.about #feature-02 ul{
padding:0 0 7.5% 0;
}

.about #feature-02 ul li{
padding:2.5% 7.5% 0 7.5%;
}



.about #gan{
background:url(../../about/images/abt_gn_bg.jpg);
background-size:100px auto;
}
.about #gan h3{
padding:0 0 5% 0;
}
.about #gan p{
padding:2.5% 7.5% 5% 7.5%;
margin:0;
}



.about #feature-03{
background:url(../../about/images/sp/abt_ftr03_img.jpg) bottom no-repeat;
background-size:100% auto;
}
.about #feature-03 p{
padding:7.5% 7.5% 50% 7.5%;
}



.about #next{
background:#fed900;
}



/* ==============================================
.profile
============================================== */

.profile{
}
.profile::before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background: #f5f6f2 url("../../profile/images/wp_cnpt_bg.jpg") center bottom no-repeat;
background-size:100% auto;
}



.profile #introduction{
background: #FFF;
position: relative;
z-index: 100;
padding:25px 10px 10px 10px;
}
.profile #introduction h1{
font-size: 20px;
line-height: 20px;
font-weight: 500;
letter-spacing: 2px;
text-align: center;
background: url("../../profile/images/wp_intr_ttl.png") top center no-repeat;
padding: 40px 0 30px 0;
}
.profile #introduction div{
border: solid 4px #7dd1c7;
padding: 10px 20px 35px 20px;
margin: 20px 0 0 0;
}
.profile #introduction div h2{
font-size: 18px;
line-height: 24px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
padding: 15px 0 0 0;
}
.profile #introduction p{
padding: 20px 0 0 0;
line-height: 24px;
}
.profile #introduction .name{
padding: 30px 0 0 0;
text-align: center;
}
.profile #introduction .name img{
width: 160px;
height: auto;
border-radius: 80px;
display: block;
margin: 0 auto 10px auto;
}




.profile #concept{

background-size: 100% auto;
padding: 0 0 250px 0;
position: relative;
z-index: 100;
}
.profile #concept h2{
letter-spacing: 2px;
font-weight: 500;
font-size: 24px;
line-height: 24px;
padding: 60px 0 0 20px;
}
.profile #concept h2 img{
width: auto;
height: 19px;
vertical-align: middle;
margin: -4px 10px 0 0;
}
.profile #concept h3{
padding: 50px 0 0 20px;
}
.profile #concept h3 img{
width: auto;
height: 20px;
}
.profile #concept p{
font-size: 14px;
line-height: 24px;
padding: 20px 20px 0 20px;
}



.profile #policy{
background: #8dc031;
padding: 0 20px 22px 20px;
position: relative;
z-index: 100;
}
.profile #policy h2{
text-align: center;
font-size: 18px;
font-weight: 500;
color: #FFF;
padding: 20px 0 24px 0;
}
.profile #policy h2 span{
color: #ffff96;
}
.profile #policy ul{
border: solid 4px #FFF;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.profile #policy ul li{
border-bottom: solid 4px #FFF;
color: #FFF;
font-size: 15px;
line-height: 22px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 10px 0 12px 40px;
}
.profile #policy ul li:nth-child(3){
padding: 10px 0 12px 40px;
}
.profile #policy ul li:last-child{
border-bottom: none;
}
.profile #policy ul li span{
display: block;
position: absolute;
top: 10px;
left: 10px;
font-size: 24px;
font-weight: 500;
color: #000;
font-style: italic;
}



.profile #next{
background:#95c60e;
}



.profile #banner{
margin: 50px 20px 0 20px ; 
background: url(../../profile/images/sp/wp_bnr_chr.png) center top no-repeat;
background-size: 100% auto;
padding: 30% 0 0 0;
}
.profile #banner p{
}
.profile #banner p img{
border-radius: 10px;
border: solid 1px #e6e6e6;	
}



/* ==============================================
.workplace
============================================== */

.workplace{
}



.workplace #introduction{
padding:25px 0 0 0;
}
.workplace #introduction h1{
font-size: 24px;
line-height: 32px;
font-weight: 500;
letter-spacing: 2px;
text-align: center;
background: url("../../profile/images/wp_intr_ttl.png") top center no-repeat;
padding: 40px 0 0 0;
}
.workplace #introduction h1 span{
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 500;
letter-spacing: 2px;
text-align: center;
}



.workplace #floor{
}
.workplace #floor h2{
font-size: 10px;
line-height: 15px;
font-weight: 500;
padding: 15px 0 20px 18px;
}
.workplace #floor div{
position: relative;
margin: -1px 0 0 0;
}
.workplace #floor div::before{
content: "";
position: absolute;
top:0;
left: 0;
width: 20px;
height: 100%;
background: #fee866;
}
.workplace #floor div:nth-child(2n)::before{
background: #fed900;
}
.workplace #floor div h3{
font-size: 40px;
line-height: 40px;
font-weight: 300;
position: absolute;
top:-7px;
left: 40px;
}
.workplace #floor div:last-child h3{
top:-3px;
}
.workplace #floor div ul{
margin: 0 0 0 100px;
border-top: 1px solid #fed900;
}
.workplace #floor div ul li{
border-bottom: 1px solid #ebebeb;
}
.workplace #floor div ul li a{
font-size: 14px;
line-height: 18px;
text-decoration: none;
display: block;
padding: 4px 40px 8px 0;
position: relative;
}
.workplace #floor div ul li a span{
font-size: 11px;
line-height: 14px;
display: block;
}
.workplace #floor div ul li a::after{
content: "";
background: url("../images/cmn_arw-yellow.png");
background-size: 7px 13px;
position: absolute;
top:0;
bottom: 2px;
margin: auto;
right: 20px;
width: 7px;
height: 13px;
transform: rotate(90deg);
}



.workplace #workplace .floor{
padding: 0 20px;
}
.workplace #workplace .floor h2{
font-size: 60px;
line-height: 60px;
font-weight: 100;
padding: 70px 0 35px 0;
}



.workplace #workplace .floor .wp{
border-bottom: 1px solid #ebebeb;
position: relative;
padding: 0 0 50px 0;
}
.workplace #workplace .floor .wp h3{
font-size: 24px;
line-height: 32px;
letter-spacing: 2px;
position: relative;
padding: 35px 0 30px 0;
}
.workplace #workplace .floor .wp h3 span{
font-size: 12px;
line-height: 18px;
letter-spacing: 1px;
font-weight: 700;
display: block;
}
.workplace #workplace .floor .wp h3::after{
font-size: 28px;
line-height: 28px;
font-weight: 300;
color: #fed900;
position: absolute;
top:35px;
right: 0;
}
.workplace #workplace #floor_9f .wp h3::after{content: "9F";}
.workplace #workplace #floor_8f .wp h3::after{content: "8F";}
.workplace #workplace #floor_7f .wp h3::after{content: "7F";}
.workplace #workplace #floor_6f .wp h3::after{content: "6F";}
.workplace #workplace #floor_4f .wp h3::after{content: "4F";}



.slider{
margin: -1px -20px -15px -20px;
padding: 0 0 27px 0;
overflow: hidden;
}
.slider div {
cursor: pointer;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
border: none!important;
border-radius: 0!important;
}
.slick-slide {
float: left;
height: 240px;
margin: 0 5px;
}
.slick-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.slick-prev,
.slick-next {
display: none!important;
}
.slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
}
.slick-dots li button {
display: block;
width: 6px;
height: 6px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 6px;
height: 6px;
background: #fed900;
border-radius: 3px;
content: ' ';
}
.slick-dots li.slick-active button:before {
background-color: #333;
}



.workplace #workplace .floor .wp .accordion-button{
position: absolute;
bottom: 20px;
right: 0;
}
.workplace #workplace .floor .wp .accordion-button a{
display: block;
width: 88px;
height: 20px;
text-decoration: none;
}
.workplace #workplace .floor .wp .accordion-button a span{
font-size: 12px;
line-height: 19px;
width: 88px;
height: 21px;
border-radius: 10px;
position: relative;
text-align: center;
padding: 0 14px 0 0;
box-sizing: border-box;
}
.workplace #workplace .floor .wp .accordion-button a .on{
background: #ebebeb;
display: block;
}
.workplace #workplace .floor .wp .accordion-button a .on::after{
content: "";
background: url("../images/cmn_arw-black.png");
background-size: 5px 10px;
position: absolute;
top:0;
bottom: 3px;
margin: auto;
right: 12px;
width: 5px;
height: 10px;
transform: rotate(-90deg);
}
.workplace #workplace .floor .wp .accordion-button a .off{
background: #fed900;
display: none;
}
.workplace #workplace .floor .wp .accordion-button a .off::after{
content: "";
background: url("../images/cmn_arw-black.png");
background-size: 5px 10px;
position: absolute;
top:0;
bottom: 0px;
margin: auto;
right: 12px;
width: 5px;
height: 10px;
transform: rotate(90deg);
}



.workplace #workplace .floor .wp .accordion{
}
.workplace #workplace .floor .wp .accordion h4{
font-size: 18px;
line-height: 28px;
padding: 20px 0 0 0;
}
.workplace #workplace .floor .wp .accordion ul{
padding: 25px 0 5px 0;
}
.workplace #workplace .floor .wp .accordion ul li{
font-size: 14px;
line-height: 20px;
font-weight: 500;
background: #f5f5f5;
margin: 1px 0 0 0;
padding: 8px 12px 9px 12px;
}
.workplace #workplace .floor .wp .accordion ul li:last-child{
padding: 8px 12px 10px 12px;
}
.workplace #workplace .floor .wp .accordion h5{
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 30px 0 0 0;
}
.workplace #workplace .floor .wp .accordion h6{

font-size: 14px;
line-height: 20px;
font-weight: 700;
padding: 5px 0 0 0;
}
.workplace #workplace .floor .wp .accordion p{
font-size: 13px;
line-height: 20px;
padding: 20px 0 0 0;
}



.workplace #workplace .floor .wp .accordion-button.off a .on{
display: none;
}
.workplace #workplace .floor .wp .accordion-button.off a .off{
display: block;
}
.workplace #workplace .floor .wp .accordion.off{
overflow: hidden;
height: 40px;
margin: 10px 0 0 0;
}
.workplace #workplace .floor .wp .accordion.off h4,
.workplace #workplace .floor .wp .accordion.off ul,
.workplace #workplace .floor .wp .accordion.off ul li,
.workplace #workplace .floor .wp .accordion.off ul li:last-child,
.workplace #workplace .floor .wp .accordion.off p{
font-size: 13px;
line-height: 20px;
font-weight: 400;
padding: 0;
margin: 0;
background: none;
}
.workplace #workplace .floor .wp .accordion.off h4 br,
.workplace #workplace .floor .wp .accordion.off ul li br{
display: none;
}



/* ==============================================
.data
============================================== */

.data{
background: url("../../profile/images/dt_bg_sp.png");
background-size: 375px auto;
}



.data #introduction{
}
.data #introduction .inner{
}
.data #introduction .inner h1{
}


.data .graph{
}
.data .graph .inner{
padding: 0 20px 60px 20px;
}
.data .graph .inner h2{
font-size: 24px;
line-height: 36px;
letter-spacing: 4px;
font-weight: 300;
text-align: center;
color: #fff;
padding: 30px 0 30px 0;
border-radius: 4px;
border: solid 2px #fff;
}
.data .graph .inner h2 span{
font-size: 16px;
line-height: 20px;
font-weight: 500;
display: block;
color: #fff;
padding: 0 0 8px 0;
}
.data .graph .inner h2 span img{
width: auto;
height: 28px;
display: block;
margin: 0 auto 15px auto;
}
.data .graph .inner p{
padding: 25px 0 0 0;
color: #fff;
}
.data .graph .inner .note{
font-size: 11px;
line-height: 16px;
padding: 15px 0 0 0;
text-align: right;
}
.data .graph .inner .note a{
font-size: 11px;
line-height: 16px;
color: #fff;
text-decoration: underline;
}



.data .graph .inner div{
background: #fff;
border-radius: 4px;
margin: 20px 0 0 0;
padding: 30px 20px 0 20px;
}
.data .graph .inner div h3{
padding: 25px 0 0 0;
font-weight: 500;
font-size: 16px;
line-height: 20px;
position: relative;
text-align: center;
color: #333;
letter-spacing: 2px;
background: url("../../profile/images/dt_icn.png") center top no-repeat;
background-size: 40px auto;
}
.data .graph .inner div h3 img{
width: auto;
height: 20px;
position: absolute;
top:21px;
left: 0;
}
.data .graph .inner div h4{
font-weight: 700;
font-size: 14px;
}
.data .graph .inner div p{
color: #222222;
font-size: 13px;
line-height: 18px;
font-weight: 500;
padding: 15px 0 0 0;
}
.data .graph .inner div ul{
padding: 10px 0 30px 0;
}
.data .graph .inner div ul li{
font-size: 13px;
line-height: 18px;
text-indent: -18px;
margin: 5px 0 0 18px;
}
.data .graph .inner div figure{
padding: 30px 0 0 0;
}



.data .graph .inner div table{
border-collapse:collapse;
border-spacing:0;
border-bottom: 1px solid #7dd1c7;
width: 100%;
margin: 30px 0 0 0;
}
.data .graph .inner div table th{
border-top: 1px solid #7dd1c7;
color: #28beb9;
background: #ebfafa;
font-weight: 500;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
text-align: center;
padding: 8px 0 12px 0;
}
.data .graph .inner div table td{
border-top: 1px solid #7dd1c7;
color: #28beb9;
font-size: 14px;
line-height: 20px;
font-weight: 500;
vertical-align: middle;
text-align: center;
padding: 10px 0 12px 0;
}
.data .graph .inner div table th.left{
padding: 8px 0 12px 12px;
}
.data .graph .inner div table th.right{
padding: 8px 0 12px 0;
}
.data .graph .inner div table td.left{
padding: 10px 0 12px 0;
}
.data .graph .inner div table td.right{
padding: 10px 12px 12px 0;
}
.data .graph .inner div table td.right:last-child{
padding: 10px 0 12px 0;
}
.data .graph .inner div table th + th,
.data .graph .inner div table td + td{
border-left: 1px solid #7dd1c7;
}
.data .graph .inner div table td span{
color: #28beb9;
font-size: 13px;
line-height: 18px;
font-weight: 500;
}
.data .graph .inner div span.fs-s{
font-size: 16px;
line-height: 16px;
letter-spacing: -0.5px;
font-weight: 400;
display: inline-block;
vertical-align: bottom;
margin: 0 4px 2px 0;
}
.data .graph .inner div span.fs-m{
font-size: 20px;
line-height: 20px;
letter-spacing: -0.5px;
font-weight: 400;
display: inline-block;
vertical-align: bottom;
margin: 0 4px 1px 0;
}
.data .graph .inner div span.fs-l{
font-size: 30px;
line-height: 30px;
letter-spacing: -0.5px;
font-weight: 400;
display: inline-block;
vertical-align: bottom;
margin: -2px 4px 1px 0;
}
.data .graph .inner div span.fs-x{
font-size: 80px;
line-height: 80px;
letter-spacing: -0.5px;
font-weight: 300;
display: inline-block;
vertical-align: bottom;
margin: 0 4px -2px 0;
}
.data .graph .inner div .center{
text-align: center;
}
.data .graph .inner div .left{
text-align: left;
}
.data .graph .inner div .right{
text-align: right;
}
.data .graph .inner div .note{
text-align: right;
color: #333!important;
font-size: 11px;
line-height: 16px;
padding: 5px 0 20px 0;
}



.data .graph .inner #graph-01-01 p{
color: #28beb9;
}
.data .graph .inner #graph-01-01 p span{
color: #28beb9;
}



/* ==============================================
#nurse-top
============================================== */

#nurse-top{
padding:15px 0 0 0;
}
#nurse-top #introduction{
}
#nurse-top #introduction h1{
font-size: 20px;
line-height: 20px;
font-weight: 500;
letter-spacing: 2px;
text-align: center;
background: url("../../nurse/images/nrs_pr_icn.png") top center no-repeat;
padding: 40px 0 30px 0;
}



#nurse-top #list div{
margin: 30px 0 0 0;
position: relative;
padding: 0 10px;
}
#nurse-top #list div a{
display: block;
text-decoration: none;
border:solid 3px #95c60e;
position: relative;
padding: 20px 0 40px 20px;
z-index: 100;
}
#nurse-top #list div h2{
font-size: 14px;
line-height: 20px;
font-weight: 500;
padding: 20px 0 0 0;
}
#nurse-top #list div h2 span{
font-size: 15px;
line-height: 15px;
font-weight: 400;
color: #95c60e;
display: block;
background: url("../../nurse/images/nrs_pr_icn.png") no-repeat;
background-size: auto 16px;
padding: 0 0 40px 22px;
}
#nurse-top #list div h2 img{
width: auto;
height: 32px;
}
#nurse-top #list div h2 strong{
display: table;
font-size: 24px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0;
color: #222222;
text-indent: 0;
border-bottom: 3px #222 solid;
margin: 15px 0 5px 0;
padding: 0 0 6px 0;
}
#nurse-top #list div p{
font-size: 10px;
line-height: 10px;
font-weight: 300;

color: #95c60e;
width: 40%;
text-align: right;
padding: 20px 0 0 0;
}
#nurse-top #list div p span{
font-size: 15px;
line-height: 15px;
font-weight: 500;
display: block;
border: solid 1px #95c60e;
text-align: center;
padding: 11px 0 14px 0;
margin: 0 0 8px 0;
}
#nurse-top #list div .image{
position: absolute;
top:-15px;
right: -15px;
padding: 0;
width: calc(50% + 13px);
height: calc(100% + 30px);
}
#nurse-top #list div .image img{
width: 100%;
height: 100%;
object-fit: cover;
}



/* ==============================================
.nurse
============================================== */

.nurse{
}
.nurse #contents{
position: relative;
padding: 10px 0 0 0;
}



.nurse #profile{
border:solid 3px #95c60e;
position: relative;
padding: 0 0 50px 20px;
margin: 0 10px;
}
.nurse #profile::before{
content: "";
position: absolute;
top:-13px;
right:-13px;
width: calc(50% + 13px);
height: calc(100% + 26px);
z-index: -1;
}
#nurse-01 #profile::before{
background: url(../../nurse/images/nrs01_intr_bg.jpg) center no-repeat;
background-size: auto 100%;
}

#nurse-02 #profile::before{
background: url(../../nurse/images/nrs02_intr_bg.jpg) center no-repeat;
background-size: auto 100%;
}
#nurse-03 #profile::before{
background: url(../../nurse/images/nrs03_intr_bg.jpg) center no-repeat;
background-size: auto 100%;
}
#nurse-04 #profile::before{
background: url(../../nurse/images/nrs04_intr_bg.jpg) center no-repeat;
background-size: auto 100%;
}
.nurse #profile h1{
font-size: 14px;
line-height: 20px;
font-weight: 500;
padding: 20px 0 0 0;
}
.nurse #profile h1 span{
font-size: 15px;
line-height: 15px;
font-weight: 400;
color: #95c60e;
display: block;
background: url("../../nurse/images/nrs_pr_icn.png") no-repeat;
background-size: auto 16px;
padding: 0 0 40px 22px;
}
.nurse #profile h1 img{
width: auto;
height: 32px;
}
.nurse #profile h1 strong{
display: table;
font-size: 24px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0;
color: #222222;
text-indent: 0;
border-bottom: 3px #222 solid;
margin: 15px 0 5px 0;
padding: 0 0 6px 0;
}
.nurse #profile p{
font-size: 10px;
line-height: 10px;
font-weight: 300;
color: #95c60e;
width: 40%;
text-align: right;
padding: 40px 0 0 0;
}
.nurse #profile p span{
font-size: 15px;
line-height: 15px;
font-weight: 500;
display: block;
border: solid 1px #95c60e;
text-align: center;
padding: 11px 0 14px 0;
margin: 0 0 8px 0;
}



.nurse #interview{
padding:0 0 7.5% 0;
}
.nurse #interview h2{
font-family:"Noto Serif JP";
font-size: 20px;
line-height: 32px;
letter-spacing: 1px;
text-align: center;
background: url("../../nurse/images/nrs_sttl.png") center top no-repeat;
background-size: auto 41px;
margin: 80px 0 0 0;
padding:55px 0 0 0;
}
.nurse #interview h2 span{
display: block;
padding:0 0 10px 0;
font-family:"Noto Sans JP";
font-size: 16px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0;
color: #95c60e;
}
.nurse #interview p{
padding:30px 30px 0 30px;
}
.nurse #interview .image{
padding:35px 0 0 0;
}



.nurse .bottom{
background:url(../../nurse/images/sp/nrs_bg_grid.png);
background-size:20px auto;
padding:0 0 7.5% 0;
}
.nurse #schedule{
position:relative;
}
.nurse #schedule h2{
padding:5% 0 0 0;
}
.nurse #schedule div{
background:url(../../nurse/images/sp/nrs_scdl_bg.png) no-repeat;
background-size:100% auto;
padding:0 0 2.5% 0;
}
.nurse #schedule dl{
background:#FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
position: relative;
margin:0 2.5% 0 21%;
}
.nurse #schedule dl dt{
font-size:14px;
line-height:24px;
color:#95c60e;
font-weight:bold;
padding:4.5% 5% 5% 5%;
}
.nurse #schedule dl dd{
font-size:14px;
line-height:24px;
padding:0 5% 5% 5%;
margin:-2.5% 0 0 0;
}
.nurse #schedule dl dd.time{
position:absolute;
top:27%;
left:-23%;
margin:0;
padding:0;
width:15%;
}
.nurse #schedule p{

padding:0 2.5%;
}
.nurse #schedule p br{
display:none;
}



.nurse #holiday h2{

padding:12.5% 0 0 0;
}
.nurse #holiday div{
border: solid 5px #FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin:7.5% 2.5% 0 2.5%;
}
.nurse-01 #holiday div{
background:#bbd844 url(../../nurse/images/sp/nrs01_hldy_img.jpg) no-repeat;
background-size:100% auto;
}
.nurse-02 #holiday div{
background:#bbd844 url(../../nurse/images/sp/nrs02_hldy_img.jpg) no-repeat;
background-size:100% auto;
}
.nurse-03 #holiday div{
background:#bbd844 url(../../nurse/images/sp/nrs03_hldy_img.jpg) no-repeat;
background-size:100% auto;
}
.nurse-04 #holiday div{
background:#bbd844 url(../../nurse/images/sp/nrs04_hldy_img.jpg) no-repeat;
background-size:100% auto;
}
.nurse-05 #holiday div{
background:#bbd844 url(../../nurse/images/sp/nrs05_hldy_img.jpg) no-repeat;
background-size:100% auto;
}
.nurse #holiday div h3{
font-size:16px;
font-weight:bold;
padding:60% 5% 2.5% 5%;
}
.nurse #holiday div p{
padding:0 5% 5% 5%;
}



.nurse #contents-menu{
margin:0 0 0 2.5%;
}
.nurse #contents-menu ul li{
float:left;
margin:2.5% 2.5% 0 0;
width:47.5%;

}
.nurse #contents-menu ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .nurse #contents-menu ul { display:inline-block; }



.nurse #next{
background:#00b5e5;
}



/* ==============================================
#specialist
============================================== */

#specialist{
}
#specialist::before{
content: "";
display: block;
width: 100%;
height: 100%;
position: fixed;
top:0;
left: 0;
background: #eff4f9 url("../../nurse/images/spc_bg.jpg") top center no-repeat;
background-size: 100% auto;
z-index: -1;
}
#specialist #title{
background: #fff;
}
#specialist #title h1{
font-size: 24px;
line-height: 36px;
font-weight: 500;
letter-spacing: 1px;
color: #444;
text-align: center;
padding: 25px 0 0 0;
}
#specialist #title h1 img{
width: auto;
height: 32px;
display: block;
margin: 0 auto 10px auto;
}
#specialist #title h1 span{
font-size: 13px;
line-height: 20px;
display: block;
}
#specialist #title p{
font-size: 14px;
line-height: 24px;
color: #444;
padding: 25px 20px 0 20px;
}
#specialist #title .note{
font-size: 10px;
line-height: 15px;
text-align: right;
padding: 10px 20px 0 0;
}



#specialist #list {
padding: 0 0 60px 0;
background: #fff;
}
#specialist #list div {
padding: 50px 0 0 0;
}
#specialist #list div h2 {
font-size: 20px;
line-height: 30px;
letter-spacing: 1px;
color: #fa96b4;
position: relative;
padding: 0 0 0 20px;
}
#specialist #list div h2 img {
width: auto;
height: 24px;
position: absolute;
top:3px;
left: 0;
}
#specialist #list div h2 span {
font-size: 20px;
line-height: 30px;
letter-spacing: 0;
font-weight: 300;
color: #444;
position: absolute;
top:0;
right: 20px;
background: url("../../nurse/images/spc_lst_dln.png") top 14px left no-repeat;
background-size: 18px auto;
padding: 0 0 0 26px;
}
#specialist #list div ul {
border-top: 1px solid #ffe2e2;
margin: 15px 20px 0 40px;
}
#specialist #list div ul li {
border-bottom: 1px solid #ffe2e2;
position: relative;
}
#specialist #list div ul li a {
font-size: 14px;
line-height: 20px;
color: #444;
text-decoration: none;
display: block;
padding: 8px 0 10px 0;
background: url("../../nurse/images/spc_lst_arw_01.png") top 16px right no-repeat;
background-size: 11px auto;
}
#specialist #list div ul li a span {
position: absolute;
top:7px;
right: 20px;
display: block;
}
#specialist #list div ul li a img {
width: auto;
height: 24px;
border-radius: 12px;
margin: 0 0 0 4px;
}
#specialist #list div:nth-child(2) h2 {
color: #00b5e4;
}
#specialist #list div:nth-child(2) ul {
border-top: 1px solid #ccf0fa;
}
#specialist #list div:nth-child(2) ul li {
border-bottom: 1px solid #ccf0fa;
}
#specialist #list div:nth-child(2) ul li a {
background: url("../../nurse/images/spc_lst_arw_02.png") top 16px right no-repeat;
background-size: 11px auto;
}
#specialist #list div:nth-child(3) h2 {
color: #95c60e;
}
#specialist #list div:nth-child(3) ul {
border-top: 1px solid #eaf4cf;
}
#specialist #list div:nth-child(3) ul li {
border-bottom: 1px solid #eaf4cf;
}
#specialist #list div:nth-child(3) ul li a {
background: url("../../nurse/images/spc_lst_arw_03.png") top 16px right no-repeat;
background-size: 11px auto;
}



#specialist .specialist {
}
#specialist .specialist h2 {
font-size: 30px;
line-height: 40px;
letter-spacing: 4px;
font-weight: 300;
color: #444;
text-align: center;
padding: 70px 0 55px 0;
}
#specialist .specialist h2 span {
font-size: 20px;
line-height: 30px;
font-weight: 400;
display: block;
padding: 5px 0 0 0;
}
#specialist .specialist div {
background: rgba(255,255,255,0.7);
margin: 20px 0 0 20px;
padding: 0 20px 40px 20px;
position: relative;
border-top: 2px solid #fa96b4;
backdrop-filter: blur(8px);
}
#specialist #specialist-02 div {
border-top: 2px solid #00b5e4;
}
#specialist #specialist-03 div {
border-top: 2px solid #95c60e;
}
#specialist .specialist div h3 {
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
padding: 18px 0 0 0;
position: relative;
color: #fa96b4;
}
#specialist #specialist-02 div h3 {
color: #00b5e4;
}
#specialist #specialist-03 div h3 {
color: #95c60e;
}
#specialist .specialist div h3 strong {

font-size: 24px;
line-height: 36px;
font-weight: 300;
letter-spacing: 2px;
color: #444;
text-indent: inherit;
display: block;
}
#specialist .specialist div h3 span {
font-size: 20px;
line-height: 30px;
font-weight: 300;
color: #444;
position: absolute;
bottom:1px;
right: 0;
background: url("../../nurse/images/spc_lst_dln.png") top 14px left no-repeat;
background-size: 18px auto;
padding: 0 0 0 26px;
}
#specialist .specialist div ul {
text-align: center;
padding: 3px 0 15px 0;
margin: 0 -20px;
}
#specialist .specialist div ul li {
display: inline-block;
margin: 12px 4px 0 4px;
}
#specialist .specialist div ul li img {
width: auto;
height: 70px;
border-radius: 35px;
}
#specialist .specialist div .text {
font-size: 13px;
line-height: 24px;
color: #444;
overflow: hidden;
max-height: 75px;
-webkit-transition: 1.0s ease-out;
transition: 1.0s ease-out;
}
#specialist .specialist div.on .text {
max-height: 1000px;
}
#specialist .specialist div .text.on {
max-height: 1000px;
}
#specialist .specialist div .more {
position: absolute;
bottom:24px;
right: 20px;
font-size: 13px;
line-height: 13px;
padding: 0 0 0 20px;
}
#specialist .specialist div.on .more {
display: none;
}
#specialist .specialist div .more a {
color: #95c60e;
}



#specialist #specialist-03 {
padding: 0 0 80px 0;
}



/* ==============================================
.program
============================================== */

.program #introduction{
background:#6ec7d7;
}
.program #introduction h1{
padding:17.5% 0 0 0;
}
.program #introduction p{
padding:7.5% 7.5% 5% 7.5%;
}



.program #generalist{
background: url(../../program/images/sp/prgm_bg.jpg) no-repeat;
background-size:100% auto;
}
.program #generalist h2{
padding:35% 0 0 0;
}
.program #generalist p{
padding:7.5% 7.5% 0 7.5%;
}
.program #generalist h3{
padding:5% 0 0 0;
margin: 0 0 -8% 0;
}
.program #generalist div p{
padding:5% 7.5% 0 7.5%;
}
.program #generalist div div{
border:1px solid #00aada;
margin:5% 7.5% 0 7.5%;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.program #generalist div div h4{
padding:7.5% 5% 0 5%;
text-align:center;
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #00b5e4;
}
.program #generalist div div p{
font-size:12px;
line-height:24px;
padding:5%;
}



.program #career-pass h2{
padding:12.5% 0 0 0;
text-align:center;
font-size: 15px;
line-height: 24px;
font-weight: bold;
color: #00b5e4;
}
.program #career-pass h2 strong{
color: #EC585B;
display: inline-block;
font-size: 20px;
line-height: 24px;
text-indent: inherit;
}
.program #career-pass h2 span strong{
font-size: 15px;
line-height: 24px;
}
.program #career-pass p{
padding:7.5% 7.5% 0 7.5%;
}



.program #career-pass #tools{
background:url(../../program/images/sp/prgm_crps_bg.png) no-repeat;
background-size:100% auto;
margin:7.5% 0 0 0;
padding:45% 0 0 5%;
}
.program #career-pass #tools div{
width:46%;
float:left;
margin:0 2.5% 2.5% 0;
background:#FFF;
border:1px solid #d1d1d1;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding:0 0 5% 0;
}
.program #career-pass #tools p{
padding:2.5% 10% 0 10%;
font-size:13px;
line-height:22px;
}
.program #career-pass #tools p img{
margin:10% 0;
}
.program #career-pass #tools:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .program #career-pass #tools { display:inline-block; }
*:first-child+html .program #career-pass #tools { display:inline-block; }



.program #career-pass .inner{
background:#6eb1c3 url(../../program/images/sp/prgm_crps_arw.png) no-repeat;
background-size:100% auto;
padding:40% 0 7.5% 0;
}
.program #career-pass .inner p{
text-align: center;
font-size: 16px;
line-height: 24px;
color: #FFF;
font-weight: bold;
padding: 10% 0 15% 0;
}
.program #career-pass .inner div{
margin:0 2.5% 2.5% 2.5%;
padding:0 0 2.5% 0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background:#FFF;
}
.program #career-pass .inner div h3{
padding:7.5% 0;
text-align:center;
font-size: 15px;
line-height: 23px;
font-weight: 500;
letter-spacing: 0.8px;
}



.program #career-pass .inner div .table{
margin:0;
padding:0 0 3% 0;
border-radius: 0;
background:none;
overflow: hidden;
overflow-x: scroll;
}
.program #career-pass .inner div table{
width: 800px;
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
margin: 0 5%;
}
.program #career-pass .inner div table th{
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
font-size: 12px;
line-height: 16px;
letter-spacing: 0;
font-weight: 500;
text-align: center;
padding: 4px 4px 6px 4px;
}
.program #career-pass .inner div table td{
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
font-size: 12px;
line-height: 16px;
letter-spacing: 0;
text-align: center;
padding: 4px 4px 6px 4px;
}
.program #career-pass .inner div table tr:first-child th{
background: #888;
color: #fff;
}
.program #career-pass .inner div table tr.rudder-01 th{
background: #f7e2e2;
}
.program #career-pass .inner div table tr.rudder-02 th{
background: #f0e9bf;
}
.program #career-pass .inner div table tr.rudder-03 th{
background: #ffe2cd;
}
.program #career-pass .inner div table tr.rudder-04 th{
background: #e9e2f0;
}
.program #career-pass .inner div table tr.rudder-05 th{
background: #e9f0d4;
}
.program #career-pass .inner div table tr.rudder-06 th{
background: #cdf0f7;
}
.program #career-pass .inner div table tr.rudder-01 td.training{
background: #faebeb;
}
.program #career-pass .inner div table tr.rudder-02 td.training{
background: #f5f0d2;
}
.program #career-pass .inner div table tr.rudder-03 td.training{
background: #ffebdc;
}
.program #career-pass .inner div table tr.rudder-04 td.training{
background: #f0ebf5;
}
.program #career-pass .inner div table tr.rudder-05 td.training{
background: #f0f5e1;
}
.program #career-pass .inner div table tr.rudder-06 td.training{
background: #dcf5fa;
}



.program #career-pass .inner div dl{
margin:0 5% 12.5% 5%;
}
.program #career-pass .inner div dl dd{
font-size:13px;
line-height:24px;
padding:5% 0 0 0;
}



.program #step-up div{
width:1100px;
margin:30px auto 0 auto;
background:url(../../program/images/prgm_stp_img.jpg) top center no-repeat;
}
.program #step-up h2{
padding:70px 0 0 0;
text-align:center;
}
.program #step-up p{
width:567px;
margin:0 auto;
padding:43px 0 0 0;
}
.program #step-up ul{
margin:0 -50px 0 0;
padding:400px 0 0 0;
}
.program #step-up ul li{
width:235px;
float:left;
margin:0 50px 0 0;
font-size:13px;
line-height:24px;
text-align:center;
}
.program #step-up ul li img{
margin:0 0 5px 0;
}
.program #step-up ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .program #step-up ul { display:inline-block; }



.program #program-links h2{
margin: 0 0 -6% 0;
}
.program #program-links div{
background: #6ec6d6;
padding: 8% 5% 3% 5%;
}
.program #program-links div ul li{
margin: 0 0 10px 0;
}



/* ==============================================
.specialist
============================================== */
.specialist{
border-top: 1px solid #cccccc;
}
.specialist img{
height: auto;
}
.specialist #introduction{
}
.specialist #introduction p{
padding:0 7.5% 45px 7.5%;
}
.specialist #selection #selection-01,
.specialist #selection #selection-02{
margin:6.5% 5.5% 5% 5.5%;
padding:5.8% 5.8% 5% 5.8%;
}
.specialist #selection #selection-02{
margin:0 5.5% 5% 5.5%;
padding:5.8% 5.8% 5% 5.8%;
}
.specialist #selection div{
border:#00a6d6 1px solid;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.specialist #selection #selection-01 ul li,
.specialist #selection #selection-02 ul li{

text-indent:-28px;
margin: 0 0 0.5em 28px;
line-height: 1.2em;
}
.specialist #selection #selection-01 ul li img,
.specialist #selection #selection-02 ul li img{
width: 21px;
height: auto;
padding: 0 8px 0 0;
vertical-align:middle;
}
.specialist #selection div p{
background:#f2fafd;
text-align:center;
padding:10px;
margin: 5% 0 0 0;
}
.specialist #list{
border-bottom: 1px solid #d2f0f8;
}
.specialist #selection div h3{
margin: 0 0 15px 0;
}
.specialist #list ul li.title{
padding:0;
background:#0086a5;
text-align:center;
}
.specialist #list ul li.title img{
width:100%;
padding: 0;
}

.specialist #list ul{
background:#00aada;
padding: 0 2% 3% 2%;
}
.specialist #list ul li img{
width:40px;
padding: 0 10px 0 0;
vertical-align: middle;
}
.specialist #list ul li{
margin:0 0 1px 0;
background:#FFF url(../../program/images/sp/spcl_lst_arw.png) right no-repeat;
}
.specialist #list ul li a{
display:block;
text-decoration: none;
padding:5px 5px 5px 10px;
}
.specialist #list div p{
padding:4% 5.5% 5% 5.5%;
}
.specialist #list ul.specialist-02{
margin:0 0 2% 0;
}
.specialist #list div h3{
padding:30px 5.5% 0 5.5%;
border-top: 1px solid #d2f0f8;
}
.specialist #list div#specialist-01 h3{
border-top:none;
}
.specialist #list div .image{
padding:20px 5.5% 0 5.5%;
}
.specialist #list div p.button{
width:126px;
height:28px;
background:url(../../program/images/sp/spcl_lst_btn_open.png) 0 0 no-repeat;
background-size:126px 28px !important;

margin: 0 auto 5% auto;
padding:0;
}
.specialist #list div p.button.open{
background:url(../../program/images/sp/spcl_lst_btn_close.png) 0 0 no-repeat;
}
.specialist #list div div{
padding:0;
}
.specialist #program-links h2{
margin: 0 0 -6% 0;
}
.specialist #program-links div{
background: #6ec6d6;
padding: 8% 5% 3% 5%;
}
.specialist #program-links div ul li{
margin: 0 0 10px 0;
}



/* ==============================================
.preceptor
============================================== */
.preceptor{
border-top: 1px solid #cccccc;
}
.preceptor img{
height: auto;
}
.preceptor h1{
margin: 0 0 25px 0;
}
.preceptor #introduction p{
padding:0 5% 8% 5%;
}

.preceptor #list{
margin:0 auto;
border-bottom:1px solid #00aada;
}
.preceptor #list h2{
background:#00aada;
}

.preceptor #list div{
background:url(../../program/images/sp/prcp_lst_bg.png) 0 0 repeat-y;
background-size: 45px auto;
border-top:1px solid #cceef8;
position:relative;
padding:20px 20px 20px 65px;
}
.preceptor #list div.month{
padding:20px 20px 10px 65px;
}
.preceptor #list div.month#month-04{
padding-top:30px;
}
.preceptor #list #month-04,
.preceptor #list #month-06,
.preceptor #list #month-08,
.preceptor #list #month-10,
.preceptor #list #month-12,
.preceptor #list #month-02{
background:#f2fafd url(../../program/images/sp/prcp_lst_bg.png) 0 0 repeat-y;
background-size: 45px auto;
}
.preceptor #list div #idea{
background:none;
border:1px solid #cdcdcd;
padding:7% 7% 5% 7%;
margin: 10px 0 0 0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.preceptor #list div #idea h3{
text-align:center;
padding:0 0 0 0;
}
.preceptor #list div #idea p{
padding: 0;
margin: 0;
}
.preceptor #list div.month h3{
position:absolute;
top:0;
left:0;
}
.preceptor #list div.month h3 img{
width: 45px;
}
.preceptor #list div.month li{
font-size:12px;
line-height:16px;
}
.preceptor #list div p.note{
color:#00aada;
position:absolute;
top:5px;
right:10px;
padding:0;
}
.preceptor #list div li{
margin: 0 0 10px 0;
}
.preceptor #list div li img{
margin: 0 0 10px 0;
width:181px;
display: block;
}
.preceptor #list div li span{
color:#00aada;
margin:0 0 0 10px;
}

.preceptor #facility{
padding:0 7.5% 3% 7.5%;
}
.preceptor #facility div{
margin: 45px 0 0 0;
}
.preceptor #facility div#facility-01{
margin: 35px 0 0 0;
}
.preceptor #facility div h3{
margin:0 0 15px 0;
}
.preceptor #facility div p{
font-size:13px;
line-height: 24px;
}
.preceptor #facility div p.image{
display: none;
}
.preceptor #facility div p.link{
padding:0;
}
.preceptor #facility div p.link a{
color:#5dbaad;
text-decoration:underline;
}
.preceptor #program-links h2{
margin: 0 0 -6% 0;
}
.preceptor #program-links div{
background: #6ec6d6;
padding: 8% 5% 3% 5%;
}
.preceptor #program-links div ul li{
margin: 0 0 10px 0;
}

/* ==============================================
.recruit-top

============================================== */

.recruit-top #contents{
background:#fbfbf4 url(../../recruit/images/sp/rcrt_bg.jpg) no-repeat;
background-size:100% auto;
}
.recruit-top h1{
padding:12.5% 0;
}



.recruit-top #introduction{
background:#7dd1c7;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin:0 5%;
padding:0 5%;
}
.recruit-top #introduction h2{
padding:10% 0 5% 0;
}
.recruit-top #introduction p{
padding:0 0 7.5% 0;
}



.recruit-top #contents-menu{
margin:5% 5% 0 5%;
}
.recruit-top #contents-menu ul{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border:1px solid #dcdcdc;
background:#FFF;
}
.recruit-top #contents-menu ul li{
border-bottom:1px solid #dcdcdc;
font-size:13px;
line-height:20px;
}
.recruit-top #contents-menu ul li.end{
border-bottom:none;
}
.recruit-top #contents-menu ul li img{
width:70%;
margin:0 0 2.5% 0;
}
.recruit-top #contents-menu ul li a{
display:block;
padding:6% 20% 6% 5%;
background:url(../../recruit/images/sp/rcrt_tp_cmn_arw.png)right no-repeat;
background-size:14% auto;
text-decoration:none;
}



.recruit-top #message{
background:#fff5c2;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
position:relative;
margin:5% 5% 0 5%;
padding:1.5% 0;
}
.recruit-top #message div{
margin:0 1.5%;
border:solid 1px #e2bd54;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background:#FFF;
}
.recruit-top #message div h2{
padding:0;
text-align:left;
}
.recruit-top #message div p{
font-size:13px;
line-height:24px;
padding:7.5% 5%;
}



.recruit-top #links{
padding:5% 0 12.5% 5%;
}
.recruit-top #links ul li{
float:left;
width:46%;
margin:0 2.5% 2.5% 0;
}
.recruit-top #links ul li.application{
float:none;
width:94%;
margin:0 2.5% 2.5% 0;
}
.recruit-top #links ul li.application img{
-moz-box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
-webkit-box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
}

.recruit-top #links ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .recruit-top #links ul { display:inline-block; }
*:first-child+html .recruit-top #links ul { display:inline-block; }



/* ==============================================
.recruit
============================================== */

.recruit{
background:#fbfbf4 url(../../recruit/images/sp/rcrt_bg.jpg) no-repeat;
background-size:100% auto;
}
.recruit #contents{
margin:0 2.5% 12.5% 2.5%;
border: solid 1px #dcdcdc;
border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
background:#FFF;
}



.recruit #contents section{
padding:0 5% 5% 5%;
}



.recruit #introduction h1{
padding:12.5% 0;
}
.recruit #introduction ul{
background:#FFF;
border-left: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
border-top: solid 1px #dcdcdc;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
margin:0 2.5% 0 2.5%;
}
.recruit #introduction ul li{
float:left;
text-align:center;
border-right: solid 1px #dcdcdc;
width:24.75%;
font-size:12px;
line-height:20px;
}
.recruit #introduction ul li:hover{
background:#daefec;
}
.recruit #introduction ul li.last{
border-right:none;
border-radius: 0 8px 0 0;
-webkit-border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0;
}
.recruit #introduction ul li.first.here{
background:#7dd1c7;
border-radius: 8px 0 0 0;
-webkit-border-radius: 8px 0 0 0;
-moz-border-radius: 8px 0 0 0;
}
.recruit #introduction ul li.here{
background:#7dd1c7;
}
.recruit #introduction ul li.here a{
color:#FFF;
}
.recruit #introduction ul li.last.here{
background:#7dd1c7;
border-radius: 0 8px 0 0;
-webkit-border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0;
}
.recruit #introduction ul li a{
display:block;
padding:10% 0 14% 0;
text-decoration:none;
}
.recruit #introduction ul li span{
display:none;
}
.recruit #introduction ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .recruit #introduction ul { display:inline-block; }



.recruit h2 {
padding:12.5% 0 0 0;
}
.recruit #contents div {
border:1px solid #dcdcdc;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin:10% 0 0 0;
}
.recruit div table {
width:100%;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.recruit div table th {
font-size:16px;
padding:5% 5% 0 5%;
vertical-align:top;
text-align:left;
}
.recruit div table td {
font-size:12px;
line-height:24px;
padding:4% 5% 7.5% 5%;
border-bottom:1px solid #dcdcdc;
}
.recruit div table .end td {
border-bottom:none;
}
.recruit h3 {
padding:63px 0 0 0;
font-size:18px;
line-height:24px;
font-weight:bold;
}
.recruit section div h3 {
padding:4% 0 4% 5%;
font-size:16px;
line-height:24px;
font-weight:normal;
background:#7dd1c7;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
}



.newgraduate #contents section{
border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
}
.newgraduate #contents section p{
margin:7.5% 0 0 0;
}
.newgraduate #contents section div{
padding:0 7.5% 10% 7.5%;
}



.careers .stop {
text-align:center; 
color:#ff6c6c;
font-size:20px;
padding:93px 0 43px 0;
}
.careers #step {
}
.careers #step ul {
padding:7.5% 0 0 0;
}
.careers #step ul li {
font-size:0;
line-height:0;
}
.careers #step ul li img {
}
.careers #step ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .careers #step ul { display:inline-block; }

.careers #section-01 p {
text-align:center;
padding:23px 0 30px 0;
}
.careers #section-02 p {
font-size:14px;
line-height:24px;
padding:6% 0 0 0;
}
.careers #section-02 p img {
font-size:14px;
line-height:24px;
padding:3% 0 0 0;
}
.careers #section-02 p.note {
font-size:12px;
line-height:24px;
padding:15px 0 0 0;
}
.careers #section-02 h3 + ul {
padding:3% 0 0 0;
}
.careers #section-02 ul li {
margin:3% 0 0 0;
}
.careers #section-02 ul li .button {
font-size: 16px;
height: 50px;
border-radius: 25px;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
margin: 12px 0;
padding: 9px 0 0 0;
box-sizing: border-box;
}
.careers #section-02 ul li .button.red {
background: #f46464;
}
.careers #section-02 ul li .button.blue {
background: #6091d8;
}
.careers #section-02 ul li .button.green {
background: #7dd1c7;
}
.careers #section-03 ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .careers #section-03 ul { display:inline-block; }

.careers #section-04 p {
line-height:24px;
text-align:center;
padding:10% 0;
}



.internship #contents{
padding: 0 0 60px 0;
}
.internship #introduction h1{
font-size:0;
line-height:0;
text-indent:-9999px;
padding:12.5% 0 0 0;
}
.internship #contents section h2{
font-size: 20px;
line-height: 30px;
font-weight: 700;
padding: 60px 0 25px 0;
text-align: center;
}
.internship #contents section h2::before{
content: "";
width: 40px;
height: 4px;
background: #7dd1c7;
display: block;
margin: 0 auto 15px auto;
}
.internship #contents section{
padding: 0 30px ;
}
.internship #contents section p{
padding:22px 20px 0 20px;
text-align:center;
}
.internship #contents section div{
padding:0 0 22px 0;
margin: 0;
}
.internship #contents section p img{
}



.benefit #contents #section-02 div{
text-align:center;
padding:10% 0;
}
.benefit #contents #section-02 span{
display:none;
}
.benefit #contents #section-04 div{
padding:10% 7.5% 10% 7.5%;
}
.benefit #contents #section-05 p{
padding:10% 7.5% 10% 7.5%;
}
.benefit #contents #section-05 p.image{
padding:0;
}
.benefit #contents #section-06 div{
position:relative;
background:url(../images/cmn_bg_paper.jpg);
padding: 10% 0 5% 0;
}
.benefit #contents #section-06 p{
padding:0 7.5% 5% 7.5%;
}
.benefit #contents #section-06 p.image{
padding:0;
}



/* ==============================================
.support
============================================== */

.support{
border-bottom:1px solid #d1d1d1;
}



.support #introduction h1{
text-align:center;
padding:8% 0 0 0;
}
.support #introduction p{
padding:6% 5% 0 5%;
text-align:center;
}



.support #contact{
margin:10% 5% 0 5%;
border-top:5px solid #7dd1c7;
}
.support #contact #mail{
border-left:5px solid #7dd1c7;
border-right:5px solid #7dd1c7;
border-bottom:5px solid #7dd1c7;
padding:0 0 7.5% 0;
}
.support #contact #mail h2{
padding:0 0 2.5% 0;
}
.support #contact #mail p{
text-align:center;
padding:5% 0 0 0;
}
.support #contact #tel{
border-left:5px solid #7dd1c7;
border-right:5px solid #7dd1c7;
border-bottom:5px solid #7dd1c7;
padding:0 0 7.5% 0;
}
.support #contact #tel h2{
padding:0 0 2.5% 0;
}
.support #contact #tel p{
text-align:center;
padding:5% 0 0 0;
line-height:20px;
}
.support #contact #tel p.note{
font-size:12px;
}



.support #links{
padding:5% 0 0 5%;
margin:0 0 12.5% 0;
}
.support #links ul li{
font-size:0;
line-height:0;
float:left;
width:46%;
margin:0 2.5% 2.5% 0;
}
.support #links ul li#tour{
-moz-box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
-webkit-box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
}
.support #links ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .support #links ul { display:inline-block; }



/* ==============================================
.faq
============================================== */

.faq{
border-bottom:1px solid #d1d1d1;
}



.faq #introduction h1{
text-align:center;
padding:8% 0 0 0;
}
.faq #introduction p{
padding:6% 5% 0 5%;
}



.faq #contents-menu{
border:1px solid #dcdcdc;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin:10% 5% 0 5%;
}
.faq #contents-menu ul li{
border-bottom:1px solid #dcdcdc;
}
.faq #contents-menu ul li.last{
border-bottom:none;
}
.faq #contents-menu ul li a{
display:block;
padding:2.5% 0 2.5% 4%;
}



.faq #contents .inner{
padding:0 0 12.5% 0;
}
.faq #contents .inner section{
margin:12.5% 0 0 0;
}
.faq #contents .inner h2{
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding:5% 0 6% 2.5%;
}
.faq #contents .inner h3{
margin:15% 0 0 0;
padding:0 7.5% 2.5% 14%;
color:#58bfb0;
font-weight:bold;
background:url(../../faq/images/faq_icn_q.png) 5% 0 no-repeat;
background-size:6% auto;
}
.faq #contents .inner h3 span{
border-bottom:2px solid #7dd1c7;
}
.faq #contents .inner p{
padding:0 7.5% 0 14%;
}
.faq #contents .inner p a{
color:#58bfb0;
text-decoration:underline;
}



/* ==============================================
.access
============================================== */

.access{
padding:0 0 12.5% 0;
}



.access #introduction h1{
text-align:center;
padding:8% 0 0 0;
}
.access #introduction p{
padding:8% 5% 0 5%;
text-align:center;
}



.access #introduction div{
padding:10% 0 0 0;
}
.access #introduction div iframe{
width:100%;
height:200px;
overflow:hidden;
}
.access #introduction p.button{
margin:0 15%;
}



.access .root h2{
text-align:center;
padding:12.5% 0 0 0 ;
}
.access .root div{
margin:10% 5% 0 5%;
border:solid 1px #dadada;
position:relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding:0 0 10% 0;
}
.access .root div h3{
font-weight:bold;
font-size:16px;
padding:7.5% 5% 2.5% 5%;
}
.access .root p{
font-size:14px;
line-height:28px;
padding:2.5% 5% 0 5%;
text-indent:-5%;
margin:0 0 0 5%;
}
.access .root p.button{
position:absolute;
bottom:-6%;
padding:0;
margin:0 16%;
text-indent:0;
}



.access #car h2{
padding:17.5% 0 5% 0 ;
}
.access #car div{
margin:5% 5% 0 5%;
}



.access #bullet-train h2{
padding:12.5% 0 7.5% 0 ;
}
.access #bullet-train p{
text-indent:0;
margin:0;
}
.access #airplane h2{
padding:12.5% 0 7.5% 0 ;
}
.access #airplane p{
text-indent:0;
margin:0;
}



/* ==============================================
.tour
============================================== */

.tour{
background:url(../../tour/images/sp/tr_bg.jpg) 0 0 repeat-y;
background-size:100% auto;
}
.tour .line-top{
background:url(../../tour/images/sp/tr_bg_top.jpg) 0 0 no-repeat;
background-size:100% auto;
}
.tour .line-bottom{
background:url(../../tour/images/sp/tr_bg_bottom.jpg) bottom left no-repeat;
background-size:100% auto;
}



.tour #introduction h1{
padding:15% 0 5% 0;
}



.tour #introduction p{
padding:5% 0 0 0;
text-align:center;
}



.tour #step h2{
padding:10% 7.5% 7.5% 7.5%;
}
.tour #step div{
padding:0 7.5%;
}
.tour #step p{
display:none;
}



.tour #step-01{
padding:0 10% 7.5% 10%;
}
.tour #step-01 h2{
padding:10% 7.5% 7.5% 7.5%;
}
.tour #step-01 p{
display:block;
padding:5% 0 0 0;
text-align:center;
}



.tour #step-06{
position:relative;
}
.tour #step-06 p.character{
display:block;
position:absolute;
bottom:-8%;
z-index:101;
width:100%;
}



.tour #step ul{
padding:20% 0 5% 7.5%;
}
.tour #step ul li{
float:left;
width:45%;
margin:0 2.5% 0 0;
font-size:0;
line-height:0;
}
.tour #step ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .tour #step ul { display:inline-block; }
*:first-child+html .tour #step ul { display:inline-block; }



.tour #contact{
border-top:5px solid #7dd1c7;
background:#FFF;
margin:0 7.5%;
}
.tour #contact #mail{
border-left:5px solid #7dd1c7;
border-bottom:5px solid #7dd1c7;
border-right:5px solid #7dd1c7;
background:#FFF;
padding:0 0 7.5% 0;
}
.tour #contact #mail h2{
padding:0 0 2.5% 0;
}
.tour #contact #mail p{
text-align:center;
padding:5% 0 0 0;
}
.tour #contact #tel{
border-left:5px solid #7dd1c7;
border-bottom:5px solid #7dd1c7;
border-right:5px solid #7dd1c7;
background:#FFF;
padding:0 0 7.5% 0;
}
.tour #contact #tel h2{
padding:0 0 2.5% 0;
}
.tour #contact #tel p{
text-align:center;
padding:5% 0 0 0;
}
.tour #contact #tel p.note{
font-size:12px;
padding:1px 0 0 0;
}



.tour .button{
margin:5% 7.5% 7.5% 7.5%;
}
.tour .button img{
-moz-box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
-webkit-box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
box-shadow: 0px 0px 10px rgba(80, 70, 90, 0.1);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

/* ==============================================
.special-01
============================================== */

.special-01{
background:url(../../special/images/sp/spcl_ln_top.png) 0 0 repeat-x;
padding:10px 0 0 0;
}
.special-01 #contents{
width:100%;
padding:0;
background:url(../../special/images/sp/spcl_bg.jpg);
}
.special-01 section div p{
padding:0 7.5% 0 7.5%;
}



.special-01 #introduction p{
text-align:center;
}
.special-01 #himitsu-01{
background:url top center no-repeat;
}
.special-01 #himitsu-01 div{
margin:0 auto;
position:relative;
}
.special-01 #himitsu-01 p.image{
padding: 0;
}


.special-01 #himitsu-02{
background:top center no-repeat;
}
.special-01 #himitsu-02 p.image{
text-align:center;
padding:20px 0 0 0;
}

.special-01 #himitsu-03 div{
margin:0 auto;
position:relative;
padding:20px 0 0 0;
}
.special-01 #himitsu-03 p.image{
padding:0;
}


/* ==============================================
.special-02
============================================== */

.special-02{
background:url(../../special/images/sp/spcl_ln_top.png) 0 0 repeat-x;
padding:10px 0 0 0;
}
.special-02 #contents{
width:100%;
background:url(../../special/images/sp/sp02_spt01_bg.jpg) center top no-repeat;
background-size:100% auto;
}


.special-02 #introduction{
margin:0 auto;
}
.special-02 #introduction h1{
text-align:center;
}
.special-02 #introduction p{
text-align:center;
padding: 20px 0 0 0;
}


.special-02 #spot-01 h3{
padding:5% 7.5% 0 7.5%;
background:url(../../special/images/sp/sp02_bg.jpg);
}
.special-02 #spot-01 p{
padding:5% 7.5% 0 7.5%;
background:url(../../special/images/sp/sp02_bg.jpg);
}



.special-02 #spot-02{
background:url(../../special/images/sp/sp02_bg.jpg);
}
.special-02 #spot-02 div{
margin:0 auto;
position:relative;
}
.special-02 #spot-02 h3{
padding:0 7.5% 0 7.5%;
}
.special-02 #spot-02 p{
padding:5% 7.5% 0 7.5%;
}
.special-02 #spot-02 ul li img{
margin:0 0 20px 0;
}



/* ==============================================
.special-03
============================================== */

.special-03{
background:url(../../special/images/spcl_ln_top.png) 0 0 repeat-x;
padding:10px 0 0 0;
}
.special-03 #contents{
width:100%;
background: url(../../special/images/sp/sp03_bg.png);
background-size:100% auto;
padding:0 0 5% 0;
}



.special-03 #introduction .icon{
padding:0;
}
.special-03 #introduction p{
padding:6.5% 7.5% 0 7.5%;
}
.special-03 #introduction p.note{
padding:0 7.5% 0 7.5%;
}
.special-03 #introduction p.note a{
color: #ff6c6c;
text-decoration: underline;
}
.special-03 #introduction p.character{
padding:0;
}



.special-03 #enquete-01{
}
.special-03 #enquete-01 h2{
padding:10% 0 2.5% 0;
}
.special-03 #enquete-01 ul{
padding: 0 0 0 4%;
}
.special-03 #enquete-01 ul li{
float: left;
width: 44%;
border-radius: 200px;
border: solid 5px #ffde2e;
background: #FFF;
text-align: center;
padding: 0 0 30px 0;
}
.special-03 #enquete-01 ul li img{
display: block;
margin: 30px auto 10px auto;
width: auto;
height: 44px;
}
.special-03 #enquete-01 ul li strong{
font-size: 40px;
line-height: 40px;
display: inline-block;
}
.special-03 #enquete-01 ul li:nth-child(1){
margin: 0 2.5% 0 0;
}
.special-03 #enquete-01 ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .special-03 #enquete-01 ul { display:inline-block; }
*:first-child+html .special-03 #enquete-01 ul { display:inline-block; }



.special-03 #enquete-02 h2{
padding:10% 0 2.5% 0;
}
.special-03 #enquete-02 div{
border:5px solid #a5978a;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#FFF;
margin: 0 7.5%;
}
.special-03 #enquete-02 table{
width:100%;
}
.special-03 #enquete-02 table th{
text-align:left;
border-bottom:1px solid #cec7c0;
padding:7px 10px;
width:80%;
}
.special-03 #enquete-02 table td{
text-align:right;
border-bottom:1px solid #cec7c0;
padding:7px 10px;
}
.special-03 #enquete-02 table td strong{
color:#e79292;
}



.special-03 #enquete-03 h2{
padding:10% 0 2.5% 0;
}
.special-03 #enquete-03 ul{
position: relative;
margin: 0 7.5%;
}
.special-03 #enquete-03 ul li{
float: left;
height: 104px;
font-size: 20px;
color: #FFF;
}
.special-03 #enquete-03 ul li:nth-child(1){
background: #e69191;
}
.special-03 #enquete-03 ul li:nth-child(2){
background: #83c7d7;
}
.special-03 #enquete-03 ul li:nth-child(1) span{
position: absolute;
top:36px;
left: 30px;
}
.special-03 #enquete-03 ul li:nth-child(2) span{
position: absolute;
top:36px;
right: 10px;
}
.special-03 #enquete-03 ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .special-03 #enquete-03 ul { display:inline-block; }
*:first-child+html .special-03 #enquete-03 ul { display:inline-block; }



.special-03 #enquete-04{
position:relative;
margin: 10% 0 0 0;
}
.special-03 #enquete-04 h2{
}
.special-03 #enquete-04 p{
position:absolute;
top:60%;
right:7.5%;
text-align:right;
}
.special-03 #enquete-04 p strong{
font-size: 80px;
color:#e79292;
margin: 0 5px 0 0;
}



.special-03 #enquete-05{
position:relative;
}
.special-03 #enquete-05 h2{
padding:10% 0 2.5% 0;
}
.special-03 #enquete-05 p{
position:absolute;
top:0;
right:0;
text-align:right;
}
.special-03 #enquete-05 div{
border:5px solid #d6a0a0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#FFF;
margin: 0 7.5%;
}
.special-03 #enquete-05 table{
width:100%;
}
.special-03 #enquete-05 table th{
text-align:left;
border-bottom:1px solid #cec7c0;
padding:7px 10px;
width: 40%;
}
.special-03 #enquete-05 table th:nth-child(4){
border-left:1px solid #cec7c0;
}
.special-03 #enquete-05 table tr:last-child th{
border-bottom:none;
}
.special-03 #enquete-05 table td{
text-align:right;
border-bottom:1px solid #cec7c0;
padding:7px 10px;
}
.special-03 #enquete-05 table tr:last-child td{
border-bottom:none;
}
.special-03 #enquete-05 table td strong{
color:#e79292;
}



.special-03 #enquete-06{
position:relative;
}
.special-03 #enquete-06 h2{
padding:10% 0 2.5% 0;
}
.special-03 #enquete-06 p{
position:absolute;
top:0;
right:0;
text-align:right;
}
.special-03 #enquete-06 div{
border:5px solid #a4c3ca;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#FFF;
margin: 0 7.5%;
}
.special-03 #enquete-06 table{
width:100%;
}
.special-03 #enquete-06 table th{
text-align:left;
border-bottom:1px solid #cec7c0;
padding:7px 10px;
width: 80%;
}
.special-03 #enquete-06 table th:nth-child(4){
border-left:1px solid #cec7c0;
}
.special-03 #enquete-06 table tr:last-child th{
border-bottom:none;
}
.special-03 #enquete-06 table td{
text-align:right;
border-bottom:1px solid #cec7c0;
padding:7px 10px;
}
.special-03 #enquete-06 table tr:last-child td{
border-bottom:none;
}
.special-03 #enquete-06 table td strong{
color:#e79292;
}



.special-03 #enquete-07 h2{
padding:15% 0 5% 0;
}
.special-03 #enquete-07 ul li{
padding:0 0 1% 0;
}
.special-03 #enquete-07 p{
padding:2.5% 5% 0 5%;
font-size:13px;
line-height:20px;
}



.special-03 #enquete-08 h2{
padding:7.5% 0 0 0;
}



.special-03 #report{
padding:12.5% 0 12.5% 0;
}



.special-03 #comment .inner div{
background:#FFF;
margin:0 5% 5% 5%;
padding:0.2% 0;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
.special-03 #comment .inner div div{
width: auto;
float: none;
background: url(../../special/images/sp/sp03_cmnt_bg.png);
background-size:21px auto;
margin:1.5%;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border:3px solid #ebf4d5;
position:relative;
}
.special-03 #comment .inner div div .icon{
position: absolute;
width:100%;
text-align:center;
top:0;
margin:-6% 0 0 0;
padding:0;
}
.special-03 #comment .inner div div .copy{
position: absolute;
bottom:0;
left:0;
padding:0;
margin:0 0 -4% -1%;
}
.special-03 #comment .inner div div p{
padding:5% 5% 0 5%;
font-size:14px;
line-height:24px;
letter-spacing:1px;
}
.special-03 #comment .inner div div p strong{
border-bottom:2px #e79292 solid;
font-weight:normal;
}
.special-03 #comment .inner div div p.name{
padding:0 5% 5% 5%;
font-size:12px;
text-align:right;
color:#e79292;
}



.special-03 #message{
background:url(../../special/images/sp/sp03_msg_bg.jpg) 0 0 no-repeat;
background-size:100% auto;
margin:20% 0 5% 0;
padding:13% 0 10% 0;
position:relative;
}

.special-03 #message h2{
position: absolute;
top: 0;
left: 0;
margin:-5% 0 0 0;
}
.special-03 #message p{
font-size:13px;
line-height:20px;
padding:7% 7.5% 0 7.5%;
}
.special-03 #message .name{
text-align:right;
color:#e79292;
padding:2.5% 7.5% 7% 7.5%;
}
.special-03 #message div{
background:#FFF;
border:2px solid #ffde2e;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.special-03 #message #message-01{
margin:0 20% 2.5% 5%;
border:2px solid #b9d770;
}
.special-03 #message #message-02{
margin:0 5% 2.5% 20%;
border:2px solid #e69191;
}
.special-03 #message #message-03{
margin:0 20% 2.5% 5%;
border:2px solid #ae88c5;
}
.special-03 #message #message-04{
margin:0 5% 2.5% 20%;
border:2px solid #83c7d7;
}
.special-03 #message #message-05{
margin:0 20% 2.5% 5%;
border:2px solid #8a9ccf;
}
.special-03 #message .icon{
position:absolute;
top:0;
right:0;
width:25%;
padding:10% 0.1% 0 0;
}




.special-03 #zubari{
padding:7.5% 0 0 0;
}



.special-03 #zubari-01 h2{
padding:5% 0 2.5% 0;
}
.special-03 #zubari-01 ul li{
padding:2.5% 0 0 0;
}
.special-03 #zubari-01 .character{
padding:2.5% 0 0 0;
}
.special-03 #zubari-01 h3{
padding:5% 0 0 0;
font-size:0;
line-height:0;
}
.special-03 #zubari-01 div p{
font-size:13px;
line-height:20px;
padding:2.5% 5% 0 5%;
}



.special-03 #zubari-02 h2{
padding:10% 0 5% 0;
}
.special-03 #zubari-02 div{
border:3px solid #a5978a;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#FFF;
padding:2.5% 0 5% 0;
margin:0 5%;
}
.special-03 #zubari-02 div div{
border:none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
padding:2.5% 0 1.5% 0;
background: url(../../special/images/sp/sp03_zbr_dln.png) bottom left repeat-x;
background-size:13px auto;
}
.special-03 #zubari-02 div div p{
font-size:14px;
line-height:24px;
}
.special-03 #zubari-02 div div p.name{
font-size:12px;
text-align:right;
}



/* ==============================================
.special
============================================== */


#special-links{
background: url(../images/sp/cmn_bg_paper.jpg);
}
#special-links div{
background: url(../../images/sp/spcl_ln.png) top left repeat-x;
background-size:20px auto;
}
#special-links div div{
background: url(../../images/sp/spcl_ln.png) bottom left repeat-x;
background-size:20px auto;
padding:7.5% 0 10% 0;
}



/* ==============================================
.topics-top
============================================== */

.topics-top{
background:#fbfbf4 url(../../recruit/images/sp/rcrt_bg.jpg) no-repeat;
background-size:100% auto;
padding:0 0 5% 0;
min-height:500px;
}
.topics-top h1{
	text-align:center;
	padding:7.5% 0 5% 0;
}
.topics-top dl{
	background:#FFF;
	text-align:center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:solid 1px #dcdcdc;
padding:3.5% 0 5% 5%;
margin:2.5% 2.5% 0 2.5%;
}
.topics-top dl dt{
	text-align:left;
	color:#18a08d;
}
.topics-top dl dd{
	text-align:left;
	font-size:14px;
	line-height:20px;
}
.topics-top a{
	text-decoration:none;
}



/* ==============================================
.topics
============================================== */

.topics{
background:#fbfbf4 url(../../recruit/images/sp/rcrt_bg.jpg) no-repeat;
background-size:100% auto;
padding:0 0 5% 0;
}
.topics h1{
	padding:7.5% 0 2.5% 0;
}
.topics .back{
	font-size:14px;
	margin:0 0 0 2.5%;
}
.topics #contents div{
	background:#FFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:solid 1px #dcdcdc;
margin:5% 2.5% 0 2.5%;
padding:7.5% 5% 10% 5%;
}
.topics #contents div h2{
	font-size:16px;
	font-weight:bold;
}
.topics #contents div h2 span{
	font-size:16px;
	color:#18a08d;
}
.topics #contents div p{
	padding:5% 0 0 0;
	font-size:14px;
	line-height:28px;
}
.topics #contents div p img{

	width:100%;
	height:auto;
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.topics #contents div p.button{
	text-align:center;
	padding:7.5% 0 0 0;
}
.topics #contents div p.button img{
	border-radius:none;
-webkit-border-radius: none;
-moz-border-radius: none;
}




/* ==============================================
.motto
============================================== */
.motto #contents img {
border:none;
vertical-align: middle;
}
.motto #contents{
width:100%;
}



.motto #introduction h2{
margin: 30px 20px 20px 20px;
}



.motto #about .image{
padding: 30px 0 0 0;
}
.motto #about .image img{
border-radius: 10px;
margin: 30px 0;
}
.motto #about .inner{
margin: 0 20px 0 20px;
}
.motto #about h2{
font-size: 16px;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
padding: 0 0 10px 0;
}
.motto #about h2 p{
font-size: 14px;
line-height: 28px;
}
.motto #about .inner div div:first-of-type{
border: solid 1px #ff8282;
border-radius: 10px;
padding: 15px 15px 15px 15px;
}
.motto #about .inner h3{
font-size: 15px;
font-weight: 600;
color: #ff8282;
}
.motto #about .inner h3 img{
vertical-align:top;
width: 19px;
height: 21px;
}
.motto #about .inner div div h3:last-of-type{
background: url(../../motto/images/dot_img.png) repeat-x;
padding: 17px 0 0 0;
}
.motto #about .inner div div p{
font-size: 13px;
line-height: 22px;
padding: 0px 0 15px 0;
}
.motto #about .inner div p:last-of-type{
padding: 0 0 0 0;
}
.motto #about #now{
background: url(../../motto/images/sp/mtt_abt_bg.png) repeat;
background-size: 100% auto;
width: 100%;
margin: 30px 0 0 0 ;
}
.motto #about #now h3{
font-size: 20px;
font-weight: 600;
color: #000000;
letter-spacing: 3px;
text-align: center;
padding: 45px 0 0 0 ;
}
.motto #about #now p{
font-size: 13px;
line-height: 24px;
padding: 20px 20px 50px 20px;
}



.motto #feature{
margin: 0 20px 0 20px;
}
.motto #feature h2{
padding: 50px 0 40px 0;
}
.motto #feature h3 img{
padding: 0px 0px 10px 0;
}
.motto #feature div h3{
font-size: 20px;
line-height: 30px;
font-weight: 600;
text-align: center;
padding: 0px 0 25px 0;
}
.motto #feature div ul{
background: url(../../motto/images/dot_img.png) bottom left repeat-x;
margin: 0 0 50px 0;
}
.motto #feature div ul li{
font-size: 14px;
line-height: 22px;
padding: 15px 0px 15px 20px;
text-indent:-20px;
background: url(../../motto/images/dot_img.png)repeat-x;
}
.motto #feature div ul li img{
width: 12px;
padding: 0 2px 0 0;
}
.motto #feature div ul li ul{
background: none;
margin: 0 0 0 0;
}
.motto #feature div ul li ul li{
font-size: 14px;
line-height: 22px;
background: none;
padding: 0 0 0 0;
}



.motto #work{
margin: 50px 0 50px 0 ;
}
.motto #work h2{
padding:  0 20px 10px 20px;
}
.motto #work #work01 p{
font-size: 15px;
line-height: 28px;
margin: 25px 20px 0px 20px;
}
.motto #work #work01 .image{
position: relative;
}
.motto #work #work01 h3{
position: absolute;
padding: 30px 20px 0 20px;
margin: -80px 0 0 0;
background-color: #ffffff;
}
.motto #work #work01 .image{	
margin: 0;
}
.motto #work #work02 h3{
position: absolute;
padding: 30px 20px 0 20px;
margin: -110px 0 0 0;
background-color: #ffffff;
}
.motto #work #work02 p{
font-size: 15px;
line-height: 28px;
margin: 25px 20px 0px 20px;
}
.motto #work #work02 .image{
margin: 45px 0 0 0;
}
.motto #work #work03{
position: relative;
margin: 45px 0 0 0;
padding: 42% 0 0 0;
}
.motto #work #work03 h3{
position: relative;
padding: 30px 20px 0 20px;
background-color: #ffffff;
z-index: 101;
width: 190px;
}
.motto #work #work03 p{
padding: 5px 20px 0px 20px;
}
.motto #work #work03 .image01{
position: absolute;
top:0;
left: 0;
width: 100%;
}
.motto #work #work03 .image02{
padding: 25px 0 0 0;
}



.motto #message{
background: url(../../motto/images/mtt_mssg_bg.png);
border: solid 5px #ff8282;
border-radius: 10px;
margin: 0 10px 10px 10px;
}
.motto #message h2{
text-align: center;
padding: 30px 40px 20px 40px;
}
.motto #message ul{
padding:0 0px 10px 0px;
margin: 0 0 0px 0;
}
.motto #message ul li{
padding: 0 22.5px 20px 22.5px;
}



.motto #banner{
margin: 50px 10px 0 10px;
}
.motto #banner p img{
border: solid 1px #bfbfbf;
border-radius: 10px;
}



.motto #offer{
background: url(../../motto/images/sp/mtt_offer_bg.png) center bottom no-repeat;
background-size: cover;
margin: 50px 0 0 0;
}
.motto #offer h2{
font-size: 20px;
line-height: 28px;
font-weight: 600;
letter-spacing: 0.2em;
color: #FFFFFF;
text-align: center;
padding: 45px 0 20px 0;
}
.motto #offer p{
font-size: 15px;
line-height: 24px;
text-align: center;
padding: 0 0 20px 0;
}
.motto #offer div ul{
text-align: center;
}
.motto #offer ul li img{
width: 29px;
margin: 0 2px 0 0;
}
.motto #offer ul li{
display: inline-block;
font-size: 18px;
color: #ffffff;
background: #ff8282;
border-radius: 10px;
-moz-box-shadow: 0px 5px 0px rgba(232, 91, 91, 1);
-webkit-box-shadow:  0px 5px 0px rgba(232, 91, 91, 1);
box-shadow:  0px 5px 0px rgba(232, 91, 91, 1);
margin: 0 0 20px 0;
}
.motto #offer ul li:first-of-type{
padding: 0 54px 0 0px;
}
.motto #offer ul li a{
text-decoration: none;
color: #ffffff;
padding: 12px 30px 12px 30px;
display: block;
}
.motto #offer ul li:last-of-type{
margin: 0 0 100px 0px;
}



/* ==============================================
.notfound
============================================== */

.notfound{
padding:0 0 100px 0;
}
.notfound h1{
padding:50px 0 20px 0;
}
.notfound p{
padding:30px 40px 0 40px;
}