@charset "UTF-8";
/* CSS Document */

/* PC
---------------------------------------------------------------------- */

@media (min-width: 1001px) {
	
/* visual
---------------------------------------------------------------------- */
#pageTitleVox {
	width: 100%;
	height: 345px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(../images/pageTitleBg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
}
#pageTitleVox .inner{
	width: 90%;
	height: 345px;
	margin: 0 auto;
	position: relative;
}

/* inner
---------------------------------------------------------------------- */	
.yakkan {
	padding-top: 155px;
	text-align: center;
}
	.agreement,
	.cancel{
		width: 100%;
	}
	.agreement .inner,
	.cancel .inner{
		width: 100%;
		max-width: 1100px;
		text-align: center;
		margin: 0 auto;
	}
	.agreement h3{
		width: 100%;
		font-size: 24px;
		text-align: left;
		font-weight: bold;
		line-height: 1.75;
		font-family: 'Zen Kaku Gothic New', sans-serif;
	}
	.agreement ul,
	.cancel ul{
		text-align: left;
	}
	
/*nav*/
.yakkanNav {
	margin: 100px auto 0;
	padding: 0;
	width: 100%;
}
.yakkanNav .inner {
	width: 100%;
	margin: 0 auto;
	max-width: 1100px;
	text-align: center;
}
.yakkanNav .inner ul.Nav {
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-left: 1px solid #cdcdcd;
}
.yakkanNav .inner ul.Nav li {
	width: 50%;
}
.yakkanNav .inner ul.Nav li.code a{
	height: 100px;
	padding: 10px 0 0 0;
}
.yakkanNav .inner ul.Nav li a {
	display: block;
	color: #000;
	height: 100px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	position: relative;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	font-family: 'Josefin Sans', sans-serif;
}
.yakkanNav .inner ul.Nav li a::after {
  content: '';
  top: 0;
  right: 0;
  height: 100px;
  position: absolute;
  border-right: 1px solid #ccc;
}
.yakkanNav .inner ul.Nav li a:hover{
	background: #efefef;
}
.yakkanNav .inner ul.Nav li a span{
	color: #B94047;
	display: block;
	font-size: 16px;
	margin-top: -10px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

/*table*/
.yakkan__table {
	width: 100%;
}
.yakkan__table table {
    border-collapse: collapse;
}
.yakkan__table tr > *:not(:first-child) {
    width: 15.5%;
}
.yakkan__table th {
    background-color: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    padding: 0.8vw 1vw 1vw;
	vertical-align: middle;
}
.yakkan__table td {
    border: solid 1px #ccc;
    padding: 0.8vw 1.5vw;
	text-align: center;
	vertical-align: middle;
}
.yakkan__table td ul{
	text-align: left;
}
.yakkan__table02 {
	width: 100%;
}
.yakkan__table02 table {
    border-collapse: collapse;
}
.yakkan__table02 tr{
    width: 12%;
}
.yakkan__table02 th {
    background-color: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    padding: 0.8vw 1vw 1vw;
	vertical-align: middle;
}
.yakkan__table02 td {
    border: solid 1px #ccc;
    padding: 0.8vw 1.5vw;
	text-align: center;
	vertical-align: middle;
}
.yakkan__table02 td ul{
	text-align: left;
}
/* .cancelpolicy__table {
  width: 100%;
}
.cancelpolicy__table table {
    border-collapse: collapse;
}
.cancelpolicy__table tr > *:not(:first-child) {
    width: 15.5%;
}
.cancelpolicy__table th {
    background-color: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    padding: 2.9vw 0vw 2.9vw 0vw;
}
.cancelpolicy__table td {
    border: solid 1px #ccc;
    text-align: center;
} */
}

/* SP
---------------------------------------------------------------------- */
@media screen and (max-width:1000px){
/* visual
---------------------------------------------------------------------- */
#pageTitleVox {
	width: 100%;
	height: 250px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(../images/pageTitleBg_sp.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin-top: -80px;
}
#pageTitleVox .inner{
	width: 90%;
	height: 250px;
	margin: 0 auto;
	position: relative;
}

/* inner
---------------------------------------------------------------------- */	
.yakkan {
	margin-top: 0;
	text-align: left;
}
	.agreement,
	.cancel{
		width: 100%;
	}
	.agreement .inner,
	.cancel .inner{
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.agreement h3{
		width: 100%;
		font-size: 24px;
		text-align: left;
		font-weight: bold;
		line-height: 1.75;
		font-family: 'Zen Kaku Gothic New', sans-serif;
	}
	.agreement ul,
	.cancel ul{
		text-align: left;
	}

/*nav*/
.yakkanNav {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.yakkanNav .inner {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.yakkanNav .inner ul.Nav {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.yakkanNav .inner ul.Nav li {
	width: 100%;
	border-top: 1px solid #ccc;
}
.yakkanNav .inner ul.Nav li.line{
	border-bottom: 1px solid #ccc;
}
.yakkanNav .inner ul.Nav li a {
	display: block;
	color: #000;
	margin: 0 auto;
	position: relative;
	font-weight: bold;
	font-size: 20px;
	padding: 20px 0;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	}
.yakkanNav .inner ul.Nav li a::after {
  content: '';
  top: 0;
  right: 0;
  height: 80px;
  position: absolute;
}
.yakkanNav .inner ul.Nav li a span{
	color: #B94047;
	display: block;
	font-size: 16px;
	margin-top: -10px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

/*table*/
.yakkan__table {
	width: 100%;
}
.yakkan__table table {
    border-collapse: collapse;
}
/* .yakkan__table tr > *:not(:first-child) {
    width: 15.5%;
} */
.yakkan__table th {
    background-color: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    /* padding: 0.8vw 0vw 0.8vw 0vw; */
		padding: 2vw;
}
.yakkan__table th.sp_vertical {
	writing-mode: vertical-lr;
	letter-spacing: 2px;
	width: 0%;
}
.yakkan__table td {
    border: solid 1px #ccc;
    text-align: center;
		padding: 2vw;
}
.yakkan__table02 {
  width: 100%;
}
.yakkan__table02 table {
    border-collapse: collapse;
}
.yakkan__table02 th {
    background-color: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    padding: 2.9vw 0vw 2.9vw 0vw;
}
.yakkan__table02 th.sp_vertical {
	writing-mode: vertical-lr;
  letter-spacing: 2px;
}
.yakkan__table02 th.sp_vertical span {
	text-combine-upright: all;
}
.yakkan__table02 td {
    border: solid 1px #ccc;
    text-align: center;
		vertical-align:middle
}
/* .cancelpolicy__table {
  width: 100%;
}
.cancelpolicy__table table {
    border-collapse: collapse;
}
.cancelpolicy__table tr > *:not(:first-child) {
    width: 15.5%;
}
.cancelpolicy__table th {
    background-color: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    padding: 2.9vw 0vw 2.9vw 0vw;
}
.cancelpolicy__table td {
    border: solid 1px #ccc;
    text-align: center;
} */
}