@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.soudan-sec .inr1 {margin:90px 0 0 0; position:relative;}
.soudan-sec .inr1 .img {width:100%; height:656px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.soudan-sec .inr1 .ctx {width:650px; padding:30px 40px; box-sizing:border-box; position:absolute; bottom:0; right:0;}
.soudan-sec .inr1a .img {background-image:url(../img/soudan/img_01.jpg);}
.soudan-sec .inr1a .ctx {background-color:rgba(129,59,189,0.9);}
.soudan-sec .inr1b .img {background-image:url(../img/soudan/img_02.jpg);}
.soudan-sec .inr1b .ctx {background-color:rgba(196,135,39,0.9);}
.soudan-sec .inr2 {padding:60px 0 70px 0; background:url(../img/common/bg_01.jpg) repeat center center;}
.soudan-sec .inr3 {padding:80px 0 0 0;}
.soudan-sec .clm1 {margin:40px 0 0 0; display:flex; justify-content:space-between;}
.soudan-sec .clm1 > div:nth-of-type(1) {width:48%;}
.soudan-sec .clm1 > div:nth-of-type(2) {width:48.5%;}
.soudan-sec .clm1 .img img {border-radius:10px;}
.soudan-sec .txt1 {text-align:center;}
.soudan-sec .txt1 dt {font-size:3.4rem; font-weight:500; color:#563b10;}
.soudan-sec .txt1 dt + dd {margin-top:30px;}
.soudan-sec .txt1 dd {font-size:1.8rem; font-weight:500; color:#000; margin:25px 0 0 0;}
.soudan-sec .txt2 {text-align:left; color:#fff;}
.soudan-sec .txt2 dt {font-size:2.2rem; font-weight:500; margin:0 -40px 0 0; padding:0 40px 20px 0; border-bottom:solid 3px #fff;}
.soudan-sec .txt2 dt span {font-size:227%; line-height:1; margin:10px 0 0 0; display:block;}
.soudan-sec .txt2 dd {font-size:1.8rem; font-weight:500; margin:15px 0 0 0;}
.soudan-sec .txt3 {font-size:4.0rem; font-weight:500; text-align:center; color:#000;}
.soudan-sec .txt3 span {max-width:716px; margin:0 auto; padding:0 0 10px 0; border-bottom:solid 5px #000; display:block;}
.soudan-sec .txt4 {max-width:716px; margin:40px auto 0 auto;}
.soudan-sec .txt4 > li {width:100%; height:80px; font-size:2.6rem; font-weight:700; line-height:1.2; text-align:center; color:#92734d; margin:25px 0 0 0; padding:0 10px; background-color:#fff; border:solid 1px #92734d; border-radius:10px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.soudan-sec .txt4 > li:first-of-type {margin-top:0;}
.soudan-sec .txt5 {font-size:1.8rem; font-weight:500; line-height:1.9; text-align:left; color:#000;}
.soudan-sec .txt5 strong {font-size:133%; font-weight:500; color:#92734d; margin:15px 0 0 0; display:block;}

@media screen and (max-width:767px){
	.soudan-sec .inr1 {margin:30px 0 0 0;}
	.soudan-sec .inr1 .img {height:320px;}
	.soudan-sec .inr1 .ctx {width:90.0vw; padding:15px 20px;}
	.soudan-sec .inr2 {padding:30px 0; background-size:720px auto;}
	.soudan-sec .inr3 {padding:30px 0 0 0;}
	.soudan-sec .clm1 {margin:20px 0 0 0; display:block;}
	.soudan-sec .clm1 > div:nth-of-type(1) {width:auto;}
	.soudan-sec .clm1 > div:nth-of-type(2) {width:auto; margin:20px 0 0 0;}
	.soudan-sec .txt1 dt {font-size:2.2rem;}
	.soudan-sec .txt1 dt + dd {margin-top:20px;}
	.soudan-sec .txt1 dd {font-size:1.6rem; margin:15px 0 0 0;}
	.soudan-sec .txt2 dt {font-size:1.4rem; margin:0 -20px 0 0; padding:0 20px 10px 0;}
	.soudan-sec .txt2 dt span {font-size:200%; margin:5px 0 0 0; display:block;}
	.soudan-sec .txt2 dd {font-size:1.6rem; margin:10px 0 0 0;}
	.soudan-sec .txt3 {font-size:2.0rem;}
	.soudan-sec .txt3 span {border-bottom:solid 3px #000;}
	.soudan-sec .txt4 {margin:20px auto 0 auto;}
	.soudan-sec .txt4 > li {height:60px; font-size:1.6rem; margin:15px 0 0 0; padding:0 5px;}
	.soudan-sec .txt4 > li:first-of-type {margin-top:0;}
	.soudan-sec .txt5 {font-size:1.6rem;}
	.soudan-sec .txt5 strong {font-size:120%; margin:10px 0 0 0;}
}