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