@charset "utf-8";

footer{text-align: center; margin: 3em 0px; padding-top: 3em; border-top:1px solid #eee}
#intro{display: flex; margin:max(3%, 50px) auto; padding-bottom: 10px; width: 92%; max-width: 1720px; justify-content: space-between; ; background:url(/culture/gajwa/img/temp/bg_txt.png) no-repeat right 7% bottom 0px}
#intro .img{position: relative; flex:0 0 67%; max-width: 1150px;  line-height: 0; }
#intro .img:before{display: block; content: ''; position: absolute; right: -9.5%; bottom: -5%; width: 168px; height: 271px; background:url(/culture/gajwa/img/temp/bg.png) no-repeat center center/cover}
#intro .img:after{display: block; content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background:url(/culture/gajwa/img/temp/imgLine.png) no-repeat top left/cover}
#intro .img img{border-radius:0px 4em 4em 4em; width: 100%; height: 100%; object-fit:cover}
#intro .con{flex:0 0 29%; display: flex; flex-direction: column; gap:1em; padding-top: 4em; }
#intro .con *{text-align: right;}
#intro .con .txt03{margin-top: 1.5em; font-size: 1.125em;}
#intro .con .txt03 .wfont{font-weight: 700;}

.wrap{margin: auto; width: 90%; max-width:1020px}
h2{position: relative; text-align: center; margin: max(1.4em, 1.4vw) auto max(1em, 1vw); width: 98%; max-width: 1720px; font-size:max(2em, 2.5vw); color: #111; letter-spacing: -1px; color: #888; }
h2:before{display: block; content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; height: 3px; background: linear-gradient(90deg, #E5BCA3 0%, #9191DF 100%); z-index: -2;}
h2 span{position: relative; background:  linear-gradient(90deg, #E5BCA3 0%, #9191DF 100%);
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h2 span:before{display: block; content: ''; background: #fff; position: absolute; left: -1em; right: -1em; top: 0px; bottom: 0px; z-index: -1;}
h4{position: relative; margin: max(2em, 1.5vw) auto 20px; padding-left: 1.4em; font-size: 1.5em; letter-spacing: -1px; color:#333}
h4:before{display: block; content: ''; position: absolute; left: -5px; top: .1em; width: 1.3em; height: 1.3em; background:url(/culture/gajwa/img/temp/bl.png) no-repeat center center/cover}
.bl04{font-size: 1em; margin-left: 1.8%;}
.bl04>li{position: relative; margin-top: .3em; padding-left: 1em; font-size: 1em;}
.bl04>li:before{display: block; content: ''; width: .6em; height: 1px; background: #666; position: absolute; left: 0px; top: .7em;}
.data{width: 100%;}
.data thead{background: linear-gradient(90deg, #5B92DA 0%, #8751C4 100%); color: #fff; border-radius: 10px; overflow:hidden}
.data thead th {padding:15px max(2%, 5px); font-weight: 600; color: #fff}
.data thead th+th{border-left:1px solid rgba(0,0,0,.2)}
.data tbody th,
.data tbody td{padding:13px max(2%, 5px); font-size: .95em; border-bottom:1px solid #ddd}
.data td+td, .data th+td{border-left:1px solid #ddd}
.data tbody th{font-weight: 500;}
.data .tfoot{background: #f0f0f0}
.data .tfoot td{padding: 15px max(2%, 10px); border-color:#ccc}

.summaryBox{display: flex; flex-wrap: wrap; gap:10px}
.summaryBox>dl{flex:1; padding:max(3%, 20px) max(3%, 20px); border:6px solid #eee; border-radius: 8px;}
.summaryBox>dl:nth-child(1){border-color: #EFF3F9;}
.summaryBox>dl:nth-child(2){border-color: #FBF2F2;}
.summaryBox>dl:nth-child(3){border-color: #F9F1EB;}
.summaryBox>dl:before{display: block; content: ''; margin: 0px auto 1em; width: 10vw; max-width: 64px; height: 10vw; max-height: 64px; background: url(/culture/gajwa/img/temp/ic01.png) no-repeat center center/cover}
.summaryBox>dl:nth-child(2):before{background-image: url(/culture/gajwa/img/temp/ic02.png);}
.summaryBox>dl:nth-child(3):before{background-image: url(/culture/gajwa/img/temp/ic03.png)}
.summaryBox>dl dt{text-align: center; font-weight: 600; font-size: 1.06em; margin-bottom: 1em;}
.summaryBox>dl dd{font-size: .9em;}

.boxList{display: flex; gap:10px}
.boxList>li{display: flex; flex-direction: column; flex:1; padding:max(4%, 20px) max(3%, 20px); background: #f5f5f5; }
.boxList>li p.fxg{flex-grow:1; margin-bottom:20px}
.btn_congo{padding:3px 1em; font-size: .8em; border:1px solid #333; border-radius:50px; line-height: 100%;}

/*******************************************************************************************************************/

@media screen and (min-width:861px){
	.dp_mb{display: none !important;}
}

@media screen and (max-width:860px){
	.dp_pc{display: none;}
	#intro{flex-direction: column}
	#intro .img{margin-top: 2em;}
	#intro .img:before{right: 0px; transform:scale(.6); transform-origin:right bottom}
	#intro .img img{border-radius:0px 4em 4em 4em; width: 100%; height: 100%; object-fit:cover}
	#intro .con{margin-top: min(50px, 5vw); padding:0px 5% ; gap:5px}
	#intro .con *{text-align: center;}
	#intro .con .txt01{width: 70%; max-width: 400px}
	#intro .con .txt03{font-size: 1em;}
	.summaryBox{flex-direction: column;}
}