@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 1700px) {
.sec_news:before{
    background-size: auto 100%;
}
}
@media screen and (max-width : 640px) {

/* pattern common
================================================== */
/* title */
.sec_heading{
	margin-bottom: 31px;
}
.sec_title{
	margin-bottom: 19px;
    padding-bottom: 7px;
	background-position: left bottom, 20px bottom;
	background-size: 20px 1px, 100% 1px;
	font-size: 143.75%;
}
/* buttons */
.btn_arrow{
    justify-content: center;
}

/* mainvisual style
================================================== */
#tmp_sangyo_mainvs .container{
    padding: 0;
}
#tmp_sangyo_mainvs .mainvs_inner{
    padding-top: 104px;
    padding-bottom: 31px;
}
#tmp_sangyo_mainvs .mainvs_heading{
    top: 39px;
    left: 20px;
}
#tmp_sangyo_mainvs .mainvs_heading img{
    max-width: 296px;
}
#tmp_sangyo_mainvs .mainvs_item .mainvs_item_banner{
    left: 19px;
    margin-top: -30px;
}
#tmp_sangyo_mainvs .mainvs_item .mainvs_info{
    width: 243px;
    padding: 12px 11px 5px 18px;
    min-height: 123px;
}
#tmp_sangyo_mainvs .mainvs_item .mainvs_info_inner{
    max-height: 240px;
}
#tmp_sangyo_mainvs .mainvs_item .mainvs_info:after{
    top: 3px;
    left: 5px;
}
#tmp_sangyo_mainvs .mainvs_item .ttl{
    min-width: 151px;
    min-height: 24px;
    background-size: 151px auto;
    background-position: left 2px top;
    margin-bottom: 15px;
}
#tmp_sangyo_mainvs .splide__slide:nth-child(1) .mainvs_item .ttl{
    min-width: 150px;
    background-image: url(/shared/templates/sangyo_top/images/mainvs_item_ttl01_sp.png);
    background-size: 150px auto;
}
#tmp_sangyo_mainvs .splide__slide:nth-child(2) .mainvs_item .ttl{
    background-image: url(/shared/templates/sangyo_top/images/mainvs_item_ttl02_sp.png);
}
#tmp_sangyo_mainvs .splide__slide:nth-child(3) .mainvs_item .ttl{
    background-image: url(/shared/templates/sangyo_top/images/mainvs_item_ttl03_sp.png);
}
#tmp_sangyo_mainvs .splide__slide:nth-child(4) .mainvs_item .ttl{
    min-width: 152px;
    background-image: url(/shared/templates/sangyo_top/images/mainvs_item_ttl04_sp.png);
    background-size: 152px auto;
}
#tmp_sangyo_mainvs .splide__slide:nth-child(5) .mainvs_item .ttl{
    background-image: url(/shared/templates/sangyo_top/images/mainvs_item_ttl05_sp.png);
}
#tmp_sangyo_mainvs .splide__slide:nth-child(6) .mainvs_item .ttl{
    min-width: 152px;
    background-image: url(/shared/templates/sangyo_top/images/mainvs_item_ttl06_sp.png);
    background-size: 152px auto;
}
#tmp_sangyo_mainvs .mainvs_item .link{
    display: block;
    align-self: normal;
    padding-right: 10px;
}
#tmp_sangyo_mainvs .mainvs_item .link > a{
    background-position: left 7px;
}
#tmp_sangyo_mainvs .splide__controls{
    padding-left: 10px;
    padding-right: 10px;
}
#tmp_sangyo_mainvs .splide .splide__track {
    margin-bottom: 20px;
}
/* Reset Hover */
#tmp_sangyo_mainvs .mainvs_item .link > a:hover,
#tmp_recommend_splide .recommend_item > a:hover > span.txt{
    text-decoration: none;
}
#tmp_recommend_splide .recommend_item > a:hover img{
    opacity: 1;
}
/* business info style
================================================== */
.sec_business .business_wrapper{
    padding: 53px 10px 60px;
}
.sec_business .business_wrapper:before{
    content: none;
}
.sec_business .business_btns{
    position: relative;
	flex-direction: column;
	align-items: center;
	gap: 20px 0;
	padding-left: 35px;
	padding-right: 35px;
    z-index: 1;
}
.sec_business .business_btns:after{
    content: '';
    position: absolute;
    top: -22px;
    right: -12px;
    background: transparent url(/shared/templates/sangyo_top/images/pattern_symbol_rgt_sp.png) no-repeat;
    background-size: 100% auto;
	width: 212px;
    height: 257px;
    z-index: -1;
}
.sec_business .business_btns li{
    display: block;
    width: 100%;
    max-width: 322px;
}
.sec_business .business_btns a{
    padding: 20px 56px 17px 35px;
    background-image: url(/shared/site_sangyo/images/icon/box_pattern_rgt_sp.png), url(/shared/site_sangyo/images/icon/arrow_link.png);;
    background-position: right top, 15px center;
	background-size: 70px auto, 9px auto;
}
.sec_business .business_btns a:hover{
    text-decoration: none;
}

/* blog style
================================================== */
.sec_blogs .container{
    padding-left: 0;
    padding-right: 0;
}
.sec_blogs .blog{
	flex-direction: column;
	padding: 54px 25px 0;
    overflow: hidden;
}
.sec_blogs .blog:after{
    content: none;
}
.sec_blogs .blog_intro{
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
}
.sec_blogs .blog_intro:after{
    content: '';
    position: absolute;
    top: -54px;
    bottom: -160px;
    left: -30px;
    right: -30px;
    background-color: #f0f5f2;
    color: #222222;
    z-index: -1;
}
.sec_blogs .sec_heading {
    margin-bottom: 31px;
}
.sec_blogs .heading_text{
	text-align: left;
}
.sec_blogs .blog_img{
	margin-right: 0;
	max-width: 100%;
	text-align: center;
}
.sec_blogs .blog_img img{
    width: auto;
    max-height: 210px;
}
.sec_blogs .blog .btn_arrow{
	margin: 0 12px 0 11px;
}

/* odd */
.sec_blogs .blog:nth-child(2){
	margin-top: 60px;
    overflow: visible;
}
.sec_blogs .blog:nth-child(2):before{
    top: -201px;
    left: 6px;
	background-image: url(/shared/templates/sangyo_top/images/pattern_symbol_lft_sp.png);
	width: 212px;
	height: 257px;
}
.sec_blogs .blog#tmp_pickup2{
    flex-direction: column;
}
.sec_blogs .blog#tmp_pickup2 .blog_intro:after{
    bottom: -116px;
}
.sec_blogs .blog#tmp_pickup2 .blog_img{
	margin-left: 0;
}

/* news style
================================================== */
.sec_news{
	padding: 54px 0 195px;
    min-height: 515px;
}
.sec_news:before{
    background-image: url(/shared/templates/sangyo_top/images/news_bgr_sp.png);
    height: 100%;
}
.sec_news .container{
	padding-left: 8px;
	padding-right: 8px;
}
.news_wrapper .sec_title {
    margin-bottom: 25px;
}
.news_wrapper .news_links{
	margin-bottom: 35px;
	padding: 8px 16px 29px;
	box-shadow: 5px 5px 0 0 #479d7d;
}
.news_wrapper .news_links .item{
    flex-direction: column;
	gap: 6px 0;
	padding-bottom: 19px;
	line-height: 1.5;
}
.news_wrapper .news_links .item_date{
    padding-right: 0;
    width: 100%;
}
.news_wrapper .news_links a:hover{
    text-decoration: none;
}
.news_wrapper .btn_arrow{
    margin-top: 35px;
}
.news_wrapper .btn_arrow a{
	padding-left: 73px;
	padding-right: 16px;
	width: 270px;
}
.news_wrapper .btn_arrow a:before{
	left: 54px;
}
.news_wrapper .news_links .item:first-of-type{
    padding-bottom: 20px;
}
/* recommend style
================================================== */
.sec_recommend{
    margin-top: 0;
    margin-bottom: 38px;
}
.sec_recommend .container{
    padding: 0 25px;
}
.sec_recommend .sec_heading{
    margin-bottom: 4px;
}
#tmp_recommend_splide .recommend_item > a > span.img {
    margin-bottom: 17px;
}
#tmp_recommend_splide.splide_common .splide__track{
    margin-bottom: 14px;
}
#tmp_recommend_splide.splide_common .splide__controls {
    margin: 0 -5px;
    padding-bottom: 29px;
}
#tmp_recommend_splide.splide_common .splide__progress p.progress_current {
    min-width: 19px;
}
#tmp_recommend_splide.splide_common .splide__progress .progress_total {
    padding-left: 15px;
}
#tmp_recommend_splide.splide_common .splide__progress .progress_total:before {
    left: 7px;
}
#tmp_recommend_splide .recommend_item > a > span.txt{
    background-position: left 8px;
    padding-left: 19px;
}
#tmp_recommend_splide.splide_common .splide__arrow--prev {
    background-image: url(/shared/site_sangyo/images/icon/green_prev_icon_sp.png);
}
#tmp_recommend_splide.splide_common .splide__arrow--next {
    background-image: url(/shared/site_sangyo/images/icon/green_next_icon_sp.png);
}
/* accessibility style
================================================== */
/* color */
.color_black #tmp_wrapper .sec_business .business_btns:after,
.color_blue #tmp_wrapper .sec_business .business_btns:after,
.color_yellow #tmp_wrapper .sec_business .business_btns:after{
    content: none;
}
.color_black #tmp_wrapper .sec_blogs .blog_img,
.color_blue #tmp_wrapper .sec_blogs .blog_img,
.color_yellow #tmp_wrapper .sec_blogs .blog_img,
.color_black #tmp_wrapper .sec_blogs .blog_img *,
.color_blue #tmp_wrapper .sec_blogs .blog_img *,
.color_yellow #tmp_wrapper .sec_blogs .blog_img *{
	background-color: transparent !important;
}
.color_black #tmp_wrapper .sec_blogs .blog_intro:after,
.color_blue #tmp_wrapper .sec_blogs .blog_intro:after,
.color_yellow #tmp_wrapper .sec_blogs .blog_intro:after{
    background-color: transparent;
    border: 2px solid;
}
.color_black #tmp_wrapper .sec_blogs .blog_intro:after,
.color_blue #tmp_wrapper .sec_blogs .blog_intro:after{
    border-color: #ffff00;
}
.color_yellow #tmp_wrapper .sec_blogs .blog_intro:after{
    border-color: #000000;
}
.color_black #tmp_wrapper .news_wrapper .news_links,
.color_blue #tmp_wrapper .news_wrapper .news_links{
    box-shadow: 5px 5px 0 0 #ffff00;
}
.color_yellow #tmp_wrapper .news_wrapper .news_links{
    box-shadow: 5px 5px 0 0 #000000;
}
/* fsize */
.fsize_big #tmp_wrapper .news_wrapper .news_links .item_date,
.fsize_big2 #tmp_wrapper .news_wrapper .news_links .item_date{
	width: 100%;
}
.fsize_small #tmp_recommend_splide .recommend_item > a > span.txt {
    min-height: 24px;
}
/* no-js, no-splide */
.no_javascript #tmp_sangyo_mainvs .splide__list{
    max-height: 505px;
}
.no_javascript #tmp_recommend_splide.splide .splide__list,
#tmp_recommend_splide.no-splide .splide__list{
    display: block;
}
#tmp_recommend_splide.no-splide .splide__slide,
.no_javascript #tmp_recommend_splide.splide .splide__slide{
    width: 100%;
}
.no_javascript #tmp_recommend_splide.splide .splide__slide{
    margin-bottom: 15px;
}
}