@charset "UTF-8";

/* ========================================

stop.css
* stop

======================================== */
/* ========================================
  common parts
======================================== */
@media screen and (min-width: 768px) {
 .sp-only {
  display: none !important;
 }
}

@media screen and (max-width: 767px) {
 .pc-only {
  display: none !important;
 }
}
@media screen and (min-width: 768px) {
	.small-tex{font-size: 0.8em;margin-bottom: 1vw;}
}
.content p{
	line-height: 1.8em;
}

section#about-box li a:after{
	content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #626262;
    border-right: 2px solid #626262;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

h4{font-size: 1.15em;line-height: 1.8em;border-bottom: solid 1px #0F0F0F;margin-bottom: 0.8em;width: fit-content;}

@media screen and (min-width: 768px) {
	section#about-box ul{
		width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
	section.procedure-box dt.non{
		border-left: 0px;
	}
section#about-box li{
	margin: 0;
    width : -webkit-calc(25% - 10px) ;
   width : calc(25% - 10px) ;
    font-size: 1.8rem;
    line-height: 1.75;
    color: #093d6e;
    border: 2px solid #093d6e;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 0 16px;
    position: relative;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
	section#about-box li{
		margin: 0 0 0.7em;
		padding-left: 0.8em;
	}
	section#about-box li:not(:last-child){
	margin-right: 0.7em;
	}
	section.procedure-box dl.main-box{
	width:100%;
    min-width: 750px;
    margin: 0 0 3rem;
    display: flex;
    align-items: flex-start;
}
	section.procedure-box dl#main-last-box{
	width:100%;
    min-width: 750px;
    margin: 0 0 5em;
    display: flex;
    align-items: flex-start;
	}
	section.procedure-box dt{
	width: 30%;
    border-left: 1px solid #707070;
    padding: 0.6em 2vw 0.6em 1.04vw;
    box-sizing: border-box;
	font-weight: 600;
	font-size: 1.1em;
	}
	section.procedure-box dd{width: 70%;line-height: 1.8em;}
	section.procedure-box dd img{padding-bottom: 0.4em;}
	section.procedure-box a{font-weight: 600; color:#093d6e; }
	div.sub-box{display: flex; margin-bottom: 1em;}
	div.sub-box div{flex-direction: row-reverse;margin-bottom: 0.5em;}
	div.sub-box div#left_box{margin: 0 1vw 1vw 0;}
	div#description-box dt{padding: 2em 1.5em 3em;font-weight: 600;text-align: center;}
}
section#about-box li a{color: #093d6e ;
}

div#description-box dl{border-top: solid 1px #000000;}

div#description-box dd div{
	text-align: left;
	display: table;
    margin: 0 auto;
	line-height: 1.8em;
}
p#sub_title{
	font-size: 1.1em;font-weight: 600;line-height: 1.2em;
}
@media screen and (max-width: 767px){
	section.procedure-box dl{
		margin-bottom: 2em;
	}
section.procedure-box dt{
    border-left: 1px solid #707070;
    padding: 0.6em 2vw 0.6em 2.5vw;
    box-sizing: border-box;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	margin-bottom: 1em;
	}
	section.procedure-box img{margin-bottom: 0.4em;}
	div.sub-box div#img-box{text-align: center;}
	section.procedure-box dt.non{display: none;}
	div#description-box dt{padding: 1em 0.5em 1.5em;font-weight: 600;text-align: center;}
	div#description-box dt span:after{
	content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #626262;
    border-right: 2px solid #626262;
    position: absolute;
    top: 3.2em;
    left: 50%;
    -webkit-transform: translate(0, -50%) rotate(135deg);
    -ms-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
}
}
@media screen and (min-width: 768px) {
	section#about-box,section#procedure-box,section#procedure-box,section#jpsa-box,section#important-box{
	margin-bottom: 5em;
}
	.c-title1{margin-bottom:1.5rem;font-size: 2.1em;}
	div#description-box dt span:after{
	content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #626262;
    border-right: 2px solid #626262;
    position: absolute;
    top: 4.8em;
    left: 50%;
    -webkit-transform: translate(0, -50%) rotate(135deg);
    -ms-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
}
	div#description-box{display: flex;align-items: flex-start;}
	div#description-box dl{margin-bottom: 5em;width: 45%;position: relative;}
	div#description-box dl#left{margin-right: 3em;}
	div#description-box dd{margin: 0 auto;}
	dl.tel-box{
	background: #dbdbdb;
	padding: 3em 5em ;
	line-height: 1.8em;
	width: 90%;
}
	section#tel-box-summary dl{
	width: 90%;
	margin: 0 auto;
}
	#tel-box-summary dl{padding: 0 5em 1.5em;}
	#tel-box-summary dl#first{padding-top: 3em;}
	#tel-box-summary dl#last{padding-bottom: 3em;}
}
@media screen and (max-width: 767px){

section#about-box li {
    text-align: center;
    display: table;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #093d6e ;
    border: 2px solid #093d6e;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 0 10px;
    position: relative;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	}
	div#description-box dl{margin-bottom: 3em;width: 100%;position: relative;}
	section#about-box li:not(:last-child){margin: 3% auto 0;}
	section#about-box li:last-child{margin: 3% auto 5%;}
section#about-box,section#procedure-box,section#procedure-box,section#jpsa-box,section#important-box{
	margin-bottom: 2rem;
	}
	.c-title1{margin-bottom:1.5rem;line-height: 1.2em;
	}
	dl.tel-box{
	background: #dbdbdb;
	padding: 1.5em 2.5em ;
	line-height: 1.8em;
}
	#tel-box-summary dl{padding: 0 2.5em 1.5em;}
	#tel-box-summary dl#first{padding: 1.5em 2.5em 1.5em;}
	#tel-box-summary dl#last{margin-bottom: 1.5em;}
	.sub-box{margin-bottom: 1.5em;}
	.c-list1 li{margin-bottom: 0.5em;}
}
	

.domain::before {
   content: '@';
}
.mb0{margin: 0 auto;}
.mb40{margin: 0 auto 2.9em;}
p.m2{margin-bottom: 2rem;}

dl.tel-box dt,#tel-box-summary dt{font-weight: 600;}
#tel-box-summary dl{background: #dbdbdb; line-height: 1.8em;}