@charset "utf-8";
/*--
中 font-size:96%;
小 font-size:88%;
--*/
/*---------------------------------------*/
/* 共通 */
/*---------------------------------------*/
.areaInner{
width:90%;
max-width:980px;
margin:0 auto;
position:relative;
z-index:10;
}
.areaBase{
margin:0 auto 60px;
overflow:hidden;
}
@media screen and (max-width:767px){
.areaBase{
margin:0 auto 40px;
}
}
.arrow{
position:relative;
}
.arrow .arrowIn{
position:absolute;
top:0;
left:0;
text-indent:0;
}
.arrow .icon-arrow-1{
color:#cecece;
}
.arrow .icon-arrow-2{
color:#c76e3c;
}
.arrow .icon-arrow-3{
color:#f5874a;
}
/* areaTtl */
.areaTtl{
text-align:center;
margin-bottom:50px;
line-height:1.2;
}
@media screen and (max-width:767px){
.areaTtl{
margin-bottom:20px;
}
}
.areaTtl .dosis{
font-size:280%;
color:#f5874a;
display:block;
}
@media screen and (max-width:767px){
.areaTtl .dosis{
font-size:18pt;
}
}
.areaTtl .jp{
font-size:86%;
display:block;
letter-spacing:0.1em;
}
@media screen and (max-width:767px){
.areaTtl .jp{
font-size:9pt;
}
}

.pageTtl{
height:180px;
position:relative;
margin-bottom:5px;
}
@media screen and (max-width:767px){
.pageTtl{
height:60px;
}
}
.pageTtl .bg{
background:url(../images/common/dot.png) top right repeat, url(../images/common/bg-pagettl.jpg?2304) center right no-repeat;
background-size:auto,cover;
height:180px;
width:100vw;
position:absolute;
top:0;
right:0;
border-top-right-radius:90px;
border-bottom-right-radius:90px;
}
@media screen and (max-width:767px){
.pageTtl .bg{
height:60px;
}
}
.pageTtl .areaTtl{
position:relative;
z-index:10;
text-align:left;
}
.pageTtl .areaTtl .dosis{
color:#fff;
padding-top:46px;
}
@media screen and (max-width:767px){
.pageTtl .areaTtl .dosis{
padding-top:10px;
}
}
.pageTtl .areaTtl .jp{
color:#fff;
}

/* moreBtn */
.moreBtn a{
display:block;
width:70px;
height:35px;
line-height:35px;
font-size:133%;
text-align:center;
position:relative;
margin:0 auto;
padding-right:35px;
}
.moreBtn a .arrow{
font-size:35px;
width:35px;
height:35px;
line-height:1;
display:inline-block;
position:absolute;
top:0;
right:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pcContent .moreBtn a:hover .arrow{
right:-8px;
}
/*---------------------------------------*/
/* パンくず */
/*---------------------------------------*/
.breadcrumb{
margin-bottom:90px;
vertical-align:middle;
}
@media screen and (max-width:767px){
.breadcrumb {
margin-bottom:30px;
}
}
.breadcrumb .icon-bread{
color:#f5874a;
margin:0 0 0 8px;
font-size:10px;
}
.breadcrumb li {
display: inline;
list-style: outside none none;
font-size:80%;
}
@media screen and (max-width:767px){
.breadcrumb li {
font-size:8pt;
}
}
/*---------------------------------------*/
/* pageNavi*/
/*---------------------------------------*/
.pageNavi.top{
padding-bottom:10px;
color:#f5874a;
}
@media screen and (max-width:767px){
.pageNavi{
text-align:center;
}
}
.pageNavi.bottom{
padding-top:10px;
color:#f5874a;
}
@media screen and (max-width:767px){
.pageNavi .blockLeft,
.pageNavi .blockRight{
width:100%;
}
.pageNavi .blockLeft{
margin-bottom:5px;
}
}
.pageNavi .blockLeft{
font-size:87.5%;
}
.pageNavi .blockLeft span{
font-size:15px;
margin-right:5px;
}
@media screen and (max-width:767px){
.pageNavi .pager{
display:inline-block;
}
}
.pageNavi .pager li{
display:inline;
float:left;
font-size:86%;
}
@media screen and (max-width:767px){
.pageNavi .pager li{
font-size:8pt;
}
}
.pageNavi .pager li a,
.pageNavi .pager li span{
display:block;
width:25px;
height:25px;
line-height:25px;
text-align:center;
border-radius:50%;
margin-left:5px;
}
.pageNavi .pager li a{
background:#fff;
}
.pcContent .pageNavi .pager li a:hover{
background:#f5874a;
}
.pageNavi .pager li span{
background:#f5874a;
color:#fff;
}
/*---------------------------------------*/
/* news */
/*---------------------------------------*/
#news .newsAreaInner{
padding:50px 5% 30px;
}
.newsAreaInner{
background:#fef6f1;
border-radius:50px;
padding:30px 5%;
width:90%;
}
@media screen and (max-width:767px){
.newsAreaInner{
border-radius:30px;
padding:10px 5% 15px;
}
}
.newsAreaInner ul li{
float:left;
display:inline;
width:23.5%;
margin-right:2%;
margin-bottom:50px;
}
@media screen and (max-width:980px){
.newsAreaInner ul li{
width:47.5%;
margin-right:5%;
margin-bottom:50px;
}
}
@media screen and (max-width:767px){
.newsAreaInner ul li{
width:100%;
margin-right:0;
}
.newsAreaInner ul li:last-child{
margin-bottom:30px;
}
}
.newsAreaInner ul li:nth-child(4n){
margin-right:0;
}
@media screen and (max-width:980px){
.newsAreaInner ul li:nth-child(2n){
margin-right:0;
}
}
.newsAreaInner ul li a{
display:block;
height:100%;
width:100%;
background:#fff;
padding:10px 0 0;
position:relative;
}
.newsAreaInner ul li a:after{
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
border:6px solid #f5874a;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pcContent .newsAreaInner ul li a:hover:after{
opacity:1;
}
.newsAreaInner ul li .img{
overflow:hidden;
display:block;
}
.newsAreaInner ul li .img img{
width:100%;
height:auto;
margin-bottom:8px;
width:100%;
height:auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.newsAreaInner ul li a:hover .img img{
-moz-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
opacity:0.7;
}

.newsAreaInner ul li .job{
display:inline-block;
font-size:73%;
color:#fff;
background:#f5874a;
height:20px;
line-height:20px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
padding:0 15px;
}
.newsAreaInner ul li .date{
color:#818181;
font-size:86%;
padding:0 5%;
display:block;
margin-top:5px;
}
.newsAreaInner ul li .ttl{
padding:0 5%;
line-height:1.6;
display:block;
margin-bottom:8px;
}
.newsAreaInner ul li .note{
font-size:86%;
margin-bottom:5px;
line-height:1.6;
display:block;
padding:0 5%;
}
.newsAreaInner ul li .note:last-child{
	padding-bottom:15px;
}
.newsAreaInner ul li .color{
color:#f5874a;
display:block;
}
/*---------------------------------------*/
/* searchArea */
/*---------------------------------------*/
.searchArea {
position: relative;
max-width:900px;
padding-bottom:70px;
margin-right:auto;
margin-left:auto;
border:6px solid #f5874a;
border-radius:30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width:767px){
.searchArea {
border:3px solid #f5874a;
padding-bottom:45px;
border-radius:10px;
}
}
.searchArea .searchTtl{
height:70px;
text-align:center;
border-top-left-radius:20px;
border-top-right-radius:20px;
background: #f5874a;
color:#fff;
line-height:1.2;
border:2px solid #f5874a;
}
@media screen and (max-width:767px){
.searchArea .searchTtl{
height:45px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
}
.searchArea .searchTtl .dosis{
font-size:220%;
display:block;
}
@media screen and (max-width:767px){
.searchArea .searchTtl .dosis{
font-size:13pt;
}
}
.searchArea .searchTtl .jp{
display:block;
font-size:86%;
}
@media screen and (max-width:767px){
.searchArea .searchTtl .jp{
font-size:9pt;
}
}
.st-menu{
position:absolute;
bottom:15px;
left:50%;
width:36px;
height:36px;
margin-left:-18px;
cursor:pointer;
}
@media screen and (max-width:767px){
.st-menu{
bottom:5px;
}
}
.st-menu .arrow{
display:block;
width:36px;
height:36px;
font-size:36px;
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.pcContent .st-menu:hover .arrow{
margin-top:5px;
}
.open .st-menu .arrow{
-webkit-transform: translateY(0) rotate(270deg);
transform: translateY(0) rotate(270deg);
}
.st-content {
display: none;
padding:30px 5% 0;
position:relative;
font-size:107%;
}
@media screen and (max-width:767px){
.st-content {
font-size:10pt;
padding:20px 5% 0;
}
}
.searchList  li {
margin-bottom:15px;
position:relative;
min-height:45px;
}
.searchList  li .ttl{
position:absolute;
top:0;
width:0;
width:175px;
height:45px;
line-height:45px;
border-radius:23px;
text-align:center;
color:#fff;
background:#f5874a;
}
@media screen and (max-width:767px){
.searchList  li .ttl{
position:static;
height:25px;
line-height:25px;
width:100%;
margin-bottom:15px;
}
}
.searchList  li .searchContent{
margin-left:205px;
}
@media screen and (max-width:767px){
.searchList  li .searchContent{
margin-left:0;
}
}
/* selectボタン */
.searchArea .select-wrap{
position:relative;
overflow:hidden;
display:inline-block;
background:#fef6f1;
border:none;
border-radius:25px;
width:100%;
height:45px;
vertical-align:middle;
}
@media screen and (max-width:767px){
.searchArea .select-wrap{
height:35px;
}
}
.searchArea .select-wrap select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:100%;
height:45px;
padding:0 10px;
background:transparent;
border:none;
outline:none;
font-size:100%;
color:#4d4d4d;
}
@media screen and (max-width:767px){
.searchArea .select-wrap select{
height:35px;
}
}
.searchArea .entypo-down-open-mini:before{
content:'';
position:absolute;
top:0;
right:0;
width:45px;
height:45px;
background:url(../images/page/btn-select.png) center center no-repeat;
background-size:cover;
}
@media screen and (max-width:767px){
.searchArea .entypo-down-open-mini:before{
width:35px;
height:35px;
}
}
.searchArea .select-wrap select::-ms-expand {
display: none;
}
/* チェックボックス */
.searchList .checkbox label{
display: inline-block;
margin:0 20px 0 0;
}
.searchList .checkbox label:after {
border:1px solid #fef6f1;
background:#fef6f1;
}
.searchList .checkbox label{
cursor: pointer;
position: relative;
display: inline-block;
padding-left: 40px;
line-height: 2.5em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.searchList .checkbox label:after {
position: absolute;
content: "";
width:25px;
height:25px;
border-radius: 100px;
left: 0;
top:7px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pcContent .searchList .checkbox label:hover {
color: #f5874a;
}
.pcContent .searchList .checkbox label:hover:after {
border-color: #ccc;
}
.searchList .checkbox label:before {
transition: 0.5s;
position: absolute;
content: "";
border-left: solid 2px #f5874a;
border-bottom: solid 2px #f5874a;
width: 20px;
height: 15px;
left:6px;
top: 5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
display: block;
z-index:11;
}
.searchList input[type=checkbox]:checked + label:before {
opacity: 1;
}
.searchList input[type=checkbox]:checked + label {
color: #f5874a;
}
.searchList .style span {
display: inline-block;
margin:0 20px 0 0;
}
.searchList .checkbox.style label:after {
border:none;
background:none;
}
.searchList .style span.style01 {
background: url(../images/page/search-icon01.png) no-repeat left 5px;
background-size:25px auto;
}
.searchList .style span.style02{
background: url(../images/page/search-icon02.png) no-repeat left 5px;
background-size:25px auto;
}
.searchList .style span.style03{
background: url(../images/page/search-icon03.png) no-repeat left 5px;
background-size:25px auto;
}
.searchList .style span.style04{
background: url(../images/page/search-icon04.png) no-repeat left 5px;
background-size:25px auto;
}
.searchList .style span.style05{
background: url(../images/page/search-icon05.png) no-repeat left 5px;
background-size:25px auto;
}
.searchList .style span input[type=checkbox]:checked + label {
background: rgba(255, 255, 255, 0.8);
}
input[type=checkbox] {
display: none;
}
/* テキストボックス */
.searchArea .freeword{
position:relative;
padding-bottom:30px;
}
@media screen and (max-width:767px){
.searchArea .freeword{
padding-bottom:0;
}
}.searchArea input.text{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:block;
padding:0 15px;
width:100%;
height:45px;
outline:none;
background:#fef6f1;
border:none;
font-size:107%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
@media screen and (max-width:767px){
.searchArea input.text{
height:35px;
font-size:10pt;
}
}
/* 検索ボタン */
.searchArea .btn{
width:100%;
}
.searchArea input.button{
width:230px;
height:45px;
border-radius:25px;
background:#f5874a;
color:#fff;
border:none;
margin:0 auto;
text-align:center;
display:block;
font-size:107%;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
@media screen and (max-width:767px){
.searchArea .btn{
width:100%;
position:static;
margin-top:15px;
font-size:10pt;
}
}
.pcContent .searchArea input.button:hover{
background:#fef6f1;
color:#f5874a;
}
/*---------------------------------------*/
/* recruit */
/*---------------------------------------*/
#recruit .recruitAreaInner{
padding:60px 5%;
background:#fef6f1;
border-radius:50px;
width:90%;
}
#recruit.cate .recruitAreaInner{
padding:60px 5% 10px;
}
@media screen and (max-width:767px){
#recruit .recruitAreaInner{
border-radius:30px;
padding:10px 5% 15px;
}
}
#recruit .recruitList{
background:#fff;
}
#recruit.cate .recruitList{
margin-bottom:50px;
}
@media screen and (max-width:980px){
#recruit.cate .recruitList{
margin-bottom:30px;
}
}
#recruit .recruitList .blockLeft{
width:37%;
}
@media screen and (max-width:980px){
#recruit .recruitList .blockLeft{
width:100%;
}
}
#recruit .recruitList .blockLeft .img{
margin-bottom:40px;
}
@media screen and (max-width:980px){
#recruit .recruitList .blockLeft .img{
margin-bottom:10px;
}
}
#recruit .recruitList .blockLeft img{
width:100%;
height:auto;
}
#recruit .recruitList .btnOuter{
width:260px;
margin:0 auto;
}
@media screen and (max-width:767px){
#recruit .recruitList .btnOuter{
width:90%;
padding-bottom:20px;
}
}
#recruit .recruitList .btnOuter .blockLeft,
#recruit .recruitList .btnOuter .blockRight{
width:115px;
}
@media screen and (max-width:767px){
#recruit .recruitList .btnOuter .blockLeft,
#recruit .recruitList .btnOuter .blockRight{
width:47.5%;
}
}
#recruit .recruitList .btnOuter a{
display:inline-block;
width:115px;
height:115px;
border-radius:25px;
font-weight:bold;
text-align:center;
position:relative;
}
@media screen and (max-width:767px){
#recruit .recruitList .btnOuter a{
width:100%;
height:60px;
border-radius:10px;
background:none !important;
}
}
#recruit .recruitList .btnOuter .orange a{
background:url(../images/page/srlipe-o.gif) top left repeat;
background-size:6px 6px;
}
#recruit .recruitList .btnOuter .gray a{
background:url(../images/page/srlipe-g.gif) top left repeat;
background-size:6px 6px;
}
#recruit .recruitList .btnOuter a .txt{
position:absolute;
top:-10px;
left:-10px;
width:107px;
height:107px;
border-radius:25px;
background:#fff;
background-size:4px 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
#recruit .recruitList .btnOuter a .txt{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
height:100%;
width:100%;
}
}
#recruit .recruitList .btnOuter .orange a .txt{
border:6px solid #f5874a;
padding-top:30px;
height:77px;
line-height:1.4;
color:#f5874a;
}
@media screen and (max-width:767px){
#recruit .recruitList .btnOuter .orange a .txt{
border:3px solid #f5874a;
padding-top:8px;
height:100%;
top:0;
left:0;
border-radius:10px;
}
}
#recruit .recruitList .btnOuter .gray a .txt{
border:6px solid #cecece;
line-height:109px;
color:#4d4d4d;
}
@media screen and (max-width:767px){
#recruit .recruitList .btnOuter .gray a .txt{
border:3px solid #cecece;
line-height:57px;
top:0;
left:0;
border-radius:10px;
}
}
.pcContent #recruit .recruitList .btnOuter .orange a:hover .txt{
top: -3px;
left: -3px;
background:#f5874a;
color:#fff;
}
.pcContent #recruit .recruitList .btnOuter .gray a:hover .txt{
top: -3px;
left: -3px;
background:#cecece;
color:#fff;
}
@media screen and (max-width:767px){
.pcContent #recruit .recruitList .btnOuter .orange a:hover .txt,
.pcContent #recruit .recruitList .btnOuter .gray a:hover .txt{
top:0;
left:0;
}
}
#recruit .recruitList .blockRight{
width:63%;
}
@media screen and (max-width:980px){
#recruit .recruitList .blockRight{
width:100%;
}
}
#recruit .recruitList .blockRight .job{
display:inline-block;
font-size:107%;
font-weight:bold;
height:30px;
line-height:30px;
padding:0 5%;
background:#f5874a;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
color:#fff;
margin:30px 0 10px;
}
@media screen and (max-width:767px){
#recruit .recruitList .blockRight .job{
margin:0 0 10px;
height:20px;
line-height:20px;
font-size:9pt;
}
}
#recruit .recruitList .blockRight .ttl{
font-weight:bold;
font-size:153%;
padding:0 5%;
line-height:1.6;
margin-bottom:15px;
}
@media screen and (max-width:767px){
#recruit .recruitList .blockRight .ttl{
font-size:11pt;
margin-bottom:5px;
}
}
#recruit .recruitList .blockRight table{
width:90%;
font-size:107%;
margin:0 5% 30px;
}
#recruit .recruitContent table{
width:100%;
font-size:107%;
margin:0 0 30px;
}
@media screen and (max-width:767px){
#recruit .recruitList .blockRight table,
#recruit .recruitContent table{
font-size:8pt;
margin-bottom:10px;
}
}
#recruit .recruitList .blockRight table tr,
#recruit .recruitContent table tr{
border-bottom:1px solid #dadada;
}
#recruit .recruitList .blockRight table tr:last-child,
#recruit .recruitContent table tr:last-child{
border:none;
}
#recruit .recruitList .blockRight table th{
width:5em;
color:#f5874a;
padding:15px 0;
}
#recruit .recruitContent table th{
width:8em;
color:#f5874a;
padding:15px 0;
}

@media screen and (max-width:767px){
#recruit .recruitList .blockRight table th,
#recruit .recruitContent table th{
padding:8px 1em 8px 0;
width:5em;
}
}
#recruit .recruitList .blockRight table td,
#recruit .recruitContent table td{
padding:15px 0;
}
@media screen and (max-width:767px){
#recruit .recruitList .blockRight table td,
#recruit .recruitContent table td{
padding:8px 0;
}
}
#recruit .recruitContent{
padding:1px 5%;
background:#fff;
position:relative;
}
#recruit .recruitContent .ttl{
font-size:133%;
position:absolute;
top:10px;
left:5%;
}
@media screen and (max-width:980px){
#recruit .recruitContent .ttl{
position:static;
margin-bottom:10px;
}
}
@media screen and (max-width:767px){
#recruit .recruitContent .ttl{
font-size:11pt;
margin-bottom:0;
}
}
#recruit .recruitContent .recruitTable{
margin-left:120px;
}
@media screen and (max-width:980px){
#recruit .recruitContent .recruitTable{
margin-left:0;
}
}
#recruit .recruitBtn a{
display:block;
margin:50px auto 0;
width:90%;
max-width:240px;
height:50px;
line-height:44px;
background:url(../images/page/srlipe-o.gif) top left repeat;
border-radius:27px;
position:relative;
text-align:center;
font-size:133%;
}
@media screen and (max-width:767px){
#recruit .recruitBtn a{
margin:20px auto 0;
font-size:12pt;
}
}
#recruit .recruitBtn a .txt{
position:absolute;
top:-10px;
left:-10px;
background:#f5874a;
color:#fff;
font-weight:bold;
width:100%;
height:44px;
border-radius:27px;
border:3px solid #f5874a;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
#recruit .recruitBtn a .txt{
top:0;
left:0;
}
}
.pcContent #recruit .recruitBtn a:hover .txt{
top:0;
left:0;
color:#f5874a;
background:#fff;
}
/* fixbar */
.fixbar{
position:fixed;
z-index:1000;
left:0;
bottom:0;
width:100%;
height:100px;
background:#f5874a;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media screen and (max-width:767px){
.fixbar{
height:55px;
}
}
.fixbar .areaInner{
z-index:11;
max-width: 800px;
}
.fixbar .blockLeft,
.fixbar .blockRight{
width:47.5%;
text-align:center;
margin-top:17px;
}
@media screen and (max-width:767px){
.fixbar .blockLeft{
width:60%;
margin-top:10px;
}
.fixbar .blockRight{
width:40%;
margin-top:10px;
font-size:10pt;
}
}
.fixbar .blockLeft.floatNone,
.fixbar .blockRight.floatNone{
float:none;
margin-left:auto;
margin-right:auto;
display:inline-block;
width:100%;
}
@media screen and (max-width:767px){
.fixbar .blockLeft .btn a,
.fixbar .blockRight .btn a{
height:30px;
line-height:30px;
}
}
.fixbar .blockLeft .btn .note{
display:block;
font-size:55%;
font-weight:normal;
}
@media screen and (max-width:767px){
.fixbar .blockLeft .tel .note{
font-size:7pt;
display:block;
}
}
.fixbar .blockRight .btn .icon-arrow{
line-height:64px;
}
@media screen and (max-width:767px){
.fixbar .blockRight .btn .icon-arrow{
display:none;
}
}
.fixbar .blockLeft .tel{
color:#fff;
font-size:200%;
line-height:1.4;
}
@media screen and (max-width:767px){
.fixbar .blockLeft .tel{
font-size:11pt;
}
}
.fixbar .blockLeft .icon-tel{
font-size:25px;
margin-right:10px;
display: inline-block;
line-height: 1;
margin-top: -4px;
vertical-align: middle;
}
@media screen and (max-width:767px){
.fixbar .blockLeft .icon-tel{
font-size:15px;
margin-right:5px;
}
}
.fixbar .blockRight .btn a{
display:block;
margin:15px auto 0;
width:90%;
max-width:240px;
height:50px;
line-height:44px;
background:url(../images/page/srlipe-w.gif) top left repeat;
border-radius:27px;
font-size:133%;
position:relative;
text-align:center;
}
@media screen and (max-width:767px){
.fixbar .blockRight .btn a{
margin:0 auto 0;
font-size:11pt;
height:30px;
line-height:24px;
}
}
.fixbar .blockRight .btn a .txt{
position:absolute;
top:-10px;
left:-10px;
background:#fff;
color:#f5874a;
font-weight:bold;
width:100%;
height:44px;
border-radius:27px;
border:3px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.fixbar .blockRight .btn a .txt{
top:0;
left:0;
height:24px;
}
}
.pcContent .fixbar .blockRight .btn a:hover .txt{
top:0;
left:0;
background:#f5874a;
color:#fff;
}
/*---------------------------------------*/
/* interview */
/*---------------------------------------*/
.interviewAreaInner:before{
content:"";
display:block;
width:100%;
height:50px;
background:#fef6f1;
border-top-left-radius:50px;
border-top-right-radius:50px;
}
@media screen and (max-width:767px){
.interviewAreaInner:before{
height:30px;
border-top-left-radius:30px;
border-top-right-radius:30px;
}
}
.interviewAreaInner:after{
content:"";
display:block;
width:100%;
height:50px;
background:#fef6f1;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
}
@media screen and (max-width:767px){
.interviewAreaInner:after{
height:30px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
}
}
.interviewList{
padding:60px 5% 30px;
background:#fef6f1;
position:relative;
min-height:360px;
overflow:hidden;
}
@media screen and (max-width:980px){
.interviewList{
min-height:285px;
}
}
@media screen and (max-width:767px){
.interviewList{
min-height:inherit;
padding:20px 5%;

}
}
.interviewList .img{
position:absolute;
top:60px;
left:5%;
width:480px;
display:block;
z-index:10;
}
@media screen and (max-width:980px){
.interviewList .img{
width:380px;
}
}
.interviewList:nth-child(2n) .img{
left:auto;
right:5%;
}
@media screen and (max-width:767px){
.interviewList .img{
width:100%;
margin-bottom:10px;
position:relative;
top:inherit;
left:inherit !important;
right:inherit !important;
}
}
.interviewList .img img{
width:100%;
height:auto;
}
.interviewList .imgIn{
overflow:hidden;
border-radius:30px;
display:block;
}
.interviewList .img .border{
content:"";
position:absolute;
top:-20px;
left:-20px;
border:6px solid #f5874a;
width:100%;
height:100%;
display:block;
border-radius:30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.interviewList .img .border{
top:0;
left:0;
}
}
.interviewList.green .img .border{
border:6px solid #3d7c60;
}
@media screen and (max-width:767px){
.interviewList .img .border{
top:0;
left:0;
}
}
.pcContent .interviewList a:hover .img .border{
top:0;
left:0;
}
.interviewList .img .border .ttl{
height:60px;
width:100%;
display:block;
color:#fff;
position:absolute;
bottom:0;
left:0;
background:#f5874a;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border: 2px solid #f5874a;
}
.interviewList.green .img .border .ttl{
background:#3d7c60;
border: 2px solid #3d7c60;
}
@media screen and (max-width:767px){
.interviewList .img .border .ttl{
height:40px;
}
}
.interviewList .img .border .ttl .dosis{
font-size:160%;
display:block;
line-height:1;
position:absolute;
top:10px;
left:10px;
}
.interviewList .img .border .ttl .dosis .num{
font-size:160%;
margin-left:8px;
font-weight:400;
letter-spacing:-0.015em;
}
@media screen and (max-width:767px){
.interviewList .img .border .ttl .dosis{
font-size:13pt;
top:7px;
}
}
.interviewList .img .border .ttl .jp{
display:block;
letter-spacing:0.1em;
position:absolute;
top:16px;
right:10px;
font-size:107%;
}
@media screen and (max-width:767px){
.interviewList .img .border .ttl .jp{
font-size:9pt;
top:12px;
}
}
.interviewList .img .cover{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/common/dot.png) top left repeat;
border-radius:30px;
opacity:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.interviewList.green .img .cover{
background:url(../images/common/dot-gr.png) top left repeat;
}
.pcContent .interviewList a:hover .img .cover{
opacity:1;
}
.interviewList .txtBox{
margin-left:520px;
display:block;
}
@media screen and (max-width:980px){
.interviewList .txtBox{
margin-left:400px;
}
}
@media screen and (max-width:767px){
.interviewList .txtBox{
margin-left:0;
}
}
.interviewList:nth-child(2n)  .txtBox{
margin-right:540px;
margin-left:0;
}
@media screen and (max-width:980px){
.interviewList:nth-child(2n)  .txtBox{
margin-right:420px;
}
}
@media screen and (max-width:767px){
.interviewList:nth-child(2n)  .txtBox{
margin-right:0;
}
}
.interviewList .txtBox .ttl{
color:#f5874a;
font-size:160%;
margin-bottom:10px;
display:block;
}
@media screen and (max-width:980px){
.interviewList .txtBox .ttl{
font-size:133%;
}
}
@media screen and (max-width:767px){
.interviewList .txtBox .ttl{
font-size:12pt;
}
}
.interviewList.green .txtBox .ttl{
color:#3d7c60;
}
.interviewList .txtBox .name{
font-size:120%;
font-weight:bold;
display:block;
}
@media screen and (max-width:767px){
.interviewList .txtBox .name{
font-size:10pt;
}
}
.interviewList .txtBox .info{
margin-bottom:20px;
}
.interviewList .linkBg{
width:120%;
position:relative;
z-index:9;
background:#fff;
height:50px;
line-height:50px;
margin-left:-10%;
}
.interviewList .linkBg .btn{
padding-left:8.5%;
margin-left:520px;
}
@media screen and (max-width:980px){
.interviewList .linkBg .btn{
margin-left:400px;
}
}
@media screen and (max-width:767px){
.interviewList .linkBg .btn{
margin-left:0;
}
}
.interviewList:nth-child(2n)  .linkBg .btn{
padding-left:8.5%;
margin-left:0;
}
.interviewList .linkBg .btn a{
padding-left:50px;
position:relative;
display:block;
}
.interviewList .linkBg .btn a .arrow{
position:absolute;
top:11px;
left:0;
font-size:27px;
width:27px;
height:27px;
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.pcContent .interviewList .linkBg .btn a:hover .arrow{
left:5px;
}
/* interviewContent */
.interviewContent{
background:#fef6f1;
border-radius:50px;
padding:30px 5%;
width:90%;
position:relative;
}
@media screen and (max-width:767px){
.interviewContent{
border-radius:30px;
padding:30px 5%;
}
}
.interviewContent .top{
min-height:370px;
}
@media screen and (max-width:980px){
.interviewContent .top{
min-height:inherit;
}
}
.interviewContent .top .img{
position:absolute;
top:0;
right:0;
width:640px;
border-top-right-radius:50px;
overflow:hidden;
}
@media screen and (max-width:980px){
.interviewContent .top .img{
position:static;
border-top-right-radius:0;
width:100%;
margin-bottom:20px;
}
}
@media screen and (max-width:767px){
.interviewContent .top .img{
margin-bottom:10px;
}
}
.interviewContent .top .img img{
width:100%;
height:auto;
}
.interviewContent .top .txtBox{
margin-right:420px;
}
@media screen and (max-width:980px){
.interviewContent .top .txtBox{
margin-right:0;
}
}
.interviewContent .top .interviewNo{
font-size:160%;
color:#f5874a;
line-height:1;
display:block;
padding-top:50px;
}
@media screen and (max-width:767px){
.interviewContent .top .interviewNo{
padding-top:0;
}
}
.interviewContent.green .top .interviewNo{
color:#3d7c60;
}
.interviewContent .top .interviewNo .num{
font-size:160%;
vertical-align:middle;
line-height:1;
display:inline-block;
margin:0 0 4px 5px;
letter-spacing:-0.015em;
font-weight:400;
}
.interviewContent .top .job{
display:inline-block;
padding:0 5% 0 6%;
margin:0 0 40px -6%;
background:#f5874a;
color:#fff;
height:30px;
line-height:30px;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
}
@media screen and (max-width:767px){
.interviewContent .top .job{
height:20px;
line-height:20px;
margin:0 0 15px -6%;
}
}
.interviewContent.green .top .job{
background:#3d7c60;
}
.interviewContent .top .name{
font-size:153%;
font-weight:bold;
margin-bottom:20px;
}
@media screen and (max-width:767px){
.interviewContent .top .name{
font-size:11pt;
margin-bottom:5px;
}
}
.interviewContent .ttl{
color:#f5874a;
font-size:220%;
margin:30px 0;
}
@media screen and (max-width:767px){
.interviewContent .ttl{
font-size:13pt;
margin:10px 0;
}
}
.interviewContent.green .ttl{
color:#3d7c60;
}
.interviewContent .content01{
position:relative;
min-height:345px;
margin-bottom:30px;
}
@media screen and (max-width:980px){
.interviewContent .content01{
min-height:inherit;
}
}
@media screen and (max-width:767px){
.interviewContent .content01{
margin-bottom:10px;
}
}
.interviewContent .content01 .img{
position:absolute;
top:0;
right:-6%;
width:400px;
border-top-left-radius:30px;
border-bottom-left-radius:30px;
overflow:hidden;
}
@media screen and (max-width:980px){
.interviewContent .content01 .img{
position:static;
border-top-left-radius:0;
border-bottom-left-radius:0;
width:100%;
margin-bottom:20px;
}
}
@media screen and (max-width:767px){
.interviewContent .content01 .img{
margin-bottom:10px;
}
}
.interviewContent .content01 .img img{
width:100%;
height:auto;
}
.interviewContent .content01 .txtBox{
margin-right:400px;
}
@media screen and (max-width:980px){
.interviewContent .content01 .txtBox{
margin-right:0;
}
}
.interviewContent .content02{
position:relative;
min-height:400px;
margin-bottom:60px;
}
@media screen and (max-width:980px){
.interviewContent .content02{
min-height:inherit;
}
}
@media screen and (max-width:767px){
.interviewContent .content02{
margin-bottom:40px;
}
}
.interviewContent .content02 .img{
position:absolute;
top:0;
left:-6%;
width:400px;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
overflow:hidden;
}
@media screen and (max-width:980px){
.interviewContent .content02 .img{
position:static;
border-top-right-radius:0;
border-bottom-right-radius:0;
width:100%;
margin-bottom:20px;
}
}
@media screen and (max-width:767px){
.interviewContent .content02 .img{
margin-bottom:10px;
}
}
.interviewContent .content02 .img img{
width:100%;
height:auto;
}
.interviewContent .content02 .txtBox{
margin-left:400px;
padding-top:155px;
}
@media screen and (max-width:980px){
.interviewContent .content02 .txtBox{
margin-left:0;
padding-top:0;
}
}

.interviewContent .interviewIn .subTtl{
font-size:133%;
margin-bottom:20px;
}
@media screen and (max-width:767px){
.interviewContent .interviewIn .subTtl{
font-size:11pt;
margin-bottom:10px;
}
}
.interviewContent .interviewIn .note{
margin-bottom:20px;
}
@media screen and (max-width:767px){
.interviewContent .interviewIn .note{
margin-bottom:10px;
}
}
#interview .schedule .scheduleTtl{
background:#fff;
width:112%;
margin-left:-6%;
height:80px;
text-align:center;
}
@media screen and (max-width:767px){
#interview .schedule .scheduleTtl{
height:58px;
}
}
#interview .schedule .scheduleTtl .dosis{
font-size:240%;
color:#f5874a;
display:block;
line-height:1.3;
padding-top:3px;
}
@media screen and (max-width:767px){
#interview .schedule .scheduleTtl .dosis{
font-size:18pt;
}
}
#interview .schedule .scheduleTtl .jp{
font-size:86%;
display:block;
letter-spacing:0.1em;
}
@media screen and (max-width:767px){
#interview .schedule .scheduleTtl .jp{
font-size:9pt;
}
}
#interview .scheduleIn{
padding-top:60px;
}
@media screen and (max-width:767px){
#interview .scheduleIn{
padding-top:30px;
}
}
#interview .scheduleIn .blockLeft{
width:33%;
}
@media screen and (max-width:980px){
#interview .scheduleIn .blockLeft{
width:100%;
margin-bottom:40px;
}
}
@media screen and (max-width:767px){
#interview .scheduleIn .blockLeft{
margin-bottom:20px;
}
}
#interview .scheduleIn .blockLeft .img{
border-radius:30px;
overflow:hidden;
margin-bottom:20px;
}
#interview .scheduleIn .blockLeft .img img{
width:100%;
height:auto;
}
#interview .scheduleIn .blockLeft .infomation{
position:relative;
}
#interview .scheduleIn .blockLeft .infomation .name{
font-weight:bold;
font-size:120%;
position:absolute;
top:0;
left:0;
width:35%;
}
@media screen and (max-width:767px){
#interview .scheduleIn .blockLeft .infomation .name{
font-size:11pt;
}
}
#interview .scheduleIn .blockLeft .infomation .info{
border-left:2px solid #fff;
margin-left:40%;
padding-left:5%;
}
@media screen and (max-width:767px){
#interview .scheduleIn .blockLeft .infomation .info{
font-size:9pt;
}
}
#interview .scheduleIn .blockRight{
width:62%;
}
@media screen and (max-width:980px){
#interview .scheduleIn .blockRight{
width:100%;
}
}

#interview .scheduleIn table{
width:100%;
}
#interview .scheduleIn table tr{
border-bottom:2px solid #fff;
}
#interview .scheduleIn table th{
padding:5px 0;
color:#f5874a;
font-size:107%;
width: 5em;
}
@media screen and (max-width:767px){
#interview .scheduleIn table th{
font-size:8pt;
}
}
#interview .scheduleIn table td{
padding:5px 0;
font-size:120%;
}
@media screen and (max-width:767px){
#interview .scheduleIn table td{
font-size:9pt;
}
}
/* moreBtn */
#interview .schedule .btn a{
display:block;
width:95px;
height:35px;
line-height:35px;
text-align:center;
position:relative;
margin:0 auto 30px;
padding-left:50px;
font-weight:normal;
}
@media screen and (max-width:767px){
#interview .schedule .btn a{
margin:0 auto 10px;
}
}
#interview .schedule .btn a .arrow{
font-size:35px;
width:35px;
height:35px;
line-height:1;
display:inline-block;
position:absolute;
top:0;
left:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pcContent #interview .schedule .btn a:hover .arrow{
left:8px;
}
#interview .otherInterview .otherInterviewTtl{
background:#f5874a;
height:95px;
text-align:center;
border-top-right-radius:50px;
border-top-left-radius:50px;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewTtl{
height:70px;
border-top-right-radius:30px;
border-top-left-radius:30px;
}
}
#interview .otherInterview .otherInterviewTtl .dosis{
font-size:240%;
color:#fff;
display:block;
line-height:1.3;
padding-top:10px;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewTtl .dosis{
font-size:18pt;
}
}
#interview .otherInterview .otherInterviewTtl .jp{
font-size:86%;
display:block;
letter-spacing:0.1em;
color:#fff;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewTtl .jp{
font-size:9pt;
}
}
#interview .otherInterview .otherInterviewInner{
padding:30px 5% 10px;
background:#fef6f1;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
width:90%;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewInner{
padding:10px 5% 5px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
}
}
#interview .otherInterview .otherInterviewList{
position:relative;
min-height:200px;
margin:30px auto 50px;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList{
margin:15px auto 30px;
}
}
#interview .otherInterview .otherInterviewList .img{
position:absolute;
top:0;
left:0;
width:200px;
display:block;
z-index:10;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .img{
width:100%;
margin-bottom:10px;
position:relative;
top:inherit;
left:inherit !important;
right:inherit !important;
}
}
#interview .otherInterview .otherInterviewList .img img{
width:100%;
height:auto;
}
#interview .otherInterview .otherInterviewList .imgIn{
overflow:hidden;
border-radius:30px;
display:block;
}
#interview .otherInterview .otherInterviewList .img .border{
content:"";
position:absolute;
top:-20px;
left:-20px;
border:6px solid #f5874a;
width:100%;
height:100%;
display:block;
border-radius:30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .img .border{
top:0;
left:0;
}
}
#interview .otherInterview .otherInterviewList.green .img .border{
border:6px solid #3d7c60;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .img .border{
top:0;
left:0;
}
}
.pcContent #interview .otherInterview .otherInterviewList a:hover .img .border{
top:0;
left:0;
}
#interview .otherInterview .otherInterviewList .img .cover{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/common/dot.png) top left repeat;
border-radius:30px;
opacity:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#interview .otherInterview .otherInterviewList.green .img .cover{
background:url(../images/common/dot-gr.png) top left repeat;
}
.pcContent #interview .otherInterview .otherInterviewList a:hover .img .cover{
opacity:1;
}
#interview .otherInterview .otherInterviewList .txtBox{
margin-left:240px;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .txtBox{
margin-left:0;
}
}
#interview .otherInterview .otherInterviewList .txtBox .job{
display:inline-block;
padding:0 5% 0 2%;
background:#f5874a;
color:#fff;
height:30px;
line-height:30px;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .txtBox .job{
height:20px;
line-height:20px;
}
}
#interview .otherInterview .otherInterviewList.green .txtBox .job{
background:#3d7c60;
}
#interview .otherInterview .otherInterviewList .txtBox .ttl{
color:#f5874a;
font-size:160%;
display:block;
line-height:1.6;
}
@media screen and (max-width:980px){
#interview .otherInterview .otherInterviewList .txtBox .ttl{
font-size:133%;
}
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .txtBox .ttl{
font-size:12pt;
}
}
#interview .otherInterview .otherInterviewList.green .txtBox .ttl{
color:#3d7c60;
}
#interview .otherInterview .otherInterviewList .txtBox .name{
font-size:120%;
font-weight:bold;
display:block;
}
@media screen and (max-width:767px){
#interview .otherInterview .otherInterviewList .txtBox .name{
font-size:10pt;
}
}
#interview .otherInterview .otherInterviewList .txtBox .info{
margin-bottom:20px;
}
/*---------------------------------------*/
/* oneday */
/*---------------------------------------*/
#oneday .onedayAreaInner{
padding:60px 5%;
background:#fef6f1;
border-radius:50px;
width:90%;
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner{
border-radius:30px;
padding:10px 5% 15px;
}
}
#oneday .onedayAreaInner .top{
position:relative;
min-height:350px;
overflow:visible;
}
@media screen and (max-width:980px){
#oneday .onedayAreaInner .top{
min-height:255px;
}
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top{
min-height:inherit;
}
}
#oneday .onedayAreaInner .top .img{
position:absolute;
top:0;
left:0;
width:480px;
}
@media screen and (max-width:980px){
#oneday .onedayAreaInner .top .img{
width:350px;
}
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .img{
position:relative;
width:100%;
}
}
#oneday .onedayAreaInner .top .img .imgIn{
border-radius:10px;
overflow:hidden;
}
#oneday .onedayAreaInner .top .img .imgIn img{
width:100%;
height:auto;
}
#oneday .onedayAreaInner .top .img .nameEn{
color:#f5874a;
font-size:266%;
margin-top: -0.5em;
line-height: 1;
padding-left:5%;
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .img .nameEn{
font-size:15pt;
}
}
#oneday .onedayAreaInner .top .txtBox{
margin-left:480px;
}
@media screen and (max-width:980px){
#oneday .onedayAreaInner .top .txtBox{
margin-left:350px;
}
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .txtBox{
margin-left:0;
}
}
#oneday .onedayAreaInner .top .txtBox .oneday{
display:inline-block;
padding:0 5%;
margin:30px 0 20px;
background:#f5874a;
color:#fff;
height:30px;
line-height:30px;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .txtBox .oneday{
height:20px;
line-height:20px;
margin: 10px 0 5px -6%;
padding-left: 11%;
}
}
#oneday .onedayAreaInner .top .txtBox .oneday .icon-time{
margin-right:10px;
}
#oneday .onedayAreaInner .top .txtBox .ttl{
color:#f5874a;
font-size:160%;
display:block;
line-height:1.6;
padding:0 5%;
margin-bottom:15px;
}
@media screen and (max-width:980px){
#oneday .onedayAreaInner .top .txtBox .ttl{
font-size:133%;
margin-bottom:5px;
}
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .txtBox .ttl{
font-size:11pt;
margin-bottom: 10px;
}
}
#oneday .onedayAreaInner .top .infomation{
background:#fff;
width:112%;
margin-left:-6%;
padding:10px 0;
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .infomation{
padding:5px 0;
}
}
#oneday .onedayAreaInner .top .infomation .name{
margin-left:480px;
padding-left:7.5%;
font-weight:bold;
font-size:120%;
margin-bottom:5px;
}
@media screen and (max-width:980px){
#oneday .onedayAreaInner .top .infomation .name{
margin-left:350px;
}
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .infomation .name{
margin-left:0;
font-size:11pt;
margin-bottom:0;
}
}
#oneday .onedayAreaInner .top .infomation .info{
margin-left:480px;
padding-left:7.5%;
}
@media screen and (max-width:980px){
#oneday .onedayAreaInner .top .infomation .info{
margin-left:350px;
}
}
@media screen and (max-width:767px){
#oneday .onedayAreaInner .top .infomation .info{
margin-left:0;
}
}
#oneday .onedayContent{
position:relative;
min-height:250px;
}
@media screen and (max-width:767px){
#oneday .onedayContent{
min-height:inherit;
}
}
#oneday .onedayContent:last-child{
margin-bottom:75px
}
@media screen and (max-width:767px){
#oneday .onedayContent:last-child{
margin-bottom:30px
}
}

#oneday .onedayContent:nth-child(2n){
margin-top:-35px;
margin-bottom:75px
}
@media screen and (max-width:980px){
#oneday .onedayContent:nth-child(2n){
margin-top:0;
margin-bottom:75px
}
}
@media screen and (max-width:767px){
#oneday .onedayContent:nth-child(2n){
margin-bottom:30px
}
}
#oneday .onedayContent .img{
position:absolute;
top:0;
right:0;
width:360px;
}
@media screen and (max-width:980px){
#oneday .onedayContent .img{
width:100%;
position:relative;
top:inherit;
left:inherit !important;
right:inherit !important;
}
}
#oneday .onedayContent:nth-child(2n) .img{
right:inherit;
left:0;
}
#oneday .onedayContent .imgIn{
border-radius:10px;
overflow:hidden;
}
@media screen and (max-width:980px){
#oneday .onedayContent .imgIn{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
}
#oneday .onedayContent .img img{
width:100%;
height:auto;
}
#oneday .onedayContent .img .num{
font-size:333%;
color:#f5874a;
line-height:1;
margin-top:-0.4em;
padding-right:5%;
text-align:right;
letter-spacing:-0.015em;
font-weight:400;
}
@media screen and (max-width:767px){
#oneday .onedayContent .img .num{
font-size:30pt;
}
}
#oneday .onedayContent:nth-child(2n) .img .num{
padding-right:0;
padding-left:5%;
text-align:left;
}
@media screen and (max-width:980px){
#oneday .onedayContent:nth-child(2n) .img .num{
padding-left:0;
padding-right:5%;
text-align:right;
}
}
#oneday .onedayContent .txtBox{
margin-right:375px;
padding-right:20px;
background:url(../images/page/ballon-l.png) right 20px no-repeat;
background-size:20px auto;
padding-bottom:75px;
}
@media screen and (max-width:980px){
#oneday .onedayContent .txtBox{
background:none;
margin-right:0;
padding-right:0;
margin-top:-30px;
}
}
@media screen and (max-width:767px){
#oneday .onedayContent .txtBox{
padding-bottom:30px;
}
}

#oneday .onedayContent:nth-child(2n) .txtBox{
padding-top:100px;
margin-right:0;
margin-left:375px;
padding-left:20px;
background:url(../images/page/ballon-r.png) left 120px no-repeat;
background-size:20px auto;
padding-bottom:0;
}
@media screen and (max-width:980px){
#oneday .onedayContent:nth-child(2n) .txtBox{
margin-left:0;
padding-left:0;
margin-top:-30px;
padding-top:0;
}
}
#oneday .onedayContent .txtBox .txtBoxIn{
background:#fff;
border-radius:10px;
padding:20px;
}
@media screen and (max-width:980px){
#oneday .onedayContent .txtBox .txtBoxIn{
border-top-left-radius:0;
border-top-right-radius:0;
}
}
#oneday .onedayContent .txtBox .txtBoxIn .time{
color:#f5874a;
border-bottom:1px solid #dadada;
padding-bottom:10px;
margin-bottom:15px;
}
@media screen and (max-width:767px){
#oneday .onedayContent .txtBox .txtBoxIn .time{
padding-bottom:5px;
margin-bottom:10px;
}
}
#oneday .onedayContent .txtBox .txtBoxIn .time .icon-time{
margin-right:10px;
}
#oneday .onedayContent .txtBox .txtBoxIn .note{
font-size:107%;
}
@media screen and (max-width:767px){
#oneday .onedayContent .txtBox .txtBoxIn .note{
font-size:10pt;
}
}
#oneday .onedayContent .next{
line-height:1;
font-size:35px;
color:#f5874a;
position:absolute;
bottom:0;
right:395px;
}
#oneday .onedayContent:nth-child(2n) .next{
bottom:-55px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#oneday .onedayPoint{
position:relative;
min-height:280px;
background:#fff;
border-radius:30px;
}
@media screen and (max-width:767px){
#oneday .onedayPoint{
min-height:inherit;
}
}
#oneday .onedayPoint .img{
position:absolute;
top:0;
left:0;
width:280px;
border-top-left-radius:30px;
border-bottom-left-radius:30px;
overflow:hidden;
}
@media screen and (max-width:767px){
#oneday .onedayPoint .img{
	position:static;
	width:100%;
border-top-left-radius:30px;
border-top-right-radius:30px;
border-bottom-left-radius:0;
}
}
#oneday .onedayPoint .img img{
width:100%;
height:auto;
}
#oneday .onedayPoint .txtBox{
margin-left:280px;
background:#fff;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
min-height:265px;
position:relative;
padding-bottom:15px;
}
@media screen and (max-width:767px){
#oneday .onedayPoint .txtBox{
margin-left:0;
background:none;
min-height:inherit;
}
}
#oneday .onedayPoint .txtBox .point{
padding:15px 5%;
}
@media screen and (max-width:980px){
#oneday .onedayPoint .txtBox .point{
padding:5px 5%;
}
}
#oneday .onedayPoint .txtBox .point .dosis{
font-size:240%;
color:#f5874a;
line-height:1.3;
padding-top:3px;
display:inline-block;
margin-left:10px;
}
@media screen and (max-width:767px){
#oneday .onedayPoint .txtBox .point .dosis{
font-size:18pt;
}
}
#oneday .onedayPoint .txtBox .point .jp{
font-size:86%;
display:inline-block;
letter-spacing:0.1em;
color:#f5874a;
}
@media screen and (max-width:767px){
#oneday .onedayPoint .txtBox .point .jp{
font-size:9pt;
}
}
#oneday .onedayPoint .txtBox .oneday{
position:absolute;
top:25px;
right:0;
display:inline-block;
padding:0 5%;
background:#f5874a;
color:#fff;
height:30px;
line-height:30px;
border-top-left-radius:30px;
border-bottom-left-radius:30px;
}
@media screen and (max-width:980px){
#oneday .onedayPoint .txtBox .oneday{
	position:static;
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:30px;
border-bottom-right-radius:30px;
margin-top:10px;
}
}
@media screen and (max-width:767px){
#oneday .onedayPoint .txtBox .oneday{
height:20px;
line-height:20px;
margin: 10px 0 5px 0;
padding-left: 5%;
}
}
#oneday .onedayPoint .txtBox .oneday .icon-time{
margin-right:10px;
}
#oneday .onedayPoint .txtBox .ttl{
margin:0 5% 5px;
font-size:130%;
line-height:1.6;
border-bottom: 1px solid #dadada;
padding-bottom:5px;
}
@media screen and (max-width:767px){
#oneday .onedayPoint .txtBox .ttl{
font-size:11pt;
}
}
#oneday .onedayPoint .txtBox .note{
padding:0 5%;
font-size:107%;
line-height:1.6;
}
@media screen and (max-width:767px){
#oneday .onedayPoint .txtBox .note{
font-size:9pt;
}
}
/*---------------------------------------*/
/* about */
/*---------------------------------------*/
#about .aboutAreaInner{
padding:60px 5%;
background:#fef6f1;
border-radius:50px;
width:90%;
}
@media screen and (max-width:767px){
#about .aboutAreaInner{
border-radius:30px;
padding:30px 5% 15px;
}
}

#about .aboutAreaInner .aboutTtl{
background:#fff;
width:112%;
margin-left:-6%;
height:80px;
text-align:center;
margin-bottom:40px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .aboutTtl{
height:58px;
margin-bottom:15px;
}
}
#about .aboutAreaInner .aboutTtl .dosis{
font-size:240%;
color:#f5874a;
display:block;
line-height:1.3;
padding-top:3px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .aboutTtl .dosis{
font-size:18pt;
}
}
#interview .aboutAreaInner .aboutTtl .jp{
font-size:86%;
display:block;
letter-spacing:0.1em;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .aboutTtl .jp{
font-size:9pt;
}
}
#about .aboutAreaInner .aboutContent{
padding-bottom:35px;
margin-bottom:35px;
border-bottom:2px solid #fff;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .aboutContent{
padding-bottom:15px;
margin-bottom:15px;
}
}
#about .aboutAreaInner .aboutContent.noline{
border-bottom:none;
}

#about .aboutAreaInner .ttl{
color:#f5874a;
font-size:160%;
line-height:1.6;
margin-bottom:30px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .ttl{
font-size:11pt;
margin-bottom:15px;
}
}
#about .aboutAreaInner .note{
font-size:107%;
line-height:1.6;
margin-bottom:20px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .note{
font-size:9pt;
margin-bottom:5px;
}
}
#about .aboutAreaInner .bg{
width:90%;
padding:50px 5%;
border-radius:30px;
background:#fff;
margin-bottom:40px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .bg{
padding:20px 5%;
border-radius:10px;
}
}
#about .aboutAreaInner .bg img{
width:100%;
height:auto;
}

#about .aboutAreaInner .concept{
position:relative;
margin-bottom:20px;
}
#about .aboutAreaInner .concept .number{
font-size:133%;
color:#f5874a;
font-weight:bold;
position:absolute;
top:0;
left:0;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .concept .number{
position:static;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #dadada;
font-size:11pt;
}
}
#about .aboutAreaInner .concept .txtBox{
margin-left:100px;
padding-left:30px;
border-left:1px solid #dadada;
line-height:1.6;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .concept .txtBox{
margin:0;
padding:0;
border:none;
}
}
#about .aboutAreaInner .concept .txtBox .subTtl{
font-size:120%;
margin-bottom:5px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .concept .txtBox .subTtl{
font-size:10pt;
}
}
#about .aboutAreaInner table{
width:90%;
margin:0 auto 30px;
font-size:107%;
}
@media screen and (max-width:767px){
#about .aboutAreaInner table{
font-size:8pt;
}
}

#about .aboutAreaInner table tr{
border-bottom:2px solid #fff;
}
#about .aboutAreaInner table th{
padding:10px 0;
color:#f5874a;
width:9em;
}
#about .aboutAreaInner table td{
padding:10px 0;
}
#about .aboutAreaInner .mapOuter{
overflow:hidden;
border-radius:10px;
height:350px;
margin-bottom:20px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .mapOuter{
height:250px;
margin-bottom:15px;
}
}
#about .aboutAreaInner .mapOuter iframe{
width:100%;
height:350px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .mapOuter iframe{
height:250px;
}
}
#about .aboutAreaInner .contact .subTtl{
font-size:133%;
margin-bottom:5px;
width:90%;
margin:40px auto 15px;
}
@media screen and (max-width:767px){
#about .aboutAreaInner .contact .subTtl{
font-size:11pt;
margin:20px auto 0px;
}
}
#about .aboutAreaInner .contact table th{
width:11em;
}
/*---------------------------------------*/
/* buissiness */
/*---------------------------------------*/
#buisiness .buisinessAreaLink li{
width:47.5%;
display:inline;
float:left;
margin-right:5%;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaLink li{
width:100%;
margin:0;
}
}
#buisiness .buisinessAreaLink li:last-child{
margin-right:0;
}
#buisiness .buisinessAreaLink li.btn a{
display:block;
margin:50px auto 0;
width:90%;
max-width:305px;
height:50px;
line-height:44px;
background:url(../images/page/srlipe-o.gif) top left repeat;
border-radius:27px;
position:relative;
text-align:center;
font-size:133%;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaLink li.btn a{
margin:20px auto 0;
font-size:12pt;
}
}
#buisiness .buisinessAreaLink li.btn a .txt{
position:absolute;
top:-10px;
left:-10px;
background:#f5874a;
color:#fff;
font-weight:bold;
width:100%;
height:44px;
border-radius:27px;
border:3px solid #f5874a;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaLink li.btn a .txt{
top:0;
left:0;
}
}
.pcContent #buisiness .buisinessAreaLink li.btn a:hover .txt{
top:0;
left:0;
color:#f5874a;
background:#fff;
}
/* buisinessAreaInner */
#buisiness .buisinessAreaInner{
padding:60px 5%;
background:#fef6f1;
border-radius:50px;
width:90%;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner{
border-radius:30px;
padding:30px 5% 15px;
}
}

#buisiness .buisinessAreaInner .buisinessTtl{
background:#fff;
width:112%;
margin-left:-6%;
height:80px;
text-align:center;
margin-bottom:40px;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner .buisinessTtl{
height:58px;
margin-bottom:15px;
}
}
#buisiness .buisinessAreaInner .buisinessTtl .dosis{
font-size:240%;
color:#f5874a;
display:block;
line-height:1.3;
padding-top:3px;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner .buisinessTtl .dosis{
font-size:18pt;
}
}
#interview .aboutAreaInner .buisinessTtl .jp{
font-size:86%;
display:block;
letter-spacing:0.1em;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner .buisinessTtl .jp{
font-size:9pt;
}
}
#buisiness .buisinessAreaInner .buisinessContent{
margin-bottom:70px;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner .buisinessContent{
margin-bottom:30px;
}
}
#buisiness .buisinessAreaInner .ttl{
color:#f5874a;
font-size:160%;
line-height:1.6;
margin-bottom:30px;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner .ttl{
font-size:11pt;
margin-bottom:15px;
}
}
#buisiness .buisinessAreaInner .note{
font-size:107%;
line-height:1.6;
margin-bottom:20px;
}
@media screen and (max-width:767px){
#buisiness .buisinessAreaInner .note{
font-size:9pt;
margin-bottom:5px;
}
}
#buisiness .buisinessAreaInner .img img{
width:100%;
height:auto;
}
#buisiness .buisinessAreaInner .img.w640{
max-width:640px;
margin:0 auto;
}
#buisiness .buisinessAreaInner .img.w720{
max-width:720px;
margin:0 auto;
}

#buisiness .buisinessProject{
position:relative;
min-height:200px;
margin-bottom:50px;
}
@media screen and (max-width:767px){
#buisiness .buisinessProject{
min-height:inherit;
margin-bottom:30px;
}
}
#buisiness .buisinessProject .img{
width:200px;
border-radius:30px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
@media screen and (max-width:767px){
#buisiness .buisinessProject .img{
width:100%;
max-width:320px;
margin:0 auto 10px;
position:static;
}
}
#buisiness .buisinessProject .img img{
width:100%;
height:100%;
}
#buisiness .buisinessProject .txtBlock{
margin-left:230px;
}
@media screen and (max-width:767px){
#buisiness .buisinessProject .txtBlock{
margin-left:0;
}
}
#buisiness .buisinessProject .txtBlock .projectTtl{
font-size:120%;
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:2px solid #fff;
}
@media screen and (max-width:767px){
#buisiness .buisinessProject .txtBlock .projectTtl{
font-size:11pt;
}
}
#buisiness .buisinessProject .txtBlock .projectNote{
font-size:107%;
line-height:1.6;
}
@media screen and (max-width:767px){
#buisiness .buisinessProject .txtBlock .projectNote{
font-size:10pt;
}
}
#buisiness .buisinessProject .txtBlock .projectNote.list{
margin-left:1em;
}
#buisiness .buisinessProject .txtBlock .projectNote.list .dot{
margin-left:-1em;
width:1em;
display:inline-block;
}