/*font*/
.trade_box { width: 98%; margin: 0 auto; padding: 50px 0; background: #f7f7f7; }

.trade_box .trade_box_all { width: 94%; margin: 0 auto; max-width: 1200px; }

.trade_md001 { font-size: 2.5rem; line-height: 1.4; text-align: center; font-weight: bold; }

.trade_txt001 { padding-top: 20px; font-size: 1.125rem; font-weight: bold; text-align: center; }

.trade_box_in { margin-top: 40px; width: 100%; max-width: 1200px; padding: 30px 5%; background: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.trade_info_r { width: 40%; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.trade_info_r li { width: 49%; margin-right: 2%; }

.trade_info_r li .t_ph { border: solid 1px #ddd; }

.trade_info_r li .t_ph img { width: 100%; }

.trade_info_r li:nth-child(2n) { margin-right: 0; }

.trade_info_l { width: 58%; margin-right: 2%; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.trade_info_l .trade_info_l_in { width: 49%; margin-right: 2%; border-bottom: solid 1px #ddd; padding: 14px 0; }

.trade_info_l .trade_info_l_in .t_txt001 { font-size: 0.875rem; font-weight: bold; }

.trade_info_l .trade_info_l_in .t_txt002 { font-weight: bold; }

.trade_info_l .trade_info_l_in:nth-child(1) { border-top: solid 1px #ddd; }

.trade_info_l .trade_info_l_in:nth-child(2) { border-top: solid 1px #ddd; }

.trade_info_l .trade_info_l_in:nth-child(2n) { margin-right: 0; }

.t_about001 { padding-top: 100px; }

.t_about001 .t_txt003 { font-size: 1.375rem; font-weight: bold; margin-bottom: 20px; line-height: 1.2; text-align: center; }

.t_about001 .t_txt004 { font-size: 3.125rem; font-weight: bold; line-height: 1.2; text-align: center; }

.t_all001 { position: relative; text-align: center; padding-bottom: 80px; padding-top: 50px; }

.t_all001.pat001::after { background: #ffe1e1; }

.t_all001.pat001::before { background: #ffe1e1; }

.t_all001.pat002::after { background: #fffde1; }

.t_all001.pat002::before { background: #fffde1; }

.t_all001.pat003::after { background: #eef8df; }

.t_all001.pat003::before { background: #eef8df; }

.t_all001::after { content: ""; display: block; position: absolute; left: 0; bottom: 70px; z-index: -1; width: 100%; height: 40%; }

.t_all001::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; height: 70px; width: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%); clip-path: polygon(0 0, 100% 0%, 50% 100%); }

.t_about_ph img { max-width: 92%; display: block; margin: 0 auto; }

.t_txt005 { padding-top: 40px; font-weight: bold; font-size: 1.375rem; max-width: 92%; }

.t_txt006 { font-size: 1.625rem; font-weight: bold; padding-top: 30px; text-align: center; }

.t_txt006.pat001 { color: #eb5858; }

.t_txt006.pat002 { color: #ad6b28; }

.t_txt006.pat003 { color: #80ab3e; }

.t_txt007 { font-weight: bold; padding-top: 30px; text-align: center; font-size: 1.375rem; }

/************************************************/
.st_btn { margin-bottom: 40px; }

.st_btn02 .st_pa003_btn { max-width: 600px; background: #ff91a3; width: 100%; }

.st_pa003_btn { /*@include display-flex(); @include align-items(center);*/ display: block; position: relative; z-index: 0; color: #000; font-size: 1.25rem; font-weight: 500; padding: 20px 0; transition: 0.3s ease-in; margin: 0 auto 0; width: 90%; max-width: 500px; border: 1px solid #000; background: #fff; }

.st_pa003_btn:hover { background: #000; }

.st_pa003_btn:hover span { color: #fff; }

.st_pa003_btn:hover span::before { background: #fff; }

.st_pa003_btn:hover span::after { background: #fff; }

.st_pa003_btn span { display: block; position: relative; z-index: 0; width: 100%; text-align: center; font-weight: bold; transition: 0.3s ease-in; }

.st_pa003_btn span::before { position: absolute; content: ""; top: 50%; right: 30px; margin-top: 3px; width: 37px; height: 1px; background: #000; z-index: 0; transition: 0.3s ease-in; }

.st_pa003_btn span::after { position: absolute; content: ""; top: 50%; right: 28px; margin-top: -3px; width: 17px; height: 1px; background: #000; z-index: 0; transform: rotate(40deg); transition: 0.3s ease-in; }

.st_all { background: #f7f7f7; margin-bottom: -7vw; margin-top: 70px; }

.st_three { padding: 60px 0 60px; width: 92%; max-width: 1200px; margin: 0 auto; }

.st_three .st_th_txt001 { text-align: center; margin-bottom: 50px; font-size: 1.625rem; line-height: 2; font-weight: bold; }

@media screen and (max-width: 1000px) {
 .trade_box .trade_box_all { width: 92%; }
 .trade_md001 { font-size: 1.875rem; }
 .trade_txt001 { text-align: left; }
 .trade_txt001 br { display: none; }
 .trade_box_in { -ms-flex-direction: column; flex-direction: column; }
 .trade_info_r { width: 100%; }
 .trade_info_l { width: 100%; margin-right: 0; margin-bottom: 20px; }
 .t_about001 { padding-top: 40px; }
 .t_about001 .t_txt004 { font-size: 1.875rem; }
 .t_all001 { padding-bottom: 80px; padding-top: 30px; }
 .t_txt005 { text-align: left; margin: 0 auto; padding-top: 20px; }
 .t_txt005 br { display: none; }
 .t_txt006 { max-width: 90%; text-align: left; margin: 0 auto; padding-top: 10px; font-size: 1.375rem; }
 .t_txt006 br { display: none; }
 .t_txt007 { max-width: 90%; text-align: left; margin: 0 auto; padding-top: 10px; font-size: 1.375rem; }
 .t_txt007 br { display: none; }
 .st_pa003_btn { width: 90%; }
 .st_pa003_btn span::before { width: 20px; }
 .st_pa003_btn span::after { width: 7px; right: 29px; margin-top: 1px; }
 .st_all { margin-top: 30px; }
 .st_three { padding: 30px 0 30px; }
 .st_three .st_th_txt001 { text-align: left; font-size: 1.375rem; line-height: 1.7; } }
