@charset "UTF-8";
.toppage_2019.top_ver4.top_ver5 .top_main.top_ver3 {
background: top / cover no-repeat url(https://unisearch.jp/wp-content/uploads/2023/11/top_back_n-scaled.jpg);
padding: 150px 0 0px 0;
height: 490px;
}
.toppage_2019.top_ver4.top_ver5 .top_main .ui-inner{
text-align: left;
position: relative;
min-height: auto;
}
.top_ver5 .top_main_w{
width: 518px;
height: 237px;
border-radius: 11px;
background: #fff;
opacity: 0.9;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
padding: 8px 20px 0 25px; 
}
.toppage_2019.top_ver4.top_ver5 .top_main_copy h2 {
color: #444444;
font-size: 26px;
margin-top: 5px;
}
.toppage_2019.top_ver4.top_ver5 .top_main_copy h1 {
color: #444444;
font-size: 26px;
margin-top: 5px;
}
.toppage_2019.top_ver4.top_ver5 .top_main img {
width: 62%;
}
.toppage_2019.top_ver4.top_ver5 .top_main_copy{
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: normal;
line-height: 39px;
text-align: left;
position: relative;
top:0px;
right: 0px;
display: block;
width: 100%;
padding: 0px;
}
.top_main_copy .orange-tex{
color: #ff9022;
}
.toppage_2019.top_ver4 .top_main_bot a {
display: block;
padding: 13px 15px 12px 15px;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
min-width: 150px;
background: #ff8228;
}
.top_ver5 .top_main_bot_in_n{
position: relative;
width: 518px;
}
.toppage_2019.top_ver4.top_ver5 .top_main .top_main_bot_in_n img {
width: 100%;
}
.top_ver5 .bot_text_n{
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: absolute;
top: 63px;
left: 113px;
font-size: 23px;
color: #fff;
letter-spacing: 0.1em;
}
.top_ver5 .swiper-container.slider4,
.top_ver5 .swiper-container.slider5{
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
padding: 15px;
}
@media screen and (max-width: 767px) {
.toppage_2019.top_ver4.top_ver5 .top_main .ui-inner.top_m0 {
padding: 15px;
min-height: auto;
}
.toppage_2019.top_ver4.top_ver5 .top_main .ui-inner.top_mm {
padding: 0;
min-height: auto;
}
.toppage_2019.top_ver4.top_ver5 .top_main.top_ver3 {
padding: 100px 0 0px 0;
height: auto;
}
.top_ver5 .top_main_w {
width: 100%;
height: auto;
border-radius: 11px;
background: #fff;
opacity: 0.9;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
padding: 25px 20px 25px 25px;
}
.toppage_2019.top_ver4.top_ver5 .top_main_copy h2 {
font-size: 19px;
line-height:30px;
}
.toppage_2019.top_ver4.top_ver5 .top_main img {
width: 315px;
}
.top_ver5 .top_main_bot_in_n{
position: relative;
margin:0 auto;
margin-top: 15px;
padding-bottom: 10px;
width: 360px;
}
.top_ver5 .bot_text_n {
top: 29px;
left: 78px;
font-size: 17px;
letter-spacing: 0.02em;
}
}
@media screen and (max-width: 480px) {
.toppage_2019.top_ver4.top_ver5 .top_main_copy h2 {
font-size: 18px;
line-height:30px;
}
}
@media screen and (max-width: 400px) {
.toppage_2019.top_ver4.top_ver5 .top_main_copy h2 {
font-size: 16px;
line-height:28px;
}
.top_ver5 .top_main_bot_in_n {
position: relative;
width: 310px;
}
.top_ver5 .bot_text_n {
top: 25px;
left: 70px;
font-size: 14px;
letter-spacing: 0.02em;
}
}
@media screen and (max-width: 365px) {
.toppage_2019.top_ver4.top_ver5 .top_main_copy h2 {
font-size: 14px;
line-height:26px;
}
}
.toppage_2019.top_ver4.top_ver5 .top_main .top_main_bot_n img {
width: 100%;
}
.toppage_2019.top_ver4.top_ver5 .ui-inner .top_cont3 h2.top_cont3_title{
padding-bottom: 25px;
line-height: 1.4;
font-size: 27px;
text-align: center!important;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content_out {
display: flex;
position: relative;
padding: 0;
justify-content: space-between;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content {
display: block;
position: relative;
margin: 0;
width: 235px;
height: 270px;
background: #fff;
border: 1px solid #d8d8d8;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content h3 {
font-size: 18px;
text-align: center;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_text {
display: block;
max-width: 100%;
text-align: center;
line-height: 1.5;
margin-top: 30px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_icn{
position: absolute;
bottom: 30px;
left: auto;
margin: 0px auto;
padding: 0;
}
.toppage_2019.top_ver4.top_ver5 .im1 img{
width: 100px;
}
.toppage_2019.top_ver4.top_ver5 .im2 img{
width: 86px;
}
.toppage_2019.top_ver4.top_ver5 .im3 img{
width: 100px;
}
.toppage_2019.top_ver4.top_ver5 .im4 img{
width: 100px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content.yashirushi {
display: block;
margin: 0;
width: 235px;
height: auto;
background: rgba(0, 0, 0, 0);
border: 0px solid #d8d8d8;
text-align: center;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content.yashirushi img {
width: 36px;
height: 148px;
}
.top_ver5 .top_cont3_content_out.ui-inner.yashirushi_out_sp{
display: none;
}
.top_ver5 .text-copy{
position: absolute;
top:40px;
left:0;
width: 100%;
text-align: center;
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
letter-spacing: 0.06em;
font-weight: 600;
}
.top_ver5 .text-copy .orange-tex{
color: #ff9022;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_content {
display: block;
position: relative;
margin: 0;
width: 235px;
height: 420px;
background: #fff;
border: 3px solid #ff8e22;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_content h3 {
font-size: 18px;
text-align: center;
color: #ff9022;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_icn {
position: relative;
bottom: auto;
left: auto;
margin: 0px auto;
padding: 0;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_icn.im1 {
margin: 20px auto 21px;
padding: 0;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .im1 img {
width: 70px;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_icn.im2 {
margin: 15px auto ;
padding: 0;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .im2 img {
width: 90px;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_icn.im3 {
margin: 21px auto;
padding: 0;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .im3 img {
width: 73px;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_icn.im4 {
margin: 10px auto;
padding: 0;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .im4 img {
width: 84px;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_topic{
font-size: 14px;
padding: 0 10px;
line-height: 1.6;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_topic ul li{
background:url(https://unisearch.jp/wp-content/uploads/2023/11/top_con3_check.png) no-repeat 0 8px;
background-size:auto 14px;
padding-left: 30px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.toppage_2019.top_ver4.top_ver5 .top_cont3_content_out {
display: flex;
flex-wrap: wrap; padding: 0 15px;
justify-content: space-between;
margin: 0 auto;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content_out.cont_after {
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: space-between;
margin: 15px 15px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content {
display: block;
position: relative;
margin: 0 0 15px 0;
width: 49%;
height: 200px;
background: #fff;
border: 1px solid #d8d8d8;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_content {
display: block;
position: relative;
margin: 0 0 15px 0;
width: 49%;
height: auto;
background: #fff;
border: border: 3px solid #ff8e22;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content h3 {
font-size: 14px;
text-align: center;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_text {
margin-top: 20px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_icn{
width: 100%;
display: block;
}
.toppage_2019.top_ver4.top_ver5 .im1 img{
width: 70px;
}
.toppage_2019.top_ver4.top_ver5 .im2 img{
width: 60px;
}
.toppage_2019.top_ver4.top_ver5 .im3 img{
width: 70px;
}
.toppage_2019.top_ver4.top_ver5 .im4 img{
width: 70px;
}
.top_ver5 .top_cont3_content_out.ui-inner.yashirushi_out{
display: none;
}
.top_ver5 .top_cont3_content_out.ui-inner.yashirushi_out_sp{
display: block;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content.yashirushi {
display: block;
position: relative;
margin: 0;
width: 100%;
height: auto;
background: rgba(0, 0, 0, 0);
border: 0px solid #d8d8d8;
text-align: center;
}
.toppage_2019.top_ver4.top_ver5 .top_cont3_content.yashirushi img {
width: 238px;
height: auto;
}
.top_ver5 .text-copy{
position: absolute;
top:10px;
left:0;
width: 100%;
text-align: center;
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 24px;
letter-spacing: 0.06em;
line-height: 1.3;
}
.toppage_2019.top_ver4.top_ver5 .cont_after .top_cont3_topic ul li{
background:url(https://unisearch.jp/wp-content/uploads/2023/11/top_con3_check.png) no-repeat 0 8px;
background-size:auto 9px;
padding-left: 15px;
margin-bottom: 10px;
}
} .top_ver5 .top_cont004{
background: #fff;
}
.top_ver5 .top_cont004.padbotm30{
padding-bottom: 30px;
}
.top_ver5 .top_cont004_text_in{
display: flex;
height: 330px;
border-radius: 16px;
background: #fff;
border: 3px solid #ff9022;
box-shadow: 0px 0px 8px rgba(222, 164, 53, 0.31);
max-width: 1020px;
margin: 20px auto;
align-items: center;
justify-content:space-between;
}
.top_ver5 .top_cont004_text0{
position: relative;
text-align: left;
width: 470px;
}
.top_ver5 .top_cont004_text-ic{
position: absolute;
top:8px;
left:13px;
width: 44px;
}
.top_ver5 .top_cont004_text1{
margin: 20px 0 20px 40px;
text-align: left;
line-height: 1.6;
}
.top_ver5 .top_cont004_text1 .orange-tex{
color: #ff9022;
}
.top_ver5 .top_cont004_text1 h2{
font-size: 26px;
}
.top_ver5 .top_cont004_text2{
margin: 20px 0 20px 40px;
font-size: 21px;
}
.top_ver5 .top_cont004_text2 span{
border-bottom: 3px solid #ff9022;
padding-bottom: 5px;
}
.top_ver5 .top_cont004_text3{
margin: 20px 0 20px 40px;
font-size: 16px;
}
.top_ver5 .top_cont004_img{
width: 498px;
padding-right: 40px;
aspect-ratio: 16 / 9;
}
.top_ver5 .top_cont004_img iframe {
width: 100%;
height: 100%;
}
.top_cont3_yaji{
background: center top / 100% no-repeat url(https://unisearch.jp/wp-content/uploads/2024/03/yajirusi.png);
overflow: hidden;
height: 82px;
}
@media screen and (max-width: 767px) {
.top_cont3_yaji{
background: center top / 400% no-repeat url(https://unisearch.jp/wp-content/uploads/2024/03/yajirusi.png);
overflow: hidden;
height: 82px;
}
.top_ver5 .top_cont004_text_in{
display: block;
height: auto;
border-radius: 16px;
background: #fff;
border: 3px solid #ff9022;
box-shadow: 0px 0px 8px rgba(222, 164, 53, 0.31);
max-width: 1020px;
margin: 20px 15px;
align-items: normal;
justify-content:normal;
}
.top_ver5 .top_cont004_text-ic {
position: absolute;
top: 0px;
left: 0px;
width: 44px;
}
.top_ver5 .top_cont004_text1 {
margin: 5px 0 20px 20px;
text-align: left;
line-height: 1.6;
padding: 20px 0 0 0px;
}
.top_ver5 .top_cont004_text0{
position: relative;
text-align: left;
width: 100%;
}
.top_ver5 .top_cont004_text2 {
margin: 20px;
}
.top_ver5 .top_cont004_text3 {
margin: 20px;
}
.top_ver5 .top_cont004_img{
width: 100%;
padding: 20px;
}
} .toppage_2019.top_ver5 h2.top_cont005_title{
font-size: 28px;
}
.toppage_2019.top_ver5 h2.top_cont005_title .orange-tex{
color: #ff9022;
}
.top_cont005_text0{
max-width: 1020px;
margin: 20px auto;
padding: 40px;
text-align: left;
background: #fff;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.16);
}
.top_ver5 .top_cont005{
background: #f5f6f8;
}
.top_ver202403 .top_cont005{
background: #fff;
padding-bottom:0px;
}
.top_ver5 .top_cont005_text0_in{
display: flex;
justify-content: space-between;
}
.top_ver5 .top_cont005_link{
display: flex;
width: 400px;
height: 40px;
border-radius: 20px;
background: #00478b;
border: 3px solid #386da0;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
color: #fff;
font-size:20px;
margin: 30px auto 0px;
justify-content: space-evenly;
align-items: center;
}
.top_ver5 .top_cont005_link a{
color: #fff;
}
.top_ver5 .top_cont005_link img{
width: 19px;
vertical-align: middle;
margin: -3px 0 0 -8px;
}
.toppage_2019.top_ver5 .title01 h2{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top-cont005_1.png);
background-size:46px auto;
}
.toppage_2019.top_ver5 .title02 h2{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top-cont005_2.png);
background-size:56px auto;
}
.toppage_2019.top_ver5 .title03 h2{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top-cont005_3.png);
background-size:55px auto;
}
.toppage_2019.top_ver5 .title04 h2{
background-image:url(https://unisearch.jp/wp-content/uploads/2024/03/top_ic_04_2.png);
background-size:57px auto;
}
.toppage_2019.top_ver5 .title05 h2 {
background-image: url(https://unisearch.jp/wp-content/uploads/2025/04/top_ic_05_2.png);
background-size: 57px auto;
}
.toppage_2019.top_ver5 .title01 h2,
.toppage_2019.top_ver5 .title02 h2,
.toppage_2019.top_ver5 .title03 h2,
.toppage_2019.top_ver5 .title04 h2,
.toppage_2019.top_ver5 .title05 h2
{
background-repeat:no-repeat;
background-position:left 6px;
padding-left:80px;
font-size: 22px;
line-height: 1.6;
}
.toppage_2019.top_ver5 .top_cont005_text1{
width: 445px;
}
.toppage_2019.top_ver5 .top_cont005_img{
width: 452px;
text-align: center;
font-size: 13px;
line-height: 1.6;
}
.toppage_2019.top_ver5 .top_cont005_img_text{
margin-top: 10px;
}
.toppage_2019.top_ver5 .top_cont005_text1_in{
margin-top: 30px;
font-size: 16px;
}
.top_ver5 .con_202403 .top_cont005_text0_in{
display: flex;
justify-content: space-between;
align-items: center;
}
.toppage_2019.top_ver5 .con_202403 .top_cont005_text1{
width: 480px;
}
.toppage_2019.top_ver5 .con_202403 .top_cont005_img{
width: 452px;
text-align: right;
font-size: 13px;
line-height: 1.6;
}
.toppage_2019.top_ver5 .riyu02 .top_cont005_img{
margin-top: 20px;
width: 580px;
}
.toppage_2019.top_ver5 .riyu02 .top_cont005_img_text {
margin-top: 20px;
width: 368px;
}
.toppage_2019.top_ver5.top_ver202403 .riyu02 .top_cont005_img_text {
margin-top: 20px;
width: 338px;
}
.toppage_2019.top_ver5 .riyu02 ul{ 
margin-bottom: 10px;
}
.toppage_2019.top_ver5 .riyu02 ul li:before{ 
display:inline-block; 
content:'・';
width:1em;
height: 1em;
}
.toppage_2019.top_ver5 .riyu02 ul li{ 
font-size: 14px;
}
.riyu02 .top_cont005_img_text h3{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top_cont005_ic1.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:30px;
font-size: 16px;
line-height: 1.6;
}
.riyu02 .top_cont005_img_text h3.top_cont005_tit_im2{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top_cont005_ic2.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:30px;
font-size: 16px;
line-height: 1.6;
}
.riyu02 .top_cont005_img_text h3.top_cont005_tit_im3{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top_cont005_ic3.png);
background-size:60px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:70px;
font-size: 16px;
line-height: 1.6;
}
.riyu02 .top_cont005_img_text h3.top_cont005_tit_im4{
background-image:url(https://unisearch.jp/wp-content/uploads/2023/11/top_cont005_ic4.png);
background-size:40px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:50px;
font-size: 16px;
line-height: 1.6;
}
.riyu02.ver_202403 .top_cont005_img_text h3{
background-image:url(https://unisearch.jp/wp-content/uploads/2024/03/top_ic_a.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:30px;
font-size: 16px;
line-height: 1.6;
}
.riyu02.ver_202403 .top_cont005_img_text h3.top_cont005_tit_im2{
background-image:url(https://unisearch.jp/wp-content/uploads/2024/03/top_ic_b.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:30px;
font-size: 16px;
line-height: 1.6;
}
.riyu02.ver_202403 .top_cont005_img_text h3.top_cont005_tit_im3{
background-image:url(https://unisearch.jp/wp-content/uploads/2024/03/top_ic_c.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:30px;
font-size: 16px;
line-height: 1.6;
}
.riyu02.ver_202403 .top_cont005_img_text h3.top_cont005_tit_im4{
background-image:none;
background-size:0px auto;
background-repeat:no-repeat;
background-position:left 3px;
padding-left:0px;
font-size: 16px;
line-height: 1.6;
} .top_cont005_text0.riyu03 .top_cont005_text0_in {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
max-width: 1000px;
margin: 0 auto;
padding: 10px 20px;
box-sizing: border-box;
}
.top_cont005_text0.riyu03 .top_cont005_text1_in{
width: 50%;
box-sizing: border-box;
}
.top_cont005_text0.riyu03 .top_cont005_img {
width: 40%;
box-sizing: border-box;
}
.top_cont005_text0.riyu03 .top_cont005_img img {
width: 100%;
height: auto;
display: block;
} @media screen and (max-width: 768px) {
.top_cont005_text0.riyu03 .top_cont005_text0_in {
flex-direction: column;
margin-top: 0;
}
.top_cont005_text0.riyu03 .top_cont005_text1_in,
.top_cont005_text0.riyu03 .top_cont005_img {
width: 100%;
}
}
.top_ver5 .top_cont005_text0_in .case_company_logo.product_com_logo a {
width: 16%;
padding: 2%;
border-top: solid 0px #e5e5e5;
border-left: solid 0px #e5e5e5;
}
.pc-brn{
display: block;
}
@media screen and (max-width: 767px) {
.pc-brn{
display: none;
}
.toppage_2019.top_ver5 h2.top_cont005_title {
font-size: 28px;
line-height: 1.4;
padding-top: 30px;
}
.top_ver5 .top_cont005 {
padding: 0 15px;
}
.top_ver5 .top_cont005_text0_in {
display: block;
justify-content: space-between;
margin-bottom: 40px;
}
.top_ver5.top_ver202403 .top_cont005_text0_in.marg0 {
display: block;
justify-content: space-between;
margin-bottom: 0px;
}
.top_ver5.top_ver202403 .top_cont005_text0_in {
display: block;
justify-content: space-between;
margin-bottom: 40px;
}
.top_ver5 .con_202403 .top_cont005_text0_in{
display: block;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.toppage_2019.top_ver5 .top_cont005_text1 {
width: 100%;
}
.toppage_2019.top_ver5 .top_cont005_img {
width: 100%;
}
.toppage_2019.top_ver5.top_ver202403 .top_cont005_img {
width: 100%;
padding-top:30px;
}
.toppage_2019.top_ver5 .riyu02 .top_cont005_img {
margin-top: 20px;
width: 100%;
}
.toppage_2019.top_ver5 .con_202403 .top_cont005_text1 {
width: 100%;
}
.toppage_2019.top_ver5 .con_202403 .top_cont005_img {
width: 100%;
}
.toppage_2019.top_ver5 .top_cont005_text0 {
margin: 20px auto;
padding: 15px 15px 40px 15px;
text-align: left;
}
.case_company_logo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.top_ver5 .top_cont005_text0_in .case_company_logo.product_com_logo a {
width: 30%;
padding: 0%;
border-top: solid 0px #e5e5e5;
border-left: solid 0px #e5e5e5;
}
.top_ver5 .top_cont005_link {
display: flex;
width: 90%;
height: 40px;
border-radius: 20px;
background: #00478b;
border: 3px solid #386da0;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
color: #fff;
margin: 0 auto;
justify-content: space-evenly;
align-items: center;
font-size: 14px;
}
.top_cont005_link img {
width: 20px;
vertical-align: middle;
margin: -3px 0 0 -12px;
}
.toppage_2019.top_ver5 .riyu02 .top_cont005_img_text {
margin-top: 20px;
width: 100%;
}
} .toppage_2019.top_ver5 .top_cont006{
max-width: 1020px;
margin: 20px auto;
text-align: center;
}
.toppage_2019.top_ver5 .top_cont006_text1 h2 {
font-size: 28px;
}
.toppage_2019.top_ver5 .top_cont006_text2{
font-size: 16px;
margin-top: 20px;
}
.toppage_2019.top_ver5 .top_cont006_img{
font-size: 13px;
margin-top: 20px;
margin-bottom: 40px;
}
.top_cont006_text_in .top_cont005_link_text{
margin-right: -50px;
}
.cont006im_pc{
display: block;
}
.cont006im_sp{
display: none;
}
@media screen and (max-width: 767px) {
.toppage_2019.top_ver5 .top_cont006 {
max-width: 1020px;
margin: 20px 0;
text-align: center;
padding-bottom: 30px;
}
.toppage_2019.top_ver5 .top_cont006_text_in{
padding: 0 15px;
}
.cont006im_pc{
display: none;
}
.cont006im_sp{
display: block;
margin-bottom: -30px;
}
} .top_ver5 .top_cont10{
background: #f5f6f8;
}
.top_ver5 .top_cont10 h2 {
color: #333;
font-size: 26px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_cont10_content {
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
width: 700px;
padding: 20px 40px
}
.toppage_2019.top_ver4.top_ver5 .top_cont10_content_in.left_con {
width: 39%;
margin-right: 3%;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10_content_in.right_con {
width: 57%;
line-height: 1.6;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_cont10_content .top_cont10_content_in.left_con {
display: inline-block;
text-align: left;
font-size: 16px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10_content_in.left_con .top_cont10_name{
font-size: 18px;
font-weight: bold;
margin-top: 15px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10_content_in img.sankaku {
width: 24px;
margin: 10px 10px 10px 27px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .cont_right_tit {
font-size: 20px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_cont10_content .top_cont10_content_in.right_con {
font-size: 16px;
}
.toppage_2019.top_ver4.top_ver5 .cont_right_tit_sen{
height: 3px;
width: 120px;
border-bottom: 3px solid #ff9022;
padding-top: 8px;
}
.top_ver5 .cont10_cont_right_text{
padding-top: 30px;
font-weight: bold;
}
.top_ver5 .bf_ao{
width: 75px;
background: #fff;
border: 3px solid #00478b;
padding: 0;
text-align: center;
font-weight: bold;
font-size: 16px;
text-align: center;
color: #00478b;
margin-bottom: 10px;
}
.top_ver5 .af_orange{
width: 75px;
background: #ff9022;
color: #fff;
text-align: center;
font-weight: bold;
padding: 0;
border: 3px solid #ff9022;
font-size: 16px;
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.top_ver5 .top_cont10 h2 {
font-size: 22px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_cont10_content {
width: 98%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
padding: 15px 0px;
margin: 15px auto;
color: #282832;
background: #fff;
height: 810px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10_content_in.left_con {
width: 94%;
margin: 0 3%;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10_content_in.right_con {
width: 94%;
line-height: 1.6;
margin: 0 3%;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .slider2 .swiper-button-prev {
display: none;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .slider2 .swiper-button-next {
display: none;
}
} .toppage_2019.top_ver4.top_ver5 .top_cont_news {
background: #fff;
}
.top_ver5 .top_cont_news.ver2020 .top_cont_news_content h2 {
text-align: center;
font-size: 26px;
}
.top_ver5 .top_cont_news.ver2020 .top_cont_news_banner {
width: 48%;
margin-top: 0px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04.onlinemeet{
background: center top / cover no-repeat url(https://unisearch.jp/wp-content/uploads/2023/11/back.jpg);
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04.onlinemeet .top_cont_04_in{
width: 780px;
position: relative;
padding: 0px;
margin: 0 auto;
}
.toppage_2019.top_ver4.top_ver5 .bot_text{
font-family: 'M PLUS 2', sans-serif;
position: absolute;
top: 71px;
left: 320px;
font-size: 30px;
color: #fff;
letter-spacing: 0.1em;
font-weight: normal;
text-align: center;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04_in .onlinemeet_pc{
display: block;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04_in .onlinemeet_sp{
display: none;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_news_content li a:visited, .toppage_2019.top_ver4 .top_cont_news_content li a {
color: #333;
text-decoration: underline;
line-height: 1.6;
}
.toppage_2019.top_ver4.top_ver5 .news_list a,.toppage_2019.top_ver4.top_ver5 .news_list a:visited {
color: #ff9022;
}
@media screen and (max-width: 767px) {
.toppage_2019.top_ver4.top_ver5 .top_cont_04_in .onlinemeet_pc{
display: none;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04_in .onlinemeet_sp{
display: block;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04.onlinemeet {
display: block;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_news.ver2020 .news-banner2010_pc {
display: block;
}
.top_ver5 .top_cont_news.ver2020 .top_cont_news_banner {
width: 100%;
margin-top: 0px;
}
.top_ver5.top_ver202403 .top_cont_news.ver2020 .top_cont_news_banner {
display:none;
width: 100%;
margin-top: 0px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont_04.onlinemeet .top_cont_04_in {
width: 360px;
position: relative;
padding: 0px;
margin: 0 auto;
}
.toppage_2019.top_ver4.top_ver5 .bot_text {
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: absolute;
top: 71px;
left: 140px;
font-size: 26px;
color: #fff;
letter-spacing: 0.1em;
font-weight: normal;
text-align: center;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
}
#tagline.tag_margin.new_top{
background: #fff;
margin: 30px 0 30px 0;
}
#footer.footer-deta{
background: #f0f0f0;
}
@media screen and (max-width: 375px) {
.toppage_2019.top_ver4.top_ver5 .top_cont_04.onlinemeet .top_cont_04_in {
width: 280px;
position: relative;
padding: 0px;
margin: 0 auto;
}
.toppage_2019.top_ver4.top_ver5 .bot_text {
top: 56px;
left: 105px;
font-size: 22px;
}
}
.top_ver202403 .top_cont005_text0 a{
text-decoration:underline;
color:#333;
} .top_ver5 .top_main_bot_in_n {
position: relative;
display:flex;
width: 980px;
}
.top_ver5 .top_main_bot_n{
margin-top:20px;
width: 490px;
}
.top_ver5 .top_main_bot_n img{
margin:0;
}
.top_ver5 .muryo_top_bo .bot_text_n {
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: absolute;
top: 65px;
left: 133px;
font-size: 20px;
color: #fff;
letter-spacing: 0.1em;
}
.top_ver5 .siryo_top_bo .bot_text_n {
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: absolute;
top: 65px;
left: 600px;
font-size: 20px;
color: #fff;
letter-spacing: 0.1em;
}
.top_ver5 .top_main_bot_n.muryo_top_bo {
background: url(https://unisearch.jp/wp-content/uploads/2024/06/bot_top_01_on_2.png) no-repeat;
background-size:contain;
}
.top_ver5 .top_main_bot_n.muryo_top_bo a {
display: inline-block;
transition: opacity 0s ease;
}
.top_ver5 .top_main_bot_n.muryo_top_bo a:hover{
opacity: 1;
}
.top_ver5 .top_main_bot_n.muryo_top_bo a:hover .bot_text_n{
color: #FF8228;
}
.top_ver5 .top_main_bot_n.muryo_top_bo a:hover {
background-color: transparent; }
.top_ver5 .top_main_bot_n.muryo_top_bo a:hover img {
visibility: hidden;
}
.top_ver5 .top_main_bot_n.siryo_top_bo {
background: url(https://unisearch.jp/wp-content/uploads/2024/06/bot_top_02_on_2.png) no-repeat;
background-size: contain;
}
.top_ver5 .top_main_bot_n.siryo_top_bo a {
display: inline-block;
transition: opacity 0s ease;
}
.top_ver5 .top_main_bot_n.siryo_top_bo a:hover{
opacity: 1;
}
.top_ver5 .top_main_bot_n.siryo_top_bo a:hover .bot_text_n{
color: #00478B;
}
.top_ver5 .top_main_bot_n.siryo_top_bo a:hover {
background-color: transparent; }
.top_ver5 .top_main_bot_n.siryo_top_bo a:hover img {
visibility: hidden;
}
.top_cont3 {
background: #f5f6f8;
padding: 80px 0 20px 0;
}
.top_main_bo_pc{
display:block;
}
.top_main_bo_sp{
display:none;
}
@media screen and (max-width: 767px) {
.top_main_bo_pc{
display:none;
}
.top_main_bo_sp{
display:block;
}
.top_ver5 .top_main_bot_in_n {
position: relative;
display:block;
width: 100%;
}
.top_ver5 .top_main_bot_n{
margin-top:20px;
width: 100%;
}
.top_ver5 .muryo_top_bo .bot_text_n {
position: absolute;
top: 25px;
left: 133px;
display:none;
}
.top_ver5 .siryo_top_bo .bot_text_n {
position: absolute;
top: 170px;
left: 108px;
display:none;
}
.top_ver5 .top_main_bot_n.muryo_top_bo {
background:none;
}
.top_ver5 .top_main_bot_n.siryo_top_bo {
background: none;
margin: -20px 0 0 0;
}
.top_ver5 .top_main_bot_n.muryo_top_bo a:hover img,
.top_ver5 .top_main_bot_n.siryo_top_bo a:hover img{
visibility: visible;
}
}
.top_cont_news.ver2020 .top_cont_news_content {
width: 100%; 
}
.top_cont_news.ver2020 .top_cont_news_content li:nth-last-child(1),
.top_cont_news.ver2020 .top_cont_news_content li:nth-last-child(2) {
display:block;
} .top_case{
display:flex;
justify-content: space-between;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content {
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
width: 31%;
padding: 15px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content.case01_top,
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content.case02_top{
margin-right:3%;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content .top_cont10_content_in.left_con {
display: block;
text-align: left;
font-size: 16px;
width:100%;
margin-right:0;
line-height: normal;
height:410px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content .top_cont10_content_in.right_con {
font-size: 16px;
width:100%;
}
.toppage_2019.top_ver4.top_ver5 .top_case .top_cont10_content_in.left_con .top_cont10_name {
font-size: 18px;
font-weight: normal;
margin-top: 15px;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .cont_right_tit {
font-size: 16px;
margin-top: 20px;
}
.top_ver5 .top_case .bf_ao {
width: 100%;
background: #fff;
border: 3px solid #00478b;
padding: 0;
font-weight: 300;
font-size: 16px;
text-align: left;
color: #333;
margin-bottom: 10px;
padding: 5px 10px;
}
.top_ver5 .top_case .bf_ao span {
color: #00478b;
font-weight: bold;
}
.toppage_2019.top_ver4.top_ver5 .top_case .top_cont10_content_in img.sankaku {
margin: 0;
}
.top_ver5 .top_case .cont10_cont_right_text {
text-align: center;
}
.top_ver5 .top_case .af_orange {
width: 100%;
background: #fff;
border: 3px solid #ff9022;
color: #333;
font-weight: 300;
padding: 0;
font-size: 16px;
text-align: left;
margin-bottom: 10px;
padding: 5px 10px;
}
.top_ver5 .top_case .af_orange span {
color: #ff9022;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.top_case{
display:block;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content {
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
width: 100%;
padding: 15px;
height:auto;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content.case01_top,
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content.case02_top{
margin-right:0%;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_case .top_cont10_content .top_cont10_content_in.left_con {
height: auto;
width:auto;
margin:0;
}
.toppage_2019.top_ver4.top_ver5 .top_cont10 .top_cont10_content_in.right_con {
width: 100%;
line-height: 1.6;
margin: 0;
}
}
.font-or{
color:#ff9022;
}
   .c-mt--5 {
margin-top: 5px;
}
.c-mt--10 {
margin-top: 10px;
}
.c-mt--15 {
margin-top: 15px;
}
.c-mt--20 {
margin-top: 20px;
}
.c-mt--25 {
margin-top: 25px;
}
.c-mt--30 {
margin-top: 30px;
}
.c-mt--35 {
margin-top: 35px;
}
.c-mt--40 {
margin-top: 40px;
}
.c-mt--45 {
margin-top: 45px;
}
.c-mt--50 {
margin-top: 50px;
}
.c-mt--55 {
margin-top: 55px;
}
.c-mt--60 {
margin-top: 60px;
}
.c-mt--65 {
margin-top: 65px;
}
.c-mt--70 {
margin-top: 70px;
}
.c-mt--75 {
margin-top: 75px;
}
.c-mt--80 {
margin-top: 80px;
}
.c-mt--85 {
margin-top: 85px;
}
.c-mt--90 {
margin-top: 90px;
}
.c-mt--95 {
margin-top: 95px;
}
.c-block--pc {
display: block !important;
}
@media (max-width: 767px) {
.c-block--pc {
display: none !important;
}
}
.c-block--sp {
display: none !important;
}
@media (max-width: 767px) {
.c-block--sp {
display: block !important;
}
} .c-product-wrap {
width: 100%;
max-width: 1020px;
margin: 90px auto 0;
}
@media (max-width: 767px) {
.c-product-wrap {
max-width: 100%;
}
}
.c-product-cont {
width: 100%;
display: grid;
grid-template-columns: 675px 250px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
position: relative;
}
@media (max-width: 991px) {
.c-product-cont {
grid-template-columns: 67% 28%;
}
}
@media (max-width: 767px) {
.c-product-cont {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
grid-template-columns: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.c-product-pankz__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 10px;
font-size: 13px;
}
.c-product-pankz__list-item {
margin-right: 5px;
}
.c-product-pankz__list-item a {
text-decoration: underline;
}
.c-product-pankz__list-item span {
margin-left: 5px;
}
@media (max-width: 767px) {
.c-product-heading {
padding-left: 15px;
padding-right: 15px;
}
}
.c-product-heading__title {
margin-bottom: 10px;
font-size: 26px;
letter-spacing: 0.1em;
line-height: 40px;
text-align: left;
font-weight: 500;
border-bottom: 3px solid #FF9022;
}
@media (max-width: 767px) {
.c-product-heading__title {
font-size: 24px;
letter-spacing: 0;
}
}
.c-product-heading__text {
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
text-align: left;
}
@media (max-width: 767px) {
.c-product-body {
padding-left: 15px;
padding-right: 15px;
}
}
.c-product-body__inner {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px) {
.c-product-body__inner {
padding-left: 0;
padding-right: 0;
}
}
.c-product-body__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
margin-bottom: 10px;
border-left: 10px solid #FF9022;
background: #F5F6F8;
text-align: left;
position: relative;
}
.c-product-body__title span {
font-size: 18px;
line-height: 24px;
letter-spacing: 0.08em;
font-weight: 500;
}
@media (max-width: 767px) {
.c-product-body__title {
padding: 13px 10px;
}
.c-product-body__title span {
line-height: 20px;
letter-spacing: 0;
}
.c-product-body__title.js-accordion-btn {
font-weight: bold;
}
}
.c-product-body__title-icon {
position: absolute;
right: 10px;
display: block;
width: 25px;
height: 25px;
}
.c-product-body__title-icon .is-close {
display: none;
}
.c-product-body__title-icon.close .is-open {
display: none;
}
.c-product-body__title-icon.close .is-close {
display: block;
}
.c-product-body__subtitle, .c-product-body__subtitle--ex {
font-size: 16px;
letter-spacing: 0.04em;
line-height: 20px;
text-align: left;
font-weight: bold;
}
@media (max-width: 767px) {
.c-product-body__subtitle, .c-product-body__subtitle--ex {
letter-spacing: 0;
}
}
.c-product-body__subtitle span, .c-product-body__subtitle--ex span {
margin-right: 3px;
font-weight: bold;
color: #FF9022;
}
.c-product-body__subtitle--ex {
font-size: 14px;
font-weight: bold;
color: #FF9022;
}
.c-product-body__text {
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
text-align: left;
letter-spacing: -0.02em;
}
.c-product-body__text em, .c-product-body__text strong {
font-weight: bold;
font-style: normal;
}
.c-product-body__text a {
display: inline;
text-decoration: underline;
color: #333333;
}
.c-product-body__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
margin: auto;
}
.c-product-body__grid {
display: grid;
grid-template-columns: 370px 1fr;
gap: 15px;
}
@media (max-width: 991px) {
.c-product-body__grid {
grid-template-columns: 45% 50%;
}
}
@media (max-width: 767px) {
.c-product-body__grid {
grid-template-columns: 1fr;
}
}
.c-product-body__list {
padding-left: 18px;
list-style: disc;
}
.c-product-body__list-merit-item {
display: grid;
grid-template-columns: 90px 1fr;
gap: 15px;
padding-left: 15px;
}
.c-product-body__list-merit-item .c-product-body__text {
padding-left: 15px;
}
@media (max-width: 767px) {
.c-product-body__list-merit-item {
padding-left: 0;
}
}
.c-product-body__list-ol {
list-style: none;
}
.c-product-body__list-ol-item {
padding-left: 0;
}
.c-product-body__list-ol-item span {
margin-right: 3px;
font-weight: bold;
color: #FF9022;
}
.c-product-body__list-ol-item .c-product-body__text {
padding-left: 15px;
}
.c-product-body__list-text, .c-product-body__list-text--ex {
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
text-align: left;
letter-spacing: -0.04em;
padding: 2px 0;
}
.c-product-body__list-text em, .c-product-body__list-text--ex em, .c-product-body__list-text strong, .c-product-body__list-text--ex strong {
font-weight: bold;
font-style: normal;
}
.c-product-body__list-text a, .c-product-body__list-text--ex a {
display: inline;
text-decoration: underline;
color: #333333;
}
.c-product-body__list-text::marker, .c-product-body__list-text--ex::marker {
color: #FF9022;
font-weight: bold;
}
.c-product-body__list-text a, .c-product-body__list-text--ex a {
text-decoration: underline;
}
.c-product-body__list-text--ex {
letter-spacing: 0;
}
.c-product-body__nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.c-product-body__nav-list {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
}
.c-product-body__nav-item a {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-decoration: underline;
font-size: 16px;
}
.c-product-body__nav-item:first-of-type a {
padding-left: 35px;
background: url(https://unisearch.jp/wp-content/uploads/2020/04/swiper5.png) no-repeat center left/contain;
background-size: 25px 25px;
}
.c-product-body__nav-item:last-of-type a {
padding-right: 35px;
background: url(https://unisearch.jp/wp-content/uploads/2020/04/swiper6.png) no-repeat center right/contain;
background-size: 25px 25px;
}
@media (max-width: 767px) {
.c-product-body__nav-item {
width: 50%;
padding: 20px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
font-size: 14px;
line-height: 20px;
}
.c-product-body__nav-item:first-of-type {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-right: 1px solid #DDDDDD;
}
.c-product-body__nav-item:first-of-type a {
padding-left: 30px;
background-size: 20px 20px;
}
.c-product-body__nav-item:last-of-type {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-product-body__nav-item:last-of-type a {
padding-right: 30px;
background-size: 20px 20px;
}
}
.c-product-body__movie {
width: 100%;
aspect-ratio: 16/12;
}
.c-product-body__movie iframe {
width: 100%;
height: 100%;
border: 1px solid #BEBEBE;
}
.c-product-body__slider {
width: 100%;
max-width: 674px;
margin: auto;
position: relative;
}
@media (max-width: 991px) {
.c-product-body__slider {
max-width: 100%;
}
}
.c-product-body__slider .swiper-button-prev {
width: 20px;
height: 50px;
left: 0;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #FF9022 url(https://unisearch.jp/wp-content/uploads/2024/02/icon_product_prev.png) no-repeat;
background-size: contain;
}
.c-product-body__slider .swiper-button-next {
width: 20px;
height: 50px;
right: 0;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #FF9022 url(https://unisearch.jp/wp-content/uploads/2024/02/icon_product_next.png) no-repeat;
background-size: contain;
}
.c-product-body__slider-item {
height: auto;
margin-bottom: 10px;
}
.c-product-body__slider-inner {
height: 100%;
display: grid;
grid-template-columns: 223px 1fr;
gap: 15px;
margin: 0 30px;
border: 1px solid #BFBFBF;
-webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
position: relative;
}
@media (max-width: 991px) {
.c-product-body__slider-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
.c-product-body__slider-inner {
margin: 0 25px;
}
}
.c-product-body__slider-textarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
}
@media (max-width: 991px) {
.c-product-body__slider-textarea {
padding: 10px 20px 0;
gap: 0;
}
}
.c-product-body__slider-imgarea {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
}
@media (max-width: 991px) {
.c-product-body__slider-imgarea {
padding: 0 10px 10px;
}
}
.c-product-body__slider-num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 5px;
font-size: 14px;
font-weight: bold;
color: #FF9022;
}
.c-product-body__slider-num-large {
font-size: 22px;
}
.c-product-body__slider-ttl {
padding: 0;
font-size: 16px;
font-weight: bold;
text-align: left;
line-height: 27px;
}
.c-product-body__slider-ttl span {
display: block;
font-size: 14px;
line-height: 24px;
}
.c-product-body__slider-ttl::before, .c-product-body__slider-ttl::after {
content: none;
}
.c-product-body__slider-txt {
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
text-align: left;
}
.c-product-body__slider-txt em, .c-product-body__slider-txt strong {
font-weight: bold;
font-style: normal;
}
.c-product-body__slider-txt a {
display: inline;
text-decoration: underline;
color: #333333;
}
.c-product-body__slider-img {
margin: 0;
}
.c-product-body__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-product-body__btn a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 277px;
font-size: 16px;
color: #fff;
background: #FF9022;
border: 3px solid #FF9C14;
border-radius: 20px;
position: relative;
}
.c-product-body__btn a:after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
background: url(https://unisearch.jp/wp-content/uploads/2024/03/icon-arr.png) no-repeat;
background-size: contain;
width: 10px;
height: 16px;
}
.c-product-side {
position: relative;
}
.c-product-side__inner {
position: sticky;
top: 80px;
left: 0;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.c-product-side__title {
font-size: 16px;
font-weight: 500;
line-height: 45px;
text-align: center;
border-bottom: 2px solid #DDDDDD;
}
.c-product-side__list {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-product-side__list > li {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
background: #fff;
}
.c-product-side__list > li.is-active > a {
pointer-events: none;
background: #F5F6F8;
}
.c-product-side__list > li > a {
display: block;
width: 100%;
padding: 10px 15px;
font-size: 14px;
font-weight: bold;
line-height: 17px;
color: #333;
border-bottom: 1px solid #ddd;
position: relative;
}
.c-product-side__list > li > a:after {
content: "";
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 8px;
height: 8px;
background: url(https://unisearch.jp/wp-content/uploads/2024/02/arr-icon-side.png) center center/contain;
}
.c-product-side__list > li > a:hover, .c-product-side__list > li > a:focus {
background: #F5F6F8;
opacity: 1;
}
.c-product-side__list > li ul {
display: none;
width: 100%;
margin: 0;
}
.c-product-side__list > li ul.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-product-side__list > li ul li {
width: 100%;
border-bottom: 1px solid #ddd;
}
.c-product-side__list > li ul li a {
display: block;
width: 100%;
padding: 10px 30px 10px 20px;
font-size: 13px;
color: #333333;
font-weight: 400;
line-height: 17px;
letter-spacing: -0.02em;
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.c-product-side__list > li ul li a:after {
content: "";
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 8px;
height: 8px;
background: url(https://unisearch.jp/wp-content/uploads/2024/02/arr-icon-side.png) center center/contain;
}
.c-product-side__list > li ul li a:hover {
background: rgba(255, 144, 34, 0.3);
opacity: 1;
}
.c-product-side__list > li ul li a:focus {
outline: none;
}
.c-product-side__list > li ul li a.highlight {
pointer-events: none;
background: rgba(255, 144, 34, 0.3);
}
.c-product-nav {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.c-product-nav__inner {
padding: 15px 6vw;
border: 1px solid #DDDDDD;
overflow: hidden;
position: relative;
}
.c-product-nav__inner.js-show-bg:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgb(255, 255, 255)));
background: linear-gradient(rgba(255, 255, 255, 0.5), rgb(255, 255, 255));
}
.c-product-nav__list {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-product-nav__list > li {
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
.c-product-nav__list > li.is-active > a {
pointer-events: none;
}
.c-product-nav__list > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333;
}
.c-product-nav__list > li > a::before {
content: "●";
margin-right: 2px;
color: #FF9022;
font-size: 12px;
}
.c-product-nav__list > li ul {
display: none;
margin: 0;
padding-left: 30px;
list-style: disc;
}
.c-product-nav__list > li ul.is-active {
display: block;
}
.c-product-nav__list > li ul li a {
display: block;
padding: 5px 0;
font-size: 13px;
color: #333333;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.02em;
text-decoration: underline;
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.c-product-nav__btn {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
width: 170px;
margin: auto;
padding: 0;
border-radius: 5px;
color: #fff;
font-size: 14px;
line-height: 32px;
text-shadow: none;
background: #00478B;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #00478B;
z-index: 3;
}
.c-product-nav__btn:hover, .c-product-nav__btn:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #00478B;
}
.c-product-nav__btn:after {
content: "";
display: inline-block;
margin-left: 5px;
width: 12px;
height: 12px;
background: url(https://unisearch.jp/wp-content/uploads/2024/02/btn-icon-plus.png) center center/contain;
}
.headr-banner_on .c-product-side__inner {
top: 146px;
}