@charset "utf-8";
@import url("./color.css");
.smp,
.open_close {
display: none;
}
.bar_outer {
display: block;
}
.g_nav_outer.pc {
display: block;
}
.g_nav_smp {
display: none;
}
.smp_hero {
display: none;
}
.g_nav_smp .search_box {
display: none;
}
.smp_to_top {
display: none;
}
#top .view_smp {
display: none;
}
#top .view_pc {
display: block;
}
.smp_txt {
display: none;
}
/* ======================================================================
smp
======================================================================== */
@media screen and (max-width: 760px) {
.pcs {
display: none !important;
}
body {
font-size: 13px !important;
}
.smp_none {
display: none;
}
.to_top {
background: transparent;

display: none;
padding: 0px;
position: fixed;
right: 30px;
text-align: center;
width: 64px;
z-index: 900;
}
.to_top img {
display: none;
}
.smp_to_top {
bottom: 30px;
display: block;
padding: 0px 0;
position: fixed;
right: 3px;
text-align: center;
width: 45px;
z-index: 999;
}
.smp_to_top img {
width: 100%;
height: auto;
}
.smp_to_top.view {
display: block;
}
#top .view_smp {
display: block;
}
#top .view_pc {
display: none;
}
.sec .content_body .contents p,
.sec .content_body .contents li,
.sec .content_body .contents dt,
.sec .content_body .contents dd,
.sec .content_body .contents p {
line-height: 1.6;
}
a:hover {
text-decoration: none !important;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: auto;
z-index: 998;
background: #fff;

border-top: 0;
padding-top: 0;
}
.g_nav_outer.pc {
display: none;
}
.smp {
display: block;
}
.g_nav_smp {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: -1;
background: #fff;
height: 100%;
overflow-y: scroll;
padding-top: 49px;
}
.bar_outer {
display: none;
}
#top .content_body img {
width: 100%;
height: auto;
}
#top h2 img {
width: auto !important;
}
header .inner {
width: auto;
margin: 0 auto;
position: relative;
height: auto;
border-bottom: 1px solid #ececec;
z-index: 999;
background: #fff;
padding-top: 2px;
}
header .serach_area {
position: static;
right: 0;
width: 95%;
margin: 0 auto;
font-size: 13px;
transition: none;
display: none;
}

.serach_area {
display: none;
}
header h1 {
padding: 8px 0 10px 13px;
text-align: left;
}
header h1 img {
width: 35%;
max-width: 150px;
}
.open_close {
display: block;
width: 28px;
height: auto;
position: absolute;
right: 10px;
top: 10px;
}
.open_close img {
width: 100%;
height: auto;
}
header .g_nav ul {
display: block;

margin: 0 auto;
position: relative;
width: auto;
z-index: 300;
}
.g_nav_smp .search_box {
display: block;
padding: 7px 15px;
}
header .g_nav ul li {
float: none;
border-bottom: 1px solid #fff;
}
header .g_nav {
border-top: none;
background: #b3b3b1;
}
header .g_nav ul.subs li {
float: none;
background: #f1f1f1;
border-bottom: 1px solid #c7c7c7;
font-size: 13px;
}
header .g_nav ul li:first-child a,
header .g_nav ul li a {
display: block;
font-weight: 300;
padding: 6px 15px;
}
.g_nav_smp .list_area {
display: none;
background: #004ea2;
}
.g_nav_smp .list_area a:link,
.g_nav_smp .list_area a:visited,
.g_nav_smp .list_area a:hover {
color: #fff !important;
}
.g_nav_smp .list_area .midl {
display: none;
background: #135eb0;
}
.g_nav_smp .list_area .midl a {
padding: 5px 0px 5px 35px;
border-top: 1px solid #3c7abc;
display: block;
}
.g_nav_smp .list_area .midl2 a {
padding: 5px 0px 5px 55px;
background: #3a7bc1;
}
.g_nav_smp .list_area .main {
display: block;
}
.g_nav_smp .yaji_sita {
font-size: 10px;
position: relative;
line-height: 1;
display: inline-block;
margin-left: 5px;
top: -1px;
}
.g_nav_smp .list_area .midl2 {
display: none;
}
#top .content_body,
.sec .content_body,
footer .inner {
width: auto;
padding: 0px 0 0px 0px !important;
overflow: hidden;
}
footer .inner {
width: auto;
padding: 0px 0 0px 0px !important;
overflow: hidden;
}
#top .content_body {
padding-top: 0 !important;
}
.content_body .news_area .inner,
.content_body .about_area .inner,
.content_body .service_area .inner,
.content_body .shiru_area .inner,
.sub_area .inner,
.title_area .inner,
#shiru_body .content_body,
#news_body .content_body {
width: auto;
margin: 0 auto;
overflow: hidden;
padding: 10px 20px !important;
position: relative;
}
#top .content_body .news_area .inner {
padding-top: 0 !important;
}
#top .content_body .service_area .colum_3 h3 {
background: #004ea2 none repeat scroll 0 0;
color: #fff;
font-weight: 500;
padding: 3px 10px;
}

.content_body .service_area .colum_3 p {
color: #000;
height: auto;
overflow: hidden;
padding: 5px 10px;
text-align: left;
}
.title_area .pankz {
display: none;
}

.title_area {
background: #004ea2 none repeat scroll 0 0;
color: #fff;
padding-bottom: 0px;
padding-top: 45px;
}
.en .title_area {
padding-top: 55px;
}
.title_area h2 {
padding: 0;
font-size: 18px;
font-weight: 500;
}

#serv_body .title_area .tag {
margin: 15px 0 0 -5px;
position: static;
}

.content_body .news_block_outer {
margin-left: 0;
}
.content_body .news_block {
background: #fff none repeat scroll 0 0;
float: none;
height: auto;
margin: 0 auto 10px auto !important;
position: relative;
width: auto;
clear: both;
}
.content_body .news_block h3 {
color: #000;
font-size: 14px;
font-weight: 500;
padding-bottom: 0px;
}
.content_body .news_block .ph {
height: 50px;
overflow: hidden;
position: relative;
width: 30%;
}
.content_body .news_block .tag {
top: 0px;
bottom: auto;
color: #fff;
left: 30%;
right: 0;
height: 50px;
padding: 3px 10px;
position: absolute;
}

.content_body .news_block .tag span {
background: #be0700 none repeat scroll 0 0;
bottom: 0;
padding: 2px 10px 3px;
position: absolute;
right: 0px;
top: auto;
}
.content_body .news_block .ph img {
width: 100%;
height: auto;
}
.content_body .link_area_outer {
margin-left: 0;
overflow: hidden;
padding-bottom: 0;
}

#top .content_body .news_block .text_area img {
width: auto;
}
#top .content_body .link_area {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
float: none;
margin: 0 auto 10px auto !important;
overflow: hidden;
position: relative;
width: auto;
height: 140px;
}
#top .content_body .shiru_area .link_area {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
float: none;
margin: 0 auto 10px auto !important;
overflow: hidden;
position: relative;
width: auto;
height: 120px;
width: 48%;
float: left;
}
#top .content_body .shiru_area .link_area:nth-child(even) {
margin-left: 4% !important;
}
#top .content_body .link_area img {
position: absolute;
bottom: 0;
}

#top .content_body .about_area h2 img {
width: 40px !important;
margin-right: 10px;
vertical-align: middle;
}
#top .content_body .about_area h2 br {
display: none;
}
.content_body .link_area img {
width: 100%;
height: auto;
}
#top .content_body .shiru_area .link_area img {
width: 100%;
top: 0;
}
.content_body .news_block .text_area {
padding: 10px 10px;
}
.content_body .link_area span {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.content_body .colum_3_outer {
margin-left: 0px;
overflow: hidden;
padding-bottom: 0px;
padding-top: 20px;
}

.content_body .service_area .colum_3 {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
float: none;
margin: 0px 0px 15px 0px;
overflow: hidden;
position: relative;
width: auto;
}
footer {
margin-top: 40px;
border-bottom: 15px solid #231815;
}
#top footer {
margin-top: 0px;
}
footer .full {
border-bottom: 0px solid #c7ced6;
overflow: hidden;
padding: 5px 10px;
}
footer .list_area {
clear: both;
display: none;
overflow: hidden;
}
footer .full ul {
float: left;
width: auto;
margin-left: 0px;
}
.en footer {
margin-top: 60px;
height: 50px;
border-bottom: 15px solid #004ea2;
}
footer .full h2 {
float: left;
margin-top: 8px;
}

.sec footer .full h2 img,
#top footer .full h2 img {
width: 100px !important;
height: auto;
}
footer .full ul li {
float: none;
font-size: 11px;
margin-left: 0px;
}
footer .service_area,
footer .shiru_area,
footer .company_area {
float: none;
width: auto;
}
footer .shiru_area {
margin: 0 0px;
}

footer h3 {
border-bottom: 1px solid #c7ced6;
color: #004ea2;
font-weight: 500;
padding: 7px 0px;
margin: 0 15px;
}

footer ul + h3 {
border-top: 0px;
}
.rwd {
margin: 0 auto 10px auto;
text-align: center;
}
.rwd .rwd_sp {
display: inline-block;
padding: 0 20px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background: #004ea2;
border: 1px solid #ddd;
border-right: 0px;
color: #fff;
}
.rwd .rwd_pc {
display: inline-block;
padding: 0 20px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #fff;
border: 1px solid #ddd;
color: #333;
}
.content_body h2 {
font-size: 17px;
font-weight: 500;
padding: 10px 0;
text-align: center;
}

.hero {
display: none;
}
.smp_hero {
display: block;
margin-top: 45px;
}
.smp_hero img {
width: 100%;
height: auto;
}
.sub_area .inner img {
width: 30% !important;
}
/*下層レイアウト*/
.content_body img {
width: 100%;
height: auto;
margin: 0px auto;
}
#serv_body .grade .inner {
margin: 0 auto;
width: 90%;
}
.read_txt.w880 {
margin: 0 auto;
width: auto;
}

.page_nav ul {
font-weight: 500;
margin: 0 auto;
width: auto;
}
body.sec .content_body .contents.w980 {
clear: both;
margin: 0 auto;
width: 90% !important;
}

#serv_body .content_body.static h2 {
border-bottom: 2px solid #004ea2;
clear: both;
font-size: 15px;
font-weight: 500;
padding: 10px 0 5px;
text-align: left;
}
.edi_box {
padding: 0 0px;
text-align: left;
}

.border_link strong {
color: #004ea2;
font-size: 15px;
display: block;
}

a.border_link {
background: rgba(0, 0, 0, 0) url("../img/arrow_06.png") no-repeat scroll right 20px center;
border: 1px solid #c7c7c7;
color: #000;
display: block;
margin: 20px 0 0;
padding: 10px 40px 10px 20px;
text-align: left;
}

.web_hattyu_item {
display: block;
margin-left: -0;
overflow: hidden;
padding-bottom: 0px;
}

.web_hattyu_item div {
border: 1px solid #c7c7c7;
margin: 0 0 15px 0;
position: relative;
width: auto;
}
.db_link_list {
margin-left: 0px;
padding-top: 10px;
}
.db_link_list li {
border: 1px solid #c7c7c7;
float: none;
margin: 10px 0 10px 0px;
position: relative;
width: auto;
height: 120px;
overflow: hidden;
}

#serv_body .title_area .pdf_area {
bottom: 0;
position: static;
font-size: 13px;
right: 0;
padding-top: 10px;
}

.page_nav li {
display: block;
border-bottom: 1px solid #004ea2;
}

.page_nav .page_link {
float: none;
background: #bbd4f1;
}
.page_nav .page_link a {
padding-left: 32px;
border-bottom: 3px solid #bbd4f1;
background-position: left 15px center;
}
.edi_txt {
padding: 10px 0;
text-align: left;
}

.point_inner {
padding: 0 0px;
}
.point_inner h3.line_title.bottom span {
display: block;
font-size: 15px;
width: auto;
text-align: center;
margin-bottom: 10px;
margin-right: 0;
}
#serv_body .line_title {
clear: both;
font-size: 15px;
margin-bottom: 10px;
padding: 1px 0px 0px 10px;
}
.point_inner p {
padding: 0 0 20px 0;
}
p.other_box {
font-size: 13px;
padding: 10px;
}
.point_inner td {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
padding: 6px 10px;
width: auto !important;
}
.web_hattyu_item_inner img {
width: auto !important;
height: auto;
}

.web_hattyu_item.min {
margin: 0 auto;
width: auto;
}

.service_comp_list {
display: block;
justify-content: space-between;
margin-left: 0;
overflow: hidden;
width: auto;
}
.service_comp_list li {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
margin: 10px 0 10px 0px;
overflow: hidden;
padding: 0 0 0px;
position: relative;
width: auto;
}

.voice_contact_area .tel {
border: 1px solid #c7c7c7;
float: none;
height: auto;
padding: 10px;
width: auto;
margin-bottom: 15px;
}

.voice_contact_area .form {
border: 1px solid #c7c7c7;
float: none;
height: auto;
padding: 10px;
width: auto;
}
.voice_contact_area .tel p.tel_num {
background: none;
color: #004ea2;
font-size: 20px !important;
font-weight: 700;
padding: 0 !important;
}

.voice_contact_area .form .contact_btn {
background: #004ea2 url("../img/icon_mail.png") no-repeat scroll left 10px center;
color: #fff;
display: block;
font-size: 15px;
margin: 5px auto 0;
padding: 10px 0 10px 30px;
text-align: center;
width: auto;
}

table.web_od_table th,
table.web_od_table td {
display: block;
}
table.web_od_table th {
font-weight: 500;
font-size: 14px;
padding: 5px 10px;
}
ol.web_od_list {
border-top: 1px dotted #333;
margin: 0 auto;
width: 100%;
}
ol.web_od_list li {
border-bottom: 1px dotted #333;
padding: 10px 20px;
}

.bottom_border {
margin: 10px 0 0px 0;
padding: 0px 0 0;
text-align: left;
}
.db_list dt {
border-left: 4px solid #004ea2;
clear: both;
display: inline-block;
float: none;
font-size: 15px;
font-weight: 500;
margin-top: 10px;
padding: 0 10px;
width: 260px;
}
.db_list dd {
border-bottom: 1px dotted #333;
padding: 10px 0 10px 15px;
}
.b_nav_read_txt {
padding: 0 0px;
text-align: left;
}
.left_txt {
margin: 0 auto;
text-align: left;
width: auto;
}

.s_db_katuyo .katuyo_inner {
padding: 10px 0 0;
}
.s_db_katuyo .katuyo_inner img {
float: none;
margin-left: 0px;
position: static;
top: 0px;
}
.katuyo_inner p {
padding: 0 0 10px 0;
margin: 0px;
}

.katuyo_inner h4 {
color: #004ea2;
font-size: 14px;
font-weight: 500;
margin: 10px 0 10px 0;
margin-left: 0px;
}
.katuyo_inner h4 br {
display: none;
}

.db_consept_outer {
display: block;
margin-left: 0px;
}

.db_consept_inner {
border: 1px solid #c7c7c7;
margin: 0px 0 10px 0;
width: auto;
}

.db_consept_inner h3 a {
font-weight: 500;
font-size: 15px;
padding: 5px 20px 5px 15px;
background-size: 10px;
}

.db_list.isb dt {
width: auto;
}
.db_list.isb dd {
padding: 10px 0 3px 0px;
}
.db_list.isb .head_data {
display: none;
}
.db_list.isb div p:nth-of-type(2):before {
content: "基本";
display: block;
font-size: 13px;
line-height: 1;
}
.db_list.isb div p:nth-of-type(3):before {
content: "オプション";
display: block;
font-size: 13px;
line-height: 1;
}
.db_list dd div {
display: block;
}
.db_list .naiyo {
display: block;
margin-right: 0px;
padding: 0;
width: auto;
}
.db_list .check {
border-left: 1px solid #c7c7c7;
color: #004ea2;
display: inline-block;
margin-top: 5px;
padding: 0;
text-align: center;
width: 50%;
}
.db_list .check:last-child {
border-right: 1px solid #c7c7c7;
}
.base_area {
float: none;
padding-left: 0px;
width: auto;
}
.isb_ph_area div:first-child {
display: inline-block;
padding: 0 0 20px 0;
text-align: left;
width: 45%;
margin: 0 2%;
}
.isb_ph_area div:nth-child(2) {
display: inline-block;
padding: 0 0 20px 0;
text-align: left;
width: 43.25%;
margin: 0 2%;
} /*
.isb_ph_area div img{
height:45vh!important;
width:auto;
}*/
.isb_ph_area div.smp_w80 img {
height: auto !important;
width: 100% !important;
}
.isb_ph_area div a .scal_icon,
.isb_ph_area div.smp_w80 a .scal_icon {
bottom: 0;
position: absolute;
right: auto;
left: 0;
width: 30px !important;
height: 30px !important;
}
.kome img {
width: auto !important;
}
.service_comp_list.buyers {
display: block;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 0px;
overflow: hidden;
width: auto;
}
.service_comp_list.buyers li.max {
width: auto;
}
.service_comp_list.buyers li {
margin: 20px 0 0 0;
padding: 0;
width: auto;
}
.point_inner.file p.kome {
margin-left: 0px;
position: relative;
top: 0px;
}
.marke_lsit dd {
border-bottom: 1px dotted #333;
display: block;
padding: 15px;
}
.marke_lsit dd p {
font-size: 13px;
padding: 0;
width: auto;
}
.marke_lsit dd .ph {
margin-right: 15px;
width: 50px;
float: left;
}
.contents.max.faq .cms_body {
margin: 0 auto;
width: 90%;
}
.content_body .faq dt {
border-radius: 10px;
clear: both;
color: #fff;
float: none;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
padding: 0 0 2px;
text-align: center;
width: 80px;
}
.content_body .faq dd {
font-size: 14px;
padding: 10px 0 30px 0px;
}

.content_body.max .contents.max.voice {
margin: 0 auto;
width: auto !important;
}
.content_body.max .contents.max.inbound {
margin: 0 auto;
width: auto !important;
}

.voice .comp_list {
margin-left: 0px;
}
.voice .comp_list li {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
float: none;
height: auto;
margin: 0 0 15px 0px;
overflow: hidden;
position: relative;
width: auto;
}
.voice .comp_list li .comp_name {
border-top: 1px solid #c7c7c7;
bottom: 0;
font-size: 13px;
left: 0;
position: static;
right: 0;
}
.voice .comp_list li .comp_name a {
background-size: 10px;
display: block;
padding: 5px 10px;
}
.voice .more_view a {
background: #fff none repeat scroll 0 0;
border: 1px solid #c7c7c7;
clear: both;
display: block;
font-size: 15px;
margin: 0 auto 20px;
padding: 10px;
text-align: center;
width: auto;
}
.voice .comp_list li .tag {
font-size: 13px;
font-weight: 500;
margin: 0;
padding: 5px 10px;
}
.voice .comp_list li .voice_title {
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
}
.content_body .voice h2.cms_title {
clear: both;
font-size: 17px;
padding: 5px 15px 0 !important;
}
.voice.contents p.cate {
margin: 15px 0 0 15px;
padding: 2px 10px;
}

.contents .comp_date .ph_area div span {
text-wrap: none;
font-size: 11px;
}
.read_txt {
width: 95%;
margin: 0 auto;
font-size: 14px;
}
.read_txt br {
display: none;
}
.content_body .panf_body {
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

.content_body .panf_inner {
border-bottom: 1px dotted #333;
margin-bottom: 30px;
padding: 0 0 15px;
width: 45%;
float: left;
margin-right: 5%;
}
.content_body .panf_inner br {
display: none;
}
.content_body .panf_inner a img {
display: block;
vertical-align: middle;

max-width: 90% !important;
width: auto;
}
.yoyoron_list dd img,
.list.form_pl img,
.resarch img,
.panf_inner p img {
width: auto;
}
.resarch .img_area img {
width: 80% !important;
display: block;
}
.resarch dd p a {
display: block;
}
#shiru_body .pdf_list li:after {
content: "　";
}
.resarch_list li div {
font-size: 15px;
font-weight: 300;
padding-left: 15px;
font-size: 13px;
}
.resarch_list li div b {
display: inline-block;
padding-left: 5px;
}
.resarch_list .kome {
padding-left: 15px;
}
.static .img_area {
float: none;
padding: 5px 0 15px;
text-align: center;
width: 79% !important;
clear: both;
margin: 0 auto;
}
.static .img_area + p {
clear: both;
width: auto !important;
}
.resarch_list li span {
border-left: 4px solid #004ea2;
padding: 0 10px;
display: block;
}
.resarch_list li p {
font-size: 13px;
font-weight: 300;
padding-left: 0px;
}
.resarch dt {
font-size: 15px;
font-weight: 500;
}
.cms_body.form_planet a img.arrow {
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
display: none;
}
.cms_body .list.form_pl dt .number {
font-size: 13px;
font-weight: 500;
margin: 5px 0 0 0px;
text-align: center;
width: 155px;
display: block;
}

.cms_body.form_planet .list dt .pdf {
display: block;
padding-left: 0;
}
.cms_body.form_planet .list dt .pdf.br {
margin-left: 0;
}
.cms_body .list.form_pl dt .ymd {
display: block;
float: none;
font-size: 13px;
text-align: left;
}
.yoyoron_list dt {
border-left: 4px solid #004ea2;
float: none;
display: block;
margin-top: 10px;
padding: 0 10px;
width: auto;
}
.yoyoron_list dd {
border-bottom: 1px dotted #333;
padding: 10px 10px 10px 0px;
}

.szk_head {
float: left;
padding-bottom: 15px;
width: auto;
}

.szk_map_area {
float: none;
width: auto;
}
.szk_map_area img:first-child {
width: auto !important;
}

.szk_nav {
border-top: 2px solid #004ea2;
font-size: 13px;
}
.contents .cms_body.vanvan .pdf_area {
float: none;
text-align: center;
font-size: 13px;
padding-bottom: 20px;
width: 100%;
}
.contents .cms_body.vanvan.bk .pdf_area {
float: left;
text-align: center;
font-size: 13px;
padding-bottom: 20px;
width: 30%;
}

.contents .cms_body.vanvan .pdf_area img {
width: 60%;
display: block;
margin: 0 auto;
}
.contents .cms_body.vanvan.bk .pdf_area img {
width: 100%;
display: block;
margin: 0 auto;
}
.contents .cms_body.vanvan .pdf_area li {
text-align: left;
}
.contents .cms_body.vanvan .pdf_area li img {
width: auto !important;
display: inline;
}

.contents .cms_body.vanvan .text_area {
float: none;
width: auto;
}
.contents .vanvan.bk .inner h3 span {
font-size: 12px;
font-weight: 300;
padding: 0 10px 2px;
}
.contents .cms_body.vanvan .inner .text_area {
float: none;
font-size: 13px;
width: auto;
padding-left: 33%;
}
.contents .cms_body.vanvan .inner .text_area img {
width: auto;
}

.cont_float .contents {
float: none;
width: 90%;
margin: 0 auto;
}
#shiru_body .contents,
#news_body .contents {
float: none;
width: 100%;
margin: 0 auto;
}
.content_body aside {
float: none;
width: auto;
}
.event_list span.pdf img {
width: auto;
}

.word_list dd strong {
border-left: 3px solid #004ea2;
float: none;
font-size: 15px;
padding-left: 11px;
width: auto;
font-weight: 500;
}

.word_list dd span {
display: block;
padding: 0 15px 0 10px !important;
}
.list dd img {
width: auto;
}
.pdf img {
width: auto;
}
.pdf_icon {
padding-bottom: 10px;
}
.pdf_icon img {
width: auto;
}
.content_body .from_pla .headline {
float: left;
font-size: 13px;
padding: 0 0 15px 5px;
width: auto;
}
.content_body .from_pla h2.cms_title {
border-radius: 10px;
clear: both;
color: #fff;
font-size: 16px;
margin: 15px 0;
padding: 6px 10px;
text-align: left;
}
.content_body .from_pla .ymd {
float: left;
margin-top: 0px;
}
.content_body .from_pla .ymd br {
/*display: ;*/
}
.from_pla .cms_body {
padding: 10px 0;
}
.from_pla .cms_body h3 {
border-left: 4px solid #ff0000;
font-size: 15px;
line-height: 1.4;
font-weight: 500;
margin: 0px 0 10px 0;
padding: 0 0 0 15px;
}
.from_pla .cms_body p {
padding: 0 0px;
}
.cms_body .line_box {
border: 2px solid #004ea2;
margin: 20px 0px 0 0px;
}

.from_pla .cms_body .contact_area {
margin: 10px auto 40px;
padding: 20px 20px;
width: auto;
}
.line_area p {
color: #004ea2;
font-weight: 500;
padding: 10px 10px;
}
p.web_gaiyou_list {
font-size: 15px;
font-weight: 500;
margin: 0 auto;
text-align: left;
width: auto;
}

.web_hattyu_item span {
display: block;
height: auto;
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: auto;
padding: 20px 0px 0 0;
}
p.kadai_fig_right {
color: #2ec5b4;
font-size: 17px;
font-weight: 500;
margin: 20px auto 0;
padding: 0 0 0 0px;
text-align: center;
width: auto;
}
p.kadai_fig_right img {
width: auto;
float: none;
display: block;
position: relative;
left: -10px;
margin-bottom: 10px;
}
.kadai_fig_left {
font-weight: 500;
margin: 0 auto;
padding-left: 0;
text-align: left;
width: auto;
}
.kadai_fig_left img {
width: auto;
display: block;
float: none;
}
.kadai_fig_left + img {
width: auto;
}
.db_list dt.head_data {
border-left: 4px solid #004ea2;
clear: none;
font-size: 13px;
font-weight: 300;
margin: 0;
padding: 5px 0 5px 20px;
background: #fff;
width: auto;
float: left;
}
.db_list dd.head_data {
margin: 0px 0;
padding: 5px 0 5px 80px;
}
.packe_list dt {
border-left: 4px solid #004ea2;
clear: both;
display: inline-block;
float: none;
font-size: 14px;
font-weight: 500;
margin-top: 10px;
padding: 0 10px;
width: auto;
}
.packe_list dd {
border-bottom: 1px dotted #333;
padding: 5px 0 10px 15px;
}
.voice.contents .comp_date dd {
font-size: 12px;
position: relative;
width: auto;
}

.voice.contents dl.comp_date {
padding: 0 15px 15px 15px;
}
.voice.contents dl.comp_date.inbund {
padding: 0 15px 15px 15px;
display: block;
}
.content_body h2.cms_title {
clear: both;
font-size: 17px;
padding: 15px 15px 0 15px;
}
.content_body h2.cms_title br {
display: none;
}
.voice.contents .comp_date dt {
color: #000;
font-size: 17px;
font-weight: 500;
padding-bottom: 5px;
}
.voice.contents .cms_body p {
padding: 0 20px;
}

.cms_body .line_box ul {
margin: 10px 0 10px 0px;
}
.cms_body .line_box ul img {
width: auto;
}
.cms_body .line_box li {
color: #004ea2;
font-size: 13px;
margin: 0px 10px;
padding: 0 10px 0 10px;
}

.cms_body .line_box li span {
display: inline-block;
margin-right: 10px;
}

.contents .back {
font-size: 13px;
padding: 0 10px 0 20px;
}
.panf_inner {
text-align: center;
}
.panf_inner h3 {
text-align: left;
}
.panf_inner a img {
width: auto;
}
.edi_box h3 {
font-size: 17px;
text-align: left !important;
color: rgb(0, 78, 162);
}
.cms_body.center p,
.read_txt.center {
text-align: left !important;
}
.point_inner .line_title {
padding: 0px 0 5px 0 !important;
}
.contents.max.w980.center {
width: 95%;
padding-bottom: 20px;
}

.blue_title {
color: #004ea2;
font-size: 17px;
padding: 0 0 20px;
text-align: left;
}
div.grade + br {
display: none;
}
.content_body.static.n_mar .grade .inner {
padding-bottom: 10px;
}

.contents .comp_date .ph_area {
bottom: 0;
padding-left: 0px;
position: static;
right: 0px;
overflow: hidden;
}

.contents .comp_date .ph_area div {
float: left;
font-size: 15px;
padding: 0 10px 10px 0;
}
.contents .comp_date .ph_area div img {
width: auto !important;
max-width: 100% !important;
}
.cms_body hr + img {
width: 95%;
margin-bottom: 10px;
}

.voice .voice_contact_area {
clear: both;
overflow: hidden;
padding: 0 0 30px;
width: 90%;
margin: 0 auto;
}
.comp_date .ph_area div {
width: 30%;
}
.szk .contents .read_txt {
display: none;
}
.szk .read_txt + br {
display: none;
}
.szk_title:after {
content: "このコーナーでは、当社オリジナルキャラクター「プラネッ太くん」が訪日外国人に人気の観光スポットに赴き、その魅力とインバウンド消費に関わるトピックスを紹介します。";
padding: 10px 0;
display: block;
}
.contents.company_area {
width: 90%;
margin: 0 auto;
padding-top: 20px;
}

.content_body .company_list dt {
border-left: 4px solid #004ea2;
clear: both;
float: none;
font-size: 15px;
font-weight: 500;
padding: 2px 0 2px 10px;
}
.content_body .company_area .company_list dd {
border-bottom: 1px dotted #333;
margin-bottom: 15px;
padding: 4px 0 15px 13px;
}

.content_body .company_area .min_list {
border-bottom: 1px dotted #333;
margin-bottom: 10px;
padding: 10px 0 0 0px;
}
.content_body .company_area .min_list dt {
clear: both;
padding: 5px 0 0 0;
width: auto;
font-size: 13px;
}
.content_body .company_area .min_list dd.min_dt {
padding-left: 75px;
}
.content_body .company_area .min_list dd {
border-bottom: 1px dotted #333;
padding: 5px 0 5px 110px;
}
#aboutus_body aside {
width: 90%;
margin: 20px auto;
}
.kome.right {
float: none;
text-align: right;
}
.content_body .company_area .table01 {
display: block;
}
.content_body .company_area .table01 td {
display: block;
border: 0;
padding: 0 0 5px 0px;
}
.content_body .company_area .table01 td b {
padding-left: 10px;
display: block;
width: auto;
padding-bottom: 5px;
margin-top: 20px;
}
.content_body .company_area .table01 tr td:last-child {
padding-left: 40px;
}
.content_body .company_area .table01 .month {
color: #004ea2;
width: auto;
text-align: left;
padding: 0px 0 0 0px !important;
border-top: none;
float: left;
}
.content_body .company_area .table01 .year {
border-bottom: 1px dotted #333;
margin-bottom: 5px;
}
.content_body .company_area .table01 tr:first-child td b {
margin-top: 0;
}
.content_body .company_list.right {
width: auto;
float: none;
padding-top: 20px;
}
.company_area img.left {
float: none;
width: 50%;
display: block;
margin: 0 auto;
}
.content_body .vision .yakuwari dd {
border-bottom: 1px dotted #333;
margin-bottom: 15px;
padding: 0 0 15px 15px;
}

.content_body .company_area .cms_body.vision ol {
font-size: 15px;
font-weight: 500;
padding-left: 3em;
text-indent: -3em;
}

.content_body .company_area .cms_body.vision .gun_text {
margin-bottom: 40px;
padding-left: 20px;
font-size: 20px !important;
}
.vision .gun_text span {
display: block;
font-size: 14px;
}

.content_body .company_area .cms_body.vision ol.rinen {
padding-left: 35px;
text-indent: 0em;
}
.content_body .company_area .cms_body.vision p {
padding-left: 0px;
}
.scl + p {
overflow: hidden;
padding-bottom: 15px;
}
.scl + p a {
display: block;
float: left;
clear: both;
}
.scl + p span {
float: left;
}
.scl {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}

.scl th,
.scl td {
white-space: nowrap;
font-size: 13px !important;
}
.alpha_list li {
border-bottom: 1px dotted #333;
font-size: 13px;
margin-left: 20px;
padding: 5px;
width: 100%;
}
#news_body.sec h2.cms_title {
font-size: 17px;
text-align: left;
padding: 10px 5px;
}
.content_body .contents .num_outer {
float: none;
}
.content_body .contents .number {
border-radius: 20px;
color: #fff;
display: block;
font-size: 13px;
margin: 0 13px 0 0px;
padding: 0 0 1px;
position: relative;
text-align: center;
top: -1px;
width: 130px;
z-index: 2;
}
.content_body .contents dl.list dt .number {
display: inline-block;
}

.contents .cms_body dl.list dt .new_icon {
margin-left: 0;
}
.content_body .contents .ymd {
margin-left: 0px;
padding: 0 7px 0px 0;
text-align: left;
}
.content_body .contents dl.list dt .ymd {
display: block;
}
.cms_body .contact_area {
background: #e9e9e9 none repeat scroll 0 0;
line-height: 2;
margin: 20px 10px;
padding: 20px;
text-align: left;
}

article.sitemap .inner {
margin: 0 auto;
width: 100%;
}

article.sitemap .list_area {
display: block;
margin: 0 auto;
overflow: hidden;
padding: 10px 0;
width: auto;
}

article.sitemap .list_area.float_list {
border-top: 1px dotted #333;
margin: 10px 0 10px 16px;
padding: 10px 0 0;
width: auto;
}

article.sitemap .list_area.float_list li {
float: none;
margin-right: 20px;
}
#access_body .contents {
font-size: 17px;
margin: 0 auto;
width: 90% !important;
}
.map_outer {
margin: 20px 0;
width: 100%;
overflow: hidden;
height: 350px;
}
.map_outer iframe {
margin-top: -300px;
}

.map_lsit {
float: none;
width: auto;
}
.map_lsit dt {
border-left: 4px solid #004ea2;
clear: both;
float: none;
font-size: 14px;
font-weight: 500;
margin-bottom: 6px;
padding: 0 12px;
}
.map_lsit dd {
border-bottom: 1px dotted #333;
margin-bottom: 10px;
padding: 0 0 10px 14px;
font-size: 13px;
}

.cms_body {
border-bottom: 1px dotted #666;
border-top: 2px solid #004ea2;
clear: both;
margin-bottom: 10px;
padding-top: 15px;
}
.cms_body .list dt {
border-top: 1px dotted #666;
padding-top: 8px;
}
.cms_body .list dt {
border-top: 1px dotted #666;
padding-top: 10px;
}
.cms_body .list dd {
clear: both;
padding: 0 0 10px 0px;
}
.book_list li {
border-bottom: 1px dotted #333;
font-size: 13px;
margin-bottom: 10px;
padding: 0 0 10px;
}

.content_body h3 {
font-size: 15px;
font-weight: 500;
padding-bottom: 10px;
}
.t25 {
font-weight: 500 !important;
font-size: 17px !important;
}
.t20 {
font-weight: 300 !important;
font-size: 14px !important;
}
.cms_body p {
font-size: 13px !important;
padding-bottom: 10px;
}
.web_hattyu_item.low div p {
font-size: 14px !important;
padding: 5px 10px;
}
.event_list dt {
border-bottom: 2px solid #004ea2;
font-size: 17px;
font-weight: 500;
padding: 0 0 10px 10px;
}
.service_comp_list li .voice_title {
font-size: 14px;
line-height: 1.5;
padding: 10px 10px;
}
.service_comp_list li .comp_name {
border-top: 1px solid #c7c7c7;
bottom: 0;
font-size: 15px;
left: 0;
position: static;
right: 0;
}
.content_body.max .grade {
background: rgba(0, 0, 0, 0) url("../img/grade_01.png") repeat-x scroll left bottom;
clear: both;
margin-bottom: 15px;
overflow: hidden;
padding: 10px 0;
}
.content_body h2.cms_title {
clear: both;
font-size: 17px;
padding: 15px 15px 0;
}
.voice_contact_area h3 {
padding-top: 15px !important;
}
.voice.contents .cms_body h3 {
font-size: 15px;
font-weight: 500;
margin: 15px;
padding: 0 0 0 12px;
}
.voice_contact_area h4 {
background: rgba(0, 0, 0, 0) url("../img/arrow_02.png") no-repeat scroll left center;
color: #004ea2;
font-size: 15px;
font-weight: 500;
padding: 0px 0 5px 15px;
}
.voice_contact_area .tel p {
font-size: 11px;
margin-left: 5px;
padding: 0;
}

.page_nav a {
border-bottom: 3px solid #e5edf6;
color: #004ea2;
display: block;
padding: 6px 10px;
}
.page_nav a.current {
background-color: #b1cae5;
}

article.sitemap h2 {
border-bottom: 2px solid #004ea2;
font-size: 17px;
margin: 0 16px;
padding: 20px 0 10px;
}

.static .content_body .cms_body h2 {
border-bottom: 2px solid #004ea2;
clear: both;
font-size: 17px;
font-weight: 500;
margin: 0 0 15px;
padding: 0px 0 5px 5px;
text-align: left;
}
img.mess_left_img {
float: none;
display: block;
text-align: center;
margin: 0 auto;
width: 70%;
}
#top .content_body .service_area {
text-align: left;
}
#top .content_body .service_area br {
display: none;
}
.content_body .company_area .cms_body.vision {
margin-top: 0px;
padding-top: 0;
}

.cms_body .line_box dl {
padding: 15px;
}
.cms_body .line_box dt {
font-size: 15px;
font-weight: 500;
padding-bottom: 10px;
text-align: center;
}
.en h1 img {
width: 50px;
margin: 0 5px;
}

.en .g_nav a {
font-weight: 300 !important;
padding: 10px 10px !important;
}
.en .mess_left_img {
float: none;
display: block;
width: 65%;
text-align: center;
margin: 0 auto 10px auto;
}

.en .content_body aside {
float: none;
width: 90%;
margin: 0 auto;
}
.en .cms_body .line_indent {
font-size: 15px;
}

.en .cms_body h3 {
font-size: 17px;
}

.en .cms_body .right {
margin-left: 20px;
width: 40%;
}

.en .bg_box img {
float: right;
display: none;
}
.en p.dev_txt {
padding-bottom: 15px;
padding-left: 20px;
}
.en dl.outline.history .top_line {
border-top: 0px;
}
.en dl.outline.history dt,
.en dl.outline dt {
border-left: 3px solid #004ea2;
float: none;
font-size: 15px;
font-weight: 500;
margin: 0px;
padding: 0 0 0 10px;
width: auto;
}
.en dl.outline.history dd,
.en dl.outline dd {
border-bottom: 1px dotted #333;
padding: 8px 0 8px 13px;
margin-bottom: 10px;
}

.en .bt_line .inner dt {
float: none;
width: auto;
padding-top: 5px;
}
.en .bt_line .inner dd {
border-bottom: 1px dotted #333;
padding: 5px 0 10px 20px;
}
.en dl.outline.history {
padding-left: 20px;
}
.en img.pdf {
width: auto !important;
}
.en .map_img img {
width: 100%;
}
.en .bt_line .inner {
padding: 0 0 0 10px;
}

.en .content_body .service_area .colum_3 p {
color: #000;
height: auto;
overflow: hidden;
padding: 15px;
text-align: left;
}
.en#top .colum_3_outer {
padding-top: 10px;
}

.en h5.color_title {
color: #004ea2;
font-size: 16px;
font-weight: 500;
padding: 0 0 15px 10px;
}

.en .bg_box h4 {
color: #004ea2;
font-size: 15px;
padding: 0 0 10px 15px;
}
.en.sec .content_body {
padding-top: 20px !important;
}
.en .contents.company_area {
margin: 0 auto;
padding-top: 0px;
width: 90%;
}
#outline.en .content_body {
padding-top: 10px !important;
}
.content_body aside h3 a {
font-size: 15px;
}
.content_body aside h3 a img {
width: auto;
height: auto;
}

.content_body .company_area h3 {
margin-top: 15px !important;
}
.en .content_body .company_area h3:first-child {
margin-top: 0px !important;
}
.en dl.outline {
padding-top: 15px;
}
.users .content_body .contents {
padding-top: 20px;
}
.inline_news {
width: auto;
overflow: visible;
position: static;
height: auto;
margin-bottom: 0;
}
.inline_news_area {
display: none;
}
#scroll {
background: #fff none repeat scroll 0 0;
height: auto;
margin: 0 auto;
overflow: visible;
position: relative;
width: 100%;
}
p {
font-size: 13px !important;
}
.web_hattyu_item h3 {
background: #004ea2 none repeat scroll 0 0;
color: #fff;
font-size: 15px;
padding: 5px;
text-align: center;
font-weight: 500;
}
.db_consept_inner p {
padding: 10px 15px;
}

.db_consept_inner h4 {
border-left: 4px solid #004ea2;
font-size: 15px;
margin: 0 15px;
padding: 2px 10px;
font-weight: 500;
}

.voice_contact_area span {
font-size: 14px;
padding-bottom: 10px;
}
.service_comp_list li .comp_name a {
background: rgba(0, 0, 0, 0) url("../img/arrow_06.png") no-repeat scroll right 10px center;
background-size: 10px;
display: block;
padding: 5px 10px;
text-decoration: none;
}

.edi_txt2 a {
background: rgba(0, 0, 0, 0) url("../img/arrow_02.png") no-repeat scroll left center;
margin: 0 0 0 0px;
padding: 0 0 0 15px;
}
.k_edi .web_hattyu_item_inner .page_link {
border-top: 1px solid #e9e9e9;
bottom: 0;
left: 10px;
padding: 5px;
position: absolute;
right: 10px;
}
.smp_50 {
width: 60% !important;
}
.smp_25 {
width: 30% !important;
}

.web_hattyu_item_inner span img {
width: 30% !important;
}

p.web_gaiyou_list span {
display: inline-block;
width: auto;
}
.line_area h3 {
font-size: 15px;
padding: 5px 10px;
}
.smp_indent_01 {
padding-left: 0px;
}
.smp_no_line {
border: 0px !important;
padding-top: 0 !important;
}
#serv_body .point_inner h3.line_title.smp_no_line p {
display: block;
font-weight: 300;
}
.smp_w80 {
margin: 0 auto 10px !important;
display: block;
text-align: center;
width: 90% !important;
}
p.kome {
color: #555;
font-size: 12px !important;
font-weight: 300;
}
.kome2 {
color: #555;
font-size: 12px !important;
font-weight: 300;
}

#serv_body .isb_ph_area h3.line_title {
font-size: 13px !important;
}

.point_inner.isb h3.line_title.bottom b {
font-size: 12px;
font-weight: 300;
}
.base_area h3 {
margin-left: 0px;
}
.base_area ul {
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
}

#serv_body .point_inner.file h3 {
margin: 15px 0 10px;
}

.base_area li br {
display: none;
}

.buyer_head_ph {
margin: 10px 0;
text-align: center;
}

.service_comp_list.buyers a {
background-size: 10px;
font-size: 15px;
padding: 8px 10px;
}
.service_comp_list.buyers li p {
font-size: 13px;
padding: 10px;
}
.buyers_dl dt {
font-size: 14px;
font-weight: 500;
padding: 0 0 0 10px;
}
.buyers_dl dd {
border-bottom: 1px dotted #333;
font-size: 13px;
margin-bottom: 10px;
padding: 5px 10px 10px 15px;
}
#serv_body .point_inner h3.line_title {
border-bottom: 0px;
border-left: 0 none;
font-size: 13px;
font-weight: 300;
}
.smp_margin {
margin-top: 15px;
}
.packe_list h3 {
font-size: 13px;
font-weight: 300;
padding: 5px 10px;
}

.content_body .faq h3 {
border-left: 4px solid #004ea2;
font-size: 15px;
margin-bottom: 15px;
padding: 1px 15px;
}
.content_body .faq dd.ques {
font-size: 13px;
font-weight: 500;
padding-bottom: 15px;
}
.content_body .faq dd {
font-size: 13px;
padding: 10px 0 30px;
}
.cms_body .line_box h4 {
font-size: 15px;
font-weight: 500;
}
.cms_body .list.form_pl dt {
font-size: 15px;
padding-right: 10px;
}
.cms_body .list.form_pl dd {
padding-top: 10px;
padding-right: 10px;
position: relative;
}
.content_body .from_pla .sub_title {
font-size: 13px;
clear: both;
border-top: 1px dotted #333;
padding-top: 5px;
margin-top: 5px;
}
.content_body .from_pla .number {
float: right;
margin-top: 10px;
}
.szk_list li {
float: left;
margin-left: 15px;
margin-top: 15px;
position: relative;
width: 45%;
}
.szk_head .read_txt {
font-size: 13px !important;
}
.szk_map_area img:last-child {
width: 70%;
display: block;
margin: 0 auto 15px auto;
}

.contents .van_head h2 {
border-bottom: 2px solid #004ea2;
padding: 0 0 10px;
font-size: 15px;
text-align: left;
}
.contents .van_head h2 span {
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 300;
padding: 0 15px;
}
.contents .van_head p {
padding: 6px 0;
text-align: left;
}

.contents .cms_body.vanvan .text_area h3 {
font-size: 16px;
margin-bottom: 10px;
}
.contents .cms_body.vanvan .text_area dt {
border-left: 4px solid;
font-size: 15px;
font-weight: 500;
padding: 2px 0 2px 12px;
}
.contents .cms_body.vanvan .inner .text_area dt {
border-left: 4px solid;
font-size: 13px;
font-weight: 500;
padding: 0 0 0 12px;
margin-bottom: 2px;
}
.content_body.fix_margin {
margin-top: 0px !important;
}

.event_list dd strong {
font-size: 15px;
font-weight: 500;
padding-left: 10px;
line-height: 1.4;
}
.event_list dd p {
display: block;
padding: 10px 0 0px 12px;
}

.word_list dd strong br {
display: none;
}
.content_body .vision .yakuwari dt {
text-indent: -35px;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
}

.user_table th:first-child {
padding-left: 10px;
text-align: left;
}
.user_table td:first-child {
padding-left: 10px;
text-align: left;
}
h4.line_title1 {
clear: both;
font-size: 15px;
padding: 0 0 0 11px;
}
.content_body .user_tablew2 th:first-child {
padding-left: 10px;
text-align: left;
width: auto;
}

.static.users .content_body .cms_body h2 {
font-size: 15px;
}
.co_list.page_nav ul {
text-align: left;
padding: 0;
margin-left: 10px;
}
.co_list.page_nav li {
margin-right: 5px;
display: inline-block;
border: 0;
}
.cms_body .right_img {
width: 30% !important;
padding: 0;
}
.cms_body .right_img img {
}

.w700 {
margin: 0 auto;
width: auto;
font-size: 12px;
margin: 0 auto;
width: 90%;
}
.w700 img {
width: 80%;
}
.w700 .left,
.w700 .right {
width: 45%;
}
.voice .cms_body .line_box {
width: 90%;
margin: 0 auto 15px auto !important;
}
.voice .cms_body .right_img {
padding: 0 15px 0 10px;
}
.voice .cms_body .right_img.smp_big {
padding: 0 15px 0 10px;
width: 50% !important;
}

.voice.contents .cms_body .user_voice .user_block {
float: left;
margin: 0 30px 40px 25px;
width: auto;
}

.cms_body hr {
border-top: 1px dotted #666666;
margin: 20px 0;
}
.content_body .from_pla h2.cms_title span {
font-size: 13px;
font-weight: 300;
display: block;
}

.szk_list li span {
background: #c00 none repeat scroll 0 0;
border-radius: 20px;
color: #fff;
padding: 1px 10px 2px;
position: absolute;
right: 5px;
top: 5px;
font-size: 10px;
}
#top .content_body .news_block p.ymd + p {
padding-bottom: 10px;
position: relative;
top: -3px;
font-size: 3.2vw;
}

#gs_big table.gsc-search-box {
display: block;
margin: 0 auto;
width: 100%;
}
.content_body img.gcsc-branding-img-noclear {
width: 45px !important;
}
.contact_form_outer {
width: 90%;
margin: 10px auto 0 auto;
}
.contact_form_outer .form {
border: 1px solid #004ea2;
padding: 5px 15px;
}
.contact_form_outer .form {
font-size: 13px;
}
.contact_form_outer .form th {
border-bottom: 1px dotted #333;
padding: 10px 0;
vertical-align: top;
width: auto;
}
.contact_form_outer .form th,
.contact_form_outer .form td {
display: block;
width: auto;
}
.contact_form_outer .form input,
.contact_form_outer .form textarea {
width: 100%;
}
.contact_form_outer .t13 {
text-align: left;
}
.contact_form_outer .form .wSmall {
width: 80px;
}
.btnArea {
margin: 0 auto;
width: auto;
}

form .veriSign {
float: none;
padding-top: 10px;
text-align: center;
}
form .veriSign img {
width: auto;
}
form input.submit {
background: #004ea2 none repeat scroll 0 0;
color: #fff;
display: block;
float: none;
margin: 20px auto;
padding: 10px;
text-align: center;
width: 200px;
}
.from_pla .cms_body p + h3 {
margin: 15px 0 10px 0;
}
.word_list dt {
font-size: 15px;
font-weight: 500;
padding: 0 0 10px 5px;
}
.word_list dd {
padding: 10px 0;
}
.new_ent h3 {
font-size: 13px;
font-weight: 300;
width: auto;
float: none;
padding: 5px 0 4px 0px;
position: relative;
font-weight: 500;
border-bottom: 1px dotted #333;
}
.new_ent h3:after {
content: "";
}
.new_ent ul {
margin-bottom: 10px;
margin-left: 10px;
}
.new_ent ul li {
display: inline-block;
border: 0px;
width: auto;
margin: 0 10px 0 0px;
padding: 0 5px 5px 0;
}

.rwd img {
width: 24px;
margin: 5px 0;
}
.service_area.view_smp {
padding-top: 10px;
}
/*cms*/

#news_body .site-content .contents .entryArea img {
width: 60%;
max-width: 100%;
height: auto;
}

#top .service_area.view_smp,
#top .about_area,
#top .news_area,
#top .shiru_area {
}

#top .content_body .shiru_area h2 {
color: #333;
}
.smp_both {
clear: both !important;
}
.smp_right {
float: right;
}
.ph_area.smp_right div {
width: 100%;
padding-left: 15px !important;
}
.resarch_list li img {
margin-left: 5px;
vertical-align: middle;
width: auto;
}
.pc_width_full {
width: auto !important;
}

.inbound_linklist dt {
float: none;
font-size: 15px;
padding: 0 5px 0 11px;
width: auto;
font-weight: 500;
position: inherit;
}

.inbound_linklist dd {
display: block;
padding: 0 15px 0 10px !important;
}
.pvan .title_area h2 img {
width: 220px;
}
.pvan .swiper-pagination {
display: none;
}
.pvan_index_block {
display: block;
justify-content: space-between;
}
.pvan .index_list h3 {
color: #999999;
font-size: 18px;
font-weight: normal;
padding-bottom: 0px;
position: relative;
top: 0px;
margin-top: 15px;
}
.pvan .index_list {
width: auto;
}
.pvan .index_list li h4 {
font-size: 15px;
padding-right: 40px;
}
.pvan .index_list li span {
font-size: 14px;
}
.pvan .index_list li:last-child a {
border: none;
}
.fu_head {
margin: 8px auto 20px auto;
width: auto;
}
.fu_head img {
width: 90%;
margin: 0 auto;
display: block;
}
.fu_head h4 {
font-weight: normal;
float: none;
padding: 15px 25px;
font-size: 12px;
width: 100%;
}
.fu_head p {
padding: 0px 25px 0 25px;
font-size: 17px;
font-weight: bold;
}
.feat .cms_body .text_block {
border-top: 1px dotted #666;
font-size: 17px;
padding: 10px 0px;
overflow: hidden;
}
.feat .cms_body .text_block h3 {
font-size: 15px;
margin-bottom: 10px;
}
.voice_head {
margin: 8px auto 10px auto;
width: auto;
}
.voice_head h3 img {
width: 90%;
margin: 0 auto;
display: block;
}
.voice_head h4 {
float: none;
padding: 20px 20px 0 20px;
text-align: center;
}
.voice_head h4 img {
width: 50%;
}
.voice_head p {
padding: 15px 25px 0 25px;
font-size: 15px;
font-weight: bold;
}
.voice .cms_body .text_block h3 {
font-size: 15px;
}
.voice .cms_body .text_block {
padding: 10px 0px;
font-size: 13px;
}
.voice .cms_body .text_block dl {
display: block;
padding-left: 0;
}
.voice .cms_body .text_block dd {
width: auto;
}
.voice .cms_body .prof_area {
float: none;
margin: 0;
width: auto;
}
.voice .cms_body .prof_area img {
width: 100%;
}
.voice .cms_body .prof_area .ph_outer {
overflow: hidden;
width: 30%;
float: right;
margin-left: 20px;
}
.voice .cms_body .prof_area h4 {
font-size: 18px;
padding: 10px 0 0px 0;
}
.voice .cms_body .prof_area h4 + p + p {
display: block;
padding-top: 5px;
}
.voice .cms_body .ph_block {
text-align: center;
font-size: 12px;
vertical-align: top;
display: block;
}
.voice .cms_body .ph_block div {
width: auto;
margin: 15px 0 0 0;
}
.voice .cms_body .prof_area2 {
width: auto;
margin-right: 0;
margin-bottom: 15px;
float: none;
}
.voice .cms_body .prof_area2 .ph_outer {
overflow: hidden;
width: 30%;
float: left;
margin-right: 20px;
margin-bottom: 15px;
}
.voice .cms_body .prof_area2 h4 {
font-size: 17px;
padding: 0px 0 10px 0;
}
.voice .cms_body .prof_area2 h4 br {
}
.voice .cms_body .on_r_colm {
margin-top: 0px;
}
.voice .cms_body .on_l_colm::before {
display: none;
}
.voice .cms_body .on_l_colm h3 {
margin-left: 0;
}
.voice .cms_body .com_prof {
padding: 10px 0;
}
.fes_head {
width: auto;
}
.fes_head img {
width: 100%;
}
.fes_img {
width: 90%;
margin: 0 auto;
}
.fes_img img {
width: 100%;
}
.fes .main_text {
padding: 0 5px 15px 5px;
}
.fes_map {
display: block;
}
.fes_map img {
width: 100%;
margin-bottom: 10px;
}
.fes_map dt {
width: auto;
}
.fes_map dd {
width: auto;
}

.pvan .van_head img {
width: 50%;
text-align: center;
display: block;
}
.pvan .van_head h4 {
font-size: 20px;
}
.pvan .topics .title_block span {
font-size: 13px;
}
.pvan .topics .title_block {
margin-left: 0;
}
.pvan .topics .title_block h3 {
font-size: 15px;
}
.pvan .cms_body.topics p {
padding-left: 0;
}
.pvan .cms_body.topics .ph_area h4 {
font-size: 13px;
text-align: left;
}
.pvan .cms_body.topics .ph_area {
padding: 15px 0;
}
.pvan .cms_body.topics .memo_outer {
padding: 10px 0;
margin-bottom: 15px;
}
.pvan .cms_body.topics .memo {
display: block;
}
.pvan .cms_body.topics dt {
padding: 5px 0;
display: block;
width: auto;
}
.pvan .cms_body.topics dd {
display: block;
width: auto;
}

.pvan .vanvan_nav li {
display: inline-block;
width: 45%;
margin: 0;
border: 1px solid #e684b3;
font-size: 13px;
margin-bottom: 2px;
}
.pvan .vanvan_nav li a {
width: 100%;
display: block;
padding: 3px;
}
.pvan .vanvan_nav li a:hover,
.pvan .vanvan_nav li.active a {
border-bottom: none;
background: #e684b3;
color: #fff;
}
.pvan .content_body.index .book_area a img {
width: 50%;
display: block;
margin: 0 auto;
}
.pvan .vanvan_nav .nav_outer {
position: relative;
width: auto;
margin: 0 auto;
}
.otoi {
display: block;
}
.pvan .vanvan_nav li:first-child {
width: 91% !important;
}
.pvan .vanvan_nav {
height: auto;
}
.catalog h2 {
width: 90%;
}
.catalog .cms_body {
width: 90%;
}
.catalog .sub_title br {
display: none;
}

.catalog .ph_block_01 div {
float: left;
width: 50%;
}
.catalog .txt_block {
top: 0;
clear: both;
width: 100% !important;
}
.catalog .txt_block p b {
font-size: 13px;
}
.no1_txt {
width: 90%;
padding: 20px 0 0 0;
}
.content_body .colum_3_outer {
display: block;
}
.catalog .colum_3_outer .colum_3 {
width: 100%;
margin-bottom: 10px;
}
.catalog .sub_title {
font-size: 16px;
}
.catalog h3 .new {
font-size: 11px;
}
.catalog .white_box img {
width: 70px;
margin-right: 10px;
}
.catalog .white_box p {
}
.catalog .white_box h5 {
font-size: 13px;
padding-top: 20px;
}
.catalog .white_box h5 br {
display: none;
}
.catalog .ble_title {
padding: 0 0 20px 0;
font-size: 15px !important;
}
.catalog .arrow_ble {
width: 80px;
}
.catalog .point_block {
width: 100%;
}
.catalog .ph_zoom_area {
display: block;
font-size: 10px;
padding: 20px 0px 0 0px;
}
.catalog .zoom_block {
padding-bottom: 10px;
}
.catalog .sub_area {
display: block;
padding-top: 20px;
}
.catalog .sub_block {
display: block;
width: 100%;
}
.catalog .sub_area h4 {
font-size: 16px;
margin-bottom: 10px;
}
.catalog .zoom_block .ph .zoom {
display: none;
}
.catalog .read_text {
width: 100%;
}
.catalog .katuyo .white_box h5 {
font-size: 15px;
}
.catalog .white_box .text_block {
padding-top: 0;
}
.catalog .white_box .text_block h5 {
padding: 0px 0;
}

.catalog .white_box div:first-child {
height: auto;
}
.catalog .white_box p {
font-size: 12px !important;
padding: 0px 0 20px 0;
}
.catalog .white_box .blu_line_area h6 {
font-size: 14px;
}
.catalog .white_box .bg_area h6 {
font-size: 14px;
padding-bottom: 0px;
}
.catalog .white_box .blu_line_area h6 {
padding-bottom: 0px;
}
.catalog .white_box {
width: 100%;
margin-bottom: 10px;
}
.catalog .schedule ul {
display: block;
padding-bottom: 0px;
}
.catalog .schedule ul li {
width: 100%;
height: auto;
padding: 15px;
margin-bottom: 30px;
}
.catalog .schedule ul li br {
display: none;
}
.kometxt::after {
position: static;
}
.catalog .schedule ul li::before {
content: "▼";
transform: scaleY(0.6) rotate(0deg);
left: 0;
right: 0;
top: auto;
bottom: -30px;
}
.catalog .haru ol,
.catalog .aki ol {
padding: 10px 0 20px 0;
display: block;
}

.catalog .haru ol li,
.catalog .aki ol li {
padding: 0;
display: block;
}
.catalog .service_comp_list li {
width: 100%;
}
.catalog .graf_outer:first-child {
width: 100%;
}
.catalog .graf_outer:last-child {
width: 100%;
margin: 20px auto 0 auto;
}
.catalog .graf_flex {
display: block;
}
.catalog .graf_outer p {
position: static;
}
.graf_outer.sp {
display: none;
}
.graf_outer.pc {
display: block;
}
.catalog .sub_title2 {
font-size: 16px;
}
.graf_outer ul {
width: 240px;
margin: 0 auto 10px auto;
}
.graf_outer ul.area {
width: 240px;
margin-left: auto;
}
.catalog .schedule ol li {
width: 100%;
}
.catalog .schedule ol li:after {
content: "▼";
transform: scaleY(0.6) rotate(0deg);
left: 0;
right: 0;
top: auto;
bottom: -30px;
display: block;
color: #004ea2;
}
.catalog .schedule ol li:last-child:after {
content: "";
}
.catalog .schedule ol li span {
display: block;
background: #004ea2;
border-radius: 10px;
color: #fff;
padding: 5px;
}
.catalog .schedule .pc {
display: none;
}
.catalog .phmin {
width: 65%;
display: block;
margin: 0 auto;
}
.catalog canvas {
position: relative;
z-index: 10;
min-height: 0px;
}
.catalog .graf_flex.pc {
display: none;
}
.catalog .graf_txt {
display: none;
}
.catalog .graf_txt.smp {
display: block;
}
.catalog .graf_flex img.pc {
display: none;
}
.catalog .graf_flex img.smp {
display: block;
}
#top.renew .top_flex_outer {
width: 100%;
display: block;
padding: 10px;
margin-top: 45px;
}
#top.renew .top_flex_outer .slide_area {
width: 100%;
height: auto;
}
#top.renew .newe_outer {
width: auto;
}
.about_area {
display: block;
padding: 15px !important;
margin-top: -40px;
}
#top.renew .content_body .newe_outer .news_block {
width: 99%;
height: auto;
margin: 10px auto 0px auto !important;
}
.content_body .news_block_outer {
display: flex;
flex-wrap: wrap;
}
#top.renew .content_body .news_block {
width: 48%;
height: auto;
}
#top.renew .content_body .news_block.info_block {
width: 98%;
}
#top.renew .content_body .news_block .ph {
width: 100%;
height: auto;
}
#top .content_body .news_area .inner {
padding: 0px !important;
width: 95%;
margin: 0 auto;
}
#top.renew .content_body .news_block p.ymd {
font-size: 3vw !important;
}
#top.renew .content_body .news_block h3 {
font-size: 4vw;
}
#top.renew .content_body .news_block h3 font {
font-size: 3.2vw;
}
#top.renew .inline_news dt,
#top.renew .content_body .news_block #scroll a {
font-size: 3.2vw;
}
/*
.news_block_outer .news_block {
display: none;
}
*/
.news_block_outer .news_block:nth-of-type(1),
.news_block_outer .news_block:nth-of-type(2),
.news_block_outer .news_block:nth-of-type(3),
.news_block_outer .news_block:nth-of-type(4) {
display: block;
}
#top.renew .content_body {
background: #f1f1f1;
}
#top.renew .content_body .ir_block {
display: block;
width: 98%;
}
#top.renew .content_body .ir_block h3 img {
width: auto;
}
#top.renew .content_body .ir_block .text_area {
height: auto;
}
#top.renew .content_body {
padding-bottom: 5px !important;
}
#top.renew .content_body .service_area .inner .colum_inner p {
display: none;
}
#top.renew .content_body .service_area .inner .colum_inner {
margin-left: 0;
width: auto;
}
#top.renew .content_body .service_area .inner .colum_inner h3 {
font-size: 3.2vw;
margin-top: 5px;
}
#top.renew .content_body .service_area .inner .colum3_area {
display: block;
border-top: 1px solid #fff;
}
#top.renew .content_body .service_area .inner .colum_inner h3 img {
display: none;
}
#top.renew .content_body .service_area .inner .colum_inner h3 a {
color: #fff;
}
#top.renew .content_body .service_area .inner {
background: #231815;
}
#top.renew .content_body .news_block .tag {
left: 0;
top: 5px;
right: auto;
height: auto;
font-size: 3vw;
}
.bn_area {
margin-top: 10px;
}
.about_area.smp {
margin-top: 10px;
display: block;
}
#top.renew .about_area .inner {
border-radius: 5px;
display: block;
}
#top.renew .about_area .inner img {
width: 5%;
}
#top.renew .about_area .inner div {
width: 100%;
border-left: none;
padding-left: 0px;
}
#top.renew .about_area .inner div p {
font-size: 3vw !important;
}
#top.renew .about_area .inner div span {
display: block;
}
#top.renew .about_area .inner .titles {
width: auto;
text-align: left;
border-bottom: 1px solid #999;
padding-bottom: 5px;
margin-bottom: 5px;
}
#top.renew .content_body .news_area .news_block h3 {
font-size: 3.8vw !important;
}
#top.renew .newe_outer .inline_news {
padding: 10px;
}
.cms_body .comment {
display: block;
padding: 0 20px;
}
.cms_body .comment dt.no1,
.cms_body .comment dt.no2 {
padding-left: 0;
padding: 5px 0;
}
.cms_body .comment dd {
width: 100%;
}
.contents .comp_date.inbund .ph_area {
padding-right: 0;
width: 150px;
}
.contents .comp_date.inbund {
padding-top: 20px !important;
}
.contents .comp_date.inbund p {
width: calc(100% - 150px);
}
.news_icon {
max-width: 100%;
width: auto !important;
}
.inbund_img {
display: block;
width: 50% !important;

padding-top: 7px;
float: none;
margin: 0 auto 20px auto;
}
img.fig_000 {
width: 100%;
height: auto;
margin: 0px auto;
}

.content_body .internet h2 {
padding: 3vw;
font-size: 4vw;
}
.content_body .internet .inner {
padding: 0 5vw;
}
.internet .red_box .inpct_area {
font-size: 5vw !important;
}
.internet h3 span {
background: #004ea2;
color: #fff;
padding: 3vw;
display: inline-block;
position: relative;
top: 3vw;
}
.content_body .internet .border_area img {
display: none;
}
.content_body .internet img {
width: auto;
}
.internet .step_list .border_area {
width: 90%;
margin: 0 auto;
display: block;
height: auto;
}
.internet .step_list .border_area h4 {
width: auto;
}
.internet .step_list .border_area h4 span {
color: #004ea2;
display: inline-block;
margin-right: 5px;
}
.internet .step_list li {
display: block;
margin-bottom: 3vw;
}
.internet .step_list .count_box {
top: 0;
width: 100%;
padding: 3vw;
border-top: none;
}
.internet .step_list .count_box.red br {
display: none;
}
.internet .step_list {
padding-bottom: 0;
}
.tb_padd dt {
float: none;
}
.tb_padd dd {
padding-left: 0px;
padding-bottom: 20px;
}
.content_body .internet .faq dl {
padding: 5vw;
}
.spimg {
display: block;
}
#top .service_area .cate_title.tt_01 {
width: 48%;
height: 135px;
margin: 0 auto;
}
#top .service_area .cate_title.tt_02 {
width: 38%;
height: 135px;
margin: 0 auto;
}
#top .service_area .cate_title.tt_03 {
width: 57%;
height: 135px;
margin: 0 auto;
}
#top .service_area .cate_title::after {
bottom: 20px;
}
#top .service_block {
padding: 5vw;
}
#top .service_block .service_inner {
width: auto;
display: block;
}
#top .service_block .service_inner h3 {
font-size: 20px;
}
#top .service_block .service_inner .read {
padding-bottom: 5px;
}
#top .service_block .service_inner p {
padding-bottom: 10px;
}
#top .service_block .service_inner .ph_01 {
margin: 30px auto 0 auto;
width: 60%;
}
#top .service_block .service_inner .ph_02 {
margin: 30px auto 0 auto;
width: 40%;
}
#top .service_block .service_inner .ph_03 {
margin: 30px auto 0 auto;
width: 60%;
}
#top .service_block .service_inner .ph_04 {
margin: 30px auto 0 auto;
width: 50%;
}
#top .service_block .service_inner .ph_05 {
margin: 30px auto 0 auto;
width: 60%;
}
#top .service_block .service_inner .ph_06 {
margin: 30px auto 0 auto;
width: 50%;
}
#top .service_block .service_inner .ph_07 {
margin: 30px auto 0 auto;
width: 60%;
}
#top .service_block .service_inner .ph_08 {
margin: 30px auto 0 auto;
width: 60%;
}

#top .service_block .service_inner a {
display: block;
width: 100%;
margin: 10px auto;
text-align: center;
padding: 5px;
}
#top .service_block .service_inner a::after {
right: 20px;
}
#top .service_block .service_inner a:hover::after {
right: 20px;
}
#top .service_block .service_inner .tag {
font-size: 11px;
}
#top .content_body .banner_area img {
width: 100px !important;
}
.slide_pos li {
padding: 5px 10px;
}
#slide_1 {
height: 90px;
}
.main_img_area {
margin-top: 40px;
}
#top.renew .content_body .ir_block .text_area a {
font-size: 3.2vw;
}
.smp_none {
display: none;
}
.area_title span {
padding-top: 25px;
}
.videos video {
width: 100%;
}
a.blue_link {
width: 70%;
display: block;
margin: 20px auto 0 auto;
}
.product_times a.mousikomi_btn {
display: block;
margin: 0 !important;
padding: 5px;
text-align: center;
font-size: 15px;
}
.product_times .ptime_block {
width: auto;
padding: 5vw;
}
.product_times h2.obi_title {
width: auto;
}
.product_times h2.obi_title span {
margin-left: 5vw;
}
.product_times.yellow .flow .red_line_ling {
width: 70vw;
font-size: 15px;
}
.product_times .service_panel {
margin-bottom: 5vw !important;
display: block !important;
}
.product_times .service_panel .text_block {
width: auto !important;
padding: 5vw;
}
.product_times .service_panel .text_block .num {
font-size: 7vw;
top: 3vw;
left: 5vw;
}
.product_times .service_panel .text_block h4 {
font-size: 4vw;
padding-left: 10vw;
}
.product_times .service_panel .caption {
padding: 3vw;
}
.product_times .content_body img {
width: auto;
max-width: 100%;
}

.product_times .service_panel .ph_block {
display: none;
}
.product_times .mach_point {
display: block;
}
.product_times .mach_point li {
width: auto !important;
margin: 15px 0px;
position: relative;
}
.product_times .mach_point li div {
height: auto;
position: absolute;
left: 20px;
top: 20px;
width: 7.5vw;
}
.product_times .mach_point li div img {
width: 100%;
}
.sp_nom {
margin-top: 0vw !important;
}
.product_times .ptime_block h3 {
font-size: 4vw;
margin-top: 20px;
text-indent: -2.2vw;
margin-left: 3vw;
}
.product_times .hito_ph {
width: 10vw !important;
right: 0px;
bottom: -18px;
}
.movie_box video {
width: 90%;
}
.product_times .blue_outer .inner {
width: auto;
}
.product_times .blue_outer.yellow {
height: auto;
margin: 20px 0;
}
.product_times .blue_outer img {
width: 40vw;
left: 20px;
}
.product_times .service_panel .hito {
display: none !important;
}
.product_times .head_block {
width: 80%;
margin: 0 auto;
display: block;
}
.product_times#serv_body .content_body.static h2 {
width: 80%;
margin: 0 auto;
}
.product_times#serv_body .content_body.static .title_outer h2 {
width: auto;
margin: 0 auto;
}
.product_times .head_block a.red_btn {
padding: 10px;
display: block;
}
.product_times.yellow .head_block .text_box {
margin: 0;
}
.product_times .right_link {
float: none;
}
.product_times .right_link a {
width: 90%;
margin: 5px auto;
text-align: center;
display: block;
position: static;
}
.page_nav .muryo a {
position: static;
display: block;
width: 90%;
text-align: center;
margin: 7px auto;
}
.product_times .blue_outer {
height: auto;
margin: 20px 0;
}
.product_times .grap_ul {
display: block;
padding-bottom: 0px;
}
.product_times .grap_ul li {
width: auto;
padding-bottom: 20px;
font-size: 13px;
}
.product_times .grap_ul .grap_02 img {
position: static;
margin: 10px 0 0 0;
}
.product_times .sub_read {
width: auto;
padding: 5vw 0;
}
.product_times .catalog_inner {
padding: 0;
}
.product_times .catalog_inner ul li {
width: auto;
margin: 0 5px;
}
.smp_txt {
display: block;
text-align: center;
color: #6cc5eb;
margin: 0;
padding: 0 !important;
}
.product_times .flow .text_block {
width: auto;
padding: 15px;
margin: 20px auto 40px auto;
}
.product_times .flow p {
text-align: left;
}
.product_times .flow .text_block::after {
bottom: -35px;
}
.product_times .text_block .mousikomi_btn {
margin-top: 10px !important;
}
.dammy_t {
font-size: 4vw !important;
font-weight: bold;
color: #113f64;
text-align: center;
}
.product_times .catalog_inner ul li img {
margin: 10px 0;
}
.semi_style .user_block {
display: block;
padding: 2vw 0;
}
.semi_style .user_block h5 {
font-size: 4vw;
font-weight: normal;
padding-bottom: 10px;
}
.semi_style .user_block h5 strong {
font-size: 4vw;
}
.semi_style .read_area p strong {
font-size: 16px;
}
.semi_style .read_area a {
font-size: 3.6vw;
margin-top: 20px;
}
.semi_style .ph_box {
padding: 5vw 0;
}
a.contact_btn_single {
font-size: 4vw;
width: auto;
}
.left_paddi dd p{
padding-left: 0px;
}

.sub_page_nav2 li a {
padding: 1vw 3vw !important;
font-size:3vw;
}
.page_block{
padding:4vw;
}
.page_block p{
font-weight:bold;
font-size:4vw;
}
.page_block li{

font-size:3.2vw;
}
.want_haed ul + h2 img{
width: 50%;
display: block;
margin: 50px auto 10px auto!important;
}
li h3.voice_title img{
width:auto;
vertical-align: middle;
}
.hidden__pc {
    display: block;
}
  .hidden__sp {
      display: none;
  }

  .inner {
      width: 100%;
      padding: 0 15px;
  }

  .intro {
      width: 100%;
  }

  .intro__text {
      text-align: left !important;
  }

  .service__list {
      padding: 0;
      list-style: none;
  }

  .service__list .list__item {
      border-radius: 5px;
      border: solid 2px #c2c2c2;
      background: #f2f2f2;
      padding: 20px;
      margin-bottom: 30px;
  }

  .service__list__table {
      overflow: hidden;
  }

  .service__list__table dt,
  .service__list__table dd {
      float: left;
      margin-bottom: 3vw;
  }

  .service__list__table dt {
      font-weight: bold;
      clear: both;
      width: 100px;
  }

  .service__list__table dd {
      width: calc(100% - 100px);
  }

  .service__list__table dd .classification {
      display: inline-block;
      font-size: 15px;
  }

  .service__link__list {
      display: flex;
      justify-content: center;
  }

  .service__link__list a {
      color: blue;
      font-size: 2.8vw;
      padding: 0px 1vw;
  }
  .classification{
    color: #FFF;
  }
  .service__link__list a{
    font-size: 14px;
  }
  .cms_body.center .p20px {
text-align: center!important;
font-size: 4.5vw!important;
  }
  .pos_sata_inner ul {
      display: block;
      gap: 35px;
  }

  .pos_sata_inner li {
      width: 100%;
  }

  .pos_sata_inner li h4 {
      font-size: 4vw;

  }
   .pos_lsit_01 {
gap: 5vw;
   }
  .pos_lsit_01 li{
    width: 100%;
    padding: 5vw;
  }
  .pos_lsit_01 li h4{
    font-size: 4.5vw;
  }
  .pos_lsit_01 li img{
    margin: 5px 0;
  }
  .tokutyo_list h4{
    font-size: 4.5vw;
  }
  .top_line_block{
    padding: 5vw;
  }
}
.classification.performance {
    background: #2c98da;
}
.classification.onetrust {
    background: #6cc04a;
}
.classification.unknown {
    background: #a5b1c2;
}
.classification.strictly__necessary {
    background: #ccd547;
}