@charset 'UTF-8';
/* RK2SELECTION64 setting*/
/** MV Setting **/
.pc-hide{ display:none; }
.sp-hide{ display:block; }
.txt-b{ font-weight: bold; }
.txt-or{ color: #e85504; }
.tag_or { color: #fff; border-radius: 1.5rem; background: #e85504; text-align: center; display: inline-block; padding: 0 1rem; margin-left: 10px; font-size: 1rem; vertical-align: text-top; font-weight: 200; }
.txt_exp { display: inline-block; margin: 1.25rem 1rem 0 0; }
.section_ttl, .section_g-ttl { font-size: 3rem; text-align: center; }
#rk2sel .cv_sec { background: #f96632; box-sizing: border-box; position: relative; }
#rk2sel .cv_sec { padding: 2rem 0; }
#rk2sel .cv_sec.pr_sec { padding: 2rem 0 8rem; }
.cv_sec .cv_btn{ transition:opacity .5s; }
.cv_sec .cv_btn:hover{ opacity:.7; transition:opacity .5s; }
.feature_link:hover{ opacity:.7; transition:opacity .5s; }
.cv_sec .cv_ttl_wh3 { color: #fff; font-size: 2rem; margin-bottom: 2.5rem; text-align: center; }
.cv_sec .cv_ttl_wh4 { font-size: 1.125rem; color: #fff; text-align: center; margin: 3.125rem 0 1rem; }
#rk2sel .img_bnr_link { margin: auto; width: 100%; max-width: 480px; display: block; }
#rk2sel .img_bnr_link img{ width:100%; height: auto; }
#rk2sel .mv_wrapper { background: url(/image.jsp?id=15767) center center no-repeat; background-size: cover; position: relative; box-sizing: border-box; display: block; width: 100%; padding-bottom: 1rem; }
#rk2sel .common_wrapper{ width:100%; margin:auto; max-width:1240px; position: relative; box-sizing: border-box; }
#rk2sel .mv_wrapper h2 { width: 88.7%; max-width: 1100px; padding: 1rem 0 0; margin: 0 auto 1rem; }
#rk2sel .catch_txt_img { margin-left: 7rem; width: 77.25%; max-width: 479px; }
#rk2sel .mv_inner{ display: flex; width:100%; flex-wrap:wrap; box-sizing:border-box; position: relative; align-items:center; }
#rk2sel .mv_inner_bloc{ width:50%; box-sizing:border-box; position: relative; }
#rk2sel .mv_mini_exp { text-align: center; display: block; font-size: 1.125rem; transform: translate(3rem, 0); margin-top: 1rem; margin-bottom: 1rem; font-weight:bold; }
#rk2sel .mv_cv_area { display: flex; width:100%; align-items: center; justify-content: space-around; }
.cv_sec .cv_btn{ padding: 1.25rem 2rem; border-radius: 2rem; font-size: 1.25rem; box-sizing: border-box; position: relative; text-align: center; font-weight: bold; }
.cv_sec .cv_btn.btn-type_micro{ display: flex; justify-content: center; }
.cv_sec .cv_btn:after, .feature_link_btn:after { position: absolute; width: 1rem; height: 1rem; content: ''; display: block; border-top: 3px solid #fff; border-right: 3px solid #fff; top: 50%; right: 5%; transform: translate(0, -50%) rotate(45deg); }
#rk2sel .btn-type_contact { background: #ea5504; color: #fff; }
#rk2sel .btn-type_dl { background: #319e96; color: #fff; /* width:fit-content; */ }
#rk2sel .btn-type_micro { width: 23rem; }
#rk2sel .mv_wrapper .btn-type_contact { width:100%; max-width:230px; }
#rk2sel .mv_wrapper .btn-type_dl { width:100%; max-width:340px; }
#rk2sel .mv_icon_img { position: absolute; top: 0; right: 0; }
#rk2sel .mv_pointthumb{ width:100%; }
.bloc_flex { display: flex; width: 100%; }
.fw_wrap { flex-wrap: wrap; }

#catch .section_ttl { color: #333; font-size: 2.5rem; margin-bottom: 2rem; }
#catch .section_ttl span { background: linear-gradient(transparent 78%, #fce8a3 78%); }
.bloc-thumb p { text-align: center; font-size: 1.25rem; }
.osusume-list { margin: 3rem; text-align: center; }
.osusume-list h3 { font-size:1.5rem; color:#2e897e; text-align: center; margin-bottom: 1rem; position: relative; display:inline-block; }
.osusume-list h3:before { position: absolute; content: "＼"; top: 0; left: -2rem; }
.osusume-list h3:after { position: absolute; content: "／"; top: 0; right: -2rem; }
.osusume-list ul { display: flex; flex-flow: wrap; justify-content: center; }
.osusume-list li { position:relative; text-align: left; background-color: #fff; width: calc(90% / 2); margin-bottom: 10px; margin-right: 20px; padding: 12px 16px 12px 42px; font-weight: 600; }
.osusume-list li:before { position: absolute; content: ''; display: block; top: 36%; left: 16px; width: 15px; height: 10px; border-left: 3px solid #319e96; border-bottom: 3px solid #319e96; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.youtube-bt a { position: relative; display: block; margin: 0 auto; max-width: 640px; background-color: #319e96; color: #fff; font-size: 1rem; padding: 10px 32px; border-radius: 3rem; text-align: center; font-weight: 600; }
.youtube-bt a .icon-new-window { width: 1em; height: 1em; margin-left: .3em; fill: #fff; }
.youtube-bt a:hover{ opacity:.7; transition:opacity .5s; }
.mv_inner_bloc .feature_link { margin-left: 7rem; }

#rk2sel .fjc-c{ justify-content: center; }
#rk2sel .fjc-sa{ justify-content: space-around; }
#rk2sel .fjc-sb{ justify-content: space-between; }
#rk2sel .mt1rem { margin-top: 1rem; }
section#catch { background: #ecf3f3; box-sizing: border-box; position: relative; padding: 8rem 0 6rem; }
/*
#catch .bloc-thumb:first-child {
box-sizing: border-box;
position: relative;
width: 63%;
display: block;
padding: 1.5rem 0;
}
#catch .bloc-thumb:last-child {
box-sizing: border-box;
position: relative;
padding: 0 3rem;
width: 37%;
display: block;
}
section#point {
background: #fce8a3;
box-sizing: border-box;
position: relative;
padding: 3.5rem 0 8rem;
}
#point h3.section_ttl {
color: #ea5504;
font-size: 2.625rem;
position: relative;
box-sizing: border-box;
margin: auto;
display: block;
width: fit-content;
margin-bottom: 6.25rem;
}
#point h3.section_ttl:after {
display: block;
content: '';
width: 110%;
height: 6px;
background: #ea5504;
clip-path: polygon(1.5% 0%, 100% 0%, 98.5% 100%, 0% 100%);
transform: translate(-5%,0);
}
*/

#rk2sel .cv_sec.first-bt-wp { background-color:#ecf3f3; }
#rk2sel .cv_sec.first-bt-wp .micro p { color: #222; }
#rk2sel .cv_sec.pr_sec.first-bt-wp .cv_btn { padding-left: 1rem; padding-right: 2rem; font-size: 1.125rem; }

#contents_wrapper { box-sizing: border-box; position: relative; width: 100%; display: block; }
#contents_wrapper .menu_bar { width: 100%; max-width: 1240px; margin: auto; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index:1; }
#contents_wrapper .menu_bar ul{ display:flex; flex-wrap:wrap; width:100%; position:relative; box-sizing:border-box; background: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); }
#contents_wrapper .menu_bar ul li{
width: calc(100% / 5);
display:block;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
border-left:1px solid #f4c9b2;
border-right:1px solid #f4c9b2;
padding: 0;
margin: 10px 0;
text-align: center;
font-size: 1.125rem;
font-weight: bold;
}
#contents_wrapper .menu_bar ul li:first-child{ border-left:transparent; }
#contents_wrapper .menu_bar ul li:last-child{ border-right:transparent; }
#contents_wrapper .menu_bar ul li a { color: #444; text-decoration: none; display: block; padding: 10px 0 32px; margin: 0 10px; }
#contents_wrapper .menu_bar ul li:after { content: ''; width: 1.125rem; height: 1.125rem; display: block; position: absolute; bottom: 0.5rem; left: 50%; transform: translate(-50%,0) rotate(45deg); border-right: 4px solid #ea5504; border-bottom: 4px solid #ea5504; }
section#reason{ width:100%; display:block; background: #fce8a3; }
section#reason .reason_wrapper{ padding: 80px 0; }
.users_voice { padding: 120px 0 0; }
.users_voice .common_wrapper:last-child{ padding: 0 0 5rem; }
section#reason .common_wrapper { margin: 0 auto; padding: 0; }
/*
section#reason .common_wrapper:first-child { margin:7.875rem auto 10.875rem; }
section#reason .common_wrapper:last-child{ margin: 7.875rem auto 0; padding: 0 0 180px; }  */
#reason .common_wrapper.reason01 { margin-top: 180px; }
#reason .common_wrapper.reason02 { margin-top: 220px; }
#reason .common_wrapper.reason03 { margin-top: 150px; margin-bottom: 120px; }
section#reason .reason_wrapper .txt_whbox.whbox-type1,section#reason .reason_wrapper .txt_whbox.whbox-type3 { width: 52.5%; background: #fff; box-sizing: border-box; position: relative; margin:0 auto 0 0; padding: 5rem 5rem 2.5rem 3.75rem; }
section#reason .reason_wrapper .txt_whbox.whbox-type2 { width: 52.5%; background: #fff; box-sizing: border-box; position: relative; margin:0 0 0 auto; padding: 5rem 2.5rem 3.75rem; }
section#reason .reason_wrapper .txt_whbox.whbox-type1 + .thumbimg_area, section#reason .reason_wrapper .txt_whbox.whbox-type3 + .thumbimg_area { width: 52.5%; position: absolute; top: 2rem; right: 0; z-index:1; }
section#reason .reason_wrapper .txt_whbox.whbox-type1 + .thumbimg_exwh, section#reason .reason_wrapper .txt_whbox.whbox-type3 + .thumbimg_exwh { background: #fff; padding: 3rem 3.125rem 2.5rem; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
section#reason .reason_wrapper .txt_whbox.whbox-type2 + .thumbimg_area { width: 47.5%; padding: 0 3.125rem; position: absolute; top: 1rem; left: 0; z-index:1; }
section#reason .reason_wrapper .reason_ttl { color: #ea5504; font-size: 5.625rem; position: absolute; top: -1.2rem; left: 1.5rem; transform: translate(0,-50%); font-weight:700; }
section#reason .reason_wrapper .txt_whbox.whbox-type2 .reason_ttl{ right:1.5rem; left: unset; }
section#reason .reason_wrapper .reason_ttl > span { font-size: 2rem; }
section#reason .reason_wrapper .whbox_catch { font-size: 2.25rem; line-height: 120%; font-weight: bold; margin-bottom: 2.5rem; }
section#reason .reason_wrapper .whbox_exp { font-size: 1.125rem; font-weight: bold; }
section#reason .reason_wrapper .whbox_exp_memo { font-size: 1.125rem; font-weight: bold; }
.thumbimg_area.thumbimg_exwh p { margin: 0 16px 16px; font-weight: 600; }
.reason01-note-list { margin: 10px 0; font-size: 0.88rem; }
.reason3-img { max-width: 300px; margin: 16px auto; }
.reason3-h4title { margin-bottom: 32px; padding: 0.5rem 1rem; background: #319e96; color: #fff; text-align: center; }
p.whbox_exp_ex { width: 100%; max-width: 360px; font-size: 1rem; font-weight: bold; margin: 2.625rem 0.5rem 0 auto; }
#reason .section_g-ttl { font-size: 3rem; text-align: center; color: #ea5504; position: relative; margin: auto; display: block; width: fit-content; margin-bottom: 6.25rem; }
#reason .section_g-ttl:after { display: block; content: ''; width: 112%; height: 6px; background: #ea5504; clip-path: polygon(1.5% 0%, 100% 0%, 98.5% 100%, 0% 100%); transform: translate(-5%, 0); }
.users_voice .section_g-ttl { color: #ea5504; font-size: 2.625rem; position: relative; box-sizing: border-box; margin: auto; display: block; width: fit-content; margin-bottom: 3rem; }
.users_voice .section_g-ttl:after { display: block; content: ''; width: 110%; height: 6px; background: #ea5504; clip-path: polygon(1.5% 0%, 100% 0%, 98.5% 100%, 0% 100%); transform: translate(-5%,0); }
.users_voice .colum2-whbox { background: #fff; box-sizing: border-box; position: relative; padding: 1.5rem; width: 48.5%; max-width: 600px; margin: 0 0 3.125rem; box-shadow: 1px 1px 15px rgba(0,0,0,.2); }
.users_voice .colum2-whbox p{ font-weight: bold; }
.users_voice .intro_wrap { display: flex; }
.users_voice .intro_thumb { width: 28%; padding: 0.5rem 0 0; max-width: 150px; }
.users_voice .intro_txt_area h4 { font-size: 1.25rem; color: #fff; border-radius: 1.5rem; background: #e85504; text-align: center; margin-bottom: 1rem; display: inline-block; padding: 0 1.5rem; }
.users_voice .intro_txt_area { margin-bottom: 0.5rem; color: #e85504; font-weight: bold; font-size: 1.45rem; line-height: 2.25rem; display: block;width: calc(100% - 1rem ); }
.users_voice .detail_wrap dl { display: flex; }
.users_voice .detail_wrap dl dt { width: 28%; max-width: 150px; }
.users_voice .detail_wrap dl dt > span{ box-sizing: border-box; position: relative; text-align: center; border: 2px solid #e85504; color: #e85504; font-weight: bold; width: 100%; display: block; }
.users_voice .detail_wrap dl dd { width: 72%; margin: 0; box-sizing: border-box; position: relative; padding: 0 1rem; font-weight: bold; }
section#feature { background: url(/image.jsp?id=15788) center center; padding: 5rem 0 2.5rem; }
section#feature .feature_wraper { width:100%; display: flex; flex-wrap:wrap; justify-content: space-between; }
section#feature .feature_exparea { width: 48%; display: block; position: relative; box-sizing: border-box; }
section#feature .feature_imgarea{ width: 50%; max-width: 660px; }
section#feature .feature_line { background: #319e96; height: 4px; border: transparent; margin-bottom: 3.75rem; }
section#feature .feature_exparea h3 .sub_txt { color: #ea5504; font-size: 1.5rem; display: block; font-style: italic; }
section#feature .feature_exparea h3 .feature_ttl {
font-size: 1.5rem;
color: #fff;
background: #ea5504;
box-sizing: border-box;
position: relative;
padding: 0.5rem 3rem;
display: block;
width: 100%;
max-width: 290px;
clip-path: polygon(5% 0,100% 0,95% 100%,0 100%);
margin-bottom: 2.5rem;
}
section#feature .feature_exparea .feature_catch { font-weight: bold; line-height: 120%; font-size: 2.25rem; margin-bottom: 2.5rem; }
section#feature .feature_exparea .feature_whbox { width: 100%; max-width: 500px; position: relative; box-sizing: border-box; margin: 5rem 0; background: #fff; padding: 2.5rem 2rem 2rem 2rem; }
section#feature .feature_exparea .feature_whbox h4 { position: absolute; top: 0; left: 2rem; box-sizing: border-box; padding: 0.5rem 1rem; background: #319e96; color: #fff; transform: translate(0, -50%); }
section#feature .feature_exparea .feature_whbox ul { width: 100%; box-sizing: border-box; position: relative; }
section#feature .feature_exparea .feature_whbox ul li{ width: 100%; display:flex; box-sizing: border-box; position: relative; font-weight: bold; align-items:center; }
section#feature .feature_exparea .feature_whbox ul li:before{ content:''; display:block; width: 1rem; height: 1rem; background: #000; border-radius: 100%; margin-right: 0.5rem; }
section#feature .feature_exparea .feature_whbox p.disctxt:before{ content:''; display:inline-block; width: 1rem; height: 1rem; background: #000; border-radius: 100%; margin-right: 0.5rem; }
section#feature .feature_exparea .feature_whbox .txtindent { text-indent: 1rem; margin-bottom: 0.5rem; }
section#feature .feature_exparea .feature_whbox .txttag { border-radius: 0.2rem; padding: 0.2rem 0.5rem; margin-right: 0.5rem; text-align: center; background: #c1e2df; }
section#feature  #feature02 .feature_exparea .feature_whbox { width: 100%; max-width: 580px; }
.section_g-ttl .ttl_sub_txt, .section_ttl .subtxt { font-size: 1.25rem; display: block; color: #ea5504; }
.cv_sec .cv_btn { padding:0.8rem 3.125rem; border: 3px solid #fff; margin: 0 0.625rem; /* width: fit-content; max-width: unset; */ min-width: 400px; }
#rk2sel .img_bnr_link:hover,#rk2sel .img_bnr_link:hover *{ opacity:.7; transition:opacity .5s; }
.cv_sec .cv_btn_sub_area { display: flex; align-items: center; margin: 2rem 0 -2rem; justify-content: center; }
.cv_sec .cv_btn_sub_area p { font-size: 1.125rem; color: #fff; }
#rk2sel .cv_sec .cv_btn_sub_area .btn-type_dl2 { background: #319e96; color: #fff; padding: 0.5rem 0; width: 100%; max-width: 330px; font-size: 1rem; }
.cv_sec .cv_btn_sub_area .btn-type_dl2:after{ width: 0.8rem; height: 0.8rem; right: 5%; }
#rk2sel .cv_btn_area .micro{ text-align: center; }
.micro p { display: inline-block; font-weight: bold; position: relative; font-size: 1rem; margin-bottom: 0.25rem; color: #fff; }
#rk2sel .cv_btn_area { display: flex; width:100%; flex-wrap: wrap; justify-content: center; }
section#effect{ background:#fce8a3; padding: 5rem 0; }
/*
#effect .colum3-balloon { padding: 2rem 0 0; }
section#effect span.balloon_icon_wrap { width: 84px; display: block; margin: auto; }
section#effect h4.balloon_ttl { display: flex; justify-content: center; margin: auto; width: 100%; align-items: center; height: 80px; font-size: 1.5rem; line-height: 120%; }
section#effect .balloon_catch { color: #ea5504; font-weight: bold; font-size: 4rem; display: flex; justify-content: center; align-items: baseline; }
section#effect .balloon_catch { color: #ea5504; font-weight: bold; font-size: 4rem; display: flex; justify-content: center; align-items: baseline; line-height: 70%; }
*/
section#effect .minitxt { font-size: 2rem; }
section#contactflow { background: #ecf3f3; padding: 5rem 0; }
section#example { background: #fce8a3; padding: 5rem 0; }
.elem-pic-block__holder { background: #fce8a3; }
section#contactflow .flow_wrapper { margin-top: 3.75rem; background: url('/image.jsp?id=15801') center center no-repeat; }
section#contactflow .colum4-card {
text-align: center;
font-weight: bold;
width: calc(100%/4.5);
font-size: 1.125rem;
line-height: 120%;
max-width: 260px;
background: #fff;
box-sizing: border-box;
position: relative;
box-shadow: 1px 1px 15px rgba(0,0,0,.2);
padding: 2rem 1rem;
}
section#contactflow .column_thumb_ex { width: 100%; max-width: 160px; margin: 1rem auto 1.5rem; }
section#docdl { background: #ededed; padding: 5rem 0; }
#rk2sel .section_ttl{ margin-bottom: 3.125rem; }
#rk2sel .colum3-bloc { width: calc(100% /3.25); color:initial; cursor:pointer; background: #fff; margin-bottom: 2rem; box-shadow: 1px 1px 15px rgba(0,0,0,.2); transition: opacity .3s , transform .3s; box-sizing: border-box; position: relative; }
/*
#rk2sel .colum3-bloc {
width: calc(100% /3.25);
color:initial;
cursor:pointer;
}*/

#rk2sel .colum3-bloc:hover { opacity:.7; transition:opacity .3s; }
#rk2sel .colum3-bloc:after {
content: '';
width: 14px;
height: 14px;
border-top: 2px solid #e85504;
border-right: 2px solid #e85504;
display: block;
position: absolute;
bottom: 32px;
right: 32px;
transform: rotate(45deg);
}
/*
#rk2sel .colum3-bloc .column_bloc_exp {
padding: 2rem 1rem 2rem;
}
*/
#rk2sel .colum4-bloc {
width: calc(100% /4.5);
color: initial;
cursor: pointer;
background: #fff;
margin-bottom: 2rem;
box-shadow: 1px 1px 15px rgba(0,0,0,.2);
transition:opacity .3s , transform .3s;
box-sizing: border-box;
position: relative;
}
#rk2sel .colum4-bloc:after {
content: '';
width: 0.5rem;
height: 0.5rem;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
display: block;
position: absolute;
bottom: 2%;
right: 5%;
transform: rotate(45deg);
}
#rk2sel .colum4-bloc:hover { opacity:.7; transform:translate(0,-0.5rem); transition:opacity .3s , transform .3s; }
.exam-wp { margin: 0 auto; width: 860px; }
.exam-inner { display: flex; box-shadow: 1px 1px 15px rgba(0, 0, 0, .2); }
.column_txt { width: calc(100% - 380px); padding: 32px; background-color: #fff; }
.column_txt h3 { margin-bottom: 32px; }
/*
#rk2sel .column_thumb {
box-shadow: 1px 1px 15px rgba(0,0,0,.2);
width: 100%;
display: block;
}
#rk2sel .column_bloc_exp {
padding: 2rem 0 1rem;
box-sizing: border-box;
position: relative;
}
#rk2sel .colum3-bloc .column_thumb,#rk2sel .colum4-bloc .column_thumb {
box-shadow: none;
width: 100%;
display: block;
}

#rk2sel .colum4-bloc .column_thumb img {
width: 100%;
}
*/
#rk2sel .colum4-bloc .column_bloc_exp { padding: 0.5rem 1rem 1rem; box-sizing: border-box; position: relative; margin-bottom: 2rem; font-weight: bold; }
#rk2sel .column_bloc_cmp_nm { text-align: center; display: block; }
#rk2sel .column_bloc_btn {
width: 100%;
max-width: 240px;
box-sizing: border-box;
position: relative;
margin: 0 auto;
display: block;
text-align: center;
background: #319e96;
color: #fff;
border-radius: 20px;
padding: 0.25rem 0;
}
#rk2sel .column_bloc_btn:after {
position: absolute;
width: 0.5rem;
height: 0.5rem;
content: '';
display: block;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
top: 50%;
right: 5%;
transform: translate(0, -50%) rotate(45deg);
}
#contactflow .column_thumb { box-shadow: none; width: 84px; display: block; margin: auto; }
#docdl .common_wrapper div + .section_ttl { margin-top: 10rem; display: block; }
#example .common_wrapper div + .section_ttl { margin-top: 10rem; display: block; }
#rk2sel .minitxtcaution { margin: 1rem 0; text-indent: -0.8rem; padding-left: 0.8rem; font-size: 0.8rem; }

/**/
/*#abs_bnr_area .add_cv_area .cv_btn{
padding: 0.75rem 2rem;
border-radius: 2rem;
font-size: 1.125rem;
box-sizing: border-box;
position: relative;
text-align: center;
font-weight: bold;
border:3px solid #fff;
width: fit-content;
display: block;
margin: 0 0 1rem auto;
}
#abs_bnr_area .add_cv_area .cv_btn:after {
position: absolute;
width: 0.8rem;
height: 0.8rem;
content: '';
display: block;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
top: 50%;
right: 5%;
transform: translate(0, -50%) rotate(45deg);
}
#abs_bnr_area .add_cv_area .btn-type_contact{
background: #ea5504;
color: #fff;
}*/
.feature_link { margin: 1rem 0; }
#rk2sel .common_wrapper .feature_link .feature_link_btn{
position: relative;
display: block;
width: 100%;
max-width: 472px;
background: #319e96;
color: #fff;
font-size: 1rem;
padding: 1rem 38px 1rem 24px;
border: 3px solid #fff;
border-radius: 2rem;
text-align: center;
font-weight: bold;
}
.cv_sec.last-bt .cv_btn { font-size: 1.25rem; border-radius: 3rem; min-width: 400px; }
#rk2sel .mv_wrapper .common_wrapper .feature_link .feature_link_btn { padding-top: 10px; padding-bottom: 10px; }
#rk2sel .mv_wrapper .common_wrapper .feature_link .feature_link_btn span { font-size: 1.5rem; }

/**/
@media screen and (max-width:768px ){
#rk2sel .mv_wrapper { background: url('/image.jsp?id=15768') center center no-repeat; background-size: cover; padding-bottom:1rem; }
#rk2sel .mv_wrapper h2 { width:92%; margin:0 auto 2rem; }
.pc-hide{ display:block; }
.sp-hide{ display:none; }
#rk2sel .catch_txt_img { margin: auto; width: 71.4%; max-width: 100%; }
#rk2sel .mv_mini_exp{ transform:none; margin-bottom: 1rem; }
#rk2sel .mv_inner_bloc{ width:100%; }
#rk2sel .mv_cv_area { display:block; }
#rk2sel .mv_icon_img{ position:static; }
#rk2sel .cv_btn{ margin: 1.125rem auto; display:block; min-width: 100%; }
#rk2sel .cv_btn.btn-type_micro{ margin: 0 auto 1.125rem; }
#rk2sel .mv_pointthumb{ margin-top:-1rem; }
#catch h3.section_ttl { text-align: left; margin-bottom: 0; }
.mv_inner_bloc .feature_link { margin-left: 1rem; margin-right: 1rem; }
#catch .bloc-thumb:first-child,#catch .bloc-thumb:last-child{ width:100%; }
/*
#point h3.section_ttl {
font-size: 2rem;
}
#point h3.section_ttl:after{
width:100%;
transform:none;
height: 4px;
}
*/
#rk2sel .cv_btn_area { display: block; }

#contents_wrapper .menu_bar{ width:90%; }
#contents_wrapper .menu_bar ul li { width: calc(100%/2); border-left:transparent; border-right:transparent; border-bottom: 1px solid #f4c9b2; margin-top: 0 !important; margin-bottom: 0 !important; }
#contents_wrapper .menu_bar ul li:last-child { width: 100%; }
#contents_wrapper .menu_bar ul li a { padding-bottom: 16px; margin-bottom: 10px; }
#contents_wrapper .menu_bar ul li:after { bottom: 1rem; }
#contents_wrapper .menu_bar ul li:last-child { border-bottom: none; }

#contents_wrapper .menu_bar ul li:first-child{ border-right: 1px solid #f4c9b2; }
#contents_wrapper .menu_bar ul li:nth-child(3) { border-right: 1px solid #f4c9b2; }
#contents_wrapper .menu_bar ul li:nth-child(4) { border-left: transparent; }
.bloc-thumb p { font-size: 1.18rem; }
/* 
#contents_wrapper .menu_bar ul li:first-child:before,#contents_wrapper .menu_bar ul li:nth-child(2):before{
content: '';
display: block;
height: 1px;
width: calc(100% - 0.5rem);
background: #f4c9b2;
position: absolute;
bottom: calc(-0.5px - 1rem);
left: 0.5rem;
}
#contents_wrapper .menu_bar ul li:nth-child(2):before{
content: '';
display: block;
height: 1px;
width: 105%;
background: #f4c9b2;
position: absolute;
bottom: calc(-0.5px - 1rem);
left: -8%;
}
#contents_wrapper .menu_bar ul li:nth-child(3):before{
content: '';
display: block;
height: 1px;
width: calc(100% - 0.5rem);
background: #f4c9b2;
position: absolute;
bottom: calc(-0.5px - 1rem);
left: 0;
}*/
section#reason .reason_wrapper{ padding:4rem 0 3rem; }
section#catch,section#reason .reason_wrapper, .users_voice,section#feature,section#effect,section#casestudy,section#example,section#contactflow,section#docdl,#rk2sel .cv_sec { padding-left: 4%; padding-right: 4%; display: block; }
section#reason .reason_wrapper .txt_whbox.whbox-type1, section#reason .reason_wrapper .txt_whbox.whbox-type2, section#reason .reason_wrapper .txt_whbox.whbox-type3 { width: 95%; padding: 5rem 1.24rem 3.5rem; }
section#reason .reason_wrapper .txt_whbox.whbox-type1 { margin-bottom: 48rem; }
section#reason .reason_wrapper .txt_whbox.whbox-type2 { margin-bottom: 32rem; }
.section_ttl, .section_g-ttl , .users_voice .section_g-ttl{ font-size: 2.5rem !important; }
#reason .section_g-ttl:after, .users_voice .section_g-ttl:after{ width:100%; transform:none; height: 4px; }
.users_voice { padding-top: 80px; }
.users_voice .common_wrapper:last-child { margin-top: 3rem; }
.users_voice .colum2-whbox { width: 100%; }
section#reason .reason_wrapper .txt_whbox.whbox-type1 + .thumbimg_exwh, section#reason .reason_wrapper .txt_whbox.whbox-type3 + .thumbimg_exwh { background: #fff; padding: 2.5rem; width: 95%; transform: translate(2%, 0); top:97%; }
section#reason .reason_wrapper .txt_whbox.whbox-type2 + .thumbimg_area { width: 100%; top: 95%; left: -3.125rem; }
section#reason .reason_wrapper .txt_whbox.whbox-type1 + .thumbimg_area, section#reason .reason_wrapper .txt_whbox.whbox-type3 + .thumbimg_area { width: 100%; top: 96%; right: -4%; }
section#reason .reason_wrapper .txt_whbox.whbox-type3 { margin-bottom: 44rem; }
section#reason .common_wrapper { margin-top: 6rem; }
section#reason .common_wrapper:last-child { padding: 0; }
#reason .common_wrapper.reason01 { margin-top: 100px; }
#rk2sel .cv_sec .btn-type_contact,#rk2sel .btn-type_dl { max-width: 298px; }
.cv_sec .cv_btn_sub_area{ flex-wrap:wrap; }
.cv_sec .cv_btn_sub_area p { display: block; width: 100%; text-align: center; }
#rk2sel section.cv_sec .btn-type_dl2 { max-width: 230px; font-size: 0.9rem; padding: 0.5rem 0; }
#rk2sel section.cv_sec .btn-type_dl2:after { width:0.8rem; height:0.8rem; right: 5%; }
section#feature .feature_exparea { width: 100%; }
section#feature .feature_imgarea { width: 100%; }
section#feature .feature_exparea .feature_whbox { margin: 2.5rem 0; }
#rk2sel .colum3-bloc,#rk2sel .colum4-bloc  { width: calc( 94% / 2 ); margin-bottom: 3rem; }
.column_thumb img { width:100%; height:auto; }
#rk2sel .colum3-bloc:last-child { margin-bottom: 0; }
#contactflow .column_thumb{ width: 100%; max-width: 30px; }
section#contactflow .flow_wrapper{ background:url('/image.jsp?id=15809') center center no-repeat; }
section#contactflow .colum4-card{ display: flex; width: 100%; max-width: unset; align-items:center; margin-bottom:3.125rem; }
section#contactflow .colum4-card:last-child{ margin-bottom:0; }
section#contactflow .colum4-card > div{ width:35%; }
.column_card_exp { width: 65%; font-size: 1.5rem; line-height: 150%; text-align: left; display: flex; justify-content: center; }
#rk2sel .column_bloc_btn { padding: 0.75rem; max-width: 200px; }
#rk2sel .column_bloc_btn:after { width: 0.8rem; height: 0.8rem; }
#rk2sel .cv_ttl_wh3 { font-size: 1.25rem; margin: 0 0 0.5rem; }
.exam-wp { width: 100%; }
.exam-inner { display: block; }
.column_txt { width: 100%; }
.column_txt h3 { margin-bottom: 16px; font-size: 1.5rem; }
.tag_or { font-size: 1.2rem; vertical-align:initial; }
}
@media screen and (max-width:568px ){
	
#rk2sel .mv_wrapper .btn-type_contact{ max-width:248px; }
#rk2sel .mv_wrapper .btn-type_dl{ max-width:248px; margin-bottom:0; }
/*#rk2sel .btn-type_dl{ width:fit-content; } */
#rk2sel .cv_sec.first-bt-wp { padding: 2rem 2rem 120px; }
#catch { padding-top: 120px !important; }
.osusume-list { margin: 2rem 0; }
.osusume-list ul { display: block; }
.osusume-list li { width: 100%; padding: 10px 10px 10px 36px; }
.osusume-list li:before { left: 12px; }
/*#rk2sel .micro .btn-type_micro { width:fit-content; }*/

/*section#reason .reason_wrapper .txt_whbox.whbox-type1, section#reason .reason_wrapper .txt_whbox.whbox-type2{
margin-bottom: 30rem;
}*/
}

/*add_bnr*/
#abs_bnr_area { position: fixed; right: 0; bottom: 7%; z-index: 3; }
#abs_bnr_area .add_cv_area { animation-name:FadeIn; animation-duration:.3s; animation-timing-function:ease-out; }
#abs_bnr_area .add_cv_area .cv_btn{ padding: 0.75rem 2rem; border-radius: 2rem; font-size: 1.125rem; box-sizing: border-box; position: relative; text-align: center; font-weight: bold; border:3px solid #fff; /* width: fit-content; */ display: block; margin: 0 0 1rem auto; }
#abs_bnr_area .add_cv_area .cv_btn:after { position: absolute; width: 0.8rem; height: 0.8rem; content: ''; display: block; border-top: 3px solid #fff; border-right: 3px solid #fff; top: 50%; right: 5%; transform: translate(0, -50%) rotate(45deg); }
#abs_bnr_area .add_cv_area .btn-type_contact{ background: #ea5504; color: #fff; }
#abs_bnr_area .add_cv_area .btn-type_dl{ background: #319e96; color: #fff; }
.page-to-top .icon-right-arrow{ fill:#319e96; }
.page-to-top a { border: 1px solid #319e96; background: rgba(255,255,255,.6); width: 4rem; height: 4rem; border-radius: 100%; }

@keyframes FadeIn{
 from{
 opacity:0;
 transform:translate(0,50%);
 }
 to{
 opacity:1;
 transform:translate(0,0);
 }
}