@charset "UTF-8";

/*-------------------------
__privacy_style
-------------------------*/

#process{ width: 100%; max-width: 1200px; margin: 0 auto 100px; padding: 0 50px; box-sizing: border-box;}
#process .intro_text{ text-align: center; font-size: 1.5em; line-height: 2.5em; margin-bottom: 80px;}
#process .process_list{ margin-bottom: 100px;}
#process .process_list dl{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
#process .process_list dl dt{ background-color: #f4f2eb; width: calc(50% - 30px); height: 160px; text-align: center; position: relative;}
#process .process_list dl dt span{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 2.3em; line-height: 1.6em; color: #947d3c;}
#process .process_list dl dt:after{ content: ''; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 30px solid #947d3c;}
#process .process_list dl dd{ width: 50%; font-size: 1.5em; line-height: 2em;}
#process .pdf_box{ text-align: center;}
#process .pdf_box > p{ font-size: 1.8em; line-height: 2em; margin-bottom: 30px;}

.pdf_box .pdf_link{ display: flex;}
.pdf_box .pdf_link .pdf_btn{ width: 50%; height: 320px; position: relative; overflow: hidden;}
.pdf_box .pdf_link .pdf_btn a{ display: inline-block; width: 100%; height: 100%; background-size: cover; background-position: center; color: #fff; text-decoration: none;}
.pdf_box .pdf_link .pdf_btn a:before{ content: ''; display: block; width: 100%; height: 100%; background-image: url(../images/dot.png); position: relative; z-index: 1;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 100%;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .title{ font-size: 2.4em; margin-bottom: 25px;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .more_btn{ margin-bottom: 25px;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .more_btn p{ display: inline-block; text-decoration: none;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .more_btn p span{ font-size: 1.6em; font-weight: 600; letter-spacing: .1em; text-align: center; line-height: 50px; width: 220px; height: 50px; color: #fff; margin: auto; border:1px solid #fff; position: relative; display: block; overflow: hidden;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .more_btn p span:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #fff; border-right: 0; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); transition: all 0.2s;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .btm_text{ font-size: 1.3em; line-height: 1.6;}

@media screen and (min-width: 768px) {
#process .process_list dl:last-child dt:after{ display: none;}
.pdf_box .pdf_link .pdf_btn a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; transition: transform .4s ease;}
.pdf_box .pdf_link .pdf_btn a:hover img{ transform: translate(-50%,-50%) scale(1.2,1.2); transition: 0.5s;}
.pdf_box .pdf_link .pdf_btn a:hover .pdf_btn_text .more_btn p span{ transition: 0.5s; color: #947d3c; background-color: #fff;}
.pdf_box .pdf_link .pdf_btn a:hover .pdf_btn_text .more_btn p span:after { left: 25px; border-left: 6px solid #947d3c;}
}

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

#process{ margin: 0 auto 50px; padding: 0 20px;}
#process .intro_text{ font-size: 1.3em; line-height: 1.8em; margin-bottom: 30px;}
#process .process_list{ margin-bottom: 50px;}
#process .process_list dl{ display: block; margin-bottom: 45px;}
#process .process_list dl dt{ width: 100%; height: 70px; margin-bottom: 15px;}
#process .process_list dl dt span{ font-size: 1.6em; line-height: 1.4em;}
#process .process_list dl dt:after{ top: -30px; bottom: auto; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #947d3c;}
#process .process_list dl:first-child dt:after{ display: none;}
#process .process_list dl dd{ width: 100%; font-size: 1.3em; line-height: 1.8em;}
#process .pdf_box{ text-align: center;}
#process .pdf_box > p{ font-size: 1.4em; line-height: 1.6em; margin-bottom: 20px;}

.pdf_box .pdf_link{ display: block;}
.pdf_box .pdf_link .pdf_btn{ width: 100%; height: 220px;}
.pdf_box .pdf_link .pdf_btn a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: auto;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .title{ font-size: 2em; margin-bottom: 15px;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .more_btn{ margin-bottom: 15px;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .more_btn p span{ font-size: 1.3em; width: 160px; line-height: 40px; height: 40px;}
.pdf_box .pdf_link .pdf_btn a .pdf_btn_text .btm_text{ font-size: 1.2em; line-height: 1.4;}
}

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

}