@charset "utf-8";

/* ◆ PC SIZE ◆
============================================================== */



/* TOP ━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/



/* メイン */

.topMain {
padding:2px 0 0 0;
/*max-width:1160px;*/
/*
max-width:1350px;
min-width:951px;
*/
width:100%;
display:table;
}

.topMain .inleft {
display:table-cell;
max-width:698px;
min-width:487px;
}


.topMain .inright {
padding:0 0 0 2px;
display:table-cell;
width:464px;
min-width:464px;
vertical-align:top;
}

.topMain .inright li {
float:left;
line-height:0;
}

.topMain .inright li a {
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.topMain .inright li a:hover {opacity:0.5;}

.topMain .inright li:nth-child(2) {margin-left:2px;}
.topMain .inright li:nth-child(3) {margin-top:2px;}
.topMain .inright li:nth-child(4) {margin-top:2px;margin-left:2px;}

.topMain .inright li p {
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.topMain .inright li p:hover {
cursor:pointer;
opacity:0.5;
}


/* モーダル検索エリア */

#modal-content {
width:860px;
margin:0 ;
padding:30px 20px;
background: #fff ;
position: fixed ;
display: none ;
z-index:9999;
border-radius:5px;
}

#modal-content-innar{
margin:0 auto;
width:100%;
}

#modal-overlay {
z-index:9998;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.7 ) ;
}

#modal-overlay:hover {cursor:pointer;}


#modal-content-innar .kensaku {margin-top:20px;}


#modal-content-innar p.mclose {
margin:30px auto 0 auto;
width:200px;
text-align:center;
background:#63bd3b;
position:absolute;
bottom:-100px;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.button-link {
padding:15px 0;
color: #fff;
text-decoration:none;
font-family:YuGothic,'Yu Gothic',sans-serif;
font-size:16px;
font-weight:bold;
display:block;
line-height:1;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.button-link:hover {
cursor: pointer ;
color: #333 ;
}


#form01{
width:600px;
border: 1px #63bd3b solid;
border-radius:3px;
}
#form01 input{
vertical-align: top;
margin: 0px;
height: 100%;
box-sizing: border-box;
color:#333;
font-family:YuGothic,'Yu Gothic',sans-serif;
}
#input01{
padding:10px;
width:520px;
border: none;
color:#333;
}
#submit01{
padding:10px 0;
width:80px;
border: none;
background:#63bd3b;
font-family:YuGothic,'Yu Gothic',sans-serif;
font-weight:bold;
font-size:16px;
color:#fff!important;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
#submit01:hover {
cursor:pointer;
color:#333!important;
}

.select-box02 select {
position: relative;
width:40%;
padding: 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #63bd3b;
}
.select-box02 label {
position: relative;
}

.select-box02 label:after {
padding:0 0 0 2px;
display: block;
content:"\f107";
font-family:FontAwesome;position: absolute;
top:-12px;
right:5px;
pointer-events: none;
font-size:24px;
background:#63bd3b;
width:40px;
text-align:center;
color:#fff;
}


#modal-content-innar ul {
margin-top:30px;
text-align:center;
letter-spacing:-0.4em;
}

#modal-content-innar li {
margin:0 0 0 3%;
letter-spacing:normal;
display:inline-block;
float:none;
}

#modal-content-innar li:first-child {
margin:0 0 0 0;
}

#modal-content-innar li a {
padding:10px;
display:block;
line-height:0;
background:#63bd3b;
border-radius:5px;
}

#modal-content-innar li a:hover {}

#modal-content-innar li img {width:100%;}

/* クロムハック */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.select-box02 select {
position: relative;
width: 41%;
padding: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #63bd3b
}
.select-box02 label:after {
padding: 0 0 0 2px;
display: block;
content: "\f107";
font-family: FontAwesome;
position: absolute;
top: -11px;
right: 0px;
pointer-events: none;
font-size: 24px;
background: #63bd3b;
width: 40px;
text-align: center;
color: #fff;
}
}

/* IDハック */
@media all and (-ms-high-contrast: none) {
.button-link {
padding:19px 0 15px 0;
color: #fff;
text-decoration:none;
font-family:YuGothic,'Yu Gothic',sans-serif;
font-size:16px;
font-weight:bold;
display:block;
line-height:1;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.select-box02 select {
position: relative;
width: 41%;
padding: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #63bd3b
}
.select-box02 label:after {
padding: 0 0 0 2px;
display: block;
content: "\f107";
font-family: FontAwesome;
position: absolute;
top: -11px;
right: 0px;
pointer-events: none;
font-size: 24px;
background: #63bd3b;
width: 40px;
text-align: center;
color: #fff;
}
}




/* contents START
------------------------------------------- */
@media screen and (min-width:769px){
/*.contents {min-width:1203px;}*/
}



/* newsArea */

.newsArea	{margin-top:20px;}

.newsArea .inleft {
float:left;
width:70%;
max-width:670px;
position:relative;
}

.newsArea .inleft .tab {
/*position:absolute;
right:10px;
top:0;
text-align:right;
letter-spacing:-0.4em;
*/
margin-bottom:20px;
display:block;
}

.newsArea .inleft .tab li {
color: #333;
margin: 0 0 0 0;
padding: 12px 0;
cursor: pointer;
display:inline-block;
list-style: none;
font-size:13px;
line-height:1;
font-weight:bold;
color:#fff;
transition: .3s;
width:110px;
text-align:center;
letter-spacing:normal;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.newsArea .inleft .tab li.active {
/*color: #fff;*/
/*background: #fb4343;*/
border-bottom:2px solid #fb4343;
cursor: auto;
}

.newsArea .inleft .tab li:hover {cursor:pointer;opacity:0.6;}

.newsArea .inleft .tab li {color:black;width:20%;}

/*
.newsArea .inleft .tab li.tabNews	{background:#48b018;border-radius:0 0 0 5px;}
.newsArea .inleft .tab li.tabSaiyo	{background:#1fc0be;}
.newsArea .inleft .tab li.tabColumn	{background:#db63da;border-radius:0 0 5px 0;}
.newsArea .inleft .tab li.tabTenpo	{background:#0a94e0;border-radius:0 0 5px 0;}
*/

.newsCate {
padding:15px 30px 10px 30px;
box-shadow:0px 0px 4px -2px #b5b5b5;
}

.newsCate div		{display:none;}
.newsCate div.show	{display:block;}

.newsCate h2 {
line-height:1;
}
.newsCate h2 span {
padding:0 0 0 15px;
font-size:20px;
letter-spacing:0.05em;
font-weight:bold;
line-height:1;
color:#333;
background:url(../img/chip_topnewsarea.png) no-repeat left center;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.newsCate dl {margin-top:20px;}
.newsCate dt {
font-size:13px;
}
.newsCate dt span {
margin:0 0 0 5px;
padding:3px 0;
position:relative;
top:-1px;
display:inline-block;
width:66px;
text-align:center;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:1;
font-family:YuGothic,'Yu Gothic',sans-serif;
}

.newsCate dt span.shinchaku	  {background:#48b018;}
.newsCate dt span.news	  {background:#48b018;}
.newsCate dt span.saiyoujouho {background:#0050ff;}
.newsCate dt span.recruit_info {background:#0050ff;}
.newsCate dt span.columnjouho {background:#db63da;}
.newsCate dt span.column {background:#db63da;}
.newsCate dt span.store_info {background:#e18501;}

.newsCate dd {
margin:8px 0 15px 0;
padding:0 0 15px 0;
background:url(../img/dot_news.png) repeat-x bottom left;
}
.newsCate dd:last-child {
margin:8px 0 0px 0;
padding:0 0 15px 0;
}
.newsCate dd a {
color:#333;
display:block;
line-height:1.3;
}
.newsCate dd a:hover {
color:#00F;
text-decoration:underline;
}
.newsCate p.more {margin-top:10px;text-align:right;}
.newsCate p.more a {
padding:0 0 0 24px;
line-height:1;
font-family:YuGothic,'Yu Gothic',sans-serif;
color:#48b018;
font-weight:bold;
font-size:12px;
background:url(../img/chip_arrow.png) no-repeat 0 1px;
}
.newsCate p.more a:hover {text-decoration:underline;}

.newsArea .inright					{float:right;width:230px;}
.newsArea .inright li				{margin-top:10px}
.newsArea .inright li:first-child	{margin-top:0;}
.newsArea .inright li a {
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.newsArea .inright li a:hover {opacity:0.5;}
.newsArea .inright li .pc {display:block;}
.newsArea .inright li .sp {display:none;}



/* conductorArea
------------------------------------------ */

.conductorArea {
margin-top:20px;
padding:0 0 40px 0;
background:#f8f8f8;
}

.conductorArea h2 {
padding:40px 0 0 0;
font-weight:bold;
font-size:26px;
line-height:1.3;
color:#333;
text-align:center;
position: relative;
letter-spacing:0;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.conductorArea h2:before {
content: '';
position: absolute;
top:0;
display: inline-block;
width:90px;
height:4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color:#48b018;
}


.conductorArea .inleft {
float:left;
width:50%;
max-width:440px;
}

.conductorArea .inleft ul {margin-top:30px;}

.conductorArea .inleft li {
margin:10px 0 0 10px;
float:left;
width:48%;
max-width:215px;
background:#fff;
border-radius:3px;
position:relative;
}

.conductorArea .inleft li:nth-child(2n+1) {
margin-left:0;
}

.conductorArea .inleft li a {
width:100%;
max-width:215px;
height:215px;
display:block;
line-height:0;
position:relative;
box-shadow:0px 0px 6px -2px #888;
border-radius:3px;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.conductorArea .inleft li:nth-child(1) a {background:url(../img/conductor_bnr_03.jpg) no-repeat center center;background-size:cover;}
.conductorArea .inleft li:nth-child(2) a {background:url(../img/conductor_bnr_04.jpg) no-repeat center center;background-size:cover;}
.conductorArea .inleft li:nth-child(3) a {
width:100%;
max-width:215px;
height:215px;
background:url(../img/conductor_bnr_01.jpg) no-repeat center center;
background-size:cover;
/*
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.2s linear;
*/
}
.conductorArea .inleft li:nth-child(4) a {
width:100%;
max-width:215px;
height:215px;
background:url(../img/conductor_bnr_02.jpg) no-repeat center center;
background-size:cover;
/*
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.2s linear;
*/}

.conductorArea .inleft li a:hover {opacity:0.5;}
.conductorArea .inleft li:nth-child(3) a:hover {opacity:0.5;}
.conductorArea .inleft li:nth-child(4) a:hover {opacity:0.5;}

.conductorArea .inleft li p {
padding:12px 0;
color:#fff;
position:absolute;
bottom:0;
background:url(../img/conductor_bg01.png) no-repeat center right;
background-size:cover;
text-align:center;
font-size:19px;
font-weight:bold;
line-height:1;
width:100%;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.conductorArea .inleft li p span {
margin-bottom:5px;
display:block;
line-height:1;
font-size:13px;
font-weight:bold;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


.conductorArea .iniright {
margin-top:40px;
float:right;
width:49%;
max-width:460px;
}

.conductorArea .searchBnr {
background:url(../img/searchbnr_bg.png) no-repeat;
background-size:cover;
max-width:460px;
width:100%;
height:215px;
position:relative;
box-shadow:0px 0px 6px -2px #888;
}

.conductorArea .iniright p.mid {
line-height:0;
position:absolute;
right:55px;
top:60px;
width:176px;
}
.conductorArea .iniright p.mid img {width:100%;}

.conductorArea .iniright ul {
position:absolute;
right:40px;
top:93px;
}
.conductorArea .iniright li {
margin-top:5px;
line-height:0;
width:210px;
background:#fff;
border-radius:3px;
}
.conductorArea .iniright li:first-child {margin-top:0;}
.conductorArea .iniright li img	{width:100%;}
.conductorArea .iniright li a	{
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.conductorArea .iniright li a:hover {opacity:0.5;}

.conductorArea .iniright .convertion {
margin-top:10px;
box-shadow:0px 0px 6px -2px #888;
}
.conductorArea .iniright .convertion a	{
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.conductorArea .iniright .convertion a:hover {opacity:0.5;}
.conductorArea .iniright .convertion img	{width:100%;}










/* ◆ SP SIZE ◆
============================================================== */

@media screen and (max-width:768px){


/* TOP
 -----------------------------------------------------*/

/* メイン */

.topMain {
padding:0 0 0 0;
max-width:auto;
min-width:auto;
width:100%;
display:block;
}


.topMain .inleft {
display:block;
max-width:auto;
min-width:auto;
}


.topMain .inright {
padding:0 0 0 0;
display:block;
width:auto;
vertical-align:top;
min-width:auto;
}

.topMain .inright ul {
letter-spacing:-0.4em;
text-align:center;
}

.topMain .inright li {
margin:1% 0 0 1%!important;
float:none;
display:inline-block;
letter-spacing:normal;
line-height:0;
width:48%;
vertical-align:top;
}

.topMain .inright li:first-child {
margin:1% 0 0 0!important;
}


.topMain .inright li img {width:100%;}

.topMain .inright li a {
display:block;
line-height:0;
}

.topMain .inright li:nth-child(2) {display:none;}
.topMain .inright li:nth-child(3) {display:none;}
.topMain .inright li:nth-child(4) {margin-top:0;margin-left:0;}



/* モーダル検索エリア */

#modal-content {
width:90%;
margin:0 ;
padding:5% 3%;
background: #fff ;
position: fixed ;
display: none ;
z-index:9999;
border-radius:5px;
}

#modal-content-innar{
margin:0 auto;
width:100%;
}

#modal-overlay {
z-index:9998;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.7 ) ;
}

#modal-overlay:hover {cursor:pointer;}

#modal-content-innar .kensaku {margin-top:20px;}

#modal-content-innar p.mclose {
margin:5% auto 0 auto;
width:80%;
text-align:center;
background:#63bd3b;
position:absolute;
bottom:-100px;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.button-link {
padding:15px 0;
color: #fff;
text-decoration:none;
font-family:YuGothic,'Yu Gothic',sans-serif;
font-size:16px;
font-weight:bold;
display:block;
line-height:1;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.button-link:hover {
cursor: pointer ;
color: #333 ;
}


#form01{
width:100%;
border: 1px #63bd3b solid;
border-radius:3px;
height:47px;
position:relative;
}
#form01 input{
vertical-align: top;
margin: 0px;
height: 100%;
box-sizing: border-box;
color:#333;
font-family:YuGothic,'Yu Gothic',sans-serif;
position:absolute;
right:0;
border:none;
-webkit-appearance: none;
border-radius:0;
}
#input01{
padding:10px;
width:100%;
border: none;
color:#333;
}
#submit01{
padding:10px 0;
width:50px;
border: none;
background:#63bd3b;
font-family:YuGothic,'Yu Gothic',sans-serif;
font-weight:bold;
font-size:16px;
color:#fff!important;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
#submit01:hover {
cursor:pointer;
color:#333!important;
}

.select-box02 select {
position: relative;
width:80%;
padding:13px 10px 14px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #63bd3b;
}
.select-box02 label {
position: relative;
}

.select-box02 label:after {
padding:0 0 0 2px;
display: block;
content:"\f107";
font-family:FontAwesome;position: absolute;
top:-12px;
right:0;
pointer-events: none;
font-size:24px;
background:#63bd3b;
width:40px;
text-align:center;
color:#fff;
}


#modal-content-innar ul {
margin-top:5%;
text-align:center;
letter-spacing:-0.4em;
}

#modal-content-innar li {
margin:0 0 0 2%;
letter-spacing:normal;
display:inline-block;
float:none;
width:32.33%;
}

#modal-content-innar li:first-child {
margin:0 0 0 0;
}

#modal-content-innar li:nth-child(4) {
margin-left:0!important;
}

#modal-content-innar li a {
padding:10px;
display:block;
line-height:0;
background:#63bd3b;
border-radius:5px;
}

#modal-content-innar li a:hover {}

#modal-content-innar li img {width:100%;}







/* contents START
------------------------------------------- */

.contents {min-width:auto;}




/* newsArea */

.newsArea	{margin-top:20px;padding:0 2%;}

.newsArea .inleft {
margin-top:10px;
float:none;
width:100%;
max-width:100%;
position:relative;
}

.tab {
position:relative;
right:auto;
top:auto;
text-align:center;
letter-spacing:-0.4em;
display:block;
}

.tab li {
margin: 0 0 0 2%;
padding: 12px 0;
color: #333;
cursor: pointer;
display:inline-block;
list-style: none;
font-size:12px;
line-height:1;
font-weight:bold;
color:#fff;
transition: .3s;
/*width:70px!important;*/
width:24%!important;
text-align:center;
letter-spacing:normal;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.tab li:first-child	{margin:0 0 0 0;}

/*
.tab li.active {
color: #fff;
background: #fb4343;
cursor: auto;
}
tab li:hover {cursor:pointer;opacity:0.6;}

.tab li.tabNews		{background:#48b018;border-radius:5px 5px 0 0;}
.tab li.tabSaiyo	{background:#0a94e0;border-radius:0 0 0 0;}
.tab li.tabColumn	{background:#db63da;border-radius:5px 5px 0 0;}
*/

.newsCate {
padding:0 3% 3% 3%;
box-shadow:0px 0px 4px -2px #b5b5b5;
}

.newsCate div		{display:none;}
.newsCate div.show	{display:block;}

.newsCate h2 {
padding-top:24px;
line-height:1;
}
.newsCate h2 span {
padding:0 0 0 15px;
font-size:20px;
letter-spacing:0.05em;
font-weight:bold;
line-height:1;
color:#333;
background:url(../img/chip_topnewsarea.png) no-repeat left center;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.newsCate dl {margin-top:15px;}
.newsCate dt {
font-size:13px;
}
.newsCate dt span {
margin:0 0 0 5px;
padding:3px 0;
position:relative;
top:-1px;
display:inline-block;
width:145px;
text-align:center;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:1;
font-family:YuGothic,'Yu Gothic',sans-serif;
}

.newsCate dt span.shinchaku	  {background:#48b018;}
.newsCate dt span.saiyoujouho {background:#0050ff;}
.newsCate dt span.columnjouho {background:#db63da;}

.newsCate dd {
margin:5px 0 15px 0;
padding:0 0 15px 0;
background:url(../img/dot_news.png) repeat-x bottom left;
}
.newsCate dd:last-child {
margin:8px 0 0px 0;
padding:0 0 15px 0;
}
.newsCate dd a {
color:#333;
display:block;
line-height:1.3;
}
.newsCate dd a:hover {
color:#00F;
text-decoration:underline;
}
.newsCate p.more {margin-top:10px;text-align:right;}
.newsCate p.more a {
padding:1px 0 1px 20px;
line-height:1;
font-family:YuGothic,'Yu Gothic',sans-serif;
color:#48b018;
font-weight:bold;
font-size:12px;
background:url(../img/chip_arrow.png) no-repeat 0 1px;
}
.newsCate p.more a:hover {text-decoration:underline;}



.newsArea .inright					{margin-top:20px;float:none;width:auto;}
.newsArea .inright li				{margin-top:3%;display:inline-block;width:32%;}
.newsArea .inright li:first-child	{margin-top:0;}
.newsArea .inright li a {
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.newsArea .inright li a:hover {opacity:1;}
.newsArea .inright li .pc {display:none;}
.newsArea .inright li .sp {display:block;}
.newsArea .inright li img {width:100%;}



/* conductorArea
------------------------------------------ */

.conductorArea {
margin-top:20px;
padding:0 2% 30px 2%;
background:#f8f8f8;
}

.conductorArea h2 {
padding:30px 0 0 0;
font-weight:bold;
font-size:19px;
line-height:1.3;
color:#333;
text-align:center;
position: relative;
letter-spacing:0;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.conductorArea h2:before {
content: '';
position: absolute;
top:0;
display: inline-block;
width:90px;
height:4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color:#48b018;
}


.conductorArea .inleft {
float:none;
width:auto;
max-width:100%;
}

.conductorArea .inleft ul {margin-top:24px;}

.conductorArea .inleft li {
margin:10px 0 0 0;
float:none;
width:48%;
display:inline-block;
max-width:100%;
background:#55b729;
border-radius:3px;
position:relative;
}

.conductorArea .inleft li:nth-child(2n) {
margin-left:1%;
}

.conductorArea .inleft li:nth-child(2n+1) {
margin-left:0.5%;
}

.conductorArea .inleft li a {
width:100%;
height:300px;
display:block;
max-width:100%;
line-height:0;
position:relative;
box-shadow:0px 0px 6px -2px #888;
border-radius:3px;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.conductorArea .inleft li:nth-child(1) a {background:url(../img/conductor_bnr_04.jpg) no-repeat center top;background-size:cover;}
.conductorArea .inleft li:nth-child(2) a {background:url(../img/conductor_bnr_03.jpg) no-repeat center top;background-size:cover;}
.conductorArea .inleft li:nth-child(3)   {background:url(../img/conductor_bnr_01.jpg) no-repeat center top;background-size:cover;width:48%;height:300px;}
.conductorArea .inleft li:nth-child(4) 	 {background:url(../img/conductor_bnr_02.jpg) no-repeat center top;background-size:cover;width:48%;height:300px;}

.conductorArea .inleft li a:hover {opacity:1;}

.conductorArea .inleft li p {
padding:12px 0;
color:#fff;
position:absolute;
bottom:0;
background:url(../img/conductor_bg01.png) no-repeat center right;
background-size:cover;
text-align:center;
font-size:19px;
font-weight:bold;
line-height:1;
width:100%;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.conductorArea .inleft li p span {
margin-bottom:5px;
display:block;
line-height:1;
font-size:13px;
font-weight:bold;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


.conductorArea .iniright {
margin-top:10px;
float:none;
width:auto;
max-width:100%;
}

.conductorArea .searchBnr {
background:url(../img/searchbnr_bg.png) no-repeat;
background-size:cover;
width:100%;
max-width:100%;
height:215px;
position:relative;
box-shadow:0px 0px 6px -2px #888;
}

.conductorArea .iniright p.mid {
line-height:0;
position:absolute;
right:35px;
top:60px;
width:176px;
}
.conductorArea .iniright p.mid img {width:100%;}

.conductorArea .iniright ul {
position:absolute;
right:20px;
top:93px;
}
.conductorArea .iniright li {
margin-top:5px;
line-height:0;
width:210px;
background:#fff;
border-radius:3px;
}
.conductorArea .iniright li:first-child {margin-top:0;}
.conductorArea .iniright li img	{width:100%;}
.conductorArea .iniright li a	{
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.conductorArea .iniright li a:hover {opacity:1;}

.conductorArea .iniright .convertion {
margin-top:10px;
box-shadow:0px 0px 6px -2px #888;
}
.conductorArea .iniright .convertion a	{
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.conductorArea .iniright .convertion a:hover {opacity:1;}
.conductorArea .iniright .convertion img	{width:100%;}








}



.medicalbar{
	width:60%;
	margin:35px auto 20px ;
}
.medicalbar img{width:100%;}
@media screen and (max-width:768px){
	.medicalbar{
		width:80%;
		margin:25px auto 0 ;
	}
}