@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main img {
	width: 100%;
	height: auto
}

/*DT新機能*/
.disnone {display:none!important;}
#overlay2 {
	width: 100%;
	height: 150%;
	position: fixed;
	display: none;
	left: 0;
	overflow: hidden;
	top: -1px;
	background: rgba(0, 0, 0, .7);
	z-index: 1001;
}
/*DT新機能*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {margin: 1% 1% 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #11228c;
	margin: 0 auto 2%;
}
h2 small {
    font-size: 0.5em;
    display: inline-flex;
    align-items: end;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}

/*title*/
.lp-visual {
    width: 100%;
    margin: auto;
	position: relative;
}
.lp-visual .btn01 {
	width: 200px;
	position: absolute;
	left: calc((60% - 200px) / 2);
	bottom: 8px;
}
.lp-visual a img {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.lp-visual a:hover img {
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	opacity:0.00;
}

/*btn*/
.btn01 {
	width: 100%;
	margin: auto;
}
.btn01 a {
	width: 100%;
	display: block;
    color: #FFF;
    background: #ff9326;
    line-height: 2.5;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
}

/*lp-item_wrap*/
.lp-item_wrap li.lp-item {
	width: 100%;
	border: 3px solid #11228c;
	background: #eff8fd;
	margin-bottom: 5%;
}
.lp-item_wrap li.lp-item dt {
	height: 100px;
	background: url(../images/point01.png) no-repeat;
}
.lp-item_wrap li.lp-item:nth-of-type(2) dt {
	background: url(../images/point02.png) no-repeat;
}
.lp-item_wrap li.lp-item dt h2 {padding-top: 25px;}
.lp-item_wrap li.lp-item dd {
	width: 200px;
	background: #FFF;
	margin: 0 auto 5%;
	padding: 20px;
	box-sizing: border-box;
}

/*PRbanner*/
.pr_banner {
	width: 100%;
    margin-bottom: 1%;
}
.pr_banner a img {
    width: 320px;
	height: 60px;
	display: block;
    margin: auto;
}
.pr_banner p {
    text-align: center;
    font-size: 12px;
}

/*DT新機能*/
/*modal*/
div.modal01 {
	position: fixed;
	top: 5%;
	left: 5%;
}
div.modal02 {
	position: fixed;
	top: 0%;
	left: 5%;
	transform: scale(0.9);
}
div.modal {
	width: 90%;
	margin: 0;
	padding: 0;
	border-radius: 0;
	z-index: 1002;
	background:#FFF
}
div.modal dd:last-child {
	font-size: 14px;
}
div.modal img {
    width: 100%;
    height: auto;
}
div.modal dt {
	background: #2184DA;
	color: #FFF;
	text-align: center;
	line-height: 2;
}
div.modal dl div {padding: 15px 30px;}
div.modal dd h6 {
	position:relative;
	margin-bottom: 15px;
	font-weight: bold;
}
div.modal dd.dis_flex,
div.modal dd.dis_flex div {
	display: flex;
	padding: 5px 25px 5px 0;
}
div.modal dd h6::before {
	font-family: "Material Symbols Rounded";
	line-height: 1;
	content: "\e834";
	position: absolute;
	top: 0;
	left: -24px;
	font-size: 20px;
	font-weight: normal;
}
div.modal hr {
	margin-block-start: 10px;
	margin-block-end: 10px;
	overflow: hidden;
	border-color: #fff;
	display: block;
}
div.modal button.modal-close {
	font-family: "Material Symbols Rounded";
	content:"\e5cd";
	position:absolute;
	top: -25px;
	right: 0px;
	background: #fff;
	border-radius: 50%;
	border: none;
	box-shadow: 0 0 8px 0 rgba(60, 61, 71, 0.16);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*DT新機能*/

}

/*760px以上*/
@media screen and (min-width: 760px),print {
#wrapper {line-height: 1.231;}
.pcnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    width: 100%;
	max-width:1080px;
	min-width:760px;
    margin: 0 auto 5px;
}
h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #11228c;
	margin: 0 auto 2%;
}
h2 small {
    font-size: 0.5em;
    display: inline-flex;
    align-items: end;
}
.inner{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
}

/*title*/
.lp-visual {
    width: 100%;
	position: relative;
}
.lp-visual .btn01 {
	width: 400px;
	position: absolute;
	left: calc((60% - 400px) / 2);
	bottom: 18%;
}
.lp-visual a img {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.lp-visual a:hover img {
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	opacity:0.00;
}

/*btn*/
.btn01 {
	width: 72%;
	margin: auto;
}
.btn01 a {
	width: 100%;
	display: block;
	color: #FFF;
	background: #ff9326;
	line-height: 3;
	font-size: 18px;
	padding: 3px 25px 0;
	text-align: center;
	box-sizing: border-box;
}

/*lp-item_wrap*/
.lp-item_wrap {
	display: flex;
	gap: 2%;
}
.lp-item_wrap li.lp-item {
	width: 100%;
	border: 3px solid #11228c;
	background: #eff8fd;
}
.lp-item_wrap li.lp-item dt {
	height: 100px;
	background: url(../images/point01.png) no-repeat;
}
.lp-item_wrap li.lp-item:nth-of-type(2) dt {
	background: url(../images/point02.png) no-repeat;
}
.lp-item_wrap li.lp-item dt h2 {padding-top: 35px;}
.lp-item_wrap li.lp-item dd {
	width: 200px;
	background: #FFF;
	margin: 5% auto;
	padding: 20px;
	box-sizing: border-box;
}

/*PRbanner*/
.pr_banner a {
    width: 640px;
	height: 120px;
    display: block;
    margin: 0 auto;
}
.pr_banner a img {
	width: 100%;
	height: auto;
}
.pr_banner p {
    text-align: center;
	font-size: 14px;
}

/*DT新機能*/
/*modal*/
div.modal01 {
	position: fixed;
	top: 0px;
	left: calc((100% - 500px) / 2);
	transform: scale(0.8);
}
div.modal02 {
	position: fixed;
	top: -10px;
	left: calc((100% - 740px) / 2);
	transform: scale(0.8);
}

div.modal {
	width: 500px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	z-index: 1002;
	background:#FFF;
	font-size: 16px;
}
div.modal img {
	width: 100%;
	height: auto;
    }
div.modal02 {width: 740px;}
div.modal02 img {
	width: 70%;
	margin: auto;
}
div.modal dt {
	background: #2184DA;
	color: #FFF;
	text-align: center;
	line-height: 2;
}
div.modal dl div {padding: 15px 30px;}
div.modal dd h6 {
	position:relative;
	margin-bottom: 15px;
	font-weight: bold;
}
div.modal dd.dis_flex,
div.modal dd.dis_flex div {
	display: flex;
	padding: 5px 30px 5px 0;
}
div.modal dd h6::before {
	font-family: "Material Symbols Rounded";
	line-height: 1;
	content: "\e834";
	position: absolute;
	top: 2px;
	left: -24px;
	font-size: 20px;
	font-weight: normal;
}
div.modal hr {
	margin-block-start: 10px;
	margin-block-end: 10px;
	overflow: hidden;
	border-color: #fff;
	display: block;
}
div.modal > dl {position:relative;}
div.modal button.modal-close {
	font-family: "Material Symbols Rounded";
	content:"\e5cd";
	position:absolute;
	top: -42px;
	right: 0px;
	background: #fff;
	border-radius: 50%;
	border: none;
	box-shadow: 0 0 8px 0 rgba(60, 61, 71, 0.16);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*DT新機能*/

}