/*font*/
/*----pri_all----------------------------------*/
#pri_box001 { max-width: 1200px; width: 94%; margin: 0 auto; }

#pri_all { padding: 28px; background: #f7f7f7; margin-top: 50px; }

#pri_all #pri_all_in { background: #fff; padding: 68px 20px 50px; }

.pri_txt003 { text-align: center; margin-bottom: 40px; }

.pri_md001 { margin-bottom: 30px; }

.pri_md001 .pri_txt001 { font-size: 1.875rem; letter-spacing: 0.1em; text-align: center; font-weight: bold; margin-bottom: 6px; }

.pri_md001 .pri_txt002 { font-size: 2.25rem; letter-spacing: 0.1em; text-align: center; font-weight: bold; }

.pri_md001 .pri_txt002 i { position: relative; /*	@include fz(42); z-index: 1;*/ }

.pri_md001 .pri_txt002 i span { position: relative; font-size: 2.625rem; z-index: 1; }

.pri_md001 .pri_txt002 i::after { content: ""; position: absolute; display: block; left: 0; top: 0; width: calc(100% - 18px); height: 100%; z-index: 0; background: #b6cdd5; }

.pri_box002 { position: relative; margin-bottom: 40px; }

.pri_box002 .pri_box002_in002 { padding: 90px 0 60px; position: relative; z-index: 3; max-width: 900px; width: 100%; margin: 0 auto; }

.pri_box002 .pri_box002_in { position: relative; width: 100%; }

.pri_box002 .pri_box002_in::before { content: ""; display: block; position: absolute; left: 50%; top: 0; background: #b6cdd5; z-index: 0; transform: translate(-50%, 0); height: 6vw; max-width: 750px; width: 80%; -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%); clip-path: polygon(50% 0, 100% 100%, 0 100%); }

.pri_box002 .pri_box002_in::after { content: ""; display: block; position: absolute; left: 50%; top: 6vw; background: #b6cdd5; transform: translate(-50%, 0); height: calc(100% - 6vw); max-width: 750px; width: 80%; z-index: 0; }

.pri_pa001 { border: solid 1px #000; /*@include display-flex(); @include align-items(center); @include justify-content(center);*/ display: table; width: 45%; margin-bottom: 24px; }

.pri_pa001 .pri_pa001_in001, .pri_pa001 .pri_pa001_in002 { padding: 8px 14px; line-height: 1.3; display: table-cell; text-align: center; vertical-align: middle; }

.pri_pa001 .pri_pa001_in001 { font-weight: bold; width: 40%; background: #fff; }

.pri_pa001 .pri_pa001_in002 { background: #000; color: #fff; font-weight: bold; font-size: 1.25rem; }

.pri_pa001 .pri_pa001_in002 span { color: #fff; font-weight: bold; font-size: 2.5rem; font-family: "Roboto", sans-serif; line-height: 1; }

.pri_pa002_sub { text-align: right; font-size: 0.9375rem; }

.pri_pa003 { max-width: 650px; width: 70%; margin: 0 auto; }

.pri_pa003 .pri_pa003_txt { text-align: center; margin-bottom: 30px; font-weight: bold; }

.pri_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: #ffd220; }

.pri_pa003_btn:hover { background: #000; }

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

.pri_pa003_btn:hover span::before { background: #ffd220; }

.pri_pa003_btn:hover span::after { background: #ffd220; }

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

.pri_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; }

.pri_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; }

.pri_pa002 { margin-bottom: 10px; }

.pri_pa002 .pri_pa002_txt001 { border: solid 1px #000; background: #fff; padding: 8px 14px; font-size: 1.875rem; font-weight: bold; text-align: center; }

.pri_pa002 .pri_pa002_txt001 span { font-size: 1.1875rem; }

.pri_pa002 .pri_pa002_txt001 em { font-size: 5rem; font-weight: bold; font-family: "Roboto", sans-serif; line-height: 1; }

.op_box { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 auto; max-width: 1000px; }

.op_box .op_box_l { width: 49%; margin-right: 2%; }

.op_box .op_box_l .op_nav h5 { font-weight: bold; text-align: center; width: 80%; padding: 10px 20px; border: solid 1px #000; margin: 0 auto; position: relative; z-index: 2; background: #fff; }

.op_box .op_box_l .op_nav .op_list_all { background: #f7f7f7; border: solid 1px #ddd; padding: 40px 20px 10px 20px; margin-top: -20px; position: relative; z-index: 1; }

.op_box .op_box_l .op_nav .op_list { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.op_box .op_box_l .op_nav .op_list .op_list_in { width: 49%; margin-right: 2%; font-size: 0.9375rem; font-weight: bold; margin-bottom: 10px; }

.op_box .op_box_l .op_nav .op_list .op_list_in:nth-child(2n) { margin-right: 0; }

.op_box .op_box_l:nth-child(2n) { margin-right: 0; }

.mark_txt { width: 94%; max-width: 1000px; margin: 0 auto; padding: 60px 0; }

.mark_txt h4 { font-size: 2.25rem; letter-spacing: 0.1em; text-align: center; font-weight: bold; margin-bottom: 30px; }

.mark_txt p { text-align: center; font-size: 1.1875rem; }

.pri_btn002 { padding-top: 40px; }

.pri_btn002 .pri_btn_in { /*@include display-flex(); @include align-items(center);*/ display: block; position: relative; z-index: 0; color: #fff; 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: #000; }

.pri_btn002 .pri_btn_in:hover { background: #fff; }

.pri_btn002 .pri_btn_in:hover span { color: #000; }

.pri_btn002 .pri_btn_in:hover span::before { background: #000; }

.pri_btn002 .pri_btn_in:hover span::after { background: #000; }

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

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

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

.pri_btn_pop { text-align: center; margin-bottom: 20px; }

.pri_btn_pop span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 auto; position: relative; font-weight: bold; padding: 0 30px; font-size: 1.5rem; line-height: 1.2; }

.pri_btn_pop span::before { content: ""; display: block; height: 100%; width: 2px; background: #000; position: absolute; left: 0; top: 0; transform: rotate(-30deg); }

.pri_btn_pop span::after { content: ""; display: block; height: 100%; width: 2px; background: #000; position: absolute; right: 0; top: 0; transform: rotate(30deg); }

/*----pri_all-end----------------------------------*/
/*----startup----------------------------------*/
.st_first { position: relative; z-index: 5; }

.st_first::after { content: ""; display: block; position: absolute; left: 0; bottom: -10px; background: #fff; z-index: -1; height: 80px; width: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%); clip-path: polygon(0 0, 100% 0%, 50% 100%); }

.st_first.sec { z-index: 0; margin-top: -30px; }

.st_first .st_first_in { position: relative; z-index: 1; padding: 60px 0 110px; }

.st_first .st_first_in.sec::after { background: #f7f0e6; }

.st_first .st_first_in.sec::before { background: #f7f0e6; }

.st_first .st_first_in .st_first_in02 { width: 92%; max-width: 900px; margin: 0 auto; }

.st_first .st_first_in::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; background: #e7ecf5; z-index: -1; height: 80px; width: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%); clip-path: polygon(0 0, 100% 0%, 50% 100%); }

.st_first .st_first_in::before { content: ""; display: block; position: absolute; width: 100%; height: calc(100% - 80px); top: 0; left: 0; background: #e7ecf5; z-index: -1; }

.st_md001 { font-size: 1.25rem; font-weight: bold; margin-bottom: 3px; text-align: center; }

.st_md002 { font-size: 2.25rem; font-weight: bold; margin-bottom: 20px; text-align: center; }

.st_txt001 { text-align: center; line-height: 2; }

.st_ph001 { background: #fff; border-radius: 6px; padding: 30px; margin-top: 30px; }

.st_ph001 .st_md002 { font-size: 1.875rem; font-weight: bold; line-height: 1.4; margin-bottom: 20px; }

.st_ph001 img { max-width: 100%; display: block; margin: 0 auto; }

.st_two { background: #f0f0f0; margin-top: -20px; padding: 100px 0 40px; }

.st_two .st_two_in { width: 92%; margin: 0 auto; max-width: 1000px; /**********************/ /**********************/ /**********************/ /**********************/ /**********************/ }

.st_two .st_two_in.p02 .st_two_dep .st_point { border: solid 1px #c0ae1a; box-shadow: 4px 4px 0 0 #c0ae1a; color: #c0ae1a; }

.st_two .st_two_in.p02 .st_two_dep .st_point i { color: #c0ae1a; }

.st_two .st_two_in.p02 .st_two_dep .st_two_dep_in { background: #fdf9d8; }

.st_two .st_two_in.p02 .st_two_dep .st_two_dep_in .st_two_txt .st_two_st02 { background: linear-gradient(transparent 0, #c0ae1a 0); }

.st_two .st_two_in.p03 .st_two_dep .st_point { border: solid 1px #75b229; box-shadow: 4px 4px 0 0 #75b229; color: #75b229; }

.st_two .st_two_in.p03 .st_two_dep .st_point i { color: #75b229; }

.st_two .st_two_in.p03 .st_two_dep .st_two_dep_in { background: #f2fde3; }

.st_two .st_two_in.p03 .st_two_dep .st_two_dep_in .st_two_txt .st_two_st02 { background: linear-gradient(transparent 0, #75b229 0); }

.st_two .st_two_in.p04 .st_two_dep .st_point { border: solid 1px #3794b8; box-shadow: 4px 4px 0 0 #3794b8; color: #3794b8; }

.st_two .st_two_in.p04 .st_two_dep .st_point i { color: #3794b8; }

.st_two .st_two_in.p04 .st_two_dep .st_two_dep_in { background: #ecf9fe; }

.st_two .st_two_in.p04 .st_two_dep .st_two_dep_in .st_two_txt .st_two_st02 { background: linear-gradient(transparent 0, #3794b8 0); }

.st_two .st_two_in.p05 .st_two_dep .st_point { border: solid 1px #9a77bc; box-shadow: 4px 4px 0 0 #9a77bc; color: #9a77bc; }

.st_two .st_two_in.p05 .st_two_dep .st_point i { color: #9a77bc; }

.st_two .st_two_in.p05 .st_two_dep .st_two_dep_in { background: #efe8f6; }

.st_two .st_two_in.p05 .st_two_dep .st_two_dep_in .st_two_txt .st_two_st02 { background: linear-gradient(transparent 0, #9a77bc 0); }

.st_md003 { text-align: center; margin-bottom: 100px; }

.st_md003 .st_md003_in01 { text-align: center; margin-bottom: 20px; }

.st_md003 .st_md003_in01 p { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 auto; position: relative; font-weight: bold; padding: 0 30px; font-size: 1.5rem; line-height: 1.2; }

.st_md003 .st_md003_in01 p::before { content: ""; display: block; height: 100%; width: 2px; background: #000; position: absolute; left: 0; top: 0; transform: rotate(-30deg); }

.st_md003 .st_md003_in01 p::after { content: ""; display: block; height: 100%; width: 2px; background: #000; position: absolute; right: 0; top: 0; transform: rotate(30deg); }

.st_md003 .st_md003_in02 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 auto; text-align: center; }

.st_md003 .st_md003_in02 h3 { font-size: 2.25rem; font-weight: bold; position: relative; display: inline; background: linear-gradient(transparent 60%, #fffc00 60%); }

.st_two_dep { margin-bottom: 40px; }

.st_two_dep_in { padding: 80px 40px 40px; background: #feecf4; margin-top: -40px; }

.st_point { margin-left: 2vw; font-family: "Roboto", sans-serif; font-weight: bold; padding: 7px 14px 2px 20px; background: #fff; position: relative; z-index: 5; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; max-width: 600px; font-size: 1.875rem; border: solid 1px #ea7aa9; box-shadow: 4px 4px 0 0 #ea7aa9; color: #ea7aa9; }

.st_point i { font-size: 4.375rem; padding-left: 6px; font-family: "Roboto", sans-serif; font-weight: bold; color: #ea7aa9; line-height: 1; }

.st_two_md { margin-bottom: 20px; }

.st_two_md h3 { display: inline; font-size: 1.875rem; font-weight: bold; background: linear-gradient(transparent 60%, #fff 60%); }

.st_two_txt { line-height: 2.4; }

.st_two_txt .st_two_st01 { background: linear-gradient(transparent 0, #fff 0); font-weight: bold; }

.st_two_txt .st_two_st02 { background: linear-gradient(transparent 0, #e9458a 0); font-weight: bold; color: #fff; }

.st_two_ph001 img { max-width: 100%; width: 100%; }

.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_three { padding: 60px 0 20px; 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; }

/*----startup-end----------------------------------*/

@media screen and (max-width: 1000px) {
 #pri_all { padding: 6px; margin-top: 30px; }
 #pri_all #pri_all_in { padding: 20px 10px 20px; }
 .pri_txt003 { text-align: left; margin-bottom: 20px; }
 .pri_md001 .pri_txt001 { font-size: 1.4375rem; text-align: left; }
 .pri_md001 .pri_txt002 { font-size: 1.625rem; text-align: left; }
 .pri_box002 .pri_box002_in002 { padding: 30px 0 20px; }
 .pri_box002 .pri_box002_in::before { height: 20vw; }
 .pri_box002 .pri_box002_in::after { height: calc(100% - 20vw); top: 20vw; }
 .pri_pa001 { width: 100%; margin-bottom: 10px; }
 .pri_pa003 { width: 100%; }
 .pri_pa003 .pri_pa003_txt { text-align: left; margin-bottom: 15px; }
 .pri_pa003_btn { width: 100%; }
 .pri_pa003_btn span::before { width: 20px; }
 .pri_pa003_btn span::after { width: 7px; right: 29px; margin-top: 1px; }
 .pri_pa002 .pri_pa002_txt001 { font-size: 1.5rem; }
 .pri_pa002 .pri_pa002_txt001 span { font-size: 1.0625rem; }
 .pri_pa002 .pri_pa002_txt001 em { font-size: 3.125rem; }
 .op_box { -ms-flex-direction: column; flex-direction: column; }
 .op_box .op_box_l { width: 100%; margin-right: 0; margin-bottom: 10px; }
 .op_box .op_box_l .op_nav .op_list_all { padding: 30px 20px 10px 20px; }
 .op_box .op_box_l .op_nav .op_list .op_list_in { margin-bottom: 6px; width: 100%; margin-right: 0; }
 .mark_txt { padding: 20px 0; }
 .mark_txt h4 { font-size: 1.625rem; margin-bottom: 10px; }
 .mark_txt p { text-align: left; font-size: 1.0625rem; }
 .pri_btn002 { padding-top: 20px; }
 .pri_btn002 .pri_btn_in { width: 100%; }
 .pri_btn002 .pri_btn_in span::before { width: 20px; }
 .pri_btn002 .pri_btn_in span::after { width: 7px; right: 29px; margin-top: 1px; }
 .st_first .st_first_in { padding: 30px 0 90px; }
 .st_first .st_first_in.sec { padding: 60px 0 90px; }
 .st_md001 { font-size: 1.125rem; margin-bottom: 14px; }
 .st_md002 { font-size: 1.875rem; line-height: 1.4; }
 .st_txt001 { text-align: left; }
 .st_ph001 { padding: 30px 10px 10px; }
 .st_ph001 .st_md002 { font-size: 1.375rem; }
 .st_two { padding: 60px 0 30px; }
 .st_md003 { margin-bottom: 40px; }
 .st_md003 .st_md003_in02 h3 { font-size: 1.875rem; }
 .st_two_dep_in { margin-top: -30px; padding: 60px 40px 40px; }
 .st_point { font-size: 1.625rem; margin: 0 auto; max-width: 200px; display: block; text-align: center; }
 .st_point i { font-size: 2.5rem; }
 .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_three { padding: 30px 0 20px; }
 .st_three .st_th_txt001 { text-align: left; font-size: 1.375rem; line-height: 1.7; } }