@charset "UTF-8";

.title {display: inline-block;font-size: 40px; text-align: center; width: 100%; font-weight: bold; margin-top: -30px;}
.title:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.box {display: inline-block;border: 1px #efefef solid; border-radius: 10px; padding: 50px;min-height: 800px;width: 100%; margin-top: 40px;margin-bottom: 30px; box-shadow: 2px 2px 10px #e4e4e4; background-color: #ffffff;}

.pdt_style_01 {display: inline-block;padding: 30px;border: 1px #cccccc solid;}
.pdt_style_01 figure {float: left; width: 30%;text-align: center;}
.pdt_style_01 .text_wrap {float: left; width: 68%;line-height: 200%;}
.hh3 {font-size: 26px;display: block;margin-top: 20px;margin-bottom: 10px;padding: 5px 10px 5px 0; }
h4 {font-size: 20px; font-weight: 600;margin-top: 10px; color: #222222;margin-bottom: 10px;}
.text_wrap h4 {font-size: 20px;line-height: 200%;}
.webHddn {display: none;}
.tble {width: 100%;}
.tble thead th {text-align: center; color: #000000;padding: 5px 10px;border-bottom: 1px #999999 solid;border-top: 2px #468aff solid; background-color: #e7f0fe;border-left: 1px #cccccc solid;}
.tble tbody th {text-align: left; color: #000000;padding: 5px 10px;border-bottom: 1px #cccccc solid;background-color: #efefef;}
.tble td { color: #666666;padding: 5px 10px; border-bottom: 1px #cccccc solid;border-left: 1px #cccccc solid;}
.tblecntr thead th {text-align: center; color: #000000;padding: 5px 10px;border-bottom: 1px #999999 solid;border-top: 2px #468aff solid; background-color: #e7f0fe;border-left: 1px #cccccc solid;}
.tblecntr tbody th {text-align: left; color: #000000;padding: 5px 10px;border-bottom: 1px #cccccc solid;background-color: #efefef;}
.tblecntr td {text-align: center; color: #666666;padding: 5px 10px; border-bottom: 1px #cccccc solid;border-left: 1px #cccccc solid;}
.xi-x {font-size: 27px !important;margin-right: 10px;}
.xi-y {font-size: 20px !important;margin-right: 7px;}
.txt02 {padding-left: 35px;display: inline-block; width: 100%;}
.strikee {font-weight: 500 !important; color: #000000 !important;}
.sbtt {display: inline-block; width: 100%; border-bottom: 1px #666666 solid; padding: 0; margin: 0; }
.prevMenu {display: inline-block; margin-right: 10px;padding: 5px !important;color: #4199f6;font-size: 28px; border: 1px #ffffff solid;}
.prevMenu:hover {border: 1px #468aff dotted;border-radius: 5px;}
.nextMenu {display: inline-block; margin-left: 10px;padding: 5px !important;color: #4199f6;font-size: 28px; border: 1px #ffffff solid;}
.nextMenu:hover {border: 1px #468aff dotted;border-radius: 5px;}
@media screen and (max-width:1030px) {
    .box {border: 0px; border-radius: 0px; padding: 0px;width: 100%; box-shadow: 0 0 0; }
	.title {font-size: 30px;}
	.mobHddn {display: none;}
	.webHddn {display: block;}
	.pdt_style_01 figure {width: 100%;}
	.pdt_style_01 .text_wrap {width: 100%;}
	.txt02 {padding-left: 0px;}
}

@media screen and (max-width:768px) {
	.box {border: 0px; border-radius: 0px; padding: 0px;width: 100%; box-shadow: 0 0 0; }
	.title {font-size: 30px;}
	.mobHddn {display: none;}
	.webHddn {display: block;}
	.pdt_style_01 figure {width: 100%;}
	.pdt_style_01 .text_wrap {width: 100%;}
	.txt02 {padding-left: 0px;}
}