.anq01{margin-top:-70px;padding-top:70px}
html{scroll-behavior:smooth}
.modFullSection.maxW945,
.ictionCatHead .modFullSection{max-width:945px}
.modFullSection.maxW950{max-width:950px}
.modFullSection.maxW750{max-width:750px}
@media only screen and (max-width: 767px) {
.modFullSection.maxW945,.modFullSection.maxW950,.modFullSection.maxW750{padding:0 15px}
}
/*head nav*/
.iction_navWrap{border-top:1px solid #e1e6ee;border-bottom:2px solid #e1e6ee;width:100%;background-color:#fff;z-index:9}
.iction_navWrap:after{content:"";display:block;clear:both}
.iction_nav01{max-width:750px;width:100%;box-sizing:border-box;padding:0 0px;margin:0 auto;height:59px;}
@media all and (min-width: 992px) and (max-width: 1189px) {
.iction_nav01{padding:0 20px;}
}
.iction_nav01 a{color:#506471;font-weight:400;font-size:13px;text-decoration: none;font-weight: bold;}
.iction_nav01 a:hover{color:#506471;font-size:13px;text-decoration: none;opacity: 0.5;}
.iction_nav01 .iction_logo a:hover{opacity: 1;}
.iction_navWrap.headFix{position:fixed;left:0;top:0;z-index: 99999}
@media only screen and (min-width: 992px) {
.iction_nav01 .iction_logo{width:140px;float:left;margin-right:55px;margin-top:11px}
.iction_nav01 ul{float:right;display:block!important}
.iction_nav01 ul li{display:inline-block;margin-right:40px;line-height:60px}
.iction_nav01 ul li:last-child{margin-right:0px;}
}
@media only screen and (max-width: 991px) {
.btnSpMenu.fixed{display:none}
.siteHeader.cloneHeader.active{display:none!important}
.siteHeader.cloneHeader.active .btnSpMenu{display:none!important}
.iction_navWrap{border-top:1px solid #e1e6ee;border-bottom:1px solid #e1e6ee}
.iction_nav01{height:50px;padding:0 15px;position:relative}
.iction_nav01 .iction_logo{width:112px;float:left;margin-right:55px;margin-top:9px}
.iction_nav01 .spNavIn{padding:0 30px 150px;}
.iction_nav01 .spNavTit{font-size: 16px;font-weight: bold;padding:15px 0 10px;}
.iction_nav01 ul.spNavLink{}
.iction_nav01 ul.spNavLink li{font-size: 16px; line-height:64px;width:100%;box-sizing:border-box;}
.iction_nav01 ul.spNavLink li a{display:block;width:100%;border-bottom:1px solid #fff}
.iction_nav01 ul.spNavLink2{}
.iction_nav01 ul.spNavLink2 li{width: 33%;float: left; text-align: center; font-size: 12px;height: 80px;}
.iction_nav01 ul.spNavLink2 li img{width: 40px;}
.iction_nav01 ul.spNavLink2 li .brd{width:1px;height:35px;background-color:#fff;float:right;margin-top:-25px}
.iction_nav01 dd{position:fixed;left:0;top:150px;width:100%;z-index:9999;display:none;background-color: #f3f5fa; height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch; }
.iction_nav01 dd.headFix2{top:140px;}
.iction_nav01 dd.headFix3{top:130px;}
.iction_nav01 dd.headFix4{top:120px;}
.iction_nav01 dd.headFix5{top:110px;}
.iction_nav01 dd.headFix6{top:90px;}
.iction_nav01 dd.headFix7{top:80px;}
.iction_nav01 dd.headFix8{top:70px;}
.iction_nav01 dd.headFix9{top:60px;}
.iction_nav01 dd.headFix{top:52px!important;}
.iction_nav01 .spNavIn{ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.iction_nav01 .btn{width:19px;height:11px;background:url(../img/iction_nav_ico.jpg) no-repeat center center;background-size:19px 11px;float:right;padding:20px 0;margin-top:5px;cursor:pointer}
.iction_nav01 .btn.on{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@media only screen and (max-width: 767px) {
}
@media (max-width: 991px) and (min-width: 768px) {
.iction_nav01{padding: 0 15px 0 25px;}
}
/*head nav end*/
.ictionWrap{max-width:1140px;width:100%;padding:0;margin:0 auto}
@media (max-width: 991px) and (min-width: 768px) {
.ictionWrap{padding:0 25px}
}
/*top slider*/
.ictionSliderWrap .bx-viewport{
background: transparent !important;
border: 0;
overflow: visible !important;
z-index: 1;
}
.ictionSliderWrap{background-color:#f8f8f8;overflow:hidden}
.ictionSlider .article{margin-top:0}
.ictionSliderInWrap{margin:0 auto;overflow:hidden}
@media all and (min-width: 992px) and (max-width: 1199px) {
.ictionSliderInWrap{padding:0 0px;width: 100%;}
}
@media (max-width: 991px) and (min-width: 768px) {
.ictionSliderInWrap {padding:0 15px;}
}
.ictionSection h2.tit01{font-size:28px;line-height:1;font-weight: bold}
@media only screen and (min-width: 1140px) {
.ictionSlider li{height:480px;max-width: 1440px; width: 100%; margin:0 auto;}
.ictionSliderInWrap a{
background-position: center center;
background-size: 1440px 480px;
background-repeat: none;
}
.ictionSliderInWrap a{
width: 100%;
height: 480px;
display: block;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.ictionSlider li{height:480px}
.ictionSliderInWrap a{
background-position: center center;
background-size: 1440px 480px;
background-repeat: none;
}
.ictionSliderInWrap a{
width: 100%;
height: 480px;
display: block;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.ictionSlider li{height:360px}
.ictionSliderInWrap a{
background-position: center center;
background-size: 1080px 360px;
background-repeat: none;
}
.ictionSliderInWrap a{
width: 100%;
height: 360px;
display: block;
}
}
@media only screen and (max-width: 767px) {
.ictionWrap{padding:0 15px}
.ictionSlider li{height:auto}
.ictionSliderInWrap{height:auto}
}
@media only screen and (max-width: 991px) {
.ictionSection h2.tit01{font-size:18px;line-height:1}
}
/*ictionTop Layout*/
.icitionTopUpdateWrap{padding:0 15px;margin-top:15px}
.icitionTopUpdate{max-width:1140px;border-radius:5px;border:solid 1px #e0e6ef;box-sizing:border-box;padding:8px 15px;margin:0 auto;font-size:16px}
.icitionTopUpdate span{color:#fb3570;font-weight:700;padding-right:10px}
.icitionTopUpdate a{color:#0065bd;font-weight:400}
@media (max-width: 991px) and (min-width: 768px) {
.icitionTopUpdateWrap{padding:0 25px}
}
@media only screen and (max-width: 991px) {
.icitionTopUpdate{font-size: 14px}
}
/*top カa???´リーから探a??*/
.ictionCatNav a{color:#516570}
.ictionCatNav .tx01{font-size:16px;text-align:center;padding:38px 0 0;line-height:1.3}
.ictionCatNav .tx01.lay01{padding:0}
.ictionCatNav .tx02{font-size:28px;text-align:center;line-height:1;padding:10px 0 36px;font-weight:700}
.ictionCatNav ul{padding-bottom:15px}
.ictionCatNav.mB ul{padding-bottom:65px}
.ictionCatNav ul:after{content:"";display:block;clear:both}
.ictionCatNav ul li{float:left;width:16.6666%;vertical-align:middle;line-height:40px;box-sizing:border-box;font-size:16px;text-align:center}
.ictionCatNav ul li .brd{width:1px;height:35px;background-color:#d8d8d8;float:right;margin-top:5px}
.ictionCatNav ul li .brd.last{background-color:#fff}
.ictionCatNav ul li img{width:40px;height:auto;margin-right:15px}
.ictionCatNavBg{width:100%;height:129px;background:url(../img/iction_cat_general.png) repeat-x bottom right;background-size:1920px auto;margin:0 0 -27px!important}
.br-sp{display:none}
@media (max-width: 1199px) and (min-width: 992px) {
.ictionCatNav ul li img{width:40px;height:auto;margin-right:5px}
}
@media only screen and (max-width: 991px) {
.ictionCatNav .tx01{font-size:14px;padding:33px 0 0}
.ictionCatNav .tx02{font-size:18px;padding:7px 0 20px;font-weight:700}
.ictionCatNav ul{padding-bottom:0}
.ictionCatNav.mB ul{padding-bottom:0px}
.ictionCatNav ul li{width:33.3333%;line-height:1.7;font-size:12px;text-align:center;margin-bottom:25px}
.ictionCatNav ul li .brd{width:1px;height:35px;background-color:#d8d8d8;margin-top:-27px}
.br-sp{display:block}
.ictionCatNav ul li .brd.last,.ictionCatNav ul li .brd.sp{background-color:#fff}
.ictionCatNav ul li img{margin-right:0}
.ictionCatNavBg{width:100%;height:58px;background:url(../img/iction_cat_general.png) repeat-x bottom right;background-size:auto 58px;margin:0 0 -12px!important}
}
@media (max-width: 991px) and (min-width: 768px) {
.ictionCatNav.mB ul{padding-bottom:35px}
}
@media only screen and (max-width: 767px) {
.ictionCatNav ul li .brd{margin-top:-47px}
}
/*カa???´リーから探a?? end*/
/*top カa???´リーから探a??2*/
.ictionCatNav2{margin:70px auto 50px;max-width:960px}
.ictionCatNav2 a{color:#516570}
.ictionCatNav2 .tx01{font-size:16px;text-align:center;padding:38px 0 0;line-height:1.3}
.ictionCatNav2 .tx02{font-size:28px;text-align:center;line-height:1;padding:10px 0 36px;font-weight:700}
.ictionCatNav2 ul{padding-bottom:15px}
.ictionCatNav2 ul:after{content:"";display:block;clear:both}
.ictionCatNav2 ul li{float:left;width:16.6666%;vertical-align:middle;line-height:40px;box-sizing:border-box;font-size:16px;text-align:center}
.ictionCatNav2 ul li .brd{width:1px;height:35px;background-color:#d8d8d8;float:right;margin-top:5px}
.ictionCatNav2 ul li .brd.last{background-color:#fff}
.ictionCatNav2 ul li img{width:50px;height:auto}
.ictionCatNav2Bg{width:100%;height:129px;background:url(../img/iction_cat_bg.png) repeat-x bottom right;background-size:1440px auto;margin:0 0 -27px!important}
@media only screen and (max-width: 991px) {
.ictionCatNav2 .tx01{font-size:14px;padding:33px 0 0}
.ictionCatNav2 .tx02{font-size:18px;padding:7px 0 20px}
.ictionCatNav2 ul{padding-bottom:0}
.ictionCatNav2 ul li{width:33.3333%;line-height:2;font-size:12px;text-align:center;margin-bottom:25px}
.ictionCatNav2 ul li .brd{width:1px;height:35px;background-color:#d8d8d8;margin-top:-27px}
.br-sp{display:block}
.ictionCatNav2 ul li .brd.last,.ictionCatNav2 ul li .brd.sp{background-color:#fff}
.ictionCatNav2 ul li img{margin-right:0}
.ictionCatNav2Bg{width:100%;height:58px;background:url(../img/iction_cat_bg.png) repeat-x bottom right;background-size:auto 58px;margin:0 0 -12px!important}
}
@media only screen and (max-width: 767px) {
.ictionCatNav2{margin:25px auto 20px;max-width:960px}
.ictionCatNav2 .tx02{font-size:18px;padding:7px 0 40px}
.ictionCatNav2 ul li img{width:35px;height:auto}
}
/*カa???´リーから探a??2 end*/
/*top 最新記ao?*/
.ictionRecentListWrap{background:#f3f5fa;width:100%}
.ictionRecentList h2.tit01{text-align:center;padding:35px 0}
.ictionRecentList li a{color:#516570}
.ictionRecentList li{margin-bottom:55px}
.ictionRecentList li span.name{display:block;font-size:14px;font-weight:400;margin:7px 0}
.ictionRecentList li span.cat{font-weight:700;margin-right:20px;display: inline-block;}
.ictionRecentList li span.date{display: block;}
.ictionRecentList li span.description{display:block;font-size:18px;line-height: 1.56;}
.ictionRecentLink .article{margin-top:0}
@media only screen and (min-width: 992px) {
.ictionRecentLink{background:#f3f5fa;width:100%;width:100%!important}
.ictionRecentLink .btnWhite a{width:140px;height:50px;margin:0 auto;line-height:50px;text-align:center;display:block;background:#fff;font-size:16px}
.ictionRecentLink .btnWhite i{display:none}
}
@media only screen and (max-width: 991px) {
.ictionRecentLink{background:#f3f5fa;width:100%;width:100%!important}
.ictionRecentLink .btnWhite a{width:140px;height:50px;margin:0 auto;line-height:50px;text-align:center;display:block;background:#fff;font-size:16px}
.ictionRecentLink .btnWhite i{display:none}
.ictionRecentList li{margin-bottom:55px}
.ictionRecentList li span.name{display:block;font-size:10px;font-weight:400;margin:7px 0}
.ictionRecentList li span.cat{font-weight:700;margin-right:10px}
.ictionRecentList li span.description{display:block;font-size:14px;line-height:1.5}
}
@media only screen and (max-width: 767px) {
.ictionRecentLink{background:#f3f5fa;width:100%!important}
.ictionRecentLink .btnWhite{width:100%;height:46px;text-align:right;line-height:46px;background:#fff}
.ictionRecentLink .btnWhite i{display:none}
.ictionRecentList h2.tit01{text-align:center;padding:17px 0}
.ictionRecentList ul.row{padding:0;margin:0}
.ictionRecentList li:first-child{border-top: 1px solid #e2e6f1;}
.ictionRecentList li:nth-child(2) {border-top: 1px solid #e2e6f1;}
.ictionRecentList li{width:50%;margin:0!important;padding:0 0 35px!important;box-sizing:border-box}
.ictionRecentList li:nth-child(2n){border-left:1px solid #e2e6f1}
.ictionRecentList li:nth-child(5){display: none;}
.ictionRecentList li:nth-child(6){display: none;}
.ictionRecentList li span.name{padding:0 10px}
.ictionRecentList li span.description{padding:0 12px}
}
@media only screen and (min-width: 768px) {
.ictionRecentList li span.imgRatio img{border:1px solid #E0E6EF!important;}
}
@media only screen and (max-width: 767px) {
.ictionRecentList li span.imgRatio img{border-bottom:1px solid #E0E6EF!important;}
}
@media only screen and (min-width: 1200px) {
.ictionRecentList li span.imgRatio{position:relative;width:360px;height:240px;display:inline-block;overflow:hidden;}
.ictionRecentList li span.imgRatio img{width:360px;height:240px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.ictionRecentList li span.imgRatio{position:relative;width:293px;height:196px;display:inline-block;overflow:hidden}
.ictionRecentList li span.imgRatio img{width:293px;height:196px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.ictionRecentList li span.imgRatio{position:relative;width:220px;height:147px;display:inline-block;overflow:hidden}
.ictionRecentList li span.imgRatio img{width:220px;height:147px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 767px) {
.ictionRecentList li span.imgRatio{position:relative;width:100%;height:32.5vw;display:inline-block;overflow:hidden}
.ictionRecentList li span.imgRatio img{width:100%;height:32.5vw;object-fit:cover;font-family:'object-fit: cover;'}
}
/*最新記ao? end*/
/*top キーワーa??*/
.ictionKeywordWrap{background:#f3f5fa;width:100%;padding-bottom:70px}
.ictionKeywordWrap .article{margin-top:0}
.ictionKeyword h2.tit01{text-align:center;padding:77px 0 35px}
.ictionKeyword ul{background:#fff;text-align:center;max-width:945px;margin:0 auto;padding:25px 90px 15px}
.ictionKeyword ul li{display:inline-block;margin:0 16px 19px}
.ictionKeyword ul li a{background:url(../img/iction_tag_icon.png) no-repeat left center;background-size:auto 19px;color:#516570;font-size:16px;padding-left:23px;font-weight:400;text-decoration:underline}
@media only screen and (max-width: 991px) {
.ictionKeyword ul{padding:25px 30px 15px}
}
@media only screen and (max-width: 767px) {
.ictionKeywordWrap{padding:0 15px 30px}
.ictionKeyword h2.tit01{text-align:center;padding:28px 0 22px}
.ictionKeyword ul{text-align:left;padding:20px 5px;border-radius:5px;width:100%}
.ictionKeyword ul li{margin:0 8px 14px}
}
/*キーワーa?? end*/
/*キーワーa??2*/
.ictionKeyword2Wrap{width:100%}
.ictionKeyword2Wrap .article{margin-top:0}
.ictionKeyword2Bg{background:#f3f5fa}
.ictionKeyword2Wrap h2.tit01{text-align:center;padding:47px 0 30px;font-size:24px;line-height:1.4;font-weight:700}
.ictionKeyword2 ul{text-align:center;max-width:945px;margin:0 auto;padding:43px 90px 35px}
.ictionKeyword2 ul li{display:inline-block;margin:0 16px 10px}
.ictionKeyword2 ul li a{background:url(../img/iction_tag_icon.png) no-repeat left center;background-size:auto 19px;color:#516570;font-size:16px;padding-left:23px;font-weight:400}
@media only screen and (max-width: 991px) {
.ictionKeyword2 ul{padding:25px 30px 15px}
}
@media only screen and (max-width: 767px) {
.ictionKeyword2Wrap{padding:0 15px 30px}
.ictionKeyword2Wrap h2.tit01{text-align:center;padding:18px 0 22px;font-size:18px;line-height:2.02}
.ictionKeyword2 ul{text-align:left;padding:20px 5px;border-radius:5px;width:100%}
.ictionKeyword2 ul li{margin:0 8px 14px}
}
/*キーワーa??2 end*/
/*キーワーa??3*/
.ictionKeyword3Wrap{width:100%;padding-bottom:70px}
.ictionKeyword3Wrap .article{margin-top:0}
.ictionKeyword3 h2.tit01{text-align:center;padding:35px 0 35px}
.ictionKeyword3 ul{background:#f3f5fa;text-align:center;max-width:945px;margin:0 auto;padding:25px 90px 15px}
.ictionKeyword3 ul li{display:inline-block;margin:0 16px 19px}
.ictionKeyword3 ul li a{background:url(../img/iction_tag_icon.png) no-repeat left center;background-size:auto 19px;color:#516570;font-size:16px;padding-left:23px;font-weight:400;text-decoration:underline}
@media only screen and (max-width: 991px) {
.ictionKeyword3 ul{padding:25px 30px 15px}
}
@media only screen and (max-width: 767px) {
.ictionKeyword3Wrap{padding:0 15px 30px}
.ictionKeyword3 h2.tit01{text-align:center;padding:28px 0 22px}
.ictionKeyword3 ul{text-align:left;padding:20px 5px;border-radius:5px;width:100%}
.ictionKeyword3 ul li{margin:0 8px 14px}
}
/*キーワーa??3 end*/
/*top ピックアa???特e??*/
.ictionSeriesPickUp{background:#f3f5fa;width:100%;padding-bottom:10px}
.marginCal .bx-viewport{
background: transparent !important;
border: 0;
a}
.ictionSeriesPickUp.underPage{background:#fff;padding-bottom:10px}
.ictionSeriesPickUp.underPage2{background:#fff;padding-bottom:40px;}
.ictionSeriesPickUp .article{margin-top:0}
.ictionSeriesPickUp h2.tit01{text-align:center;padding:74px 0 35px;font-weight:700}
.ictionSeriesPickUp .illust01{width:auto;height:420px;float:left}
.ictionSeriesPickUp .illust01 img{height:420px}
.ictionSeriesPickUp .illust01 a:hover img{opacity: 1!important;}
.sliderPickup li{height:420px;max-width: 1440px; width: 100%; margin:0 auto; position: relative; }
.sliderPickup li a.toSeries{}
.sliderPickup li a.toSeries:hover img{opacity: 100;}
.ictionSeriesPickUpList{width:750px;float:right}
.ictionSeriesPickUp li{width:100%;height:420px;background-size:auto 420px;background-repeat:no-repeat;background-position: center center}
.ictionSeriesPickUpList a{color:#516570}
.ictionSeriesPickUpList .col-lg-4 .bgCol{background:#fff;border: 1px solid #CDD1D9;}
.ictionSeriesPickUpList span.name{display:block;font-size:14px;font-weight:400;margin:15px 0 10px;padding:0 10px}
.ictionSeriesPickUpList span.cat{font-weight:700;margin-right:10px;display: inline-block;}
.ictionSeriesPickUpList span.date{display: inline-block;}
.ictionSeriesPickUpList span.description{display:block;font-size:16px;padding:0 15px 31px;line-height:1.47}
@media (min-width: 1200px){
.ictionSeriesPickUpList .col-lg-4 .bgCol{width: 230px;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio{position:relative;width:228px;height:153px;display:inline-block;overflow:hidden;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio img{width:228px;height:153px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media (min-width: 992px) and (max-width: 1199px) {
.ictionSeriesPickUp .illust01{height:343px;}
.ictionSeriesPickUp .illust01 img{height:343px}
.sliderPickup li{height:343px}
.ictionSeriesPickUp li{height:343px;background-size:auto 343px;}
.ictionSeriesPickUpList{width:620px;}
.ictionSeriesPickUpList span.description{display:block;font-size:14px;padding:0 15px 31px;line-height:1.47}
.ictionSeriesPickUpList .col-lg-4 .bgCol{width: 186px;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio{position:relative;width:184px;height:124px;display:inline-block;overflow:hidden;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio img{width:184px;height:124px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media (max-width: 991px) and (min-width: 768px) {
.ictionSeriesPickUp .modFullSection{width: 380px;}
.ictionSeriesPickUp h2.tit01{text-align:center;padding:60px 0 20px;}
.ictionSeriesPickUp .illust01{height:256px;float: left;}
.ictionSeriesPickUp .illust01 img{height:256px}
.ictionSeriesPickUpList{width:150px;float:right;display: block; margin-top: 13.1405px!important;}
.ictionSeriesPickUpList .col-md-4{width: 256px;max-width: 256px;min-width: 256px;}
.sliderPickup li{height:256px}
.ictionSeriesPickUp li{height:256px;background-size:auto 256px;padding:0 0px 0 0px}
.ictionSeriesPickUpList span.name{margin:10px 0 5px;padding:0 10px 0px;display:block;font-size: 10px;}
.ictionSeriesPickUpList span.description{display:block;font-size:13px;line-height:1.4;padding:0px 10px 11px;line-height:1.47}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio{position:relative;width:224px;height:125px;display:inline-block;overflow:hidden;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio img{width:224px;height:125px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 767px) {
.sliderPickup li{height:auto;}
.ictionSeriesPickUp .modFullSection{width: 100%;padding:0 0px; box-sizing: border-box;}
.ictionSeriesPickUp h2.tit01{text-align:center;padding:30px 0 20px;}
.ictionSeriesPickUp .illust01{height:auto;float: none;display: inline-block;width: 50%; vertical-align: middle;}
.ictionSeriesPickUp .illust01 img{height:auto;vertical-align: bottom;}
.ictionSeriesPickUpList{width:auto;float:none;display: inline-block;width: 45%;vertical-align: middle!important;padding-left: 3%;}
.ictionSeriesPickUpList .col-md-4{width: auto;padding:0;vertical-align: middle!important;}
.ictionSeriesPickUpList .bgCol{margin:17px 0!important;}
.ictionSeriesPickUp li{height:auto;background-size:cover;padding:0 0px 0 0px}
.ictionSeriesPickUpList span.name{margin:10px 0 5px;padding:0 10px 0px;display:block;font-size: 10px;}
.ictionSeriesPickUpList span.description{display:block;font-size:13px!important;line-height:1.4;padding:0px 10px 11px;line-height:1.47}
}
@media only screen and (min-width: 415px) and (max-width: 767px) {
.ictionSeriesPickUp .modFullSection{width: 100%;padding:0 15px 0 0; box-sizing: border-box;}
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
.ictionSeriesPickUp .illust01{vertical-align: bottom;}
.bx-wrapper .bx-pager { padding-top: 5px;}
.ictionSeriesPickUpList .bgCol{ float: right!important; margin:10px 0!important;width: 160px!important;height: 210px!important;}
.ictionSeriesPickUpList .row{margin-right:0px;width: 160px!important;float: right;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio{position:relative;width:158px;height:85px;display:inline-block;overflow:hidden;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio img{width:158px;height:85px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
.ictionSeriesPickUp .modFullSection{width: 100%;padding:0; box-sizing: border-box;display: table;}
.sliderPickup li{height: 230px!important;}
.ictionSeriesPickUp .illust01{ display: inline-block; height: 230px!important; position: relative;}
.ictionSeriesPickUp .illust01 img{height:auto;position: absolute;left:0; top:50%;transform: translate(0%,-50%);}
.ictionSeriesPickUpList .bgCol{ margin:10px 0!important;width: 160px!important;height: 210px!important;}
.ictionSeriesPickUpList .row{margin-right:0px;width: 160px!important;float: right;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio{position:relative;width:158px;height:85px;display:inline-block;overflow:hidden;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio img{width:158px;height:85px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 320px) {
.ictionSeriesPickUp .modFullSection{width: 100%;padding:0; box-sizing: border-box;display: table;}
.sliderPickup li{height: 230px!important;}
.ictionSeriesPickUp .illust01{ display: inline-block; height: 230px!important; position: relative;}
.ictionSeriesPickUp .illust01 img{height:auto;position: absolute;left:0; top:50%;transform: translate(0%,-50%);}
.ictionSeriesPickUpList .bgCol{margin:10px 0!important;width: 160px!important;height: 210px!important;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio{position:relative;width:158px;height:85px;display:inline-block;overflow:hidden;}
.ictionSeriesPickUpList .col-lg-4 .bgCol span.imgRatio img{width:158px;height:85px;object-fit:cover;font-family:'object-fit: cover;'}
}
/*top ピックアa???特e?? end*/
/*top お知らせ*/
.ictionInfoWrap{width:100%;padding-bottom:70px}
.ictionInfo,
.ictionInfo2{max-width:750px;margin:0 auto;font-size:16px}
.ictionInfo h2.tit01,
.ictionInfo2 h2.tit01{text-align:center;padding:77px 0 35px;width:100%;max-width:750px}
.ictionInfo p.linkBtn,
.ictionInfo2 p.linkBtn{max-width:750px;text-align:right;padding:15px 0 0}
.ictionInfo p.linkBtn a,
.ictionInfo2 p.linkBtn a{font-weight:400}
.ictionInfo dl{border-top:1px solid #e6ebf0;width:750px}
.ictionInfo dl:after{content:"";display:block;clear:both}
.ictionInfo dl a{font-weight:400;line-height:1.75}
.ictionInfo dl dt{float:left;letter-spacing:normal;width:195px;vertical-align:top;border-bottom:1px solid #e6ebf0;padding:8px 0 14px}
.ictionInfo dl dd{float:left;width:555px;vertical-align:top;border-bottom:1px solid #e6ebf0;padding:8px 0 14px}
.ictionInfo2 dl{width:750px;}
.ictionInfo2 dl:first-child{border-top:1px solid #e6ebf0;}
.ictionInfo2 dl:after{content:"";display:block;clear:both;}
.ictionInfo2 dl a{font-weight:400;line-height:1.75}
.ictionInfo2 dl dt{box-sizing: border-box; letter-spacing:normal;width:191px;vertical-align:top;border-bottom:1px solid #e6ebf0;padding:8px 0 14px}
.ictionInfo2 dl dd{box-sizing: border-box;width:555px;vertical-align:top;border-bottom:1px solid #e6ebf0;padding:8px 0 14px}
@media (min-width: 768px){
.ictionInfo2 dl{width:750px;display:flex;}
.ictionInfo2 .button{width: 750px;margin-top: 40px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.ictionInfo dl{width:720px}
.ictionInfo dl dt{width:165px}
.ictionInfo dl dd{width:555px}
.ictionInfo2 dl{width:720px}
.ictionInfo2 dl dt{width:165px}
.ictionInfo2 dl dd{width:555px}
}
@media only screen and (max-width: 767px) {
.ictionInfoWrap{width:100%;padding-bottom:20px}
.ictionInfo h2.tit01,
.ictionInfo2 h2.tit01{text-align:center;padding:28px 0 22px}
.ictionInfo,
.ictionInfo2{padding:0 15px}
.ictionInfo dl{width:100%;display:block;}
.ictionInfo dl dt{display:block;width:100%;border-bottom:none;padding:8px 0;height:auto!important}
.ictionInfo dl dd{display:block;width:100%;border-bottom:1px solid #e6ebf0;padding:0 0 14px;height:auto!important}
.ictionInfo2 dl{width:100%;}
.ictionInfo2 dl dt{display:block;width:100%;border-bottom:none;padding:8px 0;height:auto!important}
.ictionInfo2 dl dd{display:block;width:100%;border-bottom:1px solid #e6ebf0;padding:0 0 14px;height:auto!important}
.ictionInfo2 .button{width: 100%;margin-top: 20px;margin-bottom: 20px;}
}
/*top お知らせ end*/
/*top 取りcμ???一覧*/
.ictionTorikumiWrap{background:#f3f5fa;width:100%;padding:70px 0;box-sizing:content-box;margin-bottom:70px}
.ictionTorikumiWrap .article{margin-top:0}
.ictionTorikumi h2.tit01{padding:10px 0 20px}
.ictionTorikumi{max-width:750px;margin:0 auto;font-size:16px;line-height:1.75}
.ictionTorikumi .logoImg{height:234px;width:234px;float:left;margin-right:57px}
.ictionTorikumi a{font-weight:400}
.ictionTorikumi .tx01{margin:0 0 20px}
@media only screen and (max-width: 991px) {
.ictionTorikumi{max-width:720px}
.ictionTorikumi h2.tit01{padding:28px 0 22px}
.ictionTorikumi{font-size:16px;text-align:left}
.ictionTorikumiWrap .button{text-align:left}
}
@media only screen and (max-width: 767px) {
.ictionTorikumiWrap{padding:10px 0 38px;margin-bottom:30px}
.ictionTorikumi h2.tit01{text-align:center;padding:28px 0 27px}
.ictionTorikumi .logoImg{height:120px;width:120px;float:left;margin-right:17px;margin-bottom: 10px;}
.ictionTorikumi .tx01{overflow:auto;zoom:1}
.ictionTorikumi{padding:0 20px}
.txBox01{width:100%;padding-bottom:0px}
.txBox01:after{content:"";display:block;clear:both}
.ictionTorikumiWrap .button{margin-top: 25px; text-align: center;}
}
/*top 取りcμ???一覧 end*/
/*detail*/
.ictionDetailArea{margin:0 auto 0px}
.ictionDetailHead{max-width:750px;margin:33px auto 50px;padding: 0;}
.ictionDetailHead2{max-width:750px;margin:39px auto 0px;}
.ictionDetailMV,.ictionDetailMain{max-width:750px;margin-left:auto;margin-right:auto;padding:0;}
.ictionDetailMV img{width: auto!important;}
.mainPhoto{text-align: center;}
.mainPhoto img{width: auto!important;}
.ictionDetailMV{text-align: center;}
.ictionDetailHead .cat{font-size:14px;margin-bottom:15px}
.ictionDetailHead .cat span{font-size:16px;font-weight:700;margin-right:15px}
.ictionDetailHead h1{font-size:34px;line-height:1.4;margin-bottom:15px}
.ictionDetailHead h1.h1Small{font-size:14px;line-height:1.4;margin-bottom:15px;font-weight: 700!important;}
.ictionDetailHead2 h1.h1Small{font-size:14px;line-height:1.4;margin-bottom:6px;font-weight: 700!important;}
.ictionDetailHead .tag{background:url(../img/iction_tag_icon.png) no-repeat left center;background-size:auto 19px;font-size:16px;padding-left:23px;font-weight:400;color:#516570;margin-bottom:10px}
.ictionDetailHead .tag a{color:#516570;font-weight:400}
.ictionDetailHead .tagDateNsns{display:inline-block;clear: both;}
.ictionDetailHead .tagDateNsns .boxL{float:left}
.ictionDetailMain{margin-top:50px;margin-bottom:40px}
.ictionDetailMain p{font-size:16px;line-height: 1.8;margin: 13px 0;}
.ictionDetailMain .tit01{font-size:28px;line-height:1.6;font-weight:400;margin-bottom:30px;padding-left:15px;display:block}
.ictionDetailMain span.brd{float:left;width:3px;height:33px;margin-top:5px}
.ictionDetailMain .tit02{font-size:22px;line-height:1.45;font-weight:700}
.ictionDetailMain .tit03{font-size:16px;line-height:1.5;font-weight:700}
.ictionDetailMain .caption{font-size:13px;line-height:1.5;margin-top:7px}
.ictionDetailMain .listDot li{background:url(../img/iction_detail_dot.png) no-repeat 20px 12px;background-size:6px 6px;font-size:16px;line-height:1.75;padding-left:43px;padding-bottom:20px}
.ictionDetailMain .listNum{counter-reset:it;list-style-type:none;padding-left:0;margin-left:20px}
.ictionDetailMain .listNum li{text-indent:-1.4px;padding-left:1.4px;font-size:16px;line-height:1.75;padding-bottom:20px}
.ictionDetailMain .listNum li:before{counter-increment:it;content:counter(item)'.';padding-right:.7px;color:#516570}
.ictionSection .mB80{margin-bottom:70px}
.ictionSection .mB70{margin-bottom:60px}
.ictionSection .mB60{margin-bottom:50px}
.ictionSection .mB50{margin-bottom:40px}
.ictionSection .mB40{margin-bottom:30px}
.ictionSection .mB30{margin-bottom:20px}
.ictionSection .mB15{margin-bottom:15px}
.ictionSection .mB10{margin-bottom:10px}
.ictionSection .mgB80{margin-bottom:80px}
.ictionSection .mgB70{margin-bottom:70px}
.ictionSection .mgB60{margin-bottom:60px}
.ictionSection .mgB50{margin-bottom:50px}
.ictionSection .mgB40{margin-bottom:40px}
.ictionSection .mgB30{margin-bottom:30px}
.ictionSection .mgB15{margin-bottom:15px}
.ictionSection .mgB10{margin-bottom:10px}
.ictionDetailMain .modFullSection {width: 100%!important;}
.ictionDetailMain .modFullSection .linkBtn a{font-weight: normal;}
.ictionDetailMain .modFullSection .linkBtn .icAnchorBlue{margin-left: 12px;}
@media only screen and (min-width: 768px) {
.ictionDetailArea .box01{width:100%}
.ictionDetailArea .box01:after{content:"";display:block;clear:both}
.ictionDetailArea .boxHalfL{width:360px;float:left}
.ictionDetailArea .boxHalfR{width:360px;float:right}
.ictionDetailArea .boxHalfLImg{width:368px;float:left}
.ictionDetailArea .boxHalfRImg{width:368px;float:right}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.ictionDetailMV,.ictionDetailMain{max-width:585px;}
.ictionDetailHead{max-width:585px;}
.ictionDetailHead2{max-width:585px;}
.ictionDetailArea .boxHalfL{width:280px;float:left}
.ictionDetailArea .boxHalfR{width:280px;float:right}
.ictionDetailArea .boxHalfLImg{width:285px;float:left}
.ictionDetailArea .boxHalfRImg{width:285px;float:right}
}
@media only screen and (max-width: 767px) {
.ictionDetailArea .boxHalfLImg{width:100%;text-align: center;margin-bottom: 20px;}
.ictionDetailArea .boxHalfRImg{width:100%;text-align: center;margin-bottom: 20px;}
.ictionDetailMain{padding:0 15px}
.ictionDetailHead{margin:15px 0 24px;padding:0 15px;}
.ictionDetailHead .tagDateNsns .boxL{float:none}
.ictionDetailHead .cat{margin-bottom:10px}
.ictionDetailHead2{padding:0 15px;}
.snsSpArea{margin-top:10px!important;margin-bottom: 50px!important;}
.ictionDetailMain{margin-top:40px}
.ictionDetailMain span.brd{float:left;width:3px;height:24px;margin-top:4px}
.ictionSection .mB80{margin-bottom:60px}
.ictionSection .mB70{margin-bottom:60px}
.ictionSection .mB60{margin-bottom:40px}
.ictionSection .mB50{margin-bottom:30px}
.ictionSection .mB40{margin-bottom:30px}
.ictionSection .mB30{margin-bottom:15px}
.ictionSection .mgB80{margin-bottom:40px}
.ictionSection .mgB70{margin-bottom:35px}
.ictionSection .mgB60{margin-bottom:30px}
.ictionSection .mgB50{margin-bottom:25px}
.ictionSection .mgB40{margin-bottom:20px}
.ictionSection .mgB30{margin-bottom:15px}
.ictionSection .mgB15{margin-bottom:15px}
.ictionSection .mgB10{margin-bottom:10px}
}
@media only screen and (max-width: 991px) {
.ictionDetailHead h1{font-size:26px;line-height:1.3;margin-bottom:10px}
.ictionDetailHead .cat span{font-size:14px}
.ictionDetailHead h1.h1Small{font-size:12px;line-height:1.4;}
.ictionDetailHead2 h1.h1Small{font-size:12px;line-height:1.4;padding-bottom: 12px;}
.ictionDetailMain .tit01{font-size:22px!important;line-height:1.45;margin-bottom:20px}
.ictionDetailHead .tag{font-size:14px;padding-left:23px;font-weight:400;color:#516570;margin-bottom:5px}
.ictionDetailMain .tit02{font-size:18px;line-height:1.6}
.ictionDetailMain .tit03{font-size:16px;line-height:1.5}
}
.snsContainer,.snsContainer2{margin:0 auto;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media all and (min-width: 1200px) {
.snsContainer{width:1200px}
.snsContainer2{width:1200px}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
.snsContainer{width:1200px}
.snsContainer2{width: 992px}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.snsContainer{width:614px;margin-top:15px}
.snsContainer2{width:614px;margin-top:15px}
}
@media only screen and (min-width: 992px) {
.upper.snsList{margin-top: -68px!important;padding-bottom: 13px;}
}
@media only screen and (min-width: 992px) {
.down.snsList{margin-top:-130px!important;padding-bottom: 0px;}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.down.snsList{margin-top:-83px!important;padding-bottom: 0px;}
}
.snsList{padding-top:20px;margin:0!important;border:none!important;}
.snsList ul{text-align:right}
.snsList ul li{display:inline-block;vertical-align:top}
.snsList ul li a{display:block;width:48px;height:48px;text-indent:-99999px;overflow:hidden;font-size:0;color:transparent}
.snsList ul li.twitter a{background:url(../img/twitter_btn.svg) no-repeat center}
.snsList ul li.facebook a{background:url(../img/facebook_btn.svg) no-repeat center}
.snsList ul li.linkedin a{background:url(../img/linkedin_btn.svg) no-repeat center}
.snsList ul li.google a{background:url(../img/google_btn.svg) no-repeat center}
/*detail end*/
/*3つ並び*/
.ictionListWrap.bgCol01{width:100%;padding-top:25px;padding-bottom:70px;background-color: #f3f5fa;margin-top: 80px;}
.ictionListWrap.bgCol02{width:100%;padding-top:25px;padding-bottom:70px;background-color: #f3f5fa;margin-top: 0px;}
.ictionListWrap.bgCol03{width:100%;padding-top:25px;padding-bottom:70px;background-color: #fff;margin-top: 0px;}
.ictionListWrap{width:100%;padding-bottom:50px}
.ictionListWrap.ver01{padding-bottom:10px}
.ictionList h2.tit01{text-align:center;padding:35px 0 40px;font-size: 22px;}
.ictionList h2.tit02{text-align:center;padding:40px 0 35px;font-size:28px;line-height:1.04;font-weight:700}
.ictionList li a{color:#516570}
.ictionList li{margin-bottom:55px}
.ictionList li span.title{display:block;font-size:16px;font-weight:700;margin:7px 0}
.ictionList li span.name{display:block;font-size:14px;font-weight:400;margin:7px 0}
.ictionList li span.cat{font-weight:700;margin-right:20px}
.ictionList li span.description{display:block;font-size:18px;line-height: 1.56;}
.ictionList li span.date{display: inline-block;}
.ictionLink .article{margin-top:0}
.ictionList #more_btn{margin-bottom: 70px;}
.ictionListWrap .button.lay01{width:322px;height:60px;margin:0 auto}
.ictionListWrap .button.lay01 a{width:322px;height:60px;font-size:18px;line-height:1.70;font-weight:400}
.ictionListWrap .button a{font-weight:400}
@media only screen and (min-width: 1200px) {
.ictionLink{background:#f3f5fa;width:100%!important}
.ictionLink .btnWhite a{width:140px;height:50px;margin:0 auto;line-height:50px;text-align:center;display:block;background:#fff;font-size:16px}
.ictionLink .btnWhite i{display:none}
}
.ictionList.newLay{margin-top: -30px;}
@media only screen and (max-width: 991px) {
.ictionLink{background:#f3f5fa;width:100%!important}
.ictionLink .btnWhite{padding-right:20px;width:100%;height:46px;text-align:right;line-height:46px;background:#fff}
.ictionLink .btnWhite i{margin:0 0 0 10px}
.ictionList li{margin-bottom:55px}
.ictionList li span.name{display:block;font-size:10px;font-weight:400;margin:7px 0}
.ictionList li span.cat{font-weight:700;margin-right:10px}
.ictionList li span.description{display:block;font-size:14px;line-height:1.5}
.ictionList h2.tit01{text-align:center;padding:17px 0;font-size: 14px;}
.ictionList h2.tit02{font-size:18px;line-height:2.02;text-align:center;padding:17px 0}
.ictionList.newLay{margin-top: -5px;}
}
@media only screen and (max-width: 767px) {
.ictionListWrap.bgCol{width:100%;padding-bottom:20px;}
.ictionListWrap.bgCol01{width:100%;padding-top:1px;padding-bottom:30px;background-color: #f3f5fa;/*margin-top: 40px;*/}
.ictionListWrap.bgCol02{width:100%;padding-top:1px;padding-bottom:30px;background-color: #f3f5fa;margin-top: 0px;}
.ictionListWrap.bgCol03{width:100%;padding-top:1px;padding-bottom:30px;background-color: #fff;margin-top: 0px;}
.ictionList ul.row{padding:0;margin:0}
.ictionList li{width:50%;margin:0!important;padding:0 0 35px!important;box-sizing:border-box;}
.ictionList li:first-child{border-top: 1px solid #e2e6f1;}
.ictionList li:nth-child(2) {border-top: 1px solid #e2e6f1;}
.ictionList li:nth-child(2n){border-left:1px solid rgba(0,0,255,0);border-bottom:1px solid #e2e6f1}
.ictionList li:nth-child(2n+1){border-right:1px solid #e2e6f1;border-bottom:1px solid #e2e6f1}
.ictionList.newLay li{width:100%;margin:0!important;padding:0 0 0px!important;box-sizing:border-box;}
.ictionList.newLay li{border-right:none!important;border-right:none!important;border-bottom:1px solid #e2e6f1;border-top:none;}
.ictionList.newLay li:first-child{border-top: 1px solid #e2e6f1;}
.ictionList li span.name{padding:0 10px}
.ictionList li span.description{padding:0 12px}
.ictionList #more_btn{margin-bottom: 10px;}
.ictionListWrap .button{margin:30px auto 0}
.ictionListWrap .button.lay01{width:276px;height:50px;margin:30px auto 0}
.ictionListWrap .button.lay01 a{width:276px;height:50px;padding-top:13px;font-size:16px;line-height:1.45}
}
/*3つ並び end*/
/*3つ並び 2*/
.ictionList2Wrap{width:100%;padding-bottom:70px}
.ictionList2 h2.tit01{text-align:center;padding:35px 0 45px;font-size:24px;line-height:1.4;font-weight:700}
.ictionList2 h2.tit02{text-align:center;padding:40px 0 35px;font-size:28px;line-height:1.04;font-weight:700}
.ictionList2 li a{color:#516570}
.ictionList2 li{margin-bottom:40px}
.ictionList2 li .title{font-size:16px;font-weight:700;margin:8px 0 7px}
.ictionList2 li .description{font-size:16px;line-height:1.4;font-weight:400;padding-bottom:15px}
.ictionList2 li .description a{font-weight:400}
.ictionList2 li .linkBtn a{font-weight:400;color:#0065bd}
.ictionLink .article{margin-top:0}
.ictionList2Wrap .button.lay01{width:322px;height:60px;margin:0 auto}
.ictionList2Wrap .button.lay01 a{width:322px;height:60px;font-size:18px;line-height:1.29;font-weight:400}
.ictionList2Wrap .button a{font-weight:400}
@media only screen and (max-width: 767px) {
.ictionList2Wrap{width:100%;padding:0 15px 45px}
.ictionList2 h2.tit01{font-size:18px;line-height:2.02;text-align:center;padding:17px 0}
.ictionList2 h2.tit02{font-size:18px;line-height:2.02;text-align:center;padding:17px 0}
.ictionList2 ul.row{padding:20px 0 0;margin:0;border-top:1px solid #e2e6f1}
.ictionList2 li{width:100%;margin:0 0 20px!important;padding:0 0 20px!important;box-sizing:border-box;border-bottom:1px solid #e2e6f1}
.ictionList2 li img{width:39%;float:left;margin-right:4%}
.ictionList2 li .textOver{overflow:auto;zoom:1}
.ictionList2 li .title{font-size:14px;margin:-5px 0 7px}
.ictionList2 li .description{font-size:14px;padding-bottom:10px}
.ictionList2 li .linkBtn{text-align:right}
.ictionList2Wrap .button{margin:0 auto}
.ictionList2Wrap .button.lay01{width:276px;height:50px;margin:30px auto 0}
.ictionList2Wrap .button.lay01 a{width:276px;height:50px;padding-top:13px;font-size:16px;line-height:1.45}
}
@media only screen and (min-width: 768px) {
.ictionList li span.imgRatio img{border:1px solid #E0E6EF!important;}
}
@media only screen and (max-width: 767px) {
.ictionList li span.imgRatio img{/*border-bottom:1px solid #E0E6EF!important;*/}
}
@media only screen and (min-width: 1200px) {
.ictionList li span.imgRatio{position:relative;width:360px;height:240px;display:inline-block;overflow:hidden;}
.ictionList li span.imgRatio img{width:360px;height:240px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.ictionList li span.imgRatio{position:relative;width:293px;height:196px;display:inline-block;overflow:hidden}
.ictionList li span.imgRatio img{width:293px;height:196px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.ictionList li span.imgRatio{position:relative;width:220px;height:147px;display:inline-block;overflow:hidden}
.ictionList li span.imgRatio img{width:220px;height:147px;object-fit:cover;font-family:'object-fit: cover;'}
}
@media only screen and (max-width: 767px) {
.ictionList li span.imgRatio{position:relative;width:100%;height:32.5vw;display:inline-block;overflow:hidden}
.ictionList li span.imgRatio img{width:100%;height:32.5vw;object-fit:cover;font-family:'object-fit: cover;'}
.ictionList.newLay li span.imgRatio{position:relative;width:34%;height:23.5vw;display:inline-block;overflow:hidden;float: left;margin:-7px 15px 0 0;}
.ictionList.newLay li span.imgRatio img{width:100%;height:23.5vw;object-fit:cover;font-family:'object-fit: cover;'border:none!important;}
}
@media only screen and (max-width: 320px) {
.ictionList.newLay li span.imgRatio{position:relative;width:27%;height:23.5vw;display:inline-block;overflow:hidden;float: left;margin:-7px 15px 0 0;}
.ictionList.newLay li span.imgRatio img{width:100%;height:23.5vw;object-fit:cover;font-family:'object-fit: cover;'border:none!important;}
}
/*3つ並び 2 end*/
/*List page*/
.ictionListHeadBg{width:100%;height:129px;background:url(../img/iction_cat_bg.png) repeat-x bottom right;background-size:1440px auto;margin:0 0 -27px!important}
.ictionListHead h1{font-size:34px;font-weight:700!important;line-height:1.07;text-align:center;padding:95px 0 30px}
.ictionLinkListBottomWrap{background:#f3f5fa;width:100%;margin:70px 0 30px;padding:20px 0 40px}
.ictionLinkListBottom{text-align:center;letter-spacing:-.4px}
.ictionLinkListBottom li{display:inline-block;margin:0 15px;font-size:15px;letter-spacing:normal}
.ictionLinkListBottom li a{color: #4b636d;font-weight:400}
@media only screen and (max-width: 991px) {
.ictionListHeadBg{width:100%;height:58px;background:url(../img/iction_cat_bg.png) repeat-x bottom right;background-size:auto 58px;margin:0 0 -12px!important}
.ictionListHead h1{font-size:22px;line-height:1.65;padding:16px 0 0px}
.ictionLinkListBottomWrap{float:left;margin:0px 0 0;padding:20px 0 0}
.ictionLinkListBottom li{margin:0;width:50%;float:left; font-size: 13px; padding-bottom:35px}
}
/*List page end*/
/*category page*/
.ictionCatHead{text-align:center;padding:18px 0 20px;font-size:16px;line-height:1.75}
.ictionCatHead.newLay{text-align:center;padding:18px 0 0px;font-size:16px;line-height:1.75}
.ictionCatHead.tag{text-align:center;padding:18px 0 0px;font-size:16px;line-height:1.75}
.ictionCatHead .catHeadLogo img{width:63px;height:63px}
.ictionCatHead .catH1{font-size:34px;font-weight:700!important;line-height:1.07;text-align:center;padding:15px 0 20px}
.ictionCatHead .catH2{font-size:18px;font-weight:700!important;line-height:1.07;text-align:center;padding:0px 0 45px}
.ictionCatHead.tag .catH1{font-size:34px;font-weight:700!important;line-height:1.07;text-align:center;padding:15px 0 0px}
.ictionCatHead .tit01{font-size:34px;line-height:1.4;text-align:center;padding-bottom:10px;font-weight:700!important;padding:70px 0 30px}
.ictionCatHead .txBox{margin:0 auto;text-align:left}
.ictionCatHead.newLay .txBox{max-width: 750px;}
.ictionCatHead .txBoxNews{margin:0 auto;text-align: center!important;}
.ictionLinkDown{margin-top:20px; text-align: center; margin-bottom:20px;font-size:16px;}
.ictionLinkDown a{font-weight:400;background:url(../img/iction_link_down.png) no-repeat right center;background-size:11px auto;padding-right:20px;transition:all .2s;margin:0 15px;display: inline-block;}
.ictionCat01Bg{width:100%;height:129px;background:url(../img/iction_cat01_bg.png) repeat-x bottom right;background-size:1440px auto;margin:0 0 -27px!important}
/*両立支援*/
.ictionCat01Bg.worklife{background:url(../img/iction_cat_worklife.png) repeat-x bottom right;background-size:1920px auto;}
/*女性の活eo?*/
.ictionCat01Bg.womens{background:url(../img/iction_cat_womens.png) repeat-x bottom right;background-size:1920px auto;}
/*シニア*/
.ictionCat01Bg.middlesenior{background:url(../img/iction_cat_middlesenior.png) repeat-x bottom right;background-size:1920px auto;}
/*外国c±?*/
.ictionCat01Bg.foreigner{background:url(../img/iction_cat_foreigner.png) repeat-x bottom right;background-size:1920px auto;}
/*障がa???*/
.ictionCat01Bg.disability{background:url(../img/iction_cat_disability.png) repeat-x bottom right;background-size:1920px auto;}
/*多様な働き方*/
.ictionCat01Bg.general{background:url(../img/iction_cat_various.png) repeat-x bottom right;background-size:1920px auto;}
/*all*/
.ictionCat01Bg.all{background:url(../img/iction_cat_general.png) repeat-x bottom right;background-size:1920px auto;}
@media only screen and (max-width: 991px) {
.ictionCat01Bg{width:100%;height:58px;background:url(../img/iction_cat01_bg.png) repeat-x bottom right;background-size:auto 58px;margin:0 0 -12px!important}
/*両立支援*/
.ictionCat01Bg.worklife{background:url(../img/iction_cat_worklife.png) repeat-x bottom right;background-size:auto 58px;}
/*女性の活eo?*/
.ictionCat01Bg.womens{background:url(../img/iction_cat_womens.png) repeat-x bottom right;background-size:auto 58px;}
/*シニア*/
.ictionCat01Bg.middlesenior{background:url(../img/iction_cat_middlesenior.png) repeat-x bottom right;background-size:auto 58px;}
/*外国c±?*/
.ictionCat01Bg.foreigner{background:url(../img/iction_cat_foreigner.png) repeat-x bottom right;background-size:auto 58px;}
/*障がa???*/
.ictionCat01Bg.disability{background:url(../img/iction_cat_disability.png) repeat-x bottom right;background-size:auto 58px;}
/*多様な働き方*/
.ictionCat01Bg.general{background:url(../img/iction_cat_various.png) repeat-x bottom right;background-size:auto 58px;}
/*all*/
.ictionCat01Bg.all{background:url(../img/iction_cat_general.png) repeat-x bottom right;background-size:auto 58px;}
.ictionCatHead .catH1{font-size:22px;line-height:1.65;padding:6px 0 10px}
.ictionCatHead .catH2{font-size:16px;line-height:1.65;padding:0 0 10px}
.ictionCatHead.tag .catH1{font-size:22px;line-height:1.65;padding:0 0 5px}
.ictionCatHead .tit01{font-size:22px;line-height:1.65;padding:0 0 10px}
.ictionCatHead{text-align:center;padding:14px 0 20px;font-size:16px;line-height:1.75}
}
@media only screen and (max-width: 991px) {
.ictionCatHead .txBox{padding:0 15px}
.ictionCatHead.newLay .txBox{padding:10px 15px 15px}
.ictionLinkDown{margin-top:0px}
}
/*category page end*/
/*foot*/
.ictionfooter:after{content:"";display:block;clear:both}
.ictionfooter .article{max-width:345px;margin:0 auto; height: 400px;}
.ictionfooter .cols2{font-size:0}
.ictionfooter .cols2 .col{display:inline-block;vertical-align:top;width:50%}
.ictionfooter .cols2 .col>p{margin-bottom:20px;font-size:16px}
.ictionfooter .modTitle2{margin-bottom:20px;font-weight:700;text-align:left;}
.ictionfooter .modTitle2{font-size:28px;line-height:1;font-weight: bold}
@media only screen and (max-width: 991px) {
.ictionfooter .modTitle2{font-size:18px;line-height:1}
}
@media (max-width: 991px) and (min-width: 768px) {
.ictionfooter .article{max-width:345px;margin:0 auto;text-align:center; height: 450px;}
}
@media only screen and (max-width: 767px) {
.ictionfooter .article{max-width:345px;margin:0 auto;text-align:center; height: 430px;}
.ictionfooter .cols2 .col{display:block;width:auto;margin-bottom:40px}
.ictionfooter .cols2 .col h2{text-align:center}
.ictionfooter .cols2 .col .button a{width:auto}
}
/*about*/
.ictionAboutMv img{width:100%}
.ictionAbout01Wrap{background-color:#f3f5fa;padding:35px 0 62px}
.ictionAbout01{font-size:16px}
.ictionAbout01 .article{margin:0}
.ictionAbout01 h1{font-size:18px;text-align:center;padding-bottom:10px;font-weight:700!important}
.ictionAbout01 h2{font-size:22px;line-height:1.09;letter-spacing:1.69px;text-align:center;padding-bottom:20px;font-weight:700}
.ictionAbout02Wrap{padding:67px 0 2px}
.ictionAbout02 h2.tit01{text-align:center;padding-bottom:45px}
.ictionAbout02 h2.tit01.ver2{padding-bottom:28px}
.ictionAbout02{font-size:16px}
.ictionAbout02 .article{margin:0}
.ictionAboutBg01{width:280px;margin:43px auto 78px}
.ictionAbout02 .sectionLay01{padding-bottom:40px}
.ictionAbout02 .sectionLay01.last{padding-bottom:45px}
.ictionAbout02 .sectionLay01:after{content:"";display:block;clear:both}
.ictionAbout02 p{padding-bottom:47px}
.ictionAbout02 p.tx01{padding-bottom:37px}
.ictionAbout02 .linkBtn{text-align: right;}
@media only screen and (min-width: 768px) {
.ictionAbout02 .sectionLay01 .tx01{padding-right:25px}
.ictionAbout02 .sectionLay01 .tx02{padding-left:25px}
.ictionAbout02 .sectionLay01 ul{letter-spacing:-.4px}
.ictionAbout02 .sectionLay01 ul li{display:inline-block;vertical-align:middle;width:71.8%;letter-spacing:normal}
.ictionAbout02 .sectionLay01 ul li.image{width:27.8%}
.ictionAbout02 p.first01{padding-bottom:27px}
.ictionAboutImg01{width: 627px; margin:0 auto; padding-bottom: 27px!important;}
.ictionAboutImg02{margin:0 auto; padding-bottom: 27px!important;}
.ictionAbout02 .linkBtn{padding-bottom: 25px;}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.ictionAbout02 .sectionLay01 ul li.image{width:27%}
}
@media only screen and (max-width: 767px) {
.ictionAbout01Wrap{padding:17px 0 32px}
.ictionAbout01 .article{font-size:16px}
.modFullSection.maxW945{padding:0 15px}
.ictionAbout01 h1{font-size:12px;padding-bottom:10px}
.ictionAbout01 h2{font-size:18px;line-height:2;letter-spacing:normal;padding-bottom:17px}
.ictionAbout02Wrap{padding:37px 0 0}
.ictionAbout02 h2.tit01{padding-bottom:21px}
.ictionAbout02 h2.tit01.ver2{padding-bottom:21px}
.ictionAboutBg01{width:256px;margin:23px auto 20px}
.ictionAbout02 .sectionLay01{padding-bottom:0}
.ictionAbout02 .sectionLay01.last{padding-bottom:0}
.ictionAbout02 .sectionLay01:after{content:"";display:block;clear:both}
.ictionAbout02 .sectionLay01 ul li{padding-bottom:20px}
.ictionAbout02 .sectionLay01 ul li img{width:100%}
.ictionAbout02 p{padding-bottom:20px}
.ictionAbout02 p.last{padding-bottom:60px}
}
/*about end*/
/*action*/
.ictionAction01Wrap{padding:110px 0 0}
.ictionAction01{font-size:16px}
.ictionAction01 .article{margin:0}
.ictionAction01 h1{font-size:34px;line-height:1.4;text-align:center;padding-bottom:10px;font-weight:700!important}
.ictionAction01 .tit02{font-size:34px;line-height:1.4;text-align:center;padding-bottom:10px;font-weight:700!important}
.ictionAction01 .tx01{padding-top:26px}
.ictionAction01 .tx02{padding-top:26px;font-size:13px;color:rgba(81,101,112,0.8)}
.ictionActionScroll{text-align:center;margin:40px 0 0}
.ictionActionScroll:after{content:"";display:block;clear:both}
.ictionActionScroll ul{border-top:1px solid #e1e6ee;border-bottom:1px solid #e1e6ee;margin:10px 0 13px}
.ictionActionScroll ul li{display:inline-block;padding:8px 11px}
.ictionActionScroll ul li a{font-weight:400;background:url(../img/iction_link_down.png) no-repeat right center;background-size:11px auto;padding-right:20px;transition:all .2s}
.ictionActionScroll2 ul li a{font-weight:400;background:url(../img/iction_link_down.png) no-repeat right center;background-size:11px auto;padding-right:20px;transition:all .2s}
@media only screen and (min-width: 911px) {
.ictionActionScrollL{width:48.46%;float:left}
.ictionActionScrollR{width:48.46%;float:right}
}
@media only screen and (max-width: 991px) {
.ictionActionScroll p{font-size: 18px;font-weight: bold;}
.ictionActionScroll{text-align:left;margin:12px 0 30px}
.ictionActionScroll ul{border-bottom:none;border-top:none;}
.ictionActionScroll ul li{padding:10px 20px 1px 0;display: inline-block;font-size: 14px;}
.ictionActionScroll ul li:last-child{padding:10px 0px 1px 0;}
.ictionActionScroll2{margin-top: 10px;margin-bottom: 35px;}
.ictionActionScroll2 ul li{padding:10px 20px 10px 0;width: 100%; font-size: 14px;border-bottom:1px solid #e1e6ee;}
.ictionActionScroll ul li a{font-weight: normal;}
.ictionActionScroll2 ul li a{font-weight: normal;}
.ictionActionScrollL{width:100%;}
.ictionActionScrollR{width:100%;}
.ictionAction01 h1{font-size:22px;line-height:1.65}
.ictionAction01 .tit02{font-size:22px;line-height:1.65}
.ictionAction01Wrap{padding:26px 0 0}
.ictionAction01 .tx01{padding-top:12px}
.ictionAction01 .tx02{padding-top:12px}
}
.ictionAction02Wrap{padding:0}
.ictionAction02Wrap.last{margin-bottom: -25px;}
.ictionAction02{font-size:16px}
.ictionAction02 .article{margin:0}
.ictionAction02 h2.tit01{text-align: center;padding:40px 0 45px;}
.ictionAction02 .tx01{text-align: left;padding-bottom: 50px;}
.ictionActionTit01{background-color:#f4f5fa;font-size:22px;line-height:1.32;padding:5px 0;text-align:center;font-weight:700}
.ictionActionTit01.top{margin-top:-7px}
.ictionActionTit02{font-size: 22px;font-weight: 700;margin:35px 0 20px;border-bottom: 2px solid #e1e6ee;padding-bottom: 5px;}
.ictionActionTit02.ver01{margin:35px 0 -20px;}
.ictionActionList01{padding:50px 0 20px; -ms-overflow-style: none;}
.ictionActionList01_pT0{padding-top: 0px;}
.ictionActionList01 li{margin-bottom:50px}
.ictionActionList01 li:after{content:"";display:block;clear:both}
.ictionActionList01 li .thumb{width:37.89%;float:left}
.ictionActionList01 li .thumb2{width:17.368%;float:left}
.ictionActionList01 li h3{ font-size:20px;line-height:1.12;font-weight:700;margin-bottom:10px}
.ictionActionList01 li ul{margin-bottom:15px}
.ictionActionList01 li ul li{display:inline-block;vertical-align:middle;font-size:14px;margin:0 20px 0 0;line-height:1.75}
.ictionActionList01 li ul li a{text-decoration:underline}
.ictionActionList01 li ul li a:hover{text-decoration:none}
.ictionSection .recruitCat{margin:10px 20px 0 0;font-size: 12px;background-color: #f4f5fa;padding:0px 7px;}
.ictionSection .recruitCat a{color: #516570; text-decoration: none;font-weight:400!important;}
.ictionActionList01 .recruitCatWrap{display: inline-block;}
.ictionSection .recruitCat2{margin:3px 0px 0 10px;display:inline-block;vertical-align: top;font-size: 12px;background-color: #f4f5fa;padding:0px 7px;}
.ictionSection .recruitCat2 a{color: #516570; text-decoration: none;font-weight:400!important;}
.ictionActionList01 li ul li img{width:21px;margin-right:5px}
.ictionActionList01 li .linkBtn{text-align:right;margin-top:35px;margin-right:5px}
.ictionActionList01 li .linkBtn a{font-weight:400}
@media only screen and (min-width: 768px) {
.ictionActionList01 li .textOver{overflow:auto;zoom:1;padding-left:30px}
.ictionActionList01 li h3{display:inline-block}
}
@media only screen and (max-width: 991px) {
.ictionAction02 h2.tit01{text-align:center;padding:43px 0 15px}
.ictionAction02Wrap{padding:0}
.ictionAction02Wrap.last{margin-bottom:55px}
.ictionAction02{font-size:14px}
.ictionAction02 .tx01{text-align:left;padding-bottom:30px;font-size:14px}
}
@media only screen and (max-width: 767px) {
.ictionActionTit01{background-color:#f4f5fa;font-size:18px;line-height:2.02;padding:2px 0}
.ictionActionTit01.top{margin-top:-5px}
.ictionActionTit02{font-size:18px;margin:15px 0 0}
.ictionActionTit02.ver01{margin:15px 0 0}
.ictionActionList01{padding:17px 0 0}
.ictionActionList01_pT0{padding-top: 0px;}
.ictionActionList01 li{border-bottom:1px solid #e1e6ee;padding-bottom:15px;margin-bottom:20px}
.ictionActionList01 li:last-child{border-bottom:none}
.ictionActionList01 li .thumb{width:37.89%;float:left;margin-right:3%}
.ictionActionList01 li .thumb2{width:37.89%;float:left;margin-right:3%}
.spTxOver{width:100%;float:left;padding-top:5px}
.spTxOver.cancel{width:auto;float:none;padding-top:0}
.spTxOver:after{content:"";display:block;clear:both}
.ictionActionList01 li h3{font-size:16px;line-height:1.4;margin-bottom:15px}
.ictionActionList01 li ul{margin-bottom:15px;width:59.11%;float:right}
.ictionActionList01 li ul li{margin:0 20px 5px 0;line-height:1.6;padding:0;border-bottom:none}
.ictionSection .recruitCat{margin:0 20px 0 0}
.ictionSection .recruitCat2{margin:0 10px 0 0;width:auto}
.ictionActionList01 li .linkBtn{margin-top:5px}
}
.ictionAction03Wrap{padding:40px 0 55px}
.ictionAction03{font-size:16px}
.ictionAction03 .tit01{text-align:center;padding-bottom:38px}
@media only screen and (max-width: 767px) {
.ictionAction03Wrap{padding:40px 0 20px}
.ictionAction03{font-size:16px}
.ictionAction03 .tit01{text-align:center;padding-bottom:15px}
.ictionAction03 .tx01{margin-bottom:15px}
}
@media only screen and (max-width: 991px) {
.ictionAction03 .tx01{font-size: 14px;}
}
.ictionAction04Wrap{margin:-55px 0 0;padding:0 0 50px}
.ictionAction04{font-size:16px}
.ictionAction04 .article{margin:0;padding:0}
.ictionAction04 .ictionActionTit02{margin:35px 0 32px}
.ictionAction04 h3{font-size:18px;font-weight:700;margin:20px 0}
.ictionAction04 h3:after{content:"";display:block;clear:both}
.ictionLinkList01:after{content:"";display:block;clear:both}
.ictionLinkList02{letter-spacing:-.4px}
.ictionLinkList02 li{display:inline-block;width:33%;margin-bottom:25px;padding-right:0;vertical-align:top;padding-right:35px}
.ictionLinkList02 li a{font-weight:400}
.ictionLinkList02 .recruitCat{display:inline-block;margin-top:-5px;margin-left:10px}
.ictionLinkList02 li .ic.icBlankGray{transform:scale(1.3,1.3);margin-left:10px;margin-top:-2px}
.ictionLinkList02 p{display:inline-block}
.ictionLinkList02 .desc01{font-size:13px;line-height:1.5;padding-top:5px;width:100%}
@media only screen and (max-width: 767px) {
.ictionAction04Wrap{margin:0px 0 0;padding:0px 0 50px;}
.ictionAction04 .article{margin:0;padding:0;}
.ictionAction04 .ictionActionTit02{margin:15px 0 15px;}
.ictionAction04 h3{font-size: 16px;margin:0 0 5px;}
.ictionLinkList01 li{width: 100%;float: none;}
.ictionLinkList02 li{display:inline-block;width: 100%;margin-bottom: 20px;padding-right: 0px;}
.ictionLinkList02 li a{font-weight: normal;}
.ictionLinkList02 .recruitCat{display: inline-block; margin-top: -5px;}
.ictionLinkList02 li{height: auto!important;}
.ictionLinkList02_mT20{margin-top: 20px;}
}
/*NEWS*/
.ictionNews01Wrap{padding:95px 0 0}
.ictionNews01{font-size:16px;margin:0 auto}
.ictionNews01 .article{margin:0}
.ictionNews01 h1{font-size:28px;line-height:1.3;text-align:center;padding-bottom:50px;font-weight:700!important}
.ictionNews01 .tx01{padding-top:26px}
.ictionNews01 .tx02{padding-top:26px;font-size:13px;color:rgba(81,101,112,0.8)}
.ictionNews01 dl{border-top:1px solid #e6ebf0;width:750px;margin-bottom:50px}
.ictionNews01 dl:after{content:"";display:block;clear:both}
.ictionNews01 dl a{font-weight:400;line-height:1.75}
.ictionNews01 dl dt{float:left;letter-spacing:normal;width:195px;vertical-align:top;border-bottom:1px solid #e6ebf0;padding:8px 0 14px}
.ictionNews01 dl dd{float:left;width:555px;vertical-align:top;border-bottom:1px solid #e6ebf0;padding:8px 0 14px}
@media (min-width: 768px) and (max-width: 991px) {
.ictionNews01 dl{width:720px}
.ictionNews01 dl dt{width:165px}
.ictionNews01 dl dd{width:555px}
}
@media only screen and (max-width: 767px) {
.ictionNews01{font-size:14px}
.ictionNews01 h1{font-size:22px;line-height:1.65;padding-bottom:20px}
.ictionNews01Wrap{padding:26px 0 0}
.ictionNews01 .tx01{padding-top:12px}
.ictionNews01 .tx02{padding-top:12px}
.ictionNews01 dl{width:100%;margin-bottom:30px;position:relative}
.ictionNews01 dl dt{display:block;width:100%;border-bottom:none;padding:8px 0;height:auto!important}
.ictionNews01 dl dd{display:block;width:100%;border-bottom:1px solid #e6ebf0;padding:0 0 14px;height:auto!important}
.ictionNews01 .button{margin-bottom:40px}
}
@media all and (min-width: 992px) {
.bannerArea .container{padding-top:0;padding-bottom:30px}
}
@media all and (max-width: 991px) {
.bannerArea .container{width:100%;padding-top:0;padding-bottom:50px}
}
@media only screen and (min-width: 992px) {
.pcNone{display:none!important}
.pctbKaigyo{display:block}
}
@media only screen and (max-width: 991px) {
.tbspNone{display:none!important}
}
@media only screen and (min-width: 768px) {
.pctbNone{display:none!important}
.with_title .sp{display:none!important}
}
@media only screen and (max-width: 767px) {
.spNone{display:none!important}
.spKaigyo{display:block}
.with_title .pc{display:none!important}
}
.with_title img{width:100%}
.ictionKitakyushu.modContainer{max-width:930px;margin:0 auto}
.ictionSlider.slider li,.sliderPickup li{display:none}
.bx-viewport .ictionSlider.slider li,.bx-viewport .sliderPickup li{display:block!important}
.article .button.cushion_more{padding-top:60px}
@media only screen and (max-width: 767px) {
.article .button.cushion_more{padding-top:40px}
}
.ictionDetailMain .article .button a{font-weight: normal;}
.ictionDetailMain .article.category .button a:hover{}
@media all and (min-width: 992px) {
.ictionDetailMain .article .button a,
.ictionDetailMain .modalSection .button a ,
.ictionListWrap .article .button a,
.ictionListWrap .modalSection .button a ,
.ictionListWrap2 .article .button a,
.ictionListWrap2 .modalSection .button a ,
.ictionTorikumiWrap .article .button a,
.ictionTorikumiWrap .modalSection .button a ,
.ictionNews01Wrap .article .button a,
.ictionNews01Wrap .modalSection .button a {
min-width: auto;
}
}
@media all and (max-width: 991px) {
.ictionDetailMain .article .button a,
.ictionDetailMain .modalSection .button a,
.ictionListWrap .article .button a,
.ictionListWrap .modalSection .button a,
.ictionList2Wrap .article .button a,
.ictionList2Wrap .modalSection .button a,
.ictionTorikumiWrap .article .button a,
.ictionTorikumiWrap .modalSection .button a,
.ictionNews01Wrap .article .button a,
.ictionNews01Wrap .modalSection .button a {
width: auto;
margin-left: auto;
margin-right: auto;
}
}
.ictionDetailMain p.worklife,
.ictionDetailMain h3.worklife,
.ictionDetailMain h4.worklife{
color: #d7b31a;
}
.ictionDetailMain p.womens,
.ictionDetailMain h3.womens,
.ictionDetailMain h4.womens{
color: #e55290;
}
.ictionDetailMain p.senior,
.ictionDetailMain h3.senior,
.ictionDetailMain h4.senior{
color: #009dd3;
}
.ictionDetailMain p.foreigner,
.ictionDetailMain h3.foreigner,
.ictionDetailMain h4.foreigner{
color: #99509c;
}
.ictionDetailMain h3.disability,
.ictionDetailMain h4.disability,
.ictionDetailMain p.disability{
color: #7abf4a;
}
.ictionDetailMain p.general,
.ictionDetailMain h3.general,
.ictionDetailMain h4.general{
color: #e88347;
}
.ictionDetailMain h2.worklife,
.ictionDetailMain h3.worklife{
border-color: #d7b31a;
}
.ictionDetailMain h2.womens,
.ictionDetailMain h3.womens{
border-color: #e55290;
}
.ictionDetailMain h2.senior,
.ictionDetailMain h3.senior{
border-color: #009dd3;
}
.ictionDetailMain h2.foreigner,
.ictionDetailMain h3.foreigner{
border-color: #99509c;
}
.ictionDetailMain h2.disability.
.ictionDetailMain h3.disability{
border-color: #7abf4a;
}
.ictionDetailMain h2.general,
.ictionDetailMain h3.general{
border-color: #e88347;
}
.ictionDetailMain span.brd.worklife{
background-color: #d7b31a;
}
.ictionDetailMain span.brd.womens{
background-color: #e55290;
}
.ictionDetailMain span.brd.senior{
background-color: #009dd3;
}
.ictionDetailMain span.brd.foreigner{
background-color: #99509c;
}
.ictionDetailMain span.brd.disability{
background-color: #7abf4a;
}
.ictionDetailMain span.brd.general{
background-color: #e88347;
}
.ictionDetailMain .modTitle2{
border-bottom: none;
margin-top: 0!important;
}
.ictionDetailMain .modTitle2 .tit01{font-size:28px;line-height:1.6;font-weight:400;margin-bottom:0px;padding-left:15px;display:block}
@media only screen and (max-width: 991px) {
.ictionDetailMain .tit01{font-size:22px!important;line-height:1.45;margin-bottom:0px}
}
.ictionDetailMain .modTitle2.worklife span{
background-color: #d7b31a;
}
.ictionDetailMain pre{padding:10px;background-color: #eee;margin:12px 0 10px;
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.article.worklife .button a{background: #d7b31a;transition: all 0.12s ease-in;}
.article.worklife .button a:after{ background: #d7b31a;}
.article.worklife .button a:hover{ opacity: 0.8;}
.article.womens .button a{background: #e55290;transition: all 0.12s ease-in;}
.article.womens .button a:after{ background: #e55290;}
.article.womens .button a:hover{ opacity: 0.8;}
.article.senior .button a{background: #009dd3;transition: all 0.12s ease-in;}
.article.senior .button a:after{ background: #009dd3;}
.article.senior .button a:hover{ opacity: 0.8;}
.article.foreigner .button a{background: #99509c;transition: all 0.12s ease-in;}
.article.foreigner .button a:after{ background: #99509c;}
.article.foreigner .button a:hover{ opacity: 0.8;}
.article.disability .button a{background: #7abf4a;transition: all 0.12s ease-in;}
.article.disability .button a:after{ background: #7abf4a;}
.article.disability .button a:hover{ opacity: 0.8;}
.article.general .button a{background: #e88347;transition: all 0.12s ease-in;}
.article.general .button a:after{ background: #e88347;}
.article.general .button a:hover{ opacity: 0.8;}
.article.worklifeWhite .button a{background: #fff;border:2px solid #d7b31a;color: #d7b31a; transition: all 0.12s ease-in;}
.article.worklifeWhite .button a:after{ background: #d7b31a;}
.article.worklifeWhite .button a:hover{ opacity: 0.8; color: #fff; ;background: #d7b31a;}
.article.womensWhite .button a{background: #fff;border:2px solid #e55290;color: #e55290; transition: all 0.12s ease-in;}
.article.womensWhite .button a:after{ background: #e55290;}
.article.womensWhite .button a:hover{ opacity: 0.8; color: #fff; ;background: #e55290;}
.article.seniorWhite .button a{background: #fff;border:2px solid #009dd3;color: #009dd3; transition: all 0.12s ease-in;}
.article.seniorWhite .button a:after{ background: #009dd3;}
.article.seniorWhite .button a:hover{ opacity: 0.8; color: #fff; ;background: #009dd3;}
.article.foreignerWhite .button a{background: #fff;border:2px solid #99509c;color: #99509c; transition: all 0.12s ease-in;}
.article.foreignerWhite .button a:after{ background: #99509c;}
.article.foreignerWhite .button a:hover{ opacity: 0.8; color: #fff; ;background: #99509c;}
.article.disabilityWhite .button a{background: #fff;border:2px solid #7abf4a;color: #7abf4a; transition: all 0.12s ease-in;}
.article.disabilityWhite .button a:after{ background: #7abf4a;}
.article.disabilityWhite .button a:hover{ opacity: 0.8; color: #fff; ;background: #7abf4a;}
.article.generalWhite .button a{background: #fff;border:2px solid #e88347;color: #e88347; transition: all 0.12s ease-in;}
.article.generalWhite .button a:after{ background: #e88347;}
.article.generalWhite .button a:hover{ opacity: 0.8; color: #fff; ;background: #e88347;}
.row .worklifeBg{background: rgba(215, 179, 26, 0.3);}
.row .womensBg{background: rgba(229, 82, 144, 0.3);}
.row .seniorBg{background: rgba(0, 157, 211, 0.3);}
.row .foreignerBg{background: rgba(153, 80, 156, 0.3);}
.row .disabilityBg{background: rgba(122, 191, 74, 0.3);}
.row .generalBg{background: rgba(232, 131, 71, 0.3);}
.row .worklifeBg,
.row .womensBg,
.row .seniorBg,
.row .foreignerBg,
.row .disabilityBg,
.row .generalBg{padding:25px;}
@media only screen and (max-width: 767px) {
.row .worklifeBg,
.row .womensBg,
.row .seniorBg,
.row .foreignerBg,
.row .disabilityBg,
.row .generalBg{padding:15px;}
}
.ictionDetailHead .date span.media{
color:#516570;
opacity:0.7;
}
.anqLinkSection01{padding:40px 0 0px;}
.anqLinkSection01 .ictionLinkDown{padding-top: 40px;}
.anqLinkSection02{margin:-5px 0;}
.anqLinkSection03{margin:20px 0 -65px;}
.anqLinkSection03 .ictionLinkDown{ margin-top: 15px; padding-top: 0px;}
.anqLinkSection04{margin:-5px 0 -65px;}
.anqLinkSection05{margin:-5px 0 -30px;}
.anqLinkSection06{margin:15px 0 -65px;}
.anqLinkSection06 .ictionLinkDown{ margin-top: 10px; padding-top: 0px;}
@media only screen and (max-width: 767px) {
.anqLinkSection01{padding:30px 0 0px;}
.anqLinkSection01 .ictionLinkDown{padding-top: 20px;}
.anqLinkSection02{margin:15px 0 -5px;line-height: 2.5}
.anqLinkSection03{margin:20px 0 -27px;line-height: 2.5}
.anqLinkSection03 .ictionLinkDown{ margin-top: 8px; padding-top: 0px;}
.anqLinkSection04{margin:10px 0 -27px;line-height: 2.5}
.anqLinkSection05{margin:10px 0 -77px;line-height: 2.5}
.anqLinkSection06{margin:15px 0 -27px;}
.anqLinkSection06 .ictionLinkDown{line-height: 2.5}
}
@media only screen and (min-width: 736px) and (max-width: 768px) {
.anqLinkSection05{margin:10px 0 -37px;line-height: 2.5}
}
/*記事a?ージ特殊調整*/
@media only screen and (max-width: 767px) {
.halfGutters .item figure img{
float: left;
width: 50%!important;
}
.halfGutters .item figure p{
text-align: left!important;
padding-left: 54%;
}
.report-container .app_btns {
max-width: 100%!important;
margin-left: auto!important;
margin-right: auto!important;
}
.report-container .app_btns img{width: 100%!important;}
.report-container .app_btns:after{content:"";display:block;clear:both}
.report-container .app_btns a{
width: 44%!important;
display: block!important;
float: left!important;
padding:0!important;
margin:0 3%!important;
}
}
.ictionDetailMain .button.modTextCenter.cushion_more{
width: 100%;
}
.report-container .renkei_logoTx{
padding-top: 20px;
}
.report-container .renkei_logo {
margin-top: 0px!important;
width: 100%;
}
.report-container .renkei_logo img{
max-width: 100%;
width: 100%;
}
.themesPost .modLinkText{font-weight: bold!important;}
@media only screen and (max-width: 767px){
.sectionWorklife.intro{padding-top:40px;padding-bottom:40px}
.sectionWorklife.intro .modTitle2{margin-bottom:20px}
.sectionWorklife.intro .modTitle2 br{display:block}
.sectionWorklife.intro .img{width:100%!important;float:none;padding-top:20px}
.sectionWorklife.intro .img img{width:auto;}
.sectionWorklife.intro .text{width:100%!important;float:none;margin:20px auto}
/*.themesPost ul li{width: 100%!important;}*/
.themesPost ul li .modTitle3{font-size: 16px!important;line-height: 1.4!important}
.sectionWorklife.efforts .themesPost .dotPaging {
text-align: center
}
.sectionWorklife.efforts .themesPost .dotPaging li {
display: inline-block;
width: auto;
padding: 0;
opacity: 0.2;
margin: 0 5px;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.sectionWorklife.efforts .themesPost .dotPaging li button {
width: 10px;
height: 10px;
text-indent: -9999px;
background: -webkit-linear-gradient(top left, #0065bd, #37b1de);
background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#37b1de));
background: linear-gradient(to bottom right, #0065bd, #37b1de);
overflow: hidden;
font-size: 0;
color: transparent;
border-radius: 100%
}
.sectionWorklife.efforts .themesPost .dotPaging li.slick-active {
opacity: 1
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.themesPost ul li .modTitle3{font-size: 16px!important;line-height: 1.4!important}
}
@media screen and (min-width: 768) {
.spOnly {
display: none!important
}
}
@media screen and (max-width: 767) {
.spOnly {
display: block!important
}
}
@media only screen and (min-width: 992px){
.ictionComeback.modContainer,
.ictionjitanjob.modContainer,
.ictionZipwork.modContainer,
.ictionKitakyushu.modContainer{max-width: 780px!important;}
.ictionKitakyushu.modContainer > .modSection{
padding:0!important;margin:0!important;width: 100%!important;max-width: 100%!important;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.ictionComeback.modContainer,
.ictionjitanjob.modContainer,
.ictionZipwork.modContainer,
.ictionKitakyushu.modContainer{max-width:740px;}
}
/* print setting */
@media print {
.iction_navWrap,
#glNav{display: none;}
.pctbNone{display: none;}
}
@media only screen and (min-width: 768px){
.sectionIctionTop#service{
margin-top:-50px;
padding-top:50px;
}
}
.article .button.buttonLarge a{
padding: 18px 18px;
}
.mokuji{
background-color: #f3f5fa;
font-size: 16px;
line-height: 1.5;
box-sizing: border-box;
padding:0px 30px 0px 30px;
margin-bottom: 40px;
margin-top: -20px;
}
.mokuji dt{
font-weight: bold;
font-size: 22px;
padding:20px 0;
cursor: pointer;
}
.mokuji dt span{
float: right;
height: 11px;
width: 20px;
background:url(../img/mokuji_ico_up.png) no-repeat left center;
background-size:20px 11px;
margin-top: 13px;
}
.mokuji dt.active span{
transform: rotate(180deg);
}
.mokuji dd{padding-bottom: 20px;}
.mokuji ul li span{padding-right: 20px;}
.mokuji ul li{
font-size: 16px;
}
.mokuji ul li{
border-bottom: 1px solid #e6ebf0;
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 30px;
text-indent: -30px;
}
.mokuji ul li:last-child{
border:none;
}
.mokuji ul li.under{
margin-left: 30px;
padding-left: 43px;
text-indent: -43px;
font-weight: normal;
}
.mokuji ul li.under a{
font-weight: normal;
}
.mokuji ul li span{font-weight: bold;}
.mokuji ul li.under span{font-weight: normal;}
@media all and (max-width: 991px) {
.mokuji{
box-sizing: border-box;
padding:0px 15px 0px 15px;
margin-bottom: 40px;
}
.mokuji dt{
font-size: 18px;
padding:20px 0;
cursor: pointer;
}
.mokuji dt span{
height: 8px;
width: 12px;
background:url(../img/mokuji_ico_up.png) no-repeat left center;
background-size:12px auto;
margin-top: 13px;
}
}
.mod_title_01.detail{
font-size: 34px;
background-image: none;
margin-bottom: 0;
padding-bottom: 0;
}
@media only screen and (max-width: 991px){
.mod_title_01.detail{
font-size: 26px;
}
}
/* cat add accordion */
.ictionCatAccordionArea{width: 100%;margin-top: 26px;padding-bottom: 40px;}
@media (min-width: 768px) and (max-width: 991px) {
.ictionCatAccordionArea{margin-top: 12px;}
}
@media only screen and (max-width: 767px) {
.ictionCatAccordionArea{width: 100%;margin-top: 11px;padding-bottom: 35px;}
}
.ictionCatAccordionTit{
font-weight: bold;
font-size: 17px;
color: #fff;
text-align: center;
padding:30px 0 25px;
}
.ictionCatAccordionWrap{
max-width:746px;
margin:0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
.ictionCatAccordionWrap{
max-width:720px;
}
}
.ictionCatAccordion{
background-color: #fff;
border-radius: 10px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.ictionCatAccordionWrap{padding:0 15px;}
.ictionCatAccordion{
margin-bottom: 10px;
}
}
.ictionCatAccordion dt{
position: relative;
font-size: 16px;
font-weight: bold;
box-sizing: border-box;
padding:20px 50px;
cursor: pointer;
}
.ictionCatAccordion dt:after {
content: "";
position: absolute;
right: 50px;
top: 30px;
display: block;
border-top: 12px solid #F0897F;
border-right: 8px solid transparent;
border-bottom: 12px solid transparent;
border-left: 8px solid transparent;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.ictionCatAccordion dt.active:after {
content: "";
position: absolute;
right: 50px;
top: 15px;
display: block;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.ictionCatAccordion dd{display: none;}
.ictionCatAccordion dd{padding:0 50px;}
.ictionCatAccordionTxBox{
padding-top: 32px;
padding-bottom: 50px;
}
.ictionCatAccordionTxBox .aC{text-align: center;}
.ictionCatAccordionTxBox h3{
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.ictionCatAccordionTxBox p{
margin-bottom: 30px;
font-size: 16px;
}
.acClose{text-align: center;}
.acClose{
cursor: pointer;
font-weight: bold;
padding-top: 30px
}
.acClose a{text-decoration: none;}
.acClose span{
width: 22px;
height: 22px;
border:1px solid #0d6dc3;
display: inline-block;
border-radius: 11px;
position: relative;
vertical-align: middle;
margin-right: 10px;
}
.acClose span::before,
.acClose span::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 70%;
height: 1px;
margin: -5% 0 0 -35%;
background: #0d6dc3;
}
.acClose span::before {
transform: rotate(-45deg);
}
.acClose span::after {
transform: rotate(45deg);
}
.ictionCatAccordionTxBox ul li{
width: 100%;float: left;
margin-bottom:15px;
padding-bottom: 20px;
border-bottom: 1px solid #e6ebef;
}
.ictionCatAccordionTxBox ul li:last-child{
margin-bottom: 40px
}
.ictionCatAccordionTxBox ul li img{
width: 230px;
float: left;
margin-right: 20px;
margin-top: 5px;
}
.ictionCatAccordionTxBox ul li .title{
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
.ictionCatAccordionTxBox ul li .descript{
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
}
.ictionCatAccordionTxBox ul li .linkBtn{
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
text-align: right;
}
.ictionCatAccordionTxBox ul li .linkBtn a{
font-weight: normal;
}
@media only screen and (max-width: 767px) {
.ictionCatAccordion dt{
font-size: 16px;
padding:13px 15px;
}
.ictionCatAccordion dt:after {
right: 25px;
top: 22px;
}
.ictionCatAccordion dt.active:after {
right: 25px;
top: 8px;
}
.ictionCatAccordion dd{padding:0 15px;}
.ictionCatAccordionTxBox{
padding-top: 25px;
padding-bottom: 30px;
}
.ictionCatAccordionTxBox h3{
font-size: 18px;
margin-bottom: 10px;
text-align: left;
}
.ictionCatAccordionTxBox p{
margin-bottom: 20px;
font-size: 16px;
}
.ictionCatAccordionTxBox ul li img{
width: 38.7%;
}
.ictionCatAccordionTxBox ul li .title{
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
}
.mT10{margin-top: 10px;}
@media only screen and (min-width: 768px) {
.ictionCatAccordionTxBox li .textOver{overflow:auto;zoom:1;}
.offerArea{margin-bottom: 30px;}
}
.offerArea{margin-bottom: 20px;}
.offerArea::after {
content: "";
clear: both;
display: table;
}
.offer{
float: left;
margin:0!important;
font-size: 10px;
font-size: 12px !important;
}
.offeredCompany{
padding-left: 2.7em;
margin:0!important;
font-size: 10px;
font-size: 12px !important;
}
@media only screen and (max-width: 320px) {
.ictionCatAccordion dt{
padding:13px 45px 13px 15px;
}
.ictionCatAccordion dd{padding:0 15px;}
}
@media only screen and (max-width: 767px) {
.ictionRecentList.newLay li{width:100%;margin:0!important;padding:0 0 0px!important;box-sizing:border-box;}
.ictionRecentList.newLay li{border-right:none!important;border-right:none!important;border-bottom:1px solid #e2e6f1;border-top:none;}
.ictionRecentList.newLay li:first-child{border-top: 1px solid #e2e6f1;}
}
@media only screen and (max-width: 767px) {
.ictionRecentList.newLay li span.imgRatio{position:relative;width:34%;height:23.5vw;display:inline-block;overflow:hidden;float: left;margin:-7px 15px 0 0;}
.ictionRecentList.newLay li span.imgRatio img{width:100%;height:23.5vw;object-fit:cover;font-family:'object-fit: cover;'border:none!important;}
}
@media only screen and (max-width: 320px) {
.ictionRecentList.newLay li span.imgRatio{position:relative;width:27%;height:23.5vw;display:inline-block;overflow:hidden;float: left;margin:-7px 15px 0 0;}
.ictionRecentList.newLay li span.imgRatio img{width:100%;height:23.5vw;object-fit:cover;font-family:'object-fit: cover;'border:none!important;}
}
/* 20210402 追記*/
.modFrameInner .modTitle4 {
font-size: 16px;
}
.modFrameInner .modLinkText {
font-size: 16px;
}
h3.modTitle3 {
font-size: 20px;
}
.sectionIctionTop .button a span {
font-size: 18px;
}
ul.ictionLinkList01 h3 {
font-size: 18px;
font-weight: 700;
margin: 40px 0 20px;
}
.ictionActionTit01.ictionActionTit01_margin {
margin-top: 50px;
}
/* Article Share */
.article-share {
z-index: 10;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
background: #fff;
}
@media (max-width: 767px) {
/* Article Share */
.article-share {
padding-right: 5.33333vw;
padding-left: 5.33333vw;
}
.article-share > div p {
display: none;
}
.article-share .article-share--left {
margin-right: 0;
}
.article-share .article-share--left:nth-child(2) {
display: none;
}
}