@charset "utf-8";

/* common.css 
---------------------------------------------*/

.lh12 { line-height: 1.2 ; }
.lh14 { line-height: 1.4 ; }
.lh16 { line-height: 1.6 ; }
.lh18 { line-height: 1.8 ; }
.lh20 { line-height: 2.0 ; }

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }

.pl20{ 	padding-left: 20px; }

.underline{ text-decoration: underline; }

.taC{	text-align: center; }
.taL{	text-align: left; }
.taR{	text-align: right; }

.fwB{	font-weight: 700; }

.indent1em{
	text-indent: -1em;
	padding-left: 1em;
}

.taC img{
	margin: 0 auto;
}

/* common.css END
---------------------------------------------*/

.p-single__content a{
	color: #065fd4;
	text-decoration: underline;
	word-break: break-all;
	line-height: 1.5;
}

.blank {
	text-align: center;
	margin-top: 15px;
  padding-bottom: 25px;
}

.tableStyle01 {
	width: calc( 100% - 40px );
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin-left: 20px;
	margin-bottom: 5px;
}
.tableStyle01 th{
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
	color: #FFF;
	background-color: #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px;
}
.tableStyle01.style01 tr th {
	color: #333;
	background-color: #CCC;
}
.tableStyle01 tr td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	vertical-align: middle;
}
.tableStyle01 tr td:first-of-type,
.tableStyle01 tr td:nth-of-type(2) {
	text-align: left;
}

/*start リニューアル用の表*/
.p-single__table tr:not(:first-of-type){
  border-bottom: 1px solid #c7cad5;
 }
.p-single__table tr th,
.p-single__table tr td{
	vertical-align: middle;
}
.neut{
     margin-top: 0px;
 }
/*finish リニューアル用の表*/

.borderBox{
	border: 1px solid #999;
	padding: 10px;
	margin: 10px 20px 20px;
	position: relative;
}
.borderBox:after{
	content: '';
	display: block;
	clear: both;
}
.borderBox ul{
	line-height: 1.4em;
}
.borderBox ul.indent li{
	text-indent: -1.2em;
	padding-left: 1.6em;
	margin-bottom: 0.8em;
}
.borderBox ul.indent2 li{
	text-indent: -1.0em;
	padding-left: 1.5em;
}
.borderBox ul.small{
  margin-top: 20px;
  }
.borderBox ul.small li{
  font-size: 0.8em;
	text-indent: -2em;
	padding-left: 2.4em;
}
  
.borderBox p{
	line-height: 1.6em;
	margin-bottom: 0.8em;
}
.borderBox .att{
  text-indent: -1em; 
  padding-left: 1em;
}
.borderBox .att li{
  margin-bottom: 0;
  font-size: smaller;
  line-height: 1.2em;
}

.strong{
	font-weight: bold;
	color: #e6960b;
}

.linkbox{
  border: 3px double #909090;
  margin: 30px auto 20px;
  padding: 20px;
}
.linkbox a{
  text-decoration: none;
}
.linkbox a:hover img{
  opacity: 0.8;
}  

.roundBox{
  border:1px double #909090;
  border-radius: 10px;
  margin: 30px auto 20px;
  padding: 10px;
}
.roundBox a{
  display: block;
  text-decoration: none;
}
.roundBox a:hover{
  opacity: 0.8;
}

/*start リニューアル用の注意書き*/
p.annotation {
      font-size: 14px;
      text-indent: -1em;
      padding-left: 1em;
      margin-top: 0;
}
@media screen and (max-width: 767px){
p.annotation {
	font-size: 13px;
}
}
/*finish リニューアル用の注意書き*/

#gaiyo_footer {
	margin:40px auto 0;
}

#gaiyo_footer ul.note {
	margin-top: 10px;
	border-top: 4px solid #333;
	padding-top: 10px;
}

#gaiyo_footer ul.note li {
	font-size: 14px;
	padding-bottom: 5px;
}

#gaiyo_footer #contact {
	margin-top: 14px;
}

#gaiyo_footer #contact dl {
	padding-left: 2em;
}

#gaiyo_footer #contact dt {
	padding-bottom:1em;
	line-height:1.4;
}

#gaiyo_footer #contact dd {
	padding-left:4em;
	padding-bottom:1.5em;
	line-height:1.4;
}

#gaiyo_footer #contact{
  margin: 1em;
}
#gaiyo_footer #contact > p{
  margin: 2em auto;
  text-indent: -1em;
	padding-left: 1em;
}
#gaiyo_footer #contact span.tel{
  display: inline-block;
  margin-right: 3em;
  margin-left: 3em;
}
#gaiyo_footer #contact span.mail{
  display: inline-block;
  margin-left: 4em;
}
#gaiyo_footer #contact .company{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 0 auto;
}
@media screen and (max-width: 499px){
	#gaiyo_footer #contact .company{
		flex-direction: column;
		padding: 10px 10px 15px;
	}
}
	
/*↓キャンペーン用↓*/
/*↓キャンペーン終了時↓*/
.finished {
    text-align: center;
    margin-bottom: 40px;
    padding:10px;   
    color: #B70000;
    background-color: #f8dada;
    font-size: 16px;
}
.finished p{
    font-weight: bold;
}
.finished br {
    display: none;
}
/*↑キャンペーン終了時↑*/

.pagelink {
    background-color: #152c81;
    color: #FFF;
	border-bottom: 1px solid #FFF;
    padding: 8px 30px 6px 20px;
    text-align: right;
    position: relative;
    min-height: 20px;
}
.pagelink a{
 text-decoration: none;
 color: #fff;
}
.pagelink ul li::after {
    position: absolute;
    content: url(/images/news/img_news/arrow-white-w10-h5.svg);
    top: 26%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.pagelink ul li:hover::after {
  opacity: 0.5;
  transition: 0.3s ease;
}

.date {
    color: #FFF;
    padding: 10px 10px 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.6em;
}
.date ul li {
    display: inline-block;
}
.date strong {
    font-size: 1.4em;
}

.banner{
 margin: 50px 0;
 /*キャンペーン終了で表示→　opacity: 0.5;*/
}

.p-hisago-step__list li{
 padding: 40px;
 background: #f7f9fd;
}
.p-hisago-step__list li:nth-child(2) .p-hisago-step__content p {
    padding-top: 9px;
}
.p-hisago-step__list li:nth-child(4) .p-hisago-step__content p {
    padding: 0;
}
.p-hisago-step__eng{
 padding-right: 30px;
 width: 150px;
 min-width: 150px;
}
.p-hisago-step__content{
 padding-left: 30px;
}
.p-hisago-step__content p{
 line-height: 1.6;
}
.p-hisago-step__content p .is-link.wihte-box{
 display: inline-block;
 padding: 5px 8px;
 background-color: #fff;
 text-decoration: none;
 margin: 0 10px;
}
.p-hisago-step__content span{
 display: inline-block;
}
.p-hisago-step__content span.hashtag{
 color: #e6960b;
}
.bg-color{
 background-color: #f7f9fd;
 padding: 60px 40px;
}

.bg-color dl {
  display: flex;
  flex-wrap: wrap;
}
.bg-color dl dt {
  width: 20%;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 40px;
  color: #152c81;
}
.bg-color dl dt:last-child{
    margin-bottom: 0;
}
.bg-color dl dd {
  width: 80%;
  font-size:16px;
  line-height: 1.6;
  margin-bottom: 40px;
}
.bg-color dl dd:last-child{
    margin-bottom: 0;
}

.p-caution__processing{
 margin-top: 0;
}
.p-caution__processing li a{
 font-weight: 400;
}


@media screen and (max-width: 767px){
.finished{
}
.finished br {
    display: block;
}
.date strong {
        font-size: 1.3em;
    }
.p-hisago-step__content{
 padding-left: 0;
}
.p-hisago-step__list li{
 padding: 15px;
}
	
.bg-color{
 padding: 50px 15px;
}
.bg-color dl {
  display: block;
}
.bg-color dl dt {
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
}
.bg-color dl dd {
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
}
}
/*↑キャンペーン用↑*/