@charset "UTF-8";

.contents-topics .list li a{width: 100%;}
.contents-topics-detail .wrapper{max-width:1120px;margin-right:auto;margin-left:auto;}

h2.simple-title::first-letter{color: inherit;}

.come-title-set p{font-family: serif;}
.come-title-set p span{color: inherit;}

.red_btn,.black_btn{width: auto;max-width: 300px;}
.red_btn a,.black_btn a{width: 100%;height: auto;}

@media screen and (max-width:1080px) {
    .main_title > * {margin-left: calc(-50% + 20px);}
    /** section .wrapper,.contents-topics .wrap{padding-right: 40px;padding-left: 40px;} **/
}

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

    .l-second-base{padding-bottom: 50px;}
    h2.simple-title{font-size: 18px;}

    .red_btn a,.black_btn a{max-width: 280px;margin-right: auto;margin-left: auto;font-size: 14px;}
    .black_btn a.prev{background-position: 29px 17px;}
  
    .contents-topics .wrap{padding: 50px 20px 0;}
    .contents-topics .list li a{padding: 20px 0;}
    .contents-topics .list li a .image{width: 100px;height: 56px;}
    .contents-topics .list li a .text time{font-size: 12px;margin-bottom: 2px;}
    .contents-topics .list li a .text .m-title{font-size: 14px;line-height: 1.3;}

    .contents-topics-detail{padding: 0;}
    .contents-topics-detail .wrap{padding: 25px 20px 45px;}
    .contents-topics-detail .text{font-size: 14px;}
}

.second_about {border-bottom:1px solid #cdcdcd;font-family:serif;}
.second_about .wrapper {padding-bottom:120px;}
.second_about .visual {height:480px;margin-bottom:100px;}
.second_about .visual ul{width:100%;height:100%;position:relative;}
.second_about .visual ul li{position:absolute;width:100%;height:100%;}
.second_about .visual ul li:first-child{z-index:100}
.second_about .visual ul li a,
.second_about .visual ul li span{display:block;width:100%;height:100%;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}

.second_about h2 span{display:block;text-align:center;}
.second_about p {text-align:center;}

.second_biz .box {padding: 40px 0;border-bottom: 1px solid #cdcdcd;}
.second_biz .box:last-child{border-bottom:none;}
.second_biz .box .image{text-align:center;}

.second_biz .box .text .name {margin-bottom: 20px;}
.second_biz .box .text .name p {font-family: serif;font-weight: bold;font-size: 22px;}

.second_biz .box .text .exlain {font-size: 15px;}

.second_biz .box ul {margin-top: 20px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.second_biz .box ul li a {color: #fff;text-decoration: none;display: block;text-align: center;padding: 5px;border-radius: 2px;font-size: 13px;border: 1px solid #333;}

.second_biz .box .tolist a{background: #333;border-color: #333;}
.second_biz .box .more a {background: #777;border-color: #777;}


.second_biz .box .in_box {margin-top: 20px;font-size: 14px;}
.second_biz .box .in_box h4 {display: inline-block;padding: 2px 5px;margin-bottom: 15px;font-size: 12px;border: 1px solid #333;}
.second_biz .box .in_box dl {padding: 0 10px;}
.second_biz .box .in_box dd {padding-bottom: 10px;}


@media screen and (min-width:1081px) {
	
	.contents-topics-detail .wrapper{padding: 120px 20px;}
	
	.second_about .wrapper {padding-bottom:120px;}
	.second_about .visual {margin-bottom:100px;}
	.second_about .visual li .sp{display:none;}
	
	.second_about h2 {margin-bottom:60px;}
	.second_about h2 span{font-size:28px;}
	.second_about p {line-height:2.4;font-size:20px;}
	
	.second_biz .wrapper {padding:120px 0;}
	
	.second_biz .title {width:180px;}
	.second_biz .boxes{width:calc(100% - 260px);}
	
	.second_biz .box {display: flex;}
	.second_biz .box:nth-child(2n){flex-direction: row-reverse;}
	.second_biz .box .image {width: 280px;}
	.second_biz .box .text {width: calc(100% - 320px);}
	.second_biz .box:nth-child(2n) .text{margin-right:40px;}
	.second_biz .box:nth-child(2n+1) .text{margin-left: 40px;}
	
}

@media screen and (max-width:1080px) {
	
	.contents-topics-detail .wrapper{padding: 60px 20px;}
	
	.second_about .wrapper {padding-bottom:90px;}
	.second_about .visual {margin-bottom:60px;}
	
	.second_about .visual{ height:auto;width: 100%;position: relative; }
	.second_about .visual:before{ padding-top: 56.25%;content:"";display: block; }
	.second_about .visual ul{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
	.second_about .visual li .pc{display:none;}
	
	.second_about h2 {margin-bottom:40px;padding:0 20px;}
	.second_about h2 span{font-size:24px;}
	.second_about p {line-height:2;font-size:16px;padding:0 20px;text-align:left;}
	.second_about p br{display:none;}
	
	.second_biz .wrapper {padding:90px 0;}
	.second_biz .boxes{max-width:800px;margin-right:auto;margin-left:auto;}
	.second_biz .box:first-child{padding-top:0;}
	.second_biz .box .image{margin-bottom:30px;}
	.second_biz .box .text{max-width:480px;margin-right:auto;margin-left:auto;}
}

@media screen and (min-width:768px) {
	.second_biz .box ul {gap: 10px;}
	.second_biz .box ul li {width: calc(33.33% - 6.66px);}
	.second_biz .box ul li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.second_biz .box ul li a:hover{color:#333;background-color:#fff;}
}

@media screen and (max-width:767px) {
	.second_biz .box ul {gap: 20px;justify-content: center;max-width:400px;margin-right:auto;margin-left:auto;}
	.second_biz .box ul li {width: calc(50% - 10px);}
	.second_biz .box ul li a{width:180px;margin:0 auto;}
	
	.second_about .visual:before{ padding-top:66.66%;}

}