@charset "utf-8";
/* ticket css */

.bg_imgbox {
background: url("../img/ticket/title_bg.jpg");
background-size: cover;
}
@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/ticket/title_bg_sp.jpg") ;
background-size: cover;
}
}

.ticket_title_jp {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 500;
font-size: 2.4rem;
letter-spacing: 0.1em;
line-height: 100%;
margin-bottom: 15px;
color: #111;
padding-left: 15px;
position: relative;
}
.ticket_title_jp::before {
content: "";
display: inline-block;
width: 4px;
height: 30px;
background-color: #8E6C47;
position: absolute;
left: 0;
top: 0;
}

.outline_box {
display: flex;
flex-wrap: wrap;
padding: 30px 5px 30px 30px;
border-top: solid 1px #ddd;
}
.outline_box dt {
width: 30%;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.1em;
	padding-right: 30px;
}
.outline_box dd {
width: 70%;
font-size: 1.5rem;
/*
	padding-left: 20px
*/
}
.outline_box .red {
color: red;
margin-bottom: 0;
font-weight: 700;
}
.outline_box dd h3 {
font-size: 2.2rem;
font-weight: 600;
line-height: 100%;
margin-bottom: 30px;
}
.outline_box dd h4 {
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
margin-bottom: 15px;
}
.outline_box dd p {
font-size: 1.4rem;
margin-bottom: 30px;
}
.outline_box dd h5 {
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
margin-bottom: 25px;
}
.outline_box dd h6 {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 15px;
}
.outline_box dd p.txt01 {
margin-bottom: 10px !important;
}
.outline_box dd .link_txt a {
color: #8E6C47;
font-weight: 700;
font-size: 1.6rem;
text-decoration: underline;
}
.outline_box dd .link_txt a:hover {
text-decoration: none;
}
.outline_box dd .link_txt {
margin-bottom: 10px;
}
.outline_box dd p.txt02 {
border-bottom: solid 1px #ddd;
padding-bottom: 40px;
margin-bottom: 50px;
}

@media all and (max-width : 820px ){
.outline_box dd h3 {
font-size: 1.8rem;
margin-bottom: 25px;
}
.outline_box dd h4 {
font-size: 1.5rem;
margin-bottom: 15px;
}
}

@media all and (max-width : 767px ){
.outline_box dd h3 {
font-size: 1.6rem;
margin-bottom: 20px;
line-height: 140%;
letter-spacing: 0.05em;
}
.outline_box dd h4 {
font-size: 1.3rem;
margin-bottom: 12px;
}
.outline_box dd p {
font-size: 1.2rem;
margin-bottom: 20px;
}
.outline_box dd h5 {
font-size: 1.4rem;
margin-bottom: 20px;
}
.outline_box dd h6 {
font-size: 1.3rem;
margin-bottom: 15px;
}

.outline_box dd .link_txt a {
font-size: 1.3rem;
}
.outline_box dd p.txt02 {
padding-bottom: 25px;
margin-bottom: 30px;
}
}

.outline_box_wrap {
border-bottom: solid 1px #ddd;
margin-bottom: 100px;
}
.outline_box_wrap:last-of-type {
margin-bottom: 0px;
}
.purpose_list {
padding-left: 20px;
}
.purpose_list li { 
padding: 3px 0px 3px 5px;
margin-bottom: 10px;
display:list-item;
list-style-type: decimal;
}
.request_title {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 20px;
}
.request_title:last-of-type {
margin-top: 50px;
}
.request_txt {
margin-bottom: 15px;
}
.request_txt:last-of-type {
margin-bottom: 30px;
}
.post_list {
display: flex;
margin-bottom: 20px;
}
.post_list dt {
	width: 35%;
}

.outline_box .link_btn_box {
justify-content: flex-start;
margin-bottom: 20px;
}



@media all and (max-width : 767px ){
.page_navi li {
font-size: 1.0rem;
}
.ticket_title_jp {
font-size: 1.6rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
padding-left: 15px;
}
.ticket_title_jp::before {
content: "";
width: 3px;
height: 20px;
}
.ticlet_title_en {
font-size: 1.1rem;
}
.outline_box {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 20px 5px 20px 10px;
}
.outline_box dt {
width: 100%;
font-size: 1.3rem;
letter-spacing: 0.15em;
margin-bottom: 10px;
}
.outline_box dd {
width: 100%;
font-size: 1.2rem;
}
.outline_box_wrap {
margin-bottom: 60px;
}
.outline_box_wrap:last-of-type {
margin-bottom: 0px;
border-bottom: none;
}
.purpose_list {
padding-left: 15px;
}
.purpose_list li { 
padding: 3px 0px 3px 5px;
margin-bottom: 6px;
font-size: 1.2rem;
}
.request_title {
font-size: 1.3rem;
margin-bottom: 15px;
margin-left: -5px;
}
.request_title:last-of-type {
margin-top: 30px;
}
.request_txt {
margin-bottom: 15px;
}
.request_txt:last-of-type {
margin-bottom: 30px;
}
.post_list {
display: flex;
margin-bottom: 10px;
}
.post_bold {
width: 40%;
white-space: nowrap;
}
.outline_box .link_btn_box {
justify-content: flex-start;
margin-bottom: 20px;
}
.content {
padding: 20px 0 0;
}
	.post_list {
		flex-direction: column;
	}
}