@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////
	COMMON
//////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////// */
.grecaptcha-badge{display:none !important;}
.block.second, .block.fourth{
	background-color:#f7f7f7;
}

.txtIdt1{
	text-indent:-1em;
	padding-left:1em;
}
.txtIdt3{
	text-indent:-3em;
	padding-left:3em;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////
	SP
//////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////// */

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

	/* ================================= */
	.block.first{
		padding-bottom:0;
	}
	.block.first > .inner > h2{
		font-size:120%;
		font-weight:500;
	}
	.block.first > .inner .leadTxt{
		margin-top:5px;
		font-size:100%;
		line-height:1.4;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox{
		margin-top:15%;
	}
	.block.first > .inner .ppBox > h3{
		padding:0 5px 10px 5px;
		font-size:130%;
		font-weight:600;
		line-height:1.3;
		border-bottom:1px solid #c11600;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox .ppMeta{
		margin-top:15px;
		padding:0 5px;
		text-align:right;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p{
		font-size:90%;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p:last-child{
		margin-top:5px;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p .cap{
		display:inline-block;
		margin-right:0.5em;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p .em2{
		display:inline-block;
		width:1.2em;
	}

	.block.first > .inner .ppBox .ppMeta .signature{
		margin-top:10px;
	}
	.block.first > .inner .ppBox .ppMeta .signature > p:first-child{
		font-size:95%;
	}
	.block.first > .inner .ppBox .ppMeta .signature > p:last-child{
		font-size:80%;
		margin-top:3px;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox > h3{
		margin-top:15%;
		padding:0 5px 10px 5px;
		font-size:130%;
		font-weight:600;
		border-bottom:1px solid #c11600;
	}
	.block.first > .inner .ppBox > p{
		font-size:100%;
		line-height:1.4;
	}
	.block.first > .inner .ppBox >  h3 + p{
		margin-top:30px;
	}
	.block.first > .inner .ppBox dl dt{
		margin-top:10%;
		font-size:120%;
		line-height:1.3;
		padding-left:1.1em;
		text-indent:-1.1em;
	}
	.block.first > .inner .ppBox dl dd{
		margin-top:5px;
	}
	.block.first > .inner .ppBox dl dd > p{
		font-size:100%;
		line-height:1.4;
	}
	.block.first > .inner .ppBox dl dd ol li,
	.block.first > .inner .ppBox > ol li{
		list-style-type:decimal;
		margin:2% 0 0 1.3em;
		padding-left:5px;
		font-size:100%;
		line-height:1.3;
	}
	.block.first > .inner .ppBox dl dd a{
		color:#c11600;
		text-decoration:underline;
	}
	.block.first > .inner .ppBox dl.dm_mail{
		padding-left:1em;
		margin-top:20px;
	}
	.block.first > .inner .ppBox dl.dm_mail > dt:first-child{
		margin-top:0;
	}

	.block.first > .inner .ppBox dl dd .ddInner .cap{
		margin-top:8%;
		font-weight:500;
		font-size:110%;
		line-height:1.4;
	}
	.block.first > .inner .ppBox dl dd .ddInner .desc{
		margin-top:3%;
		font-size:100%;
		line-height:1.4;
	}

	.block.first > .inner .ppBox dl dd li .linksBox a{
		display:block;
		margin-top:2%;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox .mnBtn{
		display:flex;
		align-items:center;
		justify-content:center;
		width:70%;
		max-width:260px;
		margin:10% auto 0;
		padding:4% 0;
		color:#333333;
		font-size:3.6vw;
		font-weight:500;
		text-align:center;
		border:1px solid #333333;
		background-color:#ffffff;
	}
	.block.first > .inner .ppBox .mnBtn > span{
		display:inline-block;
		padding-right:5px;
	}
	.block.first > .inner .ppBox .mnBtn > i{
		font-size:4vw;
		transform:translateY(7%);
	}

	/* ---------------------- */
	.block.first > .inner .ppBox > h4{
		margin-top:5%;
		font-size:120%;
		font-weight:500;
	}
	.block.first > .inner .ppBox > h4 + p{
		margin-top:3%;
	}
	.block.first > .inner .ppBox > h4 + p,
	.block.first > .inner .ppBox > h4 + p + p{
		padding-left:1em;
	}
	.block.first > .inner .ppBox > h4 + p + p{
		margin-top:2%;
	}

	/* ---------------------- */
	.block.first > .inner .contactInfo{
		margin-top:6%;
		padding:0 5px;
	}

	/* ---------------------- */
	.block.first > .inner .contactInfo .topBox > p{
		font-size:100%;
		margin-top:2.5%;
		line-height:1.3;
	}
	.block.first > .inner .contactInfo .topBox > p:first-child{
		margin-top:0px;
	}
	.block.first > .inner .contactInfo .topBox > p span{
		font-weight:bold;
	}

	/* ---------------------- */
	.block.first > .inner .contactInfo .btmBox > div{
		width:100%;
		margin-top:10%;
	}
	.block.first > .inner .contactInfo .btmBox > div h5{
		font-size:120%;
		font-weight:500;
		margin-bottom:3%;
		line-height:1.4;
	}
	.block.first > .inner .contactInfo .btmBox .leftBox .imgBox{
		width:25%;
		max-width:100px;
		margin:10px 0 0 5px;
	}
	.block.first > .inner .contactInfo .btmBox .rightBox > p{
		margin-top:10px;
		line-height:1.4;
	}
	.block.first > .inner .contactInfo .btmBox .rightBox > p:nth-child(2){
		margin-top:0;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox > .spMrg{
		margin-top:10%;
	}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////
	PC
//////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){

	/* ================================= */
	.block.first > .inner{
		width:1000px;
	}
	.block.first > .inner > h2{
		font-size:180%;
		font-weight:500;
	}
	.block.first > .inner .leadTxt{
		margin-top:10px;
		font-size:120%;
		line-height:1.7;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox .ppMeta{
		margin-top:30px;
		padding:0 5px;
		text-align:right;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p{
		font-size:95%;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p:last-child{
		margin-top:5px;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p .cap{
		display:inline-block;
		margin-right:0.5em;
	}
	.block.first > .inner .ppBox .ppMeta .dateBox > p .em2{
		display:inline-block;
		width:1.2em;
	}

	.block.first > .inner .ppBox .ppMeta .signature{
		margin-top:10px;
	}
	.block.first > .inner .ppBox .ppMeta .signature > p:first-child{
		font-size:95%;
	}
	.block.first > .inner .ppBox .ppMeta .signature > p:last-child{
		font-size:80%;
		margin-top:7px;
		line-height:1.3;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox > h3{
		margin-top:60px;
		padding:0 5px 10px 5px;
		font-size:150%;
		font-weight:600;
		border-bottom:1px solid #c11600;
	}
	.block.first > .inner .ppBox > p{
		font-size:110%;
		line-height:1.6;
	}
	.block.first > .inner .ppBox >  h3 + p{
		margin-top:30px;
	}
	.block.first > .inner .ppBox dl dt > p{
		margin-top:40px;
		font-size:140%;
		font-weight:500;
	}
	.block.first > .inner .ppBox dl dd{
		margin-top:10px;
	}
	.block.first > .inner .ppBox dl dd > p{
		font-size:110%;
		line-height:1.6;
		margin-top:20px;
	}
	.block.first > .inner .ppBox dl dd > p:first-child{
		margin-top:0;
	}
	.block.first > .inner .ppBox > ol{
		margin-top:50px;
	}
	.block.first > .inner .ppBox dl dd ol li,
	.block.first > .inner .ppBox > ol li{
		list-style-type:decimal;
		margin:10px 0 0 1.3em;
		padding-left:5px;
		font-size:110%;
		line-height:1.3;
	}
	.block.first > .inner .ppBox dl dd ol li > p{
		line-height:1.6;
	}
	.block.first > .inner .ppBox dl dd a{
		color:#c11600;
		border-bottom:1px solid #ffffff;
		transition: all 0.3s ease;
	}
	.block.first > .inner .ppBox dl dd a:hover{
		border-bottom:1px solid #c11600;
	}
	.block.first > .inner .ppBox dl.dm_mail{
		padding-left:1em;
		margin-top:20px;
	}
	.block.first > .inner .ppBox dl.dm_mail > dt:first-child{
		margin-top:0;
	}

	.block.first > .inner .ppBox dl dd .ddInner .cap{
		margin-top:20px;
		font-weight:500;
		font-size:120%;
	}
	.block.first > .inner .ppBox dl dd .ddInner .desc{
		margin-top:5px;
		font-size:110%;
		line-height:1.6;
	}

	/* ---------------------- */
	.block.first > .inner .ppBox .mnBtn{
		display:flex;
		align-items:center;
		justify-content:center;
		width:350px;
		margin:40px auto 0;
		padding:12px 0;
		color:#333333;
		font-size:110%;
		font-weight:500;
		text-align:center;
		border:1px solid #333333;
		background-color:#ffffff;
	}
	.block.first > .inner .ppBox .mnBtn > span{
		display:inline-block;
		padding-right:5px;
	}
	
	/* ---------------------- */
	.block.first > .inner .ppBox > h4{
		margin-top:40px;
		font-size:140%;
		font-weight:500;
	}
	.block.first > .inner .ppBox > h4 + p{
		margin-top:10px;
	}
	.block.first > .inner .ppBox > h4 + p,
	.block.first > .inner .ppBox > h4 + p + p{
		padding-left:1em;
	}
	.block.first > .inner .ppBox > h4 + p + p{
		margin-top:15px;
	}

	/* ---------------------- */
	.block.first > .inner .contactInfo{
		margin-top:30px;
		padding:0 5px;
	}

	/* ---------------------- */
	.block.first > .inner .contactInfo .topBox > p{
		font-size:110%;
		margin-top:10px;
	}
	.block.first > .inner .contactInfo .topBox > p:first-child{
		margin-top:0px;
		line-height:1.4;
	}
	.block.first > .inner .contactInfo .topBox > p:first-child span{
		font-weight:bold;
	}

	/* ---------------------- */
	.block.first > .inner .contactInfo .btmBox{
		display:flex;
		flex-wrap:wrap;
		margin-top:50px;
	}
	.block.first > .inner .contactInfo .btmBox .leftBox{
		width:58%;
		margin-right:4%;
	}
	.block.first > .inner .contactInfo .btmBox .rightBox{
		width:38%;
	}

	.block.first > .inner .contactInfo .btmBox > div:last-child{
		margin-right:0;
	}
	.block.first > .inner .contactInfo .btmBox > div h5{
		font-size:130%;
		font-weight:500;
		margin-bottom:15px;
	}
	.block.first > .inner .contactInfo .btmBox .leftBox .imgBox{
		width:80px;
		margin:10px 0 0 5px;
	}
	.block.first > .inner .contactInfo .btmBox .rightBox > p{
		margin-top:10px;
		line-height:1.3;
	}
	.block.first > .inner .contactInfo .btmBox .rightBox > p:nth-child(2){
		margin-top:0;
	}
	.block.first > .inner .contactInfo .btmBox .rightBox > p.txtIdt{
		text-indent:-0.5em;
		padding-left:0.5em;
	}

}