<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*————————————————————————————————————————————
GENRE: A
————————————————————————————————————————————*/

/*A-3~4*/
#hikari_mansion table td,#hikari_area_detail{ text-align: center; }
#hikari_mansion-list .list,#hikari_mansion-list2 .list,#hikari_area_detail .list{
    margin: 0 20px 50px;
}
#hikari_mansion-list .list dl,#hikari_mansion-list2 .list dl,#hikari_area_detail .list dl{
    margin-bottom: 40px;
}
#hikari_mansion-list .list dt:before,#hikari_mansion-list2 .list dt:before,#hikari_area_detail .list dt:before{
	font-family: "Font Awesome 5 Free";
	content: '\f0d7';
	font-weight: 900;
    margin-right: 6px;
}
#hikari_mansion-list .list dt.open:before,#hikari_mansion-list2 .list dt.open:before,#hikari_area_detail .list dt.open:before{
	content: '\f0d8';
}
#hikari_mansion-list .list dt,#hikari_mansion-list2 .list dt,#hikari_area_detail .list dt{
    padding: 10px 1em;
font-weight: bold;
border-radius: 10px;
background-color: #0021ba;
color: #fff;
cursor: pointer;
}
#hikari_mansion-list .list dd,#hikari_mansion-list2 .list dd,#hikari_area_detail .list dd{
    display: none;
    margin-top: 20px;
}
#hikari_mansion-list .list dd,#hikari_mansion-list2
#hikari_area_detail .table-s tr td:first-of-type{
	font-weight:bold;
}
body[id^="hikari_mansion-list"] table tr td:nth-of-type(n+3){
  text-align:center;
}

/*A-7*/
body[id*="catv-channel"] .col2-table{
	display: flex;
	justify-content: space-between;
}
body[id*="catv-channel"] .col2-table table{ width: 49%; }
body[id*="catv-channel"] .col2-table table th{ width: 66%; }
body[id*="catv-channel"] .col1-table table th:nth-of-type(1){ width: 40%; }
body[id*="catv-channel"] .col1-table table th:nth-of-type(2){ width: 20%; }
body[id*="catv-channel"] .col1-table table th:nth-of-type(3){ width: 40%; }
body[id*="catv-channel"] .col1-table table td:nth-of-type(2),
body[id*="catv-channel"] .col1-table table td:nth-of-type(3),
body[id*="catv-channel"] .col2-table table td:nth-of-type(2){ text-align: center; }
body[id*="catv-channel"] .col1-table table td:nth-of-type(3){color: #d62323;font-weight: bold;}

/*A-8*/
#catv-channel-bs .b3{
    margin-bottom: 0;
}
#catv-channel-bs .b3 dl dt{
    width: 120px;
}
#catv-channel-bs .b3 dl dd{
    flex:1;
}
#catv-channel-bs .b4 dl dt{
    width: 320px;
}

/*A-9*/
.channel-b ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 36px;
}
.channel-b ul:after{
    content:"";
    display: block;
    width: 32%;
}
.channel-b ul li{
    width: 32%;
    border: solid 2px #ccc;
    border-radius: 12px;
    padding: 10px 10px 16px;
    margin-bottom: 20px;
}
.channel-b ul li a{
    color: #333 !important;
    text-decoration: none !important;
}
.channel-b ul li .ttl{
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 16px;
    border-radius: 10px 10px 0 0;
    margin: -10px -10px 0;
}
.channel-b ul li .ttl h3{
    padding: 2px 4px;
    font-size: 1.8rem;
    color: #fff;
}
.channel-b ul li a .ttl h3{
    color: #fff;
}
.channel-b ul li .ttl .ch{
    background: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
.channel-b ul li .logo{
    margin-top: 10px;
}
.channel-b ul li h4{
    font-size: 2.2rem;
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
}
.channel-b ul li p{
    font-size: 1.2rem;
    line-height: 1.5;
}
.channel-b ul li.anime{ border-color: #8fdb01; } .channel-b ul li.anime .ttl{ background: #8fdb01; }
.channel-b ul li.shopping{ border-color: #f14f36; } .channel-b ul li.shopping .ttl{ background: #f14f36; }
.channel-b ul li.drama{ border-color: #f77c1e; } .channel-b ul li.drama .ttl{ background: #f77c1e; }
.channel-b ul li.movie{ border-color: #00a988; } .channel-b ul li.movie .ttl{ background: #00a988; }
.channel-b ul li.music{ border-color: #ed3d79; } .channel-b ul li.music .ttl{ background: #ed3d79; }
.channel-b ul li.sports{ border-color: #0e9df5; } .channel-b ul li.sports .ttl{ background: #0e9df5; }
.channel-b ul li.hobby{ border-color: #754c24; } .channel-b ul li.hobby .ttl{ background: #754c24; }
.channel-b ul li.news{ border-color: #405bbc; } .channel-b ul li.news .ttl{ background: #405bbc; }
.channel-b ul li.education{ border-color: #ed1c24; } .channel-b ul li.education .ttl{ background: #ed1c24; }
.channel-b ul li.document{ border-color: #93278f; } .channel-b ul li.document .ttl{ background: #93278f; }
.channel-b ul li.entertainment{ border-color: #9e005d; } .channel-b ul li.entertainment .ttl{ background: #9e005d; }
.channel-b ul li.variety{ border-color: #f15a24; } .channel-b ul li.variety .ttl{ background: #f15a24; }
.channel-b ul li.keiba{ border-color: #2e3192; } .channel-b ul li.keiba .ttl{ background: #2e3192; }
.channel-b ul li.adult{ border-color: #e55c9c; } .channel-b ul li.adult .ttl{ background: #e55c9c; }

/*A-11*/
#catv-tuner .b0{
}

/*A-15*/
#internet-option .b3 dt{ width: 180px; }

/*A-22*/
#hikari_price-simulation form ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#hikari_price-simulation form ul:after{
    content:"";
    width: 32%;
    display: block;
}
#hikari_price-simulation form ul.tabn{
    border-bottom: solid 3px #000;
}
#hikari_price-simulation form ul li{
    width: 32%;
    margin-bottom: 15px;
}
#hikari_price-simulation form ul li input[type=radio],
#hikari_price-simulation form ul li input[type=checkbox]{
display: none;
}
#hikari_price-simulation form ul li input[type="radio"]:checked + label,
#hikari_price-simulation form ul li input[type="radio"]:checked + input + label,
#hikari_price-simulation form ul li input[type="checkbox"]:checked + label,
#hikari_price-simulation form ul li input[type="checkbox"]:checked + input + label{
background: #31A9EE;
color: #ffffff;
}
#hikari_price-simulation form ul li label {
display: block;
color: #0120b8;
text-align: center;
cursor: pointer;
border: 2px solid #0120b8;
border-radius: 5px;
line-height: 1.5;
padding: 10px;
}
#hikari_price-simulation form ul li label:hover {
background-color: #E2EDF9;
}
#hikari_price-simulation #tabn2,
#hikari_price-simulation #tabn3{display: none;}
#hikari_price-simulation .news-b ul.tabn li a{
    color: #232323;
}
#hikari_price-simulation .news-b ul.tabn li{
	width: 32%;
    margin-bottom: 0;
}
#hikari_price-simulation .news-b ul.tabn li a{
	width: 100%;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
#hikari_price-simulation .news-b .tab_content li {
    padding: 0;
    border-bottom: none;
}
#hikari_price-simulation #total_price{
    color: #C00;
    font-size: 3.6rem;
    padding: 10px;
    font-weight: bolder;
    border:none;
    display: inline-block;
}
#hikari_price-simulation #choice{
    font-size: 1.4rem;
    padding: 10px;
    border:none;
    display: inline-block;
    width: 90%;
}
#hikari_price-simulation table:not(:last-child){
    margin-bottom: 15px;
}
#hikari_price-simulation th{
    width: 35%;
}

/*A-23*/
#hikari_price-option .table-s td{ text-align: center;width:50% }

/*A-26*/
#collabo_hikari_tv .b6 ol li:nth-of-type(2) h3{
    border-radius: 10px;
}
#collabo_hikari_tv table.table-s td{
    text-align: center;
}
#collabo_hikari_tv ul.premiumch{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#collabo_hikari_tv .flow ol li h3 {
    padding: 32px 26px;
    text-align: center;
    border-radius: 10px;
}
#collabo_hikari_tv .flow ol li:after {
    top: calc(50% - 16px);
}
#collabo_hikari_tv .b3-full dt{
    width: 410px;
    text-align: center;
}
.b6.plus-b ol li {
    width: 30%;
}
.b6.plus-b ol li h3{
    text-align: center;
    padding-left: 0;
}
.b6.plus-b ol li h3:before{
    display: none
}
.b6.plus-b ol li:after{
	content: '\f055';
	color: #0120b8;
	position: absolute;
	right: -38px;
	top: 20px;
	font-size: 2.8rem;
}
.b6.plus-b ol li:last-of-type:after{
    display: none;
}
#collabo_hikari_tv .detail{
    max-width: 650px;
    margin: 30px auto;
}

/*A-27*/
#collabo_wifi .b2 ul li:nth-of-type(2) h3,
#collabo_wifi .b2 ul li:nth-of-type(6) h3{
	font-size: 1.6rem;
	margin-top: -10px;
}
#collabo_wifi .b2 ul li:nth-of-type(2) h3:before,
#collabo_wifi .b2 ul li:nth-of-type(6) h3:before{
	top: 10px;
}
#collabo_wifi .b7 .price-box h3{
	width: 120px;
}

/*A-28*/
.faq-index-b1 ul li:nth-of-type(1) a:before{ background-image:url(../images/common/icon-hikari_triple.png) }
.faq-index-b1 ul li:nth-of-type(2) a:before{ background-image:url(../images/common/icon-tv.png) }
.faq-index-b1 ul li:nth-of-type(3) a:before{ background-image:url(../images/common/icon-internet.png) }
.faq-index-b1 ul li:nth-of-type(4) a:before{ background-image:url(../images/common/icon-tel.png) }
.faq-index-b1 ul li:nth-of-type(5) a:before{ background-image:url(../images/common/icon-option.png) }
.faq-index-b1 ul li:nth-of-type(6) a:before{ background-image:url(../images/common/icon-resist.png) }
.faq-index-b1 ul li:nth-of-type(7) a:before{ background-image:url(../images/common/icon-payment.png) }
.faq-index-b1 ul li:nth-of-type(8) a:before{ background-image:url(../images/common/icon-connect.png) }
.faq-index-b1 ul li:nth-of-type(9) a:before{ background-image:url(../images/common/icon-question.png) }
.faq-inq-b{
    padding: 48px;
}
.faq-inq-b .tel p{
    font-size: 2.2rem;
    margin: 24px 0 8px;
}
.faq-inq-b .tel .tel-num{
    font-size: 6rem;
    line-height: 1;
    margin: 0 0 48px;
    display: inline-block;
}
.faq-inq-b .tel .tel-num:before{
    content:"";
    background:url("../images/common/icon-freecall.png") no-repeat left top;
    display: inline-block;
    width: 76px;
    height: 60px;
    vertical-align: middle;
    margin-right: 10px;
}
.faq-inq-b .waittime{
    max-width: 780px;
    margin: 50px auto 0;
    border: solid 1px #ccc;
    padding: 25px;
}
.faq-inq-b .waittime h2{
    font-size: 1.8rem;
    margin: 0 0 24px;
}
.faq-inq-b .waittime .inner{
    display:flex;
    justify-content: space-between;
}
.faq-inq-b .waittime .inner dl{
    width: 45%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}
.faq-inq-b .waittime .inner dl dd h3{
    font-size: 1.6rem;
}
.faq-inq-b .waittime .inner dl dd p b{
    font-size: 2.4rem;
    margin-left: 0.4em;
    color: #e57c00;
}

/*A-29~36*/
.faq-b dl{
    margin-bottom: 52px;
}
.faq-b dl dt{
    font-size: 1.8rem;
     font-weight: bold;
    color: #0120b8;
    background: #f3f3f3;
    padding: 14px 60px;
    margin-bottom: 28px;
    position: relative;
    border-radius: 10px;
}
.faq-b dl dt:before{
    content:url("../images/common/icon-q.png");
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
}
.faq-b dl dd{
    padding: 0 0 0 60px;
    position: relative;
}
.faq-b dl dd:before{
    content:url("../images/common/icon-a.png");
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
}

/*A-37*/
.note4{
    border:solid 2px #d62323;
    padding: 28px 32px;
}
.note4 dl{
    display:flex;
    justify-content:flex-start;
    align-items: center;
}
.note4 dl dt{
    padding-right: 20px;
}

/*A-39*/
#haisen .b4 dt{
    width: 340px;
    text-align: center;
}
#haisen .b4 dd{
    flex:1;
}

/*A-44*/
ul.setwari{
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 50px;
}
ul.setwari li{
    width: 47%;
    height: 340px;
    box-sizing:border-box;
    text-align: center;
}
ul.setwari li.lt{
    background:#c5e4f9;
    padding: 60px 0 0;
    border:solid 1px #00a0e9;
}
ul.setwari li.ct{
    width: 6%;
    padding-top: 160px;
}
ul.setwari li.rt{
    border:solid 1px #eb5606;
    padding: 20px 0 0;
}
#step .step_table{
    margin: 0 auto;
    width: 100%;
}
#step .step_table td {
    text-align:center;
}
#step h4{
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: #0021ba;
    border-radius: 10px 10px 0 0;
}
#step .info{
    background:#FFFAE5;
    padding: 16px;
}
.step_table td {
background-position:bottom;
background-repeat:no-repeat;
}
.step_table td.yes {
vertical-align:top; width:200px;background-image:url('../images/setwari-au_smart/arrow_yes.jpg');
}
.step_table td.no {
background-image:url('../images/setwari-au_smart/arrow_no.jpg');
}
.step_yes{ width: 160px; padding: 12px 0; border: 1px solid #E5E5E5; margin: 30px auto 50px; font-size: 24px; font-weight: bold; text-align: center;background: #fff; }
.step_no{ width: 160px; padding: 12px 0; border: 1px solid #E5E5E5; margin: 30px auto 50px; font-size: 24px; font-weight: bold; text-align: center;background: #fff; }
.note5{
     border: 3px solid #CF5C1B;
     padding:15px 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.b0 .note5 p:not(:last-child){
    margin-bottom: 0;
}
/*A-45*/
#setwari-docomo .flow{
    background: #fffac7;
    padding: 40px 20px 20px;
}
#setwari-docomo .flow .col2 li{
    width: 48%;
}

/*A-46*/
.flow_outline{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.flow_outline li{
	width: 23%;
	position: relative;
	color: #0120b8;
	border: solid 3px #0120b8;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 24px 0;
	border-radius: 10px;
    text-align: center;
}
.flow_outline li:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	content: '\f0da';
	color: #0120b8;
	position: absolute;
	right: -20px;
	top: calc(50% - 24px);
	font-size: 2.8rem;
}
.flow_outline li:last-of-type:after{ content:none; }

/*A-47*/
#entry_guide-form .table-s th{
    width: 20%;
}

/*A-48*/
#soudankai .table-l td{
    text-align: center;
}
#soudankai .b1{
    background-image: url("../images/soudankai/b1-bg.jpg");
}

/*A-51*/
.member-nav{
    display:flex;
    justify-content: space-between;
    max-width: 940px;
    margin: 0 auto;
}
.member-nav .member-nav-topic{
    width: 48%;
}
.member-index-b{
    margin-bottom: 50px;
}
.member-index-b ul{
  max-width: 940px;
}
.member-index-b ul li{
  width: 31%;
}
.member-index-b ul li a{
    height: 170px;
}
.member-index-b ul li.check a:before{ background-image:url(../images/common/icon-check.png) }
.member-index-b ul li.procedure a:before{ background-image:url(../images/common/icon-procedure.png) }
.member-index-b ul li.mail a:before{ background-image:url(../images/common/icon-mail.png) }
.member-index-b ul li.config a:before{ background-image:url(../images/common/icon-config.png) }
.member-index-b ul li.question a:before{ background-image:url(../images/common/icon-question.png) }
.member-index-b ul li.inquiry a:before{ background-image:url(../images/common/icon-inquiry.png) }
.member-index-b ul li.manual a:before{ background-image:url(../images/common/icon-manual.png) }
.member-index-b ul li.myhp a:before{ background-image:url(../images/common/icon-keiyaku.png) }
.member-index-b ul li.remotesupport a:before{ background-image:url(../images/common/icon-remotesupport.png) }
.member-index-b ul li.ip a:before{ background-image:url(../images/common/icon-ip.png) }
.member-index-b ul li.webmail a:before{ background-image:url(../images/top/service-m-4.png) }
.flowtouse{
	border-top: solid 14px #01236a;
	padding: 80px 0;
}
#entry_guide .flowtouse{
    padding: 40px 0 0;
    border-top: none;
}
.flowtouse h3{
	font-size: 3rem;
	margin-bottom: 30px;
	color: #01236a;
}
.flowtouse .title1{
	font-size: 2.6rem;
	color: #000000;
}
.flowtouse .title1:before,
.flowtouse .title1:after{
	background-color: #000000;
}
.flowtouse ol{
	display: flex;
	justify-content: space-between;
	max-width: 960px;
	margin: 50px auto 60px;
}
.flowtouse ol li{
	width: 18%;
	border: solid 1px #b3b3b3;
	border-radius:5px;
	position: relative;
	padding: 20px 0 15px;
	font-weight: bold;
	line-height: 1.4;
}
.flowtouse ol li p{
    font-size: 2rem;
}
#entry_guide .flowtouse ol li{
    width: 24%;
}
.flowtouse ol li:before{
	content:"";
	background-position:left top;
    background-repeat: no-repeat;
	background-size: contain;
	width: 160px;
	max-width: 98%;
	height: 132px;
	margin: 0 auto;
	display: block;
}
#entry_guide .flowtouse ol li:before{
	width: 200px;
    height: 165px;
}
#collabo-price .flowtouse ol li:nth-of-type(1):before{ background-image: url(../images/collabo-price/icon2-1.png); }
#collabo-price .flowtouse ol li:nth-of-type(2):before{ background-image: url(../images/collabo-price/icon2-2.png); }
#collabo-price .flowtouse ol li:nth-of-type(3):before{ background-image: url(../images/collabo-price/icon2-3.png); }
#collabo-price .flowtouse ol li:nth-of-type(4):before{ background-image: url(../images/collabo-price/icon2-4.png); }
#collabo-price .flowtouse ol li:nth-of-type(5):before{ background-image: url(../images/collabo-price/icon2-5.png); }

#entry_guide .flowtouse ol li:nth-of-type(1):before{ background-image: url(../images/hikari_price/icon-1.png); }
#entry_guide .flowtouse ol li:nth-of-type(2):before{ background-image: url(../images/hikari_price/icon-2.png); }
#entry_guide .flowtouse ol li:nth-of-type(3):before{ background-image: url(../images/hikari_price/icon-3.png); }
#entry_guide .flowtouse ol li:nth-of-type(4):before{ background-image: url(../images/hikari_price/icon-4.png); }
.flowtouse ol li i{
	background-color: #01236a;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.4;
	font-style:normal;
	font-weight: normal;
	display: block;
	position: absolute;
	top: -20px;
	left: 20%;
	width: 60%;
}

/*A-62*/
#inquiry .btn{
  margin-top: 20px;
}

/*————————————————————————————————————————————
GENRE: B
————————————————————————————————————————————*/

body[id*="community-"] .b3 dl dd {
    flex:2;
}
/*B-1*/
#highlights h3{
    font-size: 2.8rem;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 16px;
    color: #0021ba;
    border-bottom: solid 3px #0021ba;
}
#highlights h3:before{
    font-family: "Font Awesome 5 Free";
    content: '\f26c';
    font-weight: 900;
    margin-right: 10px;
}
#highlights dl{
    display: flex;
    justify-content: space-between;
}
#highlights dl:not(:last-child){
    margin-bottom: 40px;
}
#highlights dl dd{
    flex:1;
    margin-left: 20px;
}
#highlights dl dd .date {
    font-weight: bold;
    color: #E60;
    line-height: 1.5;
}
/*B-2*/
body[id*="community-"] .outline{
    padding: 50px 0;
}
body[id*="community-"] .ttl-catch{
    font-size: 1.8rem;
    margin-bottom: 30px;
	color: #333333;
}
body[id*="community-"] .outline dl{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
    max-width: 940px;
    background: #fff;
    text-align: left;
}
body[id*="community-"] .outline dl dt{
	margin-right: 40px;
    flex:1;
}
body[id*="community-"] .outline dl dd{
    flex:1;
}
body[id*="community-"] .outline dl dd p:not(:last-child){
    margin-bottom: 30px;
}
body[id*="community-"] ul.corner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 20px 60px;
}
body[id*="community-"] ul.corner li{
    width: 48%;
    margin-bottom: 40px;
}
body[id*="community-"] ul.corner li h3{
	font-size: 1.8rem;
	color: #0120b8;
	position: relative;
	margin-bottom: 25px;
}
body[id*="community-"] ul.corner li h3:after{
	content:"";
	background: #fbd43b;
	width: 20px;
	height: 5px;
	display: inline-block;
	position: absolute;
	bottom: -12px;
	left: 0;
}
#article .b3.kirakira-content{
    margin: 0 20px 0;
}
#article .b3.kirakira-content dl {
    width: 100%;
}
body[id*="community-"] #article .b3.kirakira-content dt {
    flex:none;
}
#article .b10 ul{
    margin: 40px 0 20px;
    display: flex;
    justify-content: space-between;
}
#article .b10 ul li{
    width: 48%;
}
.oa{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.oa:after{
    content: "";
    width: 32%;
    display: block;
}
.oa dl{
    width: 49%;
    display: flex;
    justify-content:space-between;
    margin-bottom: 8px;
    line-height: 1.5;
    padding-bottom: 8px;
    border-bottom: dotted 1px #333;
}
.oa dl dt{
    width: 3em;
    text-align: center;
    font-weight: bold;
    color: #0021ba;
}
.oa dl dd{
    flex:1;
    padding: 0 5px;
}
body[id*="community-"] .b3.cast dl{
    margin-bottom: 30px;
}
body[id*="community-"] .b3.cast dl dt{
    flex:1;
}

/*B-6*/
body#community-smile_one .b0 .photolist dl dt img,
body#community-present .b0 .photolist dl dt img {
  width: 100%;
}
body#community-present .b3 dl dt img{
	width:200px;
}





/*B-11*/
.movielist{
    margin: 0 20px 60px;
    display: flex;
    justify-content: space-between;
}
.movielist .movieplay{
    width: 48%;
}
.movielist .movieplay object,
.movielist .movieplay video{
    width: 100%;
}
.movielist .list{
    width: 48%;
    height: 250px;
    overflow:scroll;
	overflow-x:hidden;
}
.movielist .list.info{
    overflow: hidden;
    height: auto;
}
.movielist .list .movies li{
	margin-bottom:5px;
	padding:0 0 5px 24px;
	border-bottom:1px dotted #CCC;
	text-align:left;
    position: relative;
    line-height: 1.5;
}
.movielist .list .movies li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f03d';
    font-weight: 900;
    color: #0120b8;
    position: absolute;
    top:0;
    left: 0;
}
.movielist .list .movies li.none {
	color:#999;
}
.movielist .list .movies li .movie_no {
	background:#0120b8;
    color: #fff;
	padding:0 3px;
}

/*B-15*/
#community-present .b3 dl{
    margin-bottom: 30px;
}
#community-present .b3 dl dd {
    flex:1;
}
#community-present .b3 dl dd .btn{
    margin: 10px 0 0;
}

/*B-18*/
#timeTable th{
	border:solid 1px #ccc;
	padding: 4px 6px;
    text-align: center;
    font-weight: bold;
}
#timeTable td{
	border:solid 1px #ccc;
	padding: 4px 6px;
}
.timeTable-pager{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/*B-21*/
body[id*="community-performer"] dl{
    margin-bottom: 40px;
}
body[id*="community-performer"] dl dt {
    margin-right: 20px;
}
body[id*="community-performer"] .table-s{
    margin-top: 20px;
}
body[id*="community-performer"] .table-s th{
    width: calc(6em + 10px);
}
#community-smile_one .table-s th{
    width: 30%;
}
body[id*="community-performer"] .table-s th,
body[id*="community-performer"] .table-s td,
#community-smile_one .table-s th,
#community-smile_one .table-s td{
    padding: 4px;
    font-size: 1.4rem;
}
body[id*="community-performer"] .table-s td ul.list-s &gt; li{
    padding-left: 10px;
}

/*————————————————————————————————————————————
GENRE: C
————————————————————————————————————————————*/

/*C-1*/
#company .b0 table th {
  width: 23%;
}
.top-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top-list:after{
    content:"";
    width: 32%;
    display: block;
}
.top-list li{
    width: 31%;
    text-align: center;
    margin-bottom: 42px;
}
.top-list li h2{
    font-size: 1.8rem;
    margin: 16px 0 6px;
}
.top-list li img{
    border: solid 1px #e5e5e5;
}

/*C-8*/
.company-anzen1{	
	display: flex;
	align-items: center;
	margin-bottom: 2em;
}
.company-anzen1 dt{	
	text-align: center;
	border: solid 1px #ccc;
	padding: 20px 30px;
}
.company-anzen1 dt img{
	margin-bottom: 10px;
}
.company-anzen1 dd{
	margin-left: 60px;
}

/*C-11*/
#csr-top1{
    max-width: 940px;
    margin: 0 auto;
    height: 520px;
    padding-top: 94px;
    position: relative;
}
#csr-top1 img{
    position: absolute;
    bottom: 0;
    left: 47px;
    z-index: 3;
}
#csr-top1 .ttlbox{
    box-shadow: 0px 0px 40px rgba(128,128,128,0.1);
    color: #0421bf;
    font-size: 3rem;
    margin: 0 12% 0 28%;
    padding: 60px 0 90px;
    font-weight: bold;
    letter-spacing: 0.2em;
}
#csr-top1 .ttlbox small{
    font-size: 2.4rem;
}
#csr-top1 .btn{
    position: absolute;
    right: 72px;
    bottom: 96px;
    width: 300px;
}
#csr-top2{
    background:url("../images/csr/bg1.jpg") no-repeat center center;
    background-size: cover;
    padding-bottom: 72px;
}
#csr-top2 h2{
    color: #fff;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: 0.2em;
    padding: 72px 0 56px;
}
#csr-top2 ul{
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#csr-top2 ul li{
    width: 300px;
}
#csr-top2 ul li a{
    display: block;
    border:solid 10px #fff;
    height: 280px;
    padding-top: 56px;
    margin-bottom: 18px;
}
#csr-top2 ul li.work1 a{ background-image:url("../images/csr/work1.png") }
#csr-top2 ul li.work2 a{ background-image:url("../images/csr/work2.png") }
#csr-top2 ul li.work3 a{ background-image:url("../images/csr/work3.png") }
#csr-top2 ul li a:hover{
    text-decoration: none;
    opacity: 0.7;
}
#csr-top2 ul li a .ttl{
    display: block;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 12px;
}
#csr-top2 ul li a .btn{
    display: inline-block;
    color: #0421bf;
    background-color: #ffff05;
    border-radius: 20px;
    font-weight: bold;
    padding: 4px 12px;
}
#csr-top2 ul li a .btn:after{
    font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
    margin-left: 10px;
}
#csr-top2 ul li p span{
    display: block;
    text-align: center;
    color: #fff;
    border-bottom: solid 1px #fff;
}
#csr-nav{
    max-width: 940px;
    margin:80px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
#csr-nav a{
    display: block;
    width: 49%;
    height: 120px;
    padding-top: 46px;
    background-color: #f3f3f3;
    background-position: left top;
    background-size: 180px 120px;
    background-repeat: no-repeat;
    padding-left: 210px;
    color: #0421bf;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}
#csr-nav a.nav1{ background-image:url("../images/csr/nav1.png") }
#csr-nav a.nav2{ background-image:url("../images/csr/nav2.png") }
#csr-nav a.nav3{ background-image:url("../images/csr/nav3.png") }
#csr-nav a.nav4{ background-image:url("../images/csr/nav4.png") }
#csr-nav a:after{
    position: absolute;
    display: inline-block;
    right: 38px;
    top:calc(50% - 14px);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    background: #0421bf;
    color: #ffff05;
    font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
}

/*C-13*/
#csr-vision-main{
    height: 500px;
    background:url("../images/csr-vision/bg1.png") no-repeat center center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
#csr-vision-main h1{
    font-size: 3rem;
    letter-spacing: .2em;
    margin-bottom: 1em;
}
#csr-vision1{
    padding: 0 0 60px;
    max-width: 940px;
    margin: 60px auto 0;
    background:url("../images/csr-vision/bg2.png") no-repeat right 106px;
    text-align: left;
    position: relative;
}
#csr-vision1:before{
    position: absolute;
    top: 0;
    left: calc(470px - 50vw);
    width: 50vw;
    height: 300px;
    box-shadow: 0px 0px 40px rgba(128,128,128,0.1);
    content:"";
    z-index: 1;
}
#csr-vision1 h2{
    color: #0120b8;
    font-size: 3rem;
    letter-spacing: .1em;
    margin: 0 60px;
    padding-top: 80px;
}
#csr-vision1 h3{
    font-size: 2.1rem;
    font-weight: bold;
    margin: 36px 60px;
    line-height: 1.8;
}
#csr-vision1 p{
    /*margin: 0 240px 1em 60px;*/
    margin: 0 60px 1em 60px;
}
#csr-vision2{
    text-align: center;
    padding: 60px 0;
    box-shadow: 0px -30px 16px -16px rgba(128,128,128,0.1),
    0px 30px 16px -16px rgba(128,128,128,0.1);
}
#csr-vision2 h2{
    color: #0120b8;
    font-size: 3rem;
    letter-spacing: .1em;
    margin-bottom: 20px;
}

/*C-14,15,16*/
.csr-spread-main{
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    background-image:url("../images/csr-spread_inside/main-bg.png");
    background-size: cover;
}
.csr-spread-main h1{
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: .2em;
    background-size: cover;
}
.csr-spread-topic{
    margin-bottom: 100px;
    max-width: 940px;
    margin: 0 auto 100px;
    text-align: left;
}
.csr-spread-topic img{
    float: right;
}
.csr-spread-topic.even img{
    float: left;
}
.csr-spread-topic .ttl-box{
    background: #f8f8f8;
    padding: 48px 60px;
    margin-bottom: 60px;
}
.csr-spread-topic .ttl-box h2{
    color: #0021ba;
    font-size: 3rem;
    position: relative;
}
.csr-spread-topic .ttl-box h2:after{
	content:"";
	background: #fbd43b;
	width: 80px;
	height: 5px;
	display: inline-block;
	position: absolute;
	bottom: -16px;
	left: 0;
}
.csr-spread-topic.even .ttl-box h2:after{
    left:auto;
    right:400px;
}
.csr-spread-topic .ttl-box h3{
    color: #666666;
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: bold;
    margin-top: 32px;
}
.csr-spread-topic p{
    padding: 0 400px 0 60px;
    margin-bottom: 1em;
}
.csr-spread-topic.even p{
    padding: 0 60px 0 400px;
    margin-bottom: 1em;
}
.csr-spread-voice{
    max-width: 940px;
    padding: 36px 0 32px;
    margin: 0 auto 120px;
    text-align: left;
    box-shadow: 0px 0px 40px rgba(128,128,128,0.1);
    position: relative;
}
.csr-spread-voice img{
    position: absolute;
    bottom: 0;
    left: 40px;
}
.csr-spread-voice.even img{
    left:auto;
    right: 40px;
}
.csr-spread-voice h3{
    margin-left: 260px;
    color: #0021ba;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1em
}
.csr-spread-voice.even h3{
    margin-left: 60px;
}
.csr-spread-voice p{
    margin-left: 260px;
    margin-right: 40px;
    font-size: 1.4rem;
}
.csr-spread-voice.even p{
    margin-right: 240px;
    margin-left: 60px;
}

/*C-17*/
.kouza-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kouza-list li{
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}
.kouza-list li dl{
    display: flex;
    justify-content: space-between;
}
.kouza-list li h4{
    font-size: 2.0rem;
    margin-bottom: 10px;
    background: #eef;
    padding: 8px;
    border-radius: 8px 8px 0 0;
}
.kouza-list li dt{
    padding: 5px 20px 0 0;
}
.kouza-list li dd{
    flex:1;
    font-size: 1.4rem;
}
.kouza-list li dd .btn{
    margin-top: 10px;
    color: #f00;
    font-weight: bold;
}

/*C-21*/
#recruit .ttlbox,[id^="recruit-test"] .ttlbox{
    background:url("../images/recruit/top-main-bg2.png");
    background-size: cover;
    height: 360px;
    margin-bottom: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#recruit .ttlbox .inner,[id^="recruit-test"] .ttlbox .inner{
    color: #fff;
    text-align: center;
}
#recruit .ttlbox .inner h1,[id^="recruit-test"] .ttlbox .inner h1{
    font-size: 3.6rem;
    font-style: italic;
    letter-spacing: 0.2em;
    margin-bottom: 24px;
}
#recruit .ttlbox .inner p,[id^="recruit-test"] .ttlbox .inner p{
    display: inline-block;
    border: solid 1px #fff;
    padding: 8px 24px;
    font-weight: bold;
}
#recruit .ttl-catch b,
#recruit .ttl-catch span,
[id^="recruit-test"] .ttl-catch b,
[id^="recruit-test"] .ttl-catch span{
    font-style: italic;
}
#recruit .entry,[id^="recruit-test"] .entry{
    background:url("../images/recruit/top-entry-bg.png");
    background-size: cover;
    height: 415px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#recruit .entry p,[id^="recruit-test"] .entry p{
    font-weight: bold;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 36px;
}
#recruit .entry p b,[id^="recruit-test"] .entry p b{
    color: #ffff05;
}
[id^="recruit"] .voice{
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
  
  display: none;
}
[id^="recruit"] .voice:before,
[id^="recruit"] .voice:after{
    content:"";
    display: inline-block;
    background-color: #fff;
    width: 2px;
    height: 30px;
    transform:rotate(-25deg);
    margin: 0 24px;
    vertical-align: top;
}
[id^="recruit"] .voice:after{
    transform:rotate(25deg);
}

[id^="recruit"] .btn-l{
    color: #000 !important;
    background: -webkit-linear-gradient(#f7e755 0%, #f4c229 100%) !important;
    background: -o-linear-gradient(#f7e755 0%, #f4c229 100%) !important;
    background: linear-gradient(#f7e755 0%, #f4c229 100%) !important;
    font-weight: bold;
    min-width: 620px;
}
.recb h2{
	font-size: 3.6rem;
    font-style: italic;
	line-height: 1.3;
	display: inline-block;
    color: #0120b8;
	font-weight: bold;
	position: relative;
    padding-top: 24px;
    margin-bottom: 52px;
	background: linear-gradient(transparent 80%, #ffff05 60%);
}
.recb1{
    background: #f3f3f3;
    position: relative;
    margin-top: 130px;
    padding-bottom: 10px;
}
.recb1:before,
.recb1:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100vw 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.recb1:after{
    border-width: 100px 100vw 0 0;
    /*border-width: 0 0 100px 100vw;*/
    border-color: #f3f3f3 transparent transparent transparent;
    /*border-color: transparent transparent #fff transparent;*/
    top:auto;
    bottom: -100px;
    /*bottom: 0;*/
    z-index: 2;
}
.recb1 .content{
    display: flex;
    justify-content: space-between;
    max-width: 940px;
    margin: 40px auto 0;
    position: relative;
    z-index: 1;
}
.recb1 .content a.topic{
    width: 31.9%;
    background: #fff;
    border-radius: 10px;
    box-shadow:0 0 3px rgba(0,0,0,0.5);
    text-decoration: none;
}
.recb1 .content .topic h3{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}
.recb1 .content .topic1 h3{ background: #0120b8; }
.recb1 .content .topic2 h3{ background: #006ab4; }
.recb1 .content .topic3 h3{ background: #019cb8; }
.recb1 .content .topic1 h3 img{ margin-right: 10px; }
.recb1 .content .topic ul{
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 24px 30px;
}
.recb1 .content .topic ul li{
    padding: 0 0 0 10px;
    position: relative;
}
.recb1 .content .topic ul li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    color: #019fe8;
}
.recb1 .btn{
    margin-top: 40px;
}
.recb1 .btn a{
    margin: 0 20px;
    min-width: 400px;
}
.rec-tail{
    background:url("../images/recruit/tail-bg.png") no-repeat center top;
    background-size: cover;
    height: 440px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rec-tail h2{
    font-size: 3.6rem;
    font-style: italic;
    line-height: 1.3;
    color: #fff;
    font-weight: bold;
    margin-bottom: 40px;
}
[id^="recruit"] #footer{
    margin-top: 0;
}
#recruit-entry #footer{
    margin-top: 60px;
}

/*C-23*/
#recruit-top{
    background:url("../images/recruit/below-main-bg.png");
    background-size: cover;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#recruit-top .inner{
    color: #fff;
    text-align: center;
}
#recruit-top span{
    display: inline-block;
    border: solid 1px #fff;
    padding: 8px 24px;
    font-weight: bold;
    vertical-align: middle;
}
#recruit-top h1{
    color: #fff;
    font-size: 3.6rem;
    letter-spacing: 0.2em;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
[id^="recruit-type"] #contents .nav,
#recruit-interview #contents .nav{
    max-width: 940px;
    display: flex;
    justify-content: space-between;
    margin: -24px auto 70px;
}
#recruit-interview #contents .nav {
  justify-content: center;
  gap: 30px;
}
[id^="recruit-type"] #contents .nav li,
#recruit-interview #contents .nav li{
    width: 31.9%;
    text-align: center;
}
[id^="recruit-type"] #contents .nav li a,
#recruit-interview #contents .nav li a{
    display: block;
    padding: 30px 0;
    background: #f3f3f3;
    border-radius: 10px;
    position: relative;
    font-weight: bold;
    font-size: 2rem;
    color: #333;
    text-decoration: none;
}
[id^="recruit-type"] #contents .nav li a:before,
#recruit-interview #contents .nav li a:before{
    content:"";
    width: 48px;
    height: 48px;
    background-size: contain;
    display: block;
    margin: 0 auto;
}
[id^="recruit-type"] #contents .nav li:nth-of-type(1) a:before,
#recruit-interview #contents .nav li:nth-of-type(1) a:before{
    background-image: url("../images/recruit/icon-contents2.png");
}
[id^="recruit-type"] #contents .nav li:nth-of-type(2) a:before,
#recruit-interview #contents .nav li:nth-of-type(2) a:before{
    background-image: url("../images/recruit/icon-kikaku2.png");
}
[id^="recruit-type"] #contents .nav li:nth-of-type(3) a:before,
#recruit-interview #contents .nav li:nth-of-type(3) a:before{
    background-image: url("../images/recruit/icon-soumu2.png");
}
[id^="recruit-type"] #contents .nav li a:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #f3f3f3 transparent transparent transparent;
    content:"";
    position: absolute;
    bottom: -12px;
    left: calc(50% - 10px);
}
[id^="recruit-type"] .topic{
    margin-bottom: 130px;
}
[id^="recruit-type"] .ttlbox{
    height: 180px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    color: #fff;
    padding: 48px 60px;
    margin: 0 auto 60px;
    max-width: 940px;
    border-radius: 4px;
    text-align: left;
    position: relative;
    z-index: 2;
}
[id^="recruit-type"] #t1 .ttlbox{ background: #0120b8; }
[id^="recruit-type"] #t2 .ttlbox{ background: #006ab4; }
[id^="recruit-type"] #t3 .ttlbox{ background: #019cb8; }

[id^="recruit-type"] .ttlbox h2{
    font-size: 3.6rem;
    font-style: italic;
    position: relative;
}
[id^="recruit-type"] .ttlbox h2:before{
    content:"";
    width: 40px;
    height: 10px;
    background: #fbd43b;
    position: absolute;
    top: calc(50% - 5px);
    left: -60px;
    z-index: 2;
}
[id^="recruit-type"] .ttlbox p{
    font-size: 2.4rem;
    font-weight: bold;
}
[id^="recruit-type"] .content{
    background: #f3f3f3;
    position: relative;
    margin-top: -60px;
    padding: 60px 0 10px;
}
[id^="recruit-type"] .content:before,
[id^="recruit-type"] .content:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 100vw;
    border-color: transparent transparent #f3f3f3 transparent;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 0;
}
[id^="recruit-type"] .content:after{
    border-width: 100px 100vw 0 0;
    border-color: #f3f3f3 transparent transparent transparent;
    top:auto;
    bottom: -100px;
    z-index: 2;
}
[id^="recruit-type"] #t2 .content:before,
[id^="recruit-type"] #t2 .content:after{
    border-width: 100px 0 0 100vw;
    border-color: transparent transparent transparent #f3f3f3;
}
[id^="recruit-type"] #t2 .content:after{
    border-width: 0 100vw 100px 0;
    border-color: transparent #f3f3f3 transparent transparent;
}
[id^="recruit-type"] .content dl{
    max-width: 840px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
[id^="recruit-type"] .content dl dd{
    flex:1;
    padding-left: 60px;
    text-align: left;
}
[id^="recruit-type"] .content dl dd p{
    margin-bottom: 1em;
}
[id^="recruit-type"] #t3 .btn{
    position: relative;
    z-index: 2;
    margin-top: 60px;
}
[id^="recruit-type"] .table-recruit{
    margin-bottom: 120px;
}


/*C-24*/
.interview{
  position: relative;
}
.interview:before{
    content: "";
    width: 100vw;
    height: 700px;
    position: absolute;
  background:url("../images/recruit-interview/bg.png") no-repeat left top;
  background-size: 100% auto;
    top: 130px;
    left: calc(50% - 50vw);
    z-index: 0;
}
.interview .intro{
    display: flex;
    justify-content:space-between;
    align-items:baseline;
    color: #fff;
    padding: 48px 20px 0 60px;
    margin: 0 auto 60px;
    max-width: 940px;
    border-radius: 4px;
    text-align: left;
    position: relative;
    z-index: 2;
  background: #0120b8;
  flex-direction: row-reverse;
}
#t2.interview .intro{ background: #006ab4; }
#t3.interview .intro{ background: #019cb8; }

.interview .intro .photo img{
  margin-top: -100px;
}
.interview .intro .catch{
    font-size: 2.7rem;
    font-style: italic;
    position: relative;
  font-weight: bold;
  margin-bottom: 20px;
}
.interview .intro .catch:before{
    content:"";
    width: 40px;
    height: 10px;
    background: #fbd43b;
    position: absolute;
    top: calc(50% - 5px);
    left: -60px;
    z-index: 2;
}
.interview .intro .name span{
  background: #fff;
  color: #0120b8;
  padding: 4px 12px;
  font-weight: bold;
  margin-right: 16px;
}
#t2.interview .intro .name span{ color: #006ab4; }
#t3.interview .intro .name span{ color: #019cb8; }
.interview .intro .name strong{
  margin-left: 16px;
  font-size: 2.2rem;
}
.interview&gt;dl{
    margin-bottom: 52px;
}
.interview&gt;dl dt{
    font-size: 1.8rem;
     font-weight: bold;
    background: #fff;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
    padding: 14px 60px;
    margin-bottom: 28px;
    position: relative;
    border-radius: 10px;
}
.interview&gt;dl dt:before{
    content:url("../images/common/icon-q.png");
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
}
.interview&gt;dl dd{
    padding: 0 0 0 60px;
    position: relative;
}
.interview&gt;dl dd:before{
    content:url("../images/common/icon-a.png");
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
}
.interview&gt;dl dd strong{
  color: #0120b8;
  display: block;
  font-size: 1.8rem;
  margin-bottom: 16px;
}
.interview .message{
  background: #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0 60px 0 0;
  margin-bottom: 40px;
}
.interview .message .photo{
  width: 283px;
  text-align: center;
}
.interview .message .info{
  width: 580px;
  padding-top: 60px;
}
.interview .message .info h2{
  font-size: 2.4rem;
font-style: italic;
font-weight: bold;
  color: #0120b8;
  position: relative;
  margin-bottom: 20px;
}
.interview .message .info h2:before {
    content: "";
    width: 40px;
    height: 10px;
    background: #fbd43b;
    position: absolute;
    top: 10px;
    left: -60px;
    z-index: 2;
}
.interview .message .info p strong{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 12px;
  display: block;
}
.interview .profile{
  width:380px;
  float: left;
  border:dashed 1px #0120b8;
  padding: 30px 35px;
}
.interview .schedule{
 width: 540px;
  float: right;
  border:dashed 1px #0120b8;
  padding: 30px 35px;
}
.interview .profile h3,
.interview .schedule h3{
  color: #0120b8;
  font-size: 1.8rem;
  margin-bottom: 16px;
}
.interview .schedule h3+p{
  color: #0120b8;
  font-size: 1.4rem;
  position: relative;
  margin-bottom: 20px;
}
.interview .schedule h3+p:before{
    content: "";
    width: 20px;
    height: 2px;
    background: #fbd43b;
    position: absolute;
    top: -8px;
    left: 0px;
    z-index: 2;
}
.interview .schedule dt{
  width: 60px;
  background: #000;
  background: #f3f3f3;
  text-align: center;
  float: left;
  clear: left;
  font-size: 1.4rem;
}
.interview .schedule dd{
  margin-left: 80px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  
}

.interview .btn{
  clear: both;
  text-align: center;
  padding: 80px 0;
}




/*C-25*/
[id^="recruit-flow"] .topic{
    margin: 80px 0 40px;
  padding-bottom: 80px;
  background:url("/wp/wp-content/themes/jcv/images/recruit/arrow-btm.png") no-repeat center bottom;
}
[id^="recruit-flow"] .topic:last-of-type{
  background: none;
  padding-bottom: 40px;
}
[id^="recruit-flow"] .topic h2{
    border: solid 1px #0120b8;
    border-radius:10px;
    text-align: center;
    padding: 24px 0;
    margin-bottom: 60px;
    color: #0120b8;
    font-size: 2rem;
}
[id^="recruit-flow"] .topic h2 span{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    vertical-align: middle;
    background: #fbd43b;
    margin-right: 12px;
    padding-top: 13px;
}
[id^="recruit-flow"] .topic p{
    text-align: center;
    margin-bottom: 60px;
}
[id^="recruit-flow"] .topic ul{
    display:flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 780px;
}
[id^="recruit-flow"] .topic ul li{
    width: 380px;
    border-radius: 10px;
    background: #f3f3f3;
}
[id^="recruit-flow"] .topic ul li h3{
    color: #fff;
    font-size: 1.8rem;
    padding: 30px 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
[id^="recruit-flow"] .topic ul li:nth-of-type(1) h3{ background: #0120b8; }
[id^="recruit-flow"] .topic ul li:nth-of-type(2) h3{ background: #019fe8; }
[id^="recruit-flow"] .topic ul li .inner{
    padding: 30px;
    text-align: center;
}
[id^="recruit-flow"] .topic ul li .inner .list{
    padding-left: 1em;
    margin-bottom: 1em;
    position: relative;
    text-align: left;
}
[id^="recruit-flow"] .topic ul li .inner .list:before{
    content:"・";
    position: absolute;
    left: 0;
    top: 0;
}

/*C-26*/
[id^="internship"] .intro,
[id^="recruit-entry"] .intro,
#kouza-entry .intro{
    margin: 60px 0;
}



/*————————————————————————————————————————————
GENRE: D
————————————————————————————————————————————*/

/*D-3*/
#tokyo_ic .ttlbox{
    background:url("../images/tokyo_ic/top-main-bg.jpg");
    background-size: cover;
    height: 360px;
    margin-bottom: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tokyo_ic .ttlbox h1{
    text-align: center;
}
#tokyo_ic .intro{
    text-align: center;
    margin-bottom: 100px;
}
#tokyo_ic .intro h2{
    font-size: 2.4rem;
    color: #0120b8;
    font-weight: bold;
    margin-bottom: 24px;
}
#tokyo_ic .intro h3{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 24px;
}
#tokyo_ic .topic{
    max-width: 940px;
    margin: 0 auto 70px;
}
#tokyo_ic .topic:after{
    content:"";
    clear: both;
    display: table;
}
#tokyo_ic .topic .photo{
    float: left;
}
#tokyo_ic .topic2 .photo{
    float: right;
}
#tokyo_ic .topic .info{
    float: right;
    width: 540px;
    margin: 60px 0 0 -60px;
    background: #f3f3f3;
    padding: 52px 60px;
}
#tokyo_ic .topic2 .info{
    float: left;
    margin: 60px -60px 0 0;
    background: #019cb8;
}
#tokyo_ic .topic .info h3{
    font-size: 2rem;
    color: #0120b8;
    font-weight: bold;
}
#tokyo_ic .topic2 .info h3,
#tokyo_ic .topic2 .info p{
    color: #fff;
}
#tokyo_ic .topic .info h3,
#tokyo_ic .topic .info p{
    margin-bottom: 20px;
}
#tokyo_ic .topic .btn{
    text-align: right;
}
#tokyo_ic .topic .btn a{
    padding: 10px 50px;
    display: inline-block;
    color: #fff;
    background: #019cb8;
    font-weight: bold;
    font-size: 1.6rem;
    position: relative;
    text-decoration: none;
}
#tokyo_ic .topic .btn a:hover{
    background: #fff;
    color: #019cb8;
}
#tokyo_ic .topic .btn a:after{
    content:"";
    height: 1px;
    width: 30px;
    right: 0;
    top: 50%;
    background: #fff;
    position: absolute;
    z-index: 2;
}
#tokyo_ic .topic .btn a:hover:after{
    background: #019cb8;
}
#tokyo_ic .topic2 .btn a{
    background: #fff;
    color: #019cb8;
}
#tokyo_ic .topic2 .btn a:hover{
    background: #a1ccd4;
    color: #fff;
}
#tokyo_ic .topic2 .btn a:after{
    background: #019cb8;
}
#tokyo_ic .topic .btn a:hover:after{
    background: #fff;
}

/*D-4*/
.tokyo_ic-main{
	font-size: 3.6rem;
	color: #fff;
	letter-spacing: 0.2em;
	background-image:url("../images/tokyo_ic/below-main-bg.jpg");
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:cover;
	padding: 80px 0;
	margin: 0 0 80px;
	text-align: center;
    position: relative;
}
.ttl-h2.ttl-h2-tokyo_ic {
    border: none;
    color: #fff;
    background: #019cb8;
}
#tokyo_ic-role .topic,
.yokonarabi{
    max-width: 820px;
    margin: 60px auto 80px;
    display: flex;
    justify-content: space-between;
}
#tokyo_ic-role .topic.topic-rt{
  flex-direction: row-reverse;
}
#tokyo_ic-role .topic .info,
.yokonarabi .info{
    flex:1;
    padding-left: 60px;
}
#tokyo_ic-role .topic.topic-rt .info {
    padding: 0 60px 0 0;
}
.yokonarabi .info h3{
  margin-top:0;
}
#tokyo_ic-role .topic .info p{
    margin-bottom: 20px;
}
#tokyo_ic-role .b0 .btn{
    margin: 60px 0;
    text-align: center;
}

/*D-7*/
#biz-line table tr th:nth-of-type(1){ width: 40%; }
#biz-line table tr th:nth-of-type(2),#biz-line table tr th:nth-of-type(3){ width: 30%; }
#biz-line table td{
    text-align: center;
}
#biz-line table.table-f td{
    text-align: left;
}

/*D-9*/
#biz-ad table th:nth-of-type(1){ width: 25%; }
#biz-ad table th:nth-of-type(2){ width: 35%; }
#biz-ad table th:nth-of-type(3){ width: 40%; }

/*————————————————————————————————————————————
GENRE: E
————————————————————————————————————————————*/

.jamie_btn{
	overflow: hidden;
}
.jamie_btn li {
	float:left;
}
	.jamie_btn li a {
		text-indent:-9999px;
		display:block;
		width:320px;
		height:170px;
		margin-bottom:10px;
		background-position:top;
	}
	.jamie_btn li a:hover, .jamie_btn li a:active {
		background-position:bottom;
	}
	.jamie_btn li:nth-child(2n) a {
		margin-right:10px;
	}
	.jamie_btn li.btn_profile a {
		width:650px;
		height:160px;
		background-image:url('../images/jamie/btn_profile.png');
	}
	.jamie_btn li.btn_kirakira a {
		background-image:url('../images/jamie/btn_kirakira.png');
	}
	.jamie_btn li.btn_song a {
		background-image:url('../images/jamie/btn_song.png');
	}
	.jamie_btn li.btn_jamie_goes a {
		background-image:url('../images/jamie/btn_jamie_goes.png');
	}
	.jamie_btn li.btn_download a {
		background-image:url('../images/jamie/btn_download.png');
	}
	.jamie_btn li.btn_goods a {
		background-image:url('../images/jamie/btn_goods.png');
	}
	.jamie_btn li.btn_song_kirakira a {
		width:100%;
		background-image:url('../images/jamie/btn_song_kirakira.png');
		height: 160px;
	}
	.jamie_btn li.btn_song_touch a {
	  width:100%;
		background-image:url('../images/jamie/btn_song_touch.png');
		height: 160px;
	}

/*-------------------------------
ジェイミールーム　トップページ
--------------------------------*/
#article .bj{
	max-width: 650px;
	margin: 0 auto;
}
#jamie-about_me #article dl.col2 dt{
	width: 186px;
	margin-right: 30px;
}
#jamie-about_me #article dl.col2 dd{
	flex: 1;
}
#article .bj dd p:not(:last-child){
	margin-bottom: 1em;
}
#jamie-about_me .photo{
	max-width: 680px;
	margin: 60px auto;
}
.jamie_about_me {
	background:#daedff url('../images/jamie/bg_jamie_story.png') no-repeat;
	padding:10px;
	margin-bottom:20px;
}

.jamie_story {
	margin:30px 0 40px;
}
.jamie_pct {
	float:left
}

.jamie_data {
	background:#FFF url('../images/jamie/jamie_logo.png') no-repeat right top;
	padding:10px;
}
	.jamie_data table {
		line-height:1em;
	}
	.jamie_data table td {
		padding:10px;
		vertical-align:middle;
	}
	.jamie_data table tr th {
		padding: 5px 0;
		vertical-align:middle;
        white-space: nowrap;
	}
	.jamie_data table tr th span {
		display:block;
		color:#FFF;
		background: #6f7bdf;
		padding: 7px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	
.arrow_box {
	position: relative;
	font-size:12px;
	background: #ffffff;
	border: 3px solid #e3e6e8;
	padding:10px;
	margin-left: 215px;
	border-radius: 15px;
}
	.arrow_box:after, .arrow_box:before {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -10px;
	}
	.arrow_box:before {
		border-color: rgba(227, 230, 232, 0);
		border-right-color: #e3e6e8;
		border-width: 14px;
		margin-top: -14px;
	}
#jamie-goods table th{
	width: 6em;
}
#jamie-goods .col2 dt{
	width: 360px;
	margin-right: 30px;
}
#jamie-goods .col2 dd{
	flex:1;
}
#jamie-jamie_goes .photo{
	margin-bottom: 60px;
}
#jamie-jamie_goes .photo li,
#jamie-touch .photo li{
	width: 440px;
}
#jamie-jamie_goes .photo li video,
#jamie-jamie_goes .photo li object,
#jamie-touch .photo li video,
#jamie-touch .photo li object{
	width: 440px;
	height: 250px;
	display: block;
}
#jamie-touch .photo li{
	margin: 30px auto;
}
#jamie-jamie_goes #ie{ display: none; }	
#jamie-song .jamie_btn li{float: none;}

/*A-16*/
.iconPanelList{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.iconPanelList li{
  width: 32%;
  margin-bottom: 16px;
  border: solid 2px #0021ba;
  padding: 32px 10px 16px;
  border-radius: 10px;
  text-align: center;
}
.iconPanelList li dt{
font-size: 1.6rem;
  margin: 20px 0 10px;
  font-weight: bold;
color: #0120b8;
position: relative;
}
.iconPanelList li dd{
  font-size: 1.3rem;
  line-height: 1.5;
  margin-bottom: 5px;
  text-align: left;
}
.iconPanelList li dd:before{
	font-family: "Font Awesome 5 Free";
	content: '\f14a';
	font-weight: 900;
  margin-right: 3px;
  color: #0120b8;
}
body[id*="internet-peace_eye"] .btn{
  margin: 80px auto;
  text-align: center;
}
.utilization table {
    border-bottom:#a0a0a0 dashed 1px;
  margin-bottom: 20px;
}
.utilization table tr td{
  vertical-align: top;
  padding-bottom: 20px;
}
.utilization table tr td:last-of-type{
  width: 215px;
  padding-left: 20px;
}
.utilization .lead {
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0120b8;
    font-weight: bold;
}
.priceBlock .borderWrap {
    border: 2px solid #97d122;
    padding: 10px 20px;
    background-color: #fff;
}
.priceBlock .row01 p {
    font-size: 2.4rem;
    line-heigh: 1;
    text-align: center;
}
.priceBlock .row01 p b {
    color: #f9a721;
    font-size: 5rem;
    margin: 0 0.2em 0;
}
.priceBlock .noteUl li {
font-size: 1.3rem;
line-height: 1.5;
margin-bottom: 5px;
text-align: left;
}
.priceBlock .noteUl li:before {
	font-family: "Font Awesome 5 Free";
	content: '\f14a';
	font-weight: 900;
  margin-right: 3px;
  color: #0120b8;
}
.priceBlock .row02 dd {
    text-align: center;
    margin-bottom:10px;
}
.priceBlock .row02 .txt01 {
    font-size: 20px;
}
.priceBlock .row02 .txt01 b {
    font-size: 30px;
    font-weight: 400;
}
.priceBlock .row02 dt {
    text-align: center;
    margin: 30px 0 10px;
}
.priceBlock .row02 dt span {
    display: inline-block;
    padding: 2px 30px 1px;
    background-color: #f9a721;
    border-radius: 16px;
    color: #fff;
    font-size: 18px;
}

.f_home .b-h3{
  max-width: 650px;
  margin: 0 auto;
}
.flowList li {
    display: flex;
  justify-content: space-between;
}
.flowList li .img {
    width:200px;
  padding-right: 30px;
}
.flowList li .right {
    flex:1;
  text-align: left !important;
}
.f_home .flowList li dt {
    border-bottom-color: #f9a721;
}
.flowList li dt {
    padding-bottom: 4px;
    border-bottom: 1px solid #53bef1;
    font-size: 18px;
}
.flowList li dt .step {
    display: block;
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 5px;
}
.asap {
    font-family: 'Asap', sans-serif;
    font-weight: 700;
}
.flowList li dt .txt {
    display: block;
    font-size: 18px;
}
.flowList li dd.txt {
    font-size:90%;
    padding-top: 4px;
    margin-bottom: 10px;
}
.f_home .flowList li dt .step b {
    color: #f9a721;
}
.flowList li dt .step b {
    font-size: 36px;
    line-height: 40px;
    color: #53bef1;
    vertical-align: bottom;
    margin-left: 10px;
}
.panelList {
    display: flex;
  justify-content: space-between;
    flex-wrap: wrap;
}
.panelList li {
    width: 24%;
  margin-bottom: 16px;
  font-size: 1.3rem;
}

/*21.03.09*/
.tab{
	display:flex;
	justify-content: space-between;
	border-bottom: solid 2px #0021ba;
	padding: 0 20px;
}
.tab2{
  margin-bottom: 40px;
}
.tab li{
	width: 32%;
	padding: 8px 0;
	line-height: 1.33;
	cursor:pointer;
	margin-bottom: -2px;
	background: #0021ba;
  color: #fff;
	border: solid 2px #0021ba;
  border-radius: 10px 10px 0 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.tab li.select,.tab li:hover{
	background: #ffff00;
	color: #0021ba;
}
.tab-content-box:not(:nth-child(1)){
    display: none;
}
.member-payment1{
  display:flex;
  flex-wrap:wrap;
  margin:0 0 20px;
}
.member-payment1 li{
  border: solid 2px #0021ba;
  color:#0021ba;
  font-weight:bold;
  border-radius: 4px;
  padding:6px 10px;
  margin:0 10px 10px 0;
}
#mesh-wifi-intro{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 50px;
}
#mesh-wifi-intro img{
	width: 32%;
}
#mesh-wifi-intro li{
	font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 0.7em;
  position: relative;
	padding-right: 40px;
}
#mesh-wifi-intro li::before {
    content: "";
    background: url(../images/collabo/icon-check.png);
        background-size: auto;
    background-size: contain;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 0.4em;
    left: -38px;
}



@media screen and (max-width: 960px) {

  
/*————————————————————————————————————————————
GENRE: A
————————————————————————————————————————————*/

/*A-3~4*/
#hikari_mansion table td{ text-align: center; }
#hikari_mansion-list .list,
#hikari_mansion-list .list2{
    margin: 0 20px 50px;
}
#hikari_mansion-list .list dl,
#hikari_mansion-list2 .list dl{
    margin-bottom: 40px;
}
#hikari_mansion-list .list dt,
#hikari_mansion-list2 .list dt{
    padding: 10px 1em;
font-weight: bold;
border-radius: 10px;
background-color: #0021ba;
color: #fff;
cursor: pointer;
}
#hikari_mansion-list .list dt:before,
#hikari_mansion-list2 .list dt:before{
	font-family: "Font Awesome 5 Free";
	content: '\f0d7';
	font-weight: 900;
    margin-right: 6px;
}
#hikari_mansion-list .list dt.open:before,
#hikari_mansion-list2 .list dt.open:before{
	content: '\f0d8';
}
#hikari_mansion-list .list dd,
#hikari_mansion-list2 .list dd{
    display: none;
    margin-top: 20px;
}

/*A-7*/
body[id*="catv-channel"] .col2-table{
	display: block;
}
body[id*="catv-channel"] .col2-table table{ width: 100%;margin-bottom: 20px; }
  body[id*="catv-channel"] .col2{
    display: block;
  }
  body[id*="catv-channel"] .col2 dd{
    margin-top: 20px;
  }

/*A-8*/
#catv-channel-bs .b3{
    margin-bottom: 0;
}
#catv-channel-bs .b3 dl dt{
    width: 120px;
}
#catv-channel-bs .b3 dl dd{
    flex:1;
}
  #catv-channel-bs .b4 dl{
    display: block;
  }
  #catv-channel-bs .b4 dl dt{
    width: auto;
    margin: 0 0 20px;
    text-align: center;
}

/*A-9*/
.channel-b ul{
    margin-top: 24px;
}
.channel-b ul:after{
    width: 48%;
}
.channel-b ul li{
    width: 48%;
    border-radius: 12px;
    padding: 10px 10px 16px;
    margin-bottom: 20px;
}
.channel-b ul li .ttl{
    padding: 10px 10px 8px;
    border-radius: 10px 10px 0 0;
    margin: -10px -10px 0;
}
.channel-b ul li .ttl h3{
    padding: 2px 4px;
    font-size: 1.6rem;
}
.channel-b ul li .ttl .ch{
    padding: 2px 4px;
    border-radius: 4px;
}
.channel-b ul li .logo{
    margin: 10px 10px 0;
}
.channel-b ul li h4{
    font-size: 1.6rem;
    padding: 6px 0;
}
  .channel-b ul li h4 br{ display: none;}
.channel-b ul li  .note3 {
    padding: 0;
}
  
/*A-11*/
#catv-tuner .b0{
    margin: 0 20px;
}

/*A-15*/
#internet-option .b3 dl {
    display: block;
}
#internet-option .b3 dt{ width: auto;text-align:center;margin-bottom:20px; }
#internet-option .b3 dd p:last-of-type{ text-align:center; }

/*A-17*/
#internet-price table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
#internet-price table tbody {
  width: 100%;
  display:table;
}
  
  /*A-20*/
  #phone-au .b3 dl{
    display: block;
  }
  #phone-au .b3 dl dt{
    margin: 0 0 20px;
    text-align: center;
  }

/*A-22*/
#hikari_price-simulation form ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#hikari_price-simulation form ul:after{
    content:"";
    width: 32%;
    display: block;
}
#hikari_price-simulation form ul.tabn{
    border-bottom: solid 3px #000;
}
#hikari_price-simulation form ul li{
    width: 32%;
    margin-bottom: 15px;
}
#hikari_price-simulation form ul li input[type=radio],
#hikari_price-simulation form ul li input[type=checkbox]{
display: none;
}
#hikari_price-simulation form ul li input[type="radio"]:checked + label,
#hikari_price-simulation form ul li input[type="radio"]:checked + input + label,
#hikari_price-simulation form ul li input[type="checkbox"]:checked + label,
#hikari_price-simulation form ul li input[type="checkbox"]:checked + input + label{
background: #31A9EE;
color: #ffffff;
}
#hikari_price-simulation form ul li label {
display: block;
color: #0120b8;
text-align: center;
cursor: pointer;
border: 2px solid #0120b8;
border-radius: 5px;
line-height: 1.5;
padding: 10px;
}
#hikari_price-simulation form ul li label:hover {
background-color: #E2EDF9;
}
#hikari_price-simulation #tabn2,
#hikari_price-simulation #tabn3{display: none;}
#hikari_price-simulation .news-b ul.tabn li a{
    color: #232323;
}
#hikari_price-simulation .news-b ul.tabn li{
	width: 32%;
    margin-bottom: 0;
}
#hikari_price-simulation .news-b ul.tabn li a{
	width: 100%;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
#hikari_price-simulation .news-b .tab_content li {
    padding: 0;
    border-bottom: none;
}
#hikari_price-simulation #total_price{
    color: #C00;
    font-size: 3.6rem;
    padding: 10px;
    font-weight: bolder;
    border:none;
    display: inline-block;
}
#hikari_price-simulation #choice{
    font-size: 1.4rem;
    padding: 10px;
    border:none;
    display: inline-block;
    width: 90%;
}
#hikari_price-simulation table:not(:last-child){
    margin-bottom: 15px;
}
#hikari_price-simulation th{
    width: 35%;
}

/*A-23*/
#hikari_price-option .table-s td{ text-align: center;width:50% }

/*A-26*/
#collabo_hikari_tv .b6 ol li:nth-of-type(2) h3{
    border-radius: 10px;
}
#collabo_hikari_tv table.table-s td{
    text-align: center;
}
#collabo_hikari_tv ul.premiumch{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#collabo_hikari_tv .flow ol li h3 {
    padding: 32px 26px;
    text-align: center;
    border-radius: 10px;
}
#collabo_hikari_tv .flow ol li:after {
	right: calc(50% - 1.4rem);
	top: auto;
  bottom: -36px;
}
  #collabo_hikari_tv .b3-full dl{
    display: block;
  }
  #collabo_hikari_tv .b3-full dt{
    width: auto;
    text-align: center;
    margin-bottom: 20px;
}
.b6.plus-b ol li {
    width: auto;
  margin-bottom: 52px;
}
.b6.plus-b ol li h3{
    text-align: center;
    padding-left: 0;
}
.b6.plus-b ol li h3:before{
    display: none
}
.b6.plus-b ol li:after{
	right: calc(50% - 1.4rem);
	top: auto;
  bottom: -52px;
	font-size: 2.8rem;
}
.b6.plus-b ol li:last-of-type:after{
    display: none;
}
#collabo_hikari_tv .detail{
    max-width: 650px;
    margin: 30px auto;
}
  #collabo_hikari_tv a.btn-ss + a.btn-ss{
    margin-top: 15px;
  }

/*A-27*/
#collabo_wifi .b2 ul li:nth-of-type(2) h3,
#collabo_wifi .b2 ul li:nth-of-type(6) h3{
	font-size: 1.6rem;
	margin-top: -10px;
}
#collabo_wifi .b2 ul li:nth-of-type(2) h3:before,
#collabo_wifi .b2 ul li:nth-of-type(6) h3:before{
	top: 10px;
}
#collabo_wifi .b7 .price-box h3{
	width: 120px;
}

/*A-28*/
.faq-index-b1 ul li:nth-of-type(1) a:before{ background-image:url(../images/common/icon-hikari_triple.png) }
.faq-index-b1 ul li:nth-of-type(2) a:before{ background-image:url(../images/common/icon-tv.png) }
.faq-index-b1 ul li:nth-of-type(3) a:before{ background-image:url(../images/common/icon-internet.png) }
.faq-index-b1 ul li:nth-of-type(4) a:before{ background-image:url(../images/common/icon-tel.png) }
.faq-index-b1 ul li:nth-of-type(5) a:before{ background-image:url(../images/common/icon-option.png) }
.faq-index-b1 ul li:nth-of-type(6) a:before{ background-image:url(../images/common/icon-resist.png) }
.faq-index-b1 ul li:nth-of-type(7) a:before{ background-image:url(../images/common/icon-payment.png) }
.faq-index-b1 ul li:nth-of-type(8) a:before{ background-image:url(../images/common/icon-connect.png) }
.faq-index-b1 ul li:nth-of-type(9) a:before{ background-image:url(../images/common/icon-question.png) }
.faq-inq-b{
    padding: 40px 20px;
}
.faq-inq-b .tel p{
    font-size: 2.2rem;
    margin: 24px 0 8px;
}
.faq-inq-b .tel .tel-num{
    font-size: 4rem;
    margin: 0 0 36px;
}
.faq-inq-b .tel .tel-num:before{
    content:"";
    background:url("../images/common/icon-freecall.png") no-repeat left top;
    display: inline-block;
    width: 76px;
    height: 60px;
    vertical-align: middle;
    margin-right: 10px;
}
.faq-inq-b .waittime{
    padding: 20px 10px;
}
.faq-inq-b .waittime h2{
    font-size: 1.8rem;
    margin: 0 0 24px;
}
.faq-inq-b .waittime .inner{
    display:flex;
    justify-content: space-between;
}
.faq-inq-b .waittime .inner dl{
    align-items: normal;
}
.faq-inq-b .waittime .inner dl dd h3{
    font-size: 1.6rem;
}
.faq-inq-b .waittime .inner dl dd p b{
    font-size: 2.4rem;
    margin-left: 0.4em;
    color: #e57c00;
}

/*A-29~36*/
.faq-b dl{
    margin-bottom: 52px;
}
.faq-b dl dt{
    font-size: 1.8rem;
     font-weight: bold;
    color: #0120b8;
    background: #f3f3f3;
    padding: 14px 60px;
    margin-bottom: 28px;
    position: relative;
    border-radius: 10px;
}
.faq-b dl dt:before{
    content:url("../images/common/icon-q.png");
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
}
.faq-b dl dd{
    padding: 0 0 0 60px;
    position: relative;
}
.faq-b dl dd:before{
    content:url("../images/common/icon-a.png");
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
}

/*A-37*/
.note4{
    border:solid 2px #d62323;
    padding: 28px 32px;
}
.note4 dl{
    display:flex;
    justify-content:flex-start;
    align-items: center;
}
.note4 dl dt{
    padding-right: 20px;
}

/*A-39*/
#haisen .b4 dt{
    width: 340px;
    text-align: center;
}
#haisen .b4 dd{
    flex:1;
}

/*A-44*/
ul.setwari{
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 50px;
}
ul.setwari li{
    width: 47%;
    height: 340px;
    box-sizing:border-box;
    text-align: center;
}
ul.setwari li.lt{
    background:#c5e4f9;
    padding: 60px 0 0;
    border:solid 1px #00a0e9;
}
ul.setwari li.ct{
    width: 6%;
    padding-top: 160px;
}
ul.setwari li.rt{
    border:solid 1px #eb5606;
    padding: 20px 0 0;
}
#step .step_table{
    margin: 0 auto;
    width: 100%;
}
#step .step_table td {
    text-align:center;
}
#step h4{
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: #0021ba;
    border-radius: 10px 10px 0 0;
}
#step .info{
    background:#FFFAE5;
    padding: 16px;
}
.step_table td {
background-position:bottom;
background-repeat:no-repeat;
}
.step_table td.yes {
vertical-align:top; width:200px;background-image:url('../images/setwari-au_smart/arrow_yes.jpg');
}
.step_table td.no {
background-image:url('../images/setwari-au_smart/arrow_no.jpg');
}
.step_yes{ width: 160px; padding: 12px 0; border: 1px solid #E5E5E5; margin: 30px auto 50px; font-size: 24px; font-weight: bold; text-align: center;background: #fff; }
.step_no{ width: 160px; padding: 12px 0; border: 1px solid #E5E5E5; margin: 30px auto 50px; font-size: 24px; font-weight: bold; text-align: center;background: #fff; }
.note5{
     display: block;
  text-align: center;
}
.b0 .note5 p:not(:last-child){
    margin-bottom: 16px;
}
/*A-45*/
#setwari-docomo .flow{
    background: #fffac7;
    padding: 40px 20px 20px;
}
#setwari-docomo .flow .col2 li{
    width: 48%;
}

/*A-46*/
.flow_outline{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.flow_outline li{
	width: 23%;
	position: relative;
	color: #0120b8;
	border: solid 3px #0120b8;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 24px 0;
	border-radius: 10px;
    text-align: center;
}
.flow_outline li:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	content: '\f0da';
	color: #0120b8;
	position: absolute;
	right: -20px;
	top: calc(50% - 24px);
	font-size: 2.8rem;
}
.flow_outline li:last-of-type:after{ content:none; }

/*A-47*/
#entry_guide-form .table-s th{
    width: 20%;
}

/*A-48*/
#soudankai .table-l td{
    text-align: center;
}
#soudankai .b1{
    background-image: url("../images/soudankai/b1-bg.jpg");
  margin-bottom: 40px;
}

/*A-51*/
.member-nav{
    display:flex;
    justify-content: space-between;
    max-width: 940px;
    margin: 0 auto;
}
.member-nav .member-nav-topic{
    width: 48%;
}
.member-index-b{
    margin-bottom: 50px;
}
.member-index-b ul li a{
    height: 170px;
}
.member-index-b ul li.mail a:before{ background-image:url(../images/common/icon-mail.png) }
.member-index-b ul li.keiyaku a:before{ background-image:url(../images/common/icon-keiyaku.png) }
.member-index-b ul li.config a:before{ background-image:url(../images/common/icon-config.png) }
.member-index-b ul li.question a:before{ background-image:url(../images/common/icon-question.png) }
.member-index-b ul li.inquiry a:before{ background-image:url(../images/common/icon-inquiry.png) }
.member-index-b ul li.manual a:before{ background-image:url(../images/common/icon-manual.png) }
.member-index-b ul li.myhp a:before{ background-image:url(../images/common/icon-myhp.png) }
.member-index-b ul li.remotesupport a:before{ background-image:url(../images/common/icon-remotesupport.png) }
.member-index-b ul li.ip a:before{ background-image:url(../images/common/icon-ip.png) }
.flowtouse{
	border-top: solid 14px #01236a;
	padding: 80px 0;
}
#entry_guide .flowtouse{
    padding: 40px 0 0;
    border-top: none;
}
.flowtouse h3{
	font-size: 3rem;
	margin-bottom: 30px;
	color: #01236a;
}
.flowtouse .title1{
	font-size: 2.6rem;
	color: #000000;
}
.flowtouse .title1:before,
.flowtouse .title1:after{
	background-color: #000000;
}
.flowtouse ol{
  flex-wrap:wrap;
	justify-content:center;
	margin: 50px 20px 10px;
}
.flowtouse ol li{
	width: calc(32% - 10px);
	padding: 20px 10px 15px;
  margin: 0 5px 40px;
}
.flowtouse ol li p{
    font-size: 2rem;
}
#entry_guide .flowtouse ol li{
    width: calc(49% - 10px);
}
.flowtouse ol li:before{
	content:"";
	background-position:left top;
    background-repeat: no-repeat;
	background-size: contain;
	height: 0;
  padding-top: 82.5%;
	margin: 0 auto;
	display: block;
}
#entry_guide .flowtouse ol li:before{
	width: 100%;
    height: 0;
}
.flowtouse ol li i{
	font-size: 1.8rem;
	width: 60%;
  padding: 3px 8px;
}

/*————————————————————————————————————————————
GENRE: B
————————————————————————————————————————————*/

body[id*="community-"] .b3 dl dd {
    flex:2;
}
/*B-1*/
#highlights h3{
    font-size: 2.2rem;
}
#highlights dl{
    display: flex;
    justify-content: space-between;
}
#highlights dl:not(:last-child){
    margin-bottom: 40px;
}
#highlights dl dd{
    flex:1;
    margin-left: 20px;
}
#highlights dl dd p.date {
    font-weight: bold;
    color: #E60;
    line-height: 1.5;
}
/*B-2*/
body[id*="community-"] .outline{
    padding: 50px 0;
}
body[id*="community-"] .ttl-catch{
    font-size: 1.8rem;
    margin-bottom: 30px;
}
body[id*="community-"] .outline dl{
	display: block;
    padding:0 20px;
}
body[id*="community-"] .outline dl dt{
	margin: 0 auto 20px;
    text-align: center;
}
body[id*="community-"] .outline dl dt img{
	max-width:100%;
	height:auto;
}
body[id*="community-"] .outline dl dd{
    padding:0;
}
body[id*="community-"] .outline dl dd p:not(:last-child){
    margin-bottom: 30px;
}
body[id*="community-"] ul.corner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 20px 60px;
}
body[id*="community-"] ul.corner li{
    width: 48%;
    margin-bottom: 40px;
}
body[id*="community-"] ul.corner li h3{
	font-size: 1.8rem;
	color: #0120b8;
	position: relative;
	margin-bottom: 25px;
}
body[id*="community-"] ul.corner li h3:after{
	content:"";
	background: #fbd43b;
	width: 20px;
	height: 5px;
	display: inline-block;
	position: absolute;
	bottom: -12px;
	left: 0;
}
#article .b3.kirakira-content{
    margin: 0 20px 0;
}
#article .b3.kirakira-content dl {
    width: 100%;
}
body[id*="community-"] #article .b3.kirakira-content dt {
    flex:none;
}
#article .b10 ul{
    margin: 40px 0 20px;
    display: flex;
    justify-content: space-between;
}
#article .b10 ul li{
    width: 48%;
}
.oa{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.oa:after{
    content: "";
    width: 32%;
    display: block;
}
.oa dl{
    width: 49%;
    display: flex;
    justify-content:space-between;
    margin-bottom: 8px;
    line-height: 1.5;
    padding-bottom: 8px;
    border-bottom: dotted 1px #333;
}
.oa dl dt{
    width: 3em;
    text-align: center;
    font-weight: bold;
    color: #0021ba;
}
.oa dl dd{
    flex:1;
    padding: 0 5px;
}
body[id*="community-"] .b3.cast dl{
    margin-bottom: 30px;
}
body[id*="community-"] .b3.cast dl dt{
    flex:1;
}

/*B-6*/
body#community-smile_one .b0 .photolist dl dt img,
body#community-present .b0 .photolist dl dt img {
  width: 100%;
}

/*B-11*/
.movielist{
    margin: 0 20px 60px;
    display: flex;
    justify-content: space-between;
}
.movielist .movieplay{
    width: 48%;
}
.movielist .movieplay object,
.movielist .movieplay video{
    width: 100%;
}
.movielist .list{
    width: 48%;
    height: 250px;
    overflow:scroll;
	overflow-x:hidden;
}
.movielist .list.info{
    overflow: hidden;
    height: auto;
}
.movielist .list .movies li{
	margin-bottom:5px;
	padding:0 0 5px 24px;
	border-bottom:1px dotted #CCC;
	text-align:left;
    position: relative;
    line-height: 1.5;
}
.movielist .list .movies li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f03d';
    font-weight: 900;
    color: #0120b8;
    position: absolute;
    top:0;
    left: 0;
}
.movielist .list .movies li.none {
	color:#999;
}
.movielist .list .movies li .movie_no {
	background:#0120b8;
    color: #fff;
	padding:0 3px;
}

/*B-15*/
#community-present .b3 dl{
    margin-bottom: 30px;
}
#community-present .b3 dl dt,
#community-present .b3 dl dd {
    flex:1;
}
#community-present .b3 dl dd .btn{
    margin: 10px 0 0;
}

/*B-18*/
#timeTable th{
	border:solid 1px #ccc;
	padding: 4px 6px;
    text-align: center;
    font-weight: bold;
}
#timeTable td{
	border:solid 1px #ccc;
	padding: 4px 6px;
}
.timeTable-pager{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/*B-21*/
body[id*="community-performer"] dl{
    margin-bottom: 40px;
}
body[id*="community-performer"] dl dt {
    margin-right: 20px;
}
body[id*="community-performer"] .table-s{
    margin-top: 20px;
}
body[id*="community-performer"] .table-s th{
    width: calc(6em + 10px);
}
#community-smile_one .table-s th{
    width: 30%;
}
body[id*="community-performer"] .table-s th,
body[id*="community-performer"] .table-s td,
#community-smile_one .table-s th,
#community-smile_one .table-s td{
    padding: 4px;
    font-size: 1.4rem;
}
body[id*="community-performer"] .table-s td ul.list-s &gt; li{
    padding-left: 10px;
}

/*————————————————————————————————————————————
GENRE: C
————————————————————————————————————————————*/

/*C-1*/
#company .b0 table th {
  width: 23%;
}
.top-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top-list:after{
    content:"";
    width: 32%;
    display: block;
}
.top-list li{
    width: 31%;
    text-align: center;
    margin-bottom: 42px;
}
.top-list li h2{
    font-size: 1.8rem;
    margin: 16px 0 6px;
}
.top-list li img{
    border: solid 1px #e5e5e5;
}

/*C-8*/
.company-anzen1{	
	display: flex;
	align-items: center;
	margin-bottom: 2em;
}
.company-anzen1 dt{	
	text-align: center;
	border: solid 1px #ccc;
	padding: 20px 30px;
}
.company-anzen1 dt img{
	margin-bottom: 10px;
}
.company-anzen1 dd{
	margin-left: 60px;
}

/*C-11*/
#csr-top1{
    max-width: 940px;
    margin: 0 auto;
    height: 520px;
    padding-top: 94px;
    position: relative;
}
#csr-top1 img{
    position: absolute;
    bottom: 0;
    left: 47px;
    z-index: 3;
}
#csr-top1 .ttlbox{
    box-shadow: 0px 0px 40px rgba(128,128,128,0.1);
    color: #0421bf;
    font-size: 3rem;
    margin: 0 12% 0 28%;
    padding: 60px 0 90px;
    font-weight: bold;
    letter-spacing: 0.2em;
}
#csr-top1 .ttlbox small{
    font-size: 2.4rem;
}
#csr-top1 .btn{
    position: absolute;
    right: 72px;
    bottom: 96px;
    width: 300px;
}
#csr-top2{
    background:url("../images/csr/bg1.jpg") no-repeat center center;
    background-size: cover;
    padding-bottom: 72px;
}
#csr-top2 h2{
    color: #fff;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: 0.2em;
    padding: 72px 0 56px;
}
#csr-top2 ul{
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#csr-top2 ul li{
    width: 300px;
}
#csr-top2 ul li a{
    display: block;
    border:solid 10px #fff;
    height: 280px;
    padding-top: 56px;
    margin-bottom: 18px;
}
#csr-top2 ul li.work1 a{ background-image:url("../images/csr/work1.png") }
#csr-top2 ul li.work2 a{ background-image:url("../images/csr/work2.png") }
#csr-top2 ul li.work3 a{ background-image:url("../images/csr/work3.png") }
#csr-top2 ul li a:hover{
    text-decoration: none;
    opacity: 0.7;
}
#csr-top2 ul li a .ttl{
    display: block;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 12px;
}
#csr-top2 ul li a .btn{
    display: inline-block;
    color: #0421bf;
    background-color: #ffff05;
    border-radius: 20px;
    font-weight: bold;
    padding: 4px 12px;
}
#csr-top2 ul li a .btn:after{
    font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
    margin-left: 10px;
}
#csr-top2 ul li p span{
    display: block;
    text-align: center;
    color: #fff;
    border-bottom: solid 1px #fff;
}
#csr-nav{
    max-width: 940px;
    margin:80px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
#csr-nav a{
    display: block;
    width: 49%;
    height: 120px;
    padding-top: 46px;
    background-color: #f3f3f3;
    background-position: left top;
    background-size: 180px 120px;
    background-repeat: no-repeat;
    padding-left: 210px;
    color: #0421bf;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}
#csr-nav a.nav1{ background-image:url("../images/csr/nav1.png") }
#csr-nav a.nav2{ background-image:url("../images/csr/nav2.png") }
#csr-nav a.nav3{ background-image:url("../images/csr/nav3.png") }
#csr-nav a.nav4{ background-image:url("../images/csr/nav4.png") }
#csr-nav a:after{
    position: absolute;
    display: inline-block;
    right: 38px;
    top:calc(50% - 14px);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    background: #0421bf;
    color: #ffff05;
    font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
}

/*C-13*/
#csr-vision-main{
    height: 500px;
    background:url("../images/csr-vision/bg1.png") no-repeat center center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
#csr-vision-main h1{
    font-size: 3rem;
    letter-spacing: .2em;
    margin-bottom: 1em;
}
#csr-vision1{
    padding: 0 0 60px;
    max-width: 940px;
    margin: 60px auto 0;
    background:url("../images/csr-vision/bg2.png") no-repeat right 106px;
    text-align: left;
    position: relative;
}
#csr-vision1:before{
    position: absolute;
    top: 0;
    left: calc(470px - 50vw);
    width: 50vw;
    height: 300px;
    box-shadow: 0px 0px 40px rgba(128,128,128,0.1);
    content:"";
    z-index: 1;
}
#csr-vision1 h2{
    color: #0120b8;
    font-size: 3rem;
    letter-spacing: .1em;
    margin: 0 60px;
    padding-top: 80px;
}
#csr-vision1 h3{
    font-size: 2.1rem;
    font-weight: bold;
    margin: 36px 60px;
    line-height: 1.8;
}
#csr-vision1 p{
    margin: 0 240px 1em 60px;
}
#csr-vision2{
    text-align: center;
    padding: 60px 0;
    box-shadow: 0px -30px 16px -16px rgba(128,128,128,0.1),
    0px 30px 16px -16px rgba(128,128,128,0.1);
}
#csr-vision2 h2{
    color: #0120b8;
    font-size: 3rem;
    letter-spacing: .1em;
    margin-bottom: 20px;
}

/*C-14,15,16*/
.csr-spread-main{
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    background-image:url("../images/csr-spread_inside/main-bg.png");
    background-size: cover;
}
.csr-spread-main h1{
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: .2em;
    background-size: cover;
}
.csr-spread-topic{
    margin-bottom: 100px;
    max-width: 940px;
    margin: 0 auto 100px;
    text-align: left;
}
.csr-spread-topic img{
    float: right;
}
.csr-spread-topic.even img{
    float: left;
}
.csr-spread-topic .ttl-box{
    background: #f8f8f8;
    padding: 48px 60px;
    margin-bottom: 60px;
}
.csr-spread-topic .ttl-box h2{
    color: #0021ba;
    font-size: 3rem;
    position: relative;
}
.csr-spread-topic .ttl-box h2:after{
	content:"";
	background: #fbd43b;
	width: 80px;
	height: 5px;
	display: inline-block;
	position: absolute;
	bottom: -16px;
	left: 0;
}
.csr-spread-topic.even .ttl-box h2:after{
    left:auto;
    right:400px;
}
.csr-spread-topic .ttl-box h3{
    color: #666666;
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: bold;
    margin-top: 32px;
}
.csr-spread-topic p{
    padding: 0 400px 0 60px;
    margin-bottom: 1em;
}
.csr-spread-topic.even p{
    padding: 0 60px 0 400px;
    margin-bottom: 1em;
}
.csr-spread-voice{
    max-width: 940px;
    padding: 36px 0 32px;
    margin: 0 auto 120px;
    text-align: left;
    box-shadow: 0px 0px 40px rgba(128,128,128,0.1);
    position: relative;
}
.csr-spread-voice img{
    position: absolute;
    bottom: 0;
    left: 40px;
}
.csr-spread-voice.even img{
    left:auto;
    right: 40px;
}
.csr-spread-voice h3{
    margin-left: 260px;
    color: #0021ba;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1em
}
.csr-spread-voice.even h3{
    margin-left: 60px;
}
.csr-spread-voice p{
    margin-left: 260px;
    margin-right: 40px;
    font-size: 1.4rem;
}
.csr-spread-voice.even p{
    margin-right: 240px;
    margin-left: 60px;
}

/*C-17*/
.kouza-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kouza-list li{
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}
.kouza-list li dl{
    display: flex;
    justify-content: space-between;
}
.kouza-list li h4{
    font-size: 2.0rem;
    margin-bottom: 10px;
    background: #eef;
    padding: 8px;
    border-radius: 8px 8px 0 0;
}
.kouza-list li dt{
    padding: 5px 20px 0 0;
}
.kouza-list li dd{
    flex:1;
    font-size: 1.4rem;
}
.kouza-list li dd .btn{
    margin-top: 10px;
    color: #f00;
    font-weight: bold;
}

/*C-21*/
#recruit .ttlbox,[id^="recruit-test"] .ttlbox{
  padding: 60px 20px;
    height: auto;
    margin-bottom: 40px;
}
#recruit .ttlbox .inner h1,[id^="recruit-test"] .ttlbox .inner h1{
    font-size: 3rem;
}
#recruit .b0 p br,[id^="recruit-test"] .b0 p br{
    display: none;
}
#recruit .entry,[id^="recruit-test"] .entry{
    height: auto;
  padding: 60px 20px;
}
#recruit .entry p,[id^="recruit-test"] .entry p{
    font-size: 1.8rem;
    margin-bottom: 24px;
}
#recruit .entry p b,[id^="recruit-test"] .entry p b{
    color: #ffff05;
}
[id^="recruit"] .voice{
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}
[id^="recruit"] .voice:before,
[id^="recruit"] .voice:after{
    content:"";
    display: inline-block;
    background-color: #fff;
    width: 2px;
    height: 30px;
    transform:rotate(-25deg);
    margin: 0 24px;
    vertical-align: top;
}
[id^="recruit"] .voice:after{
    transform:rotate(25deg);
}

[id^="recruit"] .btn-l{
    min-width: 1px;
  width: 100%;
}
.recb h2{
	font-size: 3rem;
    padding-top: 20px;
    margin-bottom: 20px;
}
.recb1{
    margin-top: 60px;
}
.recb1:before,
.recb1:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100vw 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.recb1:after{
    border-width: 100px 100vw 0 0;
    /*border-width: 0 0 100px 100vw;*/
    border-color: #f3f3f3 transparent transparent transparent;
    /*border-color: transparent transparent #fff transparent;*/
    top:auto;
    bottom: -100px;
    /*bottom: 0;*/
    z-index: 2;
}
.recb1 .content{
    display: block;
    margin: 40px 20px 0;
    position: relative;
    z-index: 1;
}
.recb1 .content a.topic{
    width: auto;
  background: #fff;
display: block;
  margin-bottom: 40px;
}
.recb1 .content .topic h3{
    height: 80px;
    display: flex;
}
.recb1 .content .topic1 h3 img{ margin-right: 10px; }
.recb1 .content .topic .photo{
  margin: 20px 0 0;
  }
.recb1 .content .topic ul{
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 24px 30px;
}
.recb1 .content .topic ul li{
    padding: 0 0 0 10px;
    position: relative;
}
.recb1 .content .topic ul li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    color: #019fe8;
}
.recb1 .btn{
    margin: 40px 20px 0;
}
.recb1 .btn a{
    margin: 0 0 20px;
    min-width: 1px;
}
.rec-tail{
    height: auto;
  padding: 120px 20px 40px;
}
.rec-tail h2{
    font-size: 3rem;
    margin-bottom: 40px;
}
[id^="recruit"] #footer{
    margin-top: 0;
}
[id^="recruit-entry"] #footer{
    margin-top: 60px;
}

/*C-23*/
#recruit-top{
    background:url("../images/recruit/below-main-bg.png");
    background-size: cover;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#recruit-top .inner{
    color: #fff;
    text-align: center;
}
#recruit-top span{
    display: inline-block;
    border: solid 1px #fff;
    padding: 6px 15px;
    font-weight: bold;
    vertical-align: middle;
}
#recruit-top h1{
    color: #fff;
    font-size: 3rem;
    letter-spacing: 0;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
[id^="recruit-type"] #contents .nav,
  #recruit-interview #contents .nav{
    margin: -24px 20px 40px;
}
[id^="recruit-type"] #contents .nav li{
    width: 31.9%;
    text-align: center;
}
[id^="recruit-type"] #contents .nav li a,
  #recruit-interview #contents .nav li a{
    display: block;
    padding: 30px 0;
    font-size: 1.2rem;
}
[id^="recruit-type"] #contents .nav li a:before{
    content:"";
    width: 48px;
    height: 48px;
    background-size: contain;
    display: block;
    margin: 0 auto;
}
[id^="recruit-type"] #contents .nav li a:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #f3f3f3 transparent transparent transparent;
    content:"";
    position: absolute;
    bottom: -12px;
    left: calc(50% - 10px);
}
[id^="recruit-type"] .topic{
    margin-bottom: 60px;
}
[id^="recruit-type"] .ttlbox{
    height: auto;
    display: block;
    padding: 20px;
    margin: 0 20px 20px;
}
[id^="recruit-type"] .ttlbox h2{
    font-size: 2.8rem;
}
[id^="recruit-type"] .ttlbox h2:before{
    width: 15px;
    left: -20px;
}
[id^="recruit-type"] .ttlbox p{
    font-size: 1.6rem;
  line-height: 1.2;
  margin-top: 10px;
    font-weight: bold;
}
[id^="recruit-type"] .content{
    background: #f3f3f3;
    position: relative;
    margin-top: -60px;
    padding: 60px 0 10px;
}
[id^="recruit-type"] .content:before,
[id^="recruit-type"] .content:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 100vw;
    border-color: transparent transparent #f3f3f3 transparent;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 0;
}
[id^="recruit-type"] .content:after{
    border-width: 100px 100vw 0 0;
    border-color: #f3f3f3 transparent transparent transparent;
    top:auto;
    bottom: -100px;
    z-index: 2;
}
[id^="recruit-type"] #t2 .content:before,
[id^="recruit-type"] #t2 .content:after{
    border-width: 100px 0 0 100vw;
    border-color: transparent transparent transparent #f3f3f3;
}
[id^="recruit-type"] #t2 .content:after{
    border-width: 0 100vw 100px 0;
    border-color: transparent #f3f3f3 transparent transparent;
}
[id^="recruit-type"] .content dl{
    margin: 0 20px;
    display: block;
}
[id^="recruit-type"] .content dl dt{
  text-align: center;
  margin-bottom: 20px;
  }
[id^="recruit-type"] .content dl dd{
    padding: 0;
}
[id^="recruit-type"] #t3 .btn{
    margin: 30px 20px 0;
}
[id^="recruit-type"] .table-recruit{
    margin: 0 20px 40px;
  width: calc(100% - 40px);
}

/*C-25*/
[id^="recruit-flow"] .topic{
    margin: 40px 20px;
}
[id^="recruit-flow"] .topic h2{
    padding: 15px 0;
    margin-bottom: 30px;
    font-size: 1.8rem;
}
[id^="recruit-flow"] .topic h2 span{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    vertical-align: middle;
    background: #fbd43b;
    margin-right: 12px;
    padding-top: 13px;
}
[id^="recruit-flow"] .topic p{
    margin-bottom: 30px;
}
[id^="recruit-flow"] .topic ul{
    display:flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 780px;
}
[id^="recruit-flow"] .topic ul li{
    width: 48%;
}
[id^="recruit-flow"] .topic ul li h3{
    font-size: 1.6rem;
    padding: 20px 0;
}
[id^="recruit-flow"] .topic ul li .inner{
    padding: 20px;
    text-align: center;
}
[id^="recruit-flow"] .topic ul li .inner .list{
    padding-left: 1em;
    margin-bottom: 1em;
    position: relative;
    text-align: left;
}
[id^="recruit-flow"] .topic ul li .inner .list:before{
    content:"・";
    position: absolute;
    left: 0;
    top: 0;
}

/*C-26*/
[id^="recruit-entry"] .intro,
#kouza-entry .intro{
    margin: 60px 0;
}

/*————————————————————————————————————————————
GENRE: D
————————————————————————————————————————————*/

/*D-3*/
#tokyo_ic .ttlbox{
    height: auto;
  padding: 60px 20px;
    margin-bottom: 40px;
}
#tokyo_ic .intro{
    text-align: center;
    margin: 0 20px 50px;
}
#tokyo_ic .intro h2{
    font-size: 2.1rem;
    color: #0120b8;
    font-weight: bold;
    margin-bottom: 24px;
}
#tokyo_ic .intro h3{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 24px;
}
#tokyo_ic .intro h3 br{
  display: none;
  }
#tokyo_ic .intro p br{
  display: none;
  }
#tokyo_ic .topic{
    max-width: 940px;
    margin: 0 20px 40px;
}
#tokyo_ic .topic .photo{
    float: none;
}
#tokyo_ic .topic2 .photo{
    float: none;
}
#tokyo_ic .topic .info{
    float: none;
    width: auto;
    margin: 0;
    padding: 20px;
}
#tokyo_ic .topic2 .info{
    float: none;
    margin: 0;
}
#tokyo_ic .topic .info h3{
    font-size: 2rem;
}
#tokyo_ic .topic .info h3,
#tokyo_ic .topic .info p{
    margin-bottom: 20px;
}
#tokyo_ic .topic .btn{
    text-align: right;
}
#tokyo_ic .topic .btn a{
    padding: 10px 30px;
    display: inline-block;
    color: #fff;
    background: #019cb8;
    font-weight: bold;
    font-size: 1.6rem;
    position: relative;
    text-decoration: none;
}
#tokyo_ic .topic .btn a:hover{
    background: #fff;
    color: #019cb8;
}
#tokyo_ic .topic .btn a:after{
    content:"";
    height: 1px;
    width: 30px;
    right: 0;
    top: 50%;
    background: #fff;
    position: absolute;
    z-index: 2;
}
#tokyo_ic .topic .btn a:hover:after{
    background: #019cb8;
}
#tokyo_ic .topic2 .btn a{
    background: #fff;
    color: #019cb8;
}
#tokyo_ic .topic2 .btn a:hover{
    background: #a1ccd4;
    color: #fff;
}
#tokyo_ic .topic2 .btn a:after{
    background: #019cb8;
}
#tokyo_ic .topic .btn a:hover:after{
    background: #fff;
}

/*D-4*/
.tokyo_ic-main{
	font-size: 3rem;
	padding: 60px 20px;
	margin: 0 0 40px;
}
#tokyo_ic-role .topic,
.yokonarabi{
    margin: 30px 20px 40px;
    display: block;
}
#tokyo_ic-role .topic .photo,
.yokonarabi .photo{
  text-align: center;
  margin-bottom: 20px;
  }
#tokyo_ic-role .topic .info,
.yokonarabi .info{
    padding: 0 !important;
}
#tokyo_ic-role .topic .info p{
    margin-bottom: 20px;
}
#tokyo_ic-role .b0 .btn{
    margin: 60px 0;
    text-align: center;
}

/*D-7*/
#biz-line table tr th:nth-of-type(1){ width: 40%; }
#biz-line table tr th:nth-of-type(2),#biz-line table tr th:nth-of-type(3){ width: 30%; }
#biz-line table td{
    text-align: center;
}
#biz-line table.table-f td{
    text-align: left;
}

/*D-9*/
#biz-ad table th:nth-of-type(1){ width: 25%; }
#biz-ad table th:nth-of-type(2){ width: 35%; }
#biz-ad table th:nth-of-type(3){ width: 40%; }

/*————————————————————————————————————————————
GENRE: E
————————————————————————————————————————————*/

  #jamie .bj&gt;p{
    margin: 0 20px;
  }
.jamie_btn{
	overflow: hidden;
  margin: 0 20px;
}
.jamie_btn li {
	float:left;
  width: 100%;
}
  #jamie .jamie_btn li:not(:nth-child(1)) {
    width: 50%;
  }
	.jamie_btn li a {
		text-indent:-9999px;
		display:block;
		width:100%;
		height:0;
    padding-top: 53.125%;
		margin-bottom:10px;
		background-position:left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
	}
	.jamie_btn li a:hover, .jamie_btn li a:active {
		background-position:bottom;
	}
	.jamie_btn li:nth-child(2n) a {
		margin-right:10px;
	}
	.jamie_btn li.btn_profile a {
		width:100%;
		height:0;
    padding-top: 24.6%;
		background-image:url('../images/jamie/btn_profile.png');
	}
	.jamie_btn li.btn_kirakira a {
		background-image:url('../images/jamie/btn_kirakira.png');
	}
	.jamie_btn li.btn_song a {
		background-image:url('../images/jamie/btn_song.png');
	}
	.jamie_btn li.btn_jamie_goes a {
		background-image:url('../images/jamie/btn_jamie_goes.png');
	}
	.jamie_btn li.btn_download a {
		background-image:url('../images/jamie/btn_download.png');
	}
	.jamie_btn li.btn_goods a {
		background-image:url('../images/jamie/btn_goods.png');
	}
	.jamie_btn li.btn_song_kirakira a {
		background-image:url('../images/jamie/btn_song_kirakira.png');
    padding-top: 24.6%;
    height: 0;
	}
	.jamie_btn li.btn_song_touch a {
		background-image:url('../images/jamie/btn_song_touch.png');
    padding-top: 24.6%;
    height: 0;
	}

/*-------------------------------
ジェイミールーム　トップページ
--------------------------------*/
#article .bj{
	max-width: 650px;
	margin: 0 auto;
}
#jamie-about_me #article dl.col2 dt{
	width: 186px;
	margin-right: 30px;
}
#jamie-about_me #article dl.col2 dd{
	flex: 1;
}
#article .bj dd p:not(:last-child){
	margin-bottom: 1em;
}
#jamie-about_me .photo{
	max-width: 680px;
	margin: 60px auto;
}
.jamie_about_me {
	background:#daedff url('../images/jamie/bg_jamie_story.png') no-repeat;
	padding:10px;
	margin-bottom:20px;
}

.jamie_story {
	margin:30px 0 40px;
}
.jamie_pct {
	float:left
}

.jamie_data {
	background:#FFF url('../images/jamie/jamie_logo.png') no-repeat right top;
	padding:10px;
}
	.jamie_data table {
		line-height:1em;
	}
	.jamie_data table td {
		padding:10px;
		vertical-align:middle;
	}
	.jamie_data table tr th {
		padding: 5px 0;
		vertical-align:middle;
        white-space: nowrap;
	}
	.jamie_data table tr th span {
		display:block;
		color:#FFF;
		background: #6f7bdf;
		padding: 7px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	
.arrow_box {
	position: relative;
	font-size:12px;
	background: #ffffff;
	border: 3px solid #e3e6e8;
	padding:10px;
	margin-left: 215px;
	border-radius: 15px;
}
	.arrow_box:after, .arrow_box:before {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -10px;
	}
	.arrow_box:before {
		border-color: rgba(227, 230, 232, 0);
		border-right-color: #e3e6e8;
		border-width: 14px;
		margin-top: -14px;
	}
#jamie-goods table th{
	width: 6em;
}
  #jamie-goods .col2{
    display: block;
  }
  #jamie-goods .col2 dt{
	width: auto;
	margin: 0 0 20px;
    text-align: center;
}
#jamie-jamie_goes .photo{
	display: block;
}
#jamie-jamie_goes .photo li,
#jamie-touch .photo li{
	width: auto;
  margin: 0 0 20px;
}
  #jamie-jamie_goes .photo li .mv,
#jamie-touch .photo li .mv{
	width: 100%;
  height: 0;
  padding-top: 56.9%;
  position: relative;
}
#jamie-jamie_goes .photo li video,
#jamie-jamie_goes .photo li object,
#jamie-touch .photo li video,
#jamie-touch .photo li object{
 position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#jamie-touch .photo li{
	margin: 30px auto;
}
#jamie-jamie_goes #ie{ display: none; }	
#jamie-song .jamie_btn li{float: none;}
  
  /*A-39*/
  #haisen .b3 dl{
    display: block;
    margin-bottom: 40px;
  }
  #haisen .b3 dl dt{
    text-align: center;
    margin-bottom: 20px;
  }
  
  /*A-44*/
  #setwari-au_smart p a.btn-ss + a.btn-ss{
    margin-top: 1em;
  }
  
  /*A-48*/
  #soudankai .b3 dl dt{
    width: 40%;
  }
  
  /*A-51*/
  .member-index-b ul li {
    width: 49%;
}
  .member-index-b ul li a {
    height: 100%;
}
  #catv-hybridcast .ttl-h2 + p{
    margin: 0 20px;
  }
  #inquiry .btn {
    text-align: left;
}
  
  /*C-11*/
#csr-top1{
    max-width: 940px;
    margin: 0 20px;
    height: auto;
    padding-top:0;
  text-align: center;
}
#csr-top1 img{
    position: static;
}
#csr-top1 .ttlbox{
  font-size: 2rem;
  margin: 0;
  padding: 20px 0;    
}
#csr-top1 .ttlbox small{
    font-size: 2rem;
}
#csr-top1 .btn{
    position: static;
    width: auto;
  margin: 0 auto 40px;
}
#csr-top2{
    padding: 30px 20px 1px;
}
#csr-top2 h2{
    font-size: 2.1rem;
    letter-spacing: 0.2em;
    padding: 0 0 20px;
}
#csr-top2 ul{
    margin: 0 20px;
    display: block;
}
#csr-top2 ul li{
    width: auto;
  margin-bottom: 40px;
}
#csr-top2 ul li a{
    height: auto;
    padding: 40px 0;
    margin-bottom: 10px;
}
#csr-top2 ul li a .ttl{
    display: block;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 12px;
}
#csr-top2 ul li a .btn{
    display: inline-block;
    color: #0421bf;
    background-color: #ffff05;
    border-radius: 20px;
    font-weight: bold;
    padding: 4px 12px;
}
#csr-top2 ul li a .btn:after{
    font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
    margin-left: 10px;
}
#csr-top2 ul li p span{
    display: block;
    text-align: center;
    color: #fff;
    border-bottom: solid 1px #fff;
}
#csr-nav{
    margin:40px 20px 0;
    display: block;
}
#csr-nav a{
    display: block;
    width: auto;
    height: 120px;
    padding-top: 46px;
    background-color: #f3f3f3;
    background-position: left top;
    background-size: 180px 120px;
    background-repeat: no-repeat;
    padding-left: 210px;
    color: #0421bf;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}
#csr-nav a:after{
    position: absolute;
    display: inline-block;
    right: 38px;
    top:calc(50% - 14px);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    background: #0421bf;
    color: #ffff05;
    font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
}

/*C-13*/
#csr-vision-main{
    height: auto;
  padding: 40px 20px;
}
#csr-vision-main h1{
    font-size: 3rem;
    letter-spacing: .2em;
    margin-bottom: 1em;
}
#csr-vision1{
    /*padding: 0 160px 60px 0;*/
    padding: 0 0 60px 0;
    max-width: 940px;
    margin: 0 auto 0;
    background:url("../images/csr-vision/bg2.png") no-repeat right 106px;
    text-align: left;
    position: relative;
}
#csr-vision1 h2{
    font-size: 2.4rem;
    margin: 0 20px;
    padding-top: 40px;
}
#csr-vision1 h3{
    font-size: 1.8rem;
    margin: 36px 20px;
}
  #csr-vision1 h3 br{
    display: none;
  }
#csr-vision1 p{
    margin: 0 20px 1em;
}

/*C-14,15,16*/
.csr-spread-main{
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:0px;
    background-image:url("../images/csr-spread_inside/main-bg.png");
    background-size: cover;
  padding: 60px 20px;
}
.csr-spread-topic{
    margin: 0 0 20px;
    text-align: center;
}
.csr-spread-topic img{
    float: none;
  margin: 0 20px 20px;
}
.csr-spread-topic.even img{
    float: left;
}
.csr-spread-topic .ttl-box{
    padding: 30px 20px 20px;
    margin-bottom: 30px;
  text-align: left;
}
.csr-spread-topic .ttl-box h2{
    font-size:2.4rem;
}
.csr-spread-topic .ttl-box h2:after{
	content:"";
	background: #fbd43b;
	width: 80px;
	height: 5px;
	display: inline-block;
	position: absolute;
	bottom: -16px;
	left: 0;
}
.csr-spread-topic.even .ttl-box h2:after{
	left: 0;
    right:auto;
}
.csr-spread-topic .ttl-box h3{
    color: #666666;
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: bold;
    margin-top: 32px;
}
.csr-spread-topic p{
    padding: 0 20px;
    margin-bottom: 1em;
  text-align: left;
}
.csr-spread-topic.even p{
    padding: 0 20px;
    margin-bottom: 1em;
  text-align: left;
}
.csr-spread-voice{
    padding: 30px 0;
    margin: 0 20px 60px;
}
.csr-spread-voice img{
    position: static;
  margin: 0 auto;
  display: block;
}
.csr-spread-voice.even img{
    left:auto;
    right: 40px;
}
.csr-spread-voice h3{
    margin: 20px 0;
    margin-bottom: 1em;
  text-align: center;
}
.csr-spread-voice.even h3{
    margin: 20px 0;
}
.csr-spread-voice p{
    margin: 0 20px 20px;
}
.csr-spread-voice.even p{
    margin: 0 20px 20px;
}
  
  /*C-24*/
.interview{
  position: relative;
}
.interview:before{
    height: 300px;
    top: 60px;
}
.interview .intro{
    display: block;
    padding: 20px;
    margin: 0 20px 40px;
  position: relative;
}
  .interview .intro .photo{
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .interview .intro .photo img{
  margin: 0;
  width: 120px;
  display: block;
}
.interview .intro .catch{
    font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 16px;
}
.interview .intro .catch br{
  display: none;
  }
.interview .intro .catch:before{
    width: 15px;
    left: -20px;
}
.interview .intro .name span{
  background: #fff;
  color: #0120b8;
  padding: 4px 12px;
  font-weight: bold;
  margin-right: 16px;
}
#t2.interview .intro .name span{ color: #006ab4; }
#t3.interview .intro .name span{ color: #019cb8; }
.interview .intro .name strong{
  margin-left: 0;
  font-size: 2.2rem;
  display:block;
}
.interview&gt;dl{
    margin: 0 20px 40px;
}
.interview&gt;dl dt{
    font-size: 1.8rem;
     font-weight: bold;
    background: #fff;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
    padding: 14px 60px;
    margin-bottom: 28px;
    position: relative;
    border-radius: 10px;
}
.interview&gt;dl dt:before{
    content:url("../images/common/icon-q.png");
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
}
.interview&gt;dl dd{
    padding: 0 0 0 60px;
    position: relative;
}
.interview&gt;dl dd:before{
    content:url("../images/common/icon-a.png");
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
}
.interview&gt;dl dd strong{
  color: #0120b8;
  display: block;
  font-size: 1.8rem;
  margin-bottom: 16px;
}
.interview .message{
  padding: 0 20px 30px 0;
  margin-bottom: 40px;
}
.interview .message .photo{
  width: 160px;
  text-align:left;
}
.interview .message .photo img{
  margin: 0;
  }
.interview .message .info{
  width: auto;
  flex:1;
  padding-top: 30px;
  margin-left: 20px;
}
.interview .message .info h2{
  font-size: 2rem;
  margin-bottom: 16px;
}
.interview .message .info h2:before {
    width: 15px;
    left: -20px;
}
.interview .message .info p strong{
  font-size: 1.6rem;
}
.interview .profile{
  width:auto;
  float: none;
  padding: 20px;
  margin: 0 20px 20px;
}
.interview .schedule{
  width:auto;
  float: none;
  padding: 20px;
  margin: 0 20px;
}
.interview .btn{
  padding: 40px 20px 80px;
}
[id^="recruit-entry"] .intro, #kouza-entry .intro {
    margin: 30px 20px;
}
  
  .iconPanelList{
  display: block;
}
.iconPanelList li{
  width: auto;
  padding: 24px 10px 16px;
}
  #internet-peace_eye .mv{
    width: 100%;
    height: 0;
    padding-top: 56.9%;
    position: relative;
  }
  #internet-peace_eye .mv iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
  .utilization table tr td {
    display: block;
    width: auto !important;
    padding: 0;
}
  .utilization table tr td:last-of-type {
    text-align: center;
    padding: 20px 0;
}
  body[id*="internet-peace_eye"] .app img{
    width: 40%;
  }
  body[id*="internet-peace_eye"] .btn {
    margin: 40px 20px;
}
  .panelList li {
  line-height: 1.2;
}
  
/*21.03.09*/
.tab{
	margin:0 -20px;
}
.tab2{
  margin-bottom: 40px;
}
.tab li{
  font-size: 1.3rem;
}
.tab li br{
  display:none;
}
.scrolltable table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.scrolltable table tbody {
  width: 100%;
  display:table;
}
#mesh-wifi-intro{
	display: block;
	margin: 0 20px 50px;
}
#mesh-wifi-intro img{
	width: 60%;
	display: block;
	margin: 0 auto 20px;
}
#mesh-wifi-intro ul{
	margin: 0 0 0 10px;
	}
	#mesh-wifi-intro li{
	font-size: 1.8rem;
	padding-right: 0;
}
#mesh-wifi-intro li::before {
    width: 22px;
    height: 22px;
    left: -30px;
}
}

/*22.03.07*/
#webmail .flexbox dt{
  width:200px;
  margin:0 auto;
  text-align:center;
}
#webmail .flexbox dd{
  padding:0 0 40px;
}
#webmail .faq-inq-b .tel .tel-num{
  margin: 24px 0;
}

/*22.08.08*/
#recruit-intern-nav{
  background: url("/wp/wp-content/themes/jcv/images/recruit/intern-bg.jpg") no-repeat center center / cover;
}
#recruit-intern-nav .ttl{
  font-size: 4rem;
  margin: 0 0 2rem;
}
[id^="recruit"] #recruit-intern-nav .btn-l {
  color: #000 !important;
  background: #FFF21F !important;
  margin-top: 2rem;
}
[id^="recruit"] #recruit-intern-nav .btn-l:hover{
  opacity:0.7;
}
@media screen and (max-width: 960px) {
#recruit-intern-nav .ttl{
  font-size: 3rem;
}
[id^="recruit"] #recruit-intern-nav .btn-l {
  padding: 10px 0;
}

}

/*24.01.22*/
body#phone-cableplus .b3 dl dt,
body#phone-cableline .b3 dl dt{
  border: solid 1px #f3f3f3;
  padding: 20px;
  font-size: 1.2rem;
}
@media screen and (max-width: 960px) {
body#phone-cableplus .table-s th,
body#phone-cableplus .table-s td,
body#phone-cableline .table-s th,
body#phone-cableline .table-s td{
    padding:2px;
}
body#phone-cableplus .b3 dl,
body#phone-cableline .b3 dl{
    flex-direction: column;
}
body#phone-cableplus .b3 dl dt,
body#phone-cableline .b3 dl dt{
  margin: 0 0 10px;
}
body#phone-cableplus .b3 dl dd .btn-l,
body#phone-cableline .b3 dl dd .btn-l{
  display: block;
}
}






</pre></body></html>