/*
Theme Name: Twenty Twenty-Four Child
Version: 1.0
Template:twentytwentyfour
*/



/*** 全体レイアウト ***/
body {
    color: #303030;
	font-family: "メイリオ", "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
}
a:link {
	color: #0671cf;
	text-decoration: underline;
}
a:visited {
	color: #0671cf;
	text-decoration: underline;
}
a:hover {
	color: #2832ad;
	text-decoration: none;
}
a:active {
	color: #2832ad;
	text-decoration: none;
}
a {
    outline: none;
}

/* 画像のキャプションを中央揃えにする */
.wp-block-image figcaption {
	font-size: 14px;
	text-align: center;
}


header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.90);
}
main {
    position: relative;
    font-family: "メイリオ", "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
}
.cbs_opa_chg:hover {
    opacity: 0.7;
    cursor: pointer;
}
main h1 {
    color: #254AA5;
    font-size: 40px;
    line-height: 48px;
	font-family: "メイリオ", "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
}
main h2 {
    color: #254AA5;
    font-size: 30px;
    line-height: 36px;
    font-family: "メイリオ", "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
}
main h3 {
    color: #254AA5;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
	font-family: "メイリオ", "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
}
main ul li {
	font-size: 15px;
    margin-bottom: 10px;
}
main ol li {
	font-size: 15px;
    margin-bottom: 10px;
}
main p {
    font-size: 15px;
    line-height: 28px;
}
main .cbs_link {
	line-height: 16px;
	margin-left: 7%;
	background-image: url(imgs/mark_link.png);
	background-repeat: no-repeat;
	background-size: 13px 13px;
    background-position: 0 1px;
	padding-left: 19px;
	margin-bottom: 25px;
}

.cbs_catch {
    font-size: 18px;
	background-color: #ffe789;
    padding-left: 2%;
    padding-right: 2%;
	padding-top: 10px;
    padding-bottom: 8px;
	line-height: 30px;
	box-sizing: border-box;
}
.cbs_w_border {
    border: 1px solid #254AA5;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10px;
    padding-bottom: 8px;
	box-sizing: border-box;
}
.pic_w35 {
    width: 35%;
    margin-bottom: 20px;
}
@media screen and (max-width:600px) {
    .cbs_catch {
        font-size: 16px;
    }
    .pic_w35 {
        width: 100%;
    }
}





/*** ヘッダー ***/
header {
    padding-top: 0;
    border-bottom: 1px solid #254AA5;
}
.wp-block-site-logo {
    padding-top: 10px;
}
#cbs_contact {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    background-color: #DB7647;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 140px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 7%;
}
#cbs_contact:hover {
    background-color: #F7931E;
}
#cbs_inquiry_btn {
    display: none;
    width: 50px;
    cursor: pointer;
    z-index: 20;
}
#cbs_inquiry_btn img {
    width: 100%;
    display: block;
    cursor: pointer;
}
@media screen and (max-width:960px){
    #cbs_contact {
        display: none;
    }
    .wp-block-site-logo {
        width: 270px;
    }
}
@media screen and (max-width:540px){
    .wp-block-site-logo {
        padding-top: 20px;
        width: 160px;
    }
}


/*** グローバルナビ ***/
#cbs_wrap_gnavi {
    height: 37px;
}
#cbs_global_navi {
    margin-top: -25px; /* ロゴ相関関係 */
    padding-left: 0;
    position: relative;
    z-index: 10;
}
#cbs_global_navi #cbs_mobile_btn {
    display: none;
    cursor: pointer;
}
#cbs_global_navi #cbs_gnavi_inner {
    display: inline;
}
#cbs_global_navi #cbs_gnavi_inner>ul {
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    position: relative;
    width: auto;
}
#cbs_global_navi #cbs_gnavi_inner>ul>li {
    position: relative;
    /*line-height: 42px;*/
    cursor: pointer;
    width: auto;
}
#cbs_global_navi #cbs_gnavi_inner>ul>li span {
    color: white;
    font-size: 14px;
    display: none;
}
#cbs_global_navi #cbs_gnavi_inner>ul>li:hover {
    background-color: rgba(37,74,165, 0.92);
}
#cbs_global_navi #cbs_gnavi_inner>ul>li:has(p.pd) {
    background-color: rgba(37,74,165, 0.92);
}
#cbs_global_navi #cbs_gnavi_inner>ul>li>a,
#cbs_global_navi #cbs_gnavi_inner>ul>li>p {
    color: #254AA5;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
}
#cbs_global_navi #cbs_gnavi_inner>ul>li.act>a,
#cbs_global_navi #cbs_gnavi_inner>ul>li.act>p {
    color: #C1272D;
}
#cbs_global_navi #cbs_gnavi_inner>ul>li:hover>a,
#cbs_global_navi #cbs_gnavi_inner>ul>li:hover>p {
    color: white;
}
#cbs_global_navi #cbs_gnavi_inner>ul>li>p.pd {
    color: white;
}

#cbs_global_navi #cbs_gnavi_inner>ul li ul.sub {
	display: none;
	position: absolute;
    left: 0;
    top: 41px;
	z-index: 10;
	margin: 0;
    padding: 0;
    list-style: none;
    border-top:1px solid #999999;
}
#cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li {
	position:relative;
	width: 227px;
	height: 38px;
	line-height: 40px;
    background-color: rgba(37,74,165, 0.92);
	border-bottom:1px solid #999999;
	margin: 0px;
	text-align: left;
}
#cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li>a{
	font-size: 15px;
	color: white;
	padding-left: 7px;
	width: 220px;
	position: relative;
	display: block;
	text-decoration:none;
	padding-top: 0px;
}
 #cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li:hover>a {
	color: #254AA5;
	background-color: #F2F2F2;
}


@media screen and (max-width:960px){
    header {
        height: 60px;
    }
    #cbs_inquiry_btn {
        position: absolute;
        top: 10px;
        right: 22%;
        display: block;
    }
    #cbs_global_navi {
        margin-top: -58px;
        height: 50px;
    }
    #cbs_global_navi #cbs_gnavi_inner {
        display: none;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul {
        box-sizing: border-box;
        width: 100%;
        padding-left: 20%;
        padding-right: 20%;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: rgba(37,74,165, 0.92);
        /*display: none;*/
        justify-content: normal;
        flex-wrap: wrap;
        position: absolute;
        top: 30px;
        left: 0;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li {
        width: 100%;
        border-bottom:1px solid #999999;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li:hover {
        background-color: transparent;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li:has(p.pd) {
        background-color: transparent;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li span {
        display: inline-block;
        padding-left: 20px;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li>a,
    #cbs_global_navi #cbs_gnavi_inner>ul>li>p {
        color: white;
        box-sizing: border-box;
        width: 100%;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li.act>a,
    #cbs_global_navi #cbs_gnavi_inner>ul>li.act>p {
        color: white;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul>li:hover>a,
    #cbs_global_navi #cbs_gnavi_inner>ul>li:hover>p {
        color: #57C9F4;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul li ul.sub {
        position: relative;
        top: 0;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li {
        width: 100%;
        background-color: transparent;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li:last-child {
        border-bottom: none;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li>a{
        width: 90%;
        padding-left: 10%;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul li ul.sub li:hover>a {
        color: #57C9F4;
        background-color: transparent;
    }
    #cbs_global_navi #cbs_mobile_btn {
        width: 85px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media screen and (max-width:660px){
    #cbs_inquiry_btn {
        right: 26%;
    }
}
@media screen and (max-width:540px){
    #cbs_inquiry_btn {
        right: 31%;
    }
    #cbs_global_navi {
        margin-top: -52px;
    }
    #cbs_global_navi #cbs_gnavi_inner>ul {
        padding-left: 10%;
        padding-right: 10%;
    }
}



/*** トップページ ***/
#cbs_top_slider {
    margin-top: 90px;    /* ヘッダーの高さ 110-48px*/
}
@media screen and (max-width:960px){
    #cbs_top_slider {
        margin-top: 40px;
    }
}

#top_video {
    /*width: 100%;*/
	position: relative;
    height: 650px;
    overflow: hidden;
}
#top_video video {
    width: 100%;
    /* 上下方向のセンタリング */
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media screen and (max-width:1165px) {
    #top_video {
        height: auto;
    }
    #top_video video {
        position: static;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
    }
}


.video_txt {
    position: absolute;
	background-color: rgba(0,0,0, 0.45);
	padding: 10px;
    opacity: 0;
}
.video_txt.act {
    opacity: 1;
    transition-duration: 0.5s;
    transition-property: opacity;
}
.video_txt h1,
.video_txt h2 {
    color: white;
    font-size: 45px;
    font-weight: bold;
    line-height: 50px;
	margin-top: 4px;
}
.video_txt p {
    color: white;
    font-size: 26px;
    line-height: 40px;
	margin-bottom: 0;
}
#first {
    top: 190px;
    left: 10%;
}
#second {
    top: 160px;
    left: 40%;
}
#third {
    top: 190px;
    left: 10%;
}
#fourth {
    top: 160px;
    left: 50%;
}
#fifth {
    top: 430px;
    left: 10%;
}
@media screen and (max-width:1000px){
    #second {
        top: 160px;
        left: 20%;
    }
    #fifth {
        top: 380px;
    }
}
@media screen and (max-width:900px){
    #first {
        top: 140px;
    }
    #second {
        top: 120px;
        left: 10%;
    }
    #third {
        top: 140px;
    }
    #fourth {
        top: 120px;
        left: 10%;
    }
    #fifth {
        top: 260px;
    }
}
@media screen and (max-width:760px){
    .video_txt h1,
    .video_txt h2 {
        font-size: 40px;
        line-height: 54px;
    }
    .video_txt p {
        font-size: 22px;
        line-height: 40px;
    }
    #first {
        top: 120px;
    }
    #third {
        top: 120px;
    }
    #fifth {
        top: 220px;
    }
}
@media screen and (max-width:660px){
    #fifth {
        top: 150px;
    }
}
@media screen and (max-width:630px){
    .video_txt h1,
    .video_txt h2 {
        font-size: 36px;
        line-height: 49px;
    }
    .video_txt p {
        font-size: 18px;
        line-height: 36px;
    }
}
@media screen and (max-width:540px){
    #first,
    #second,
    #third,
    #fourth,
    #fifth {
        top: 80px;
        left: 5%;
    }
}
@media screen and (max-width:500px){
    .video_txt h1,
    .video_txt h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .video_txt p {
        font-size: 16px;
        line-height: 32px;
    }
}
@media screen and (max-width:450px){
    .video_txt h1,
    .video_txt h2 {
        font-size: 28px;
        line-height: 37px;
    }
    .video_txt p {
        font-size: 15px;
        line-height: 30px;
    }
}




.cbs_flex_two {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cbs_flex_two a {
    display: block;
    width: 49%;
    text-decoration: none;
    position: relative;
}
.cbs_flex_two a img.bg {
    width: 100%;
}
.cbs_flex_two a .inner {
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 140px;
}
.cbs_flex_two a .inner h3 {
    color: white;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
    margin: 0;
}
.cbs_flex_two a .inner p {
    color: white;
    font-size: 16px;
    line-height: 30px;
}
@media screen and (max-width:1085px) {
    .cbs_flex_two a .inner {
        height: 170px;
    }
}
@media screen and (max-width:860px) {
    .cbs_flex_two a {
        width: 100%;
    }
    .cbs_flex_two a:first-child {
        margin-bottom: 20px;
    }
    .cbs_flex_two a .inner {
        height: 110px;
    }
}
@media screen and (max-width:802px) {
    .cbs_flex_two a .inner {
        height: 140px;
    }
}
@media screen and (max-width:542px) {
    .cbs_flex_two a .inner {
        height: 170px;
    }
}
@media screen and (max-width:430px) {
    .cbs_flex_two a .inner {
        width: 86%;
        height: 162px;
    }
    .cbs_flex_two a .inner h3 {
        font-size: 25px;
    }
    .cbs_flex_two a .inner p {
        font-size: 15px;
        line-height: 28px;
    }
}



#cbs_notice_list {
    width: 76%;
    margin-left: 15%;
    margin-bottom: 30px;
}
#cbs_notice_list dt {
    color: #1F5BA3;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}
#cbs_notice_list dt span {
    color: white;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    width: 90px;
    text-align: center;
    height: 28px;
    line-height: 30px;
    margin-left: 14px;
}
#cbs_notice_list dt span.info {
    background-color: #5A85B9;
}
#cbs_notice_list dt span.exhibit {
    background-color: #F15A24;
}
#cbs_notice_list dt span.support {
    background-color: #29ABE2;
}
#cbs_notice_list dt span.product {
    background-color: #D92D53;
}
#cbs_notice_list dd {
    font-size: 16px;
    line-height: 28px;
    margin-left: 250px;
    margin-top: -28px;
    margin-bottom: 12px;
}
#cbs_top_info_btn {
	color: white;
    font-size: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 40px;
    line-height: 42px;
	background-color: #254AA5;
    border: 1px solid #254AA5;
}
#cbs_top_info_btn:hover {
	color: #254AA5;
    background-color: transparent;
}
@media screen and (max-width:1500px) {
    #cbs_notice_list {
        width: 96%;
        margin-left: 2%;
    }
}
@media screen and (max-width:1118px) {
    #cbs_notice_list a p {
        font-size: 14px;
    }
}
@media screen and (max-width:680px) {
    #cbs_notice_list dd {
        font-size: 15px;
        line-height: 26px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 14px;
    }
}


.cbs_one {
    width: 100%;
}
#cbs_bnr_recruit {
    width: 100%;
    background-color: #eee0e8;
    box-sizing: border-box;
    padding-left: 6%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    display: block;
    text-decoration: none;
    margin-bottom: 30px;
}
#cbs_bnr_recruit h2 {
    color: #c1272d;
    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
    text-align: left;
}
#cbs_bnr_recruit p {
    color: #303030;
    font-size: 18px;
    line-height: 30px;
}
#cbs_bnr_recruit p.catch {
    font-size: 25px;
    line-height: 30px;
}
#cbs_bnr_recruit p.btn {
    color: white;
    font-size: 18px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background-color: #c1272d;
    margin-left: 100px;
    width: 250px;
}
#cbs_bnr_recruit #pic_recruit {
    height: 80%;
    position: absolute;
    top: 10%;
    right: 5%;
}
@media screen and (max-width:1050px) {
    #cbs_bnr_recruit {
        padding-left: 4%;
    }
    #cbs_bnr_recruit p {
        font-size: 16px;
    }
    #cbs_bnr_recruit #pic_recruit {
        right: 3%;
    }
}
@media screen and (max-width:940px) {
    #cbs_bnr_recruit #pic_recruit {
        height: 70%;
        top: 15%;
    }
}
@media screen and (max-width:880px) {
    #cbs_bnr_recruit p {
        font-size: 15px;
    }
    #cbs_bnr_recruit #pic_recruit {
        height: 60%;
        top: 20%;
    }
}
@media screen and (max-width:800px) {
    #cbs_bnr_recruit #pic_recruit {
        height: 44%;
        top: 6%;
    }
    #cbs_bnr_recruit p.btn {
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width:530px) {
    #cbs_bnr_recruit p.catch {
        font-size: 18px;
        line-height: 22px;
    }
    #cbs_bnr_recruit #pic_recruit {
        height: 85px;
        top: 30px;
    }
}



/*** 個別投稿 ***/
#cbs_wrap_page_head {
    margin-top: 110px;    /* ヘッダーの高さ */
}
.cbs_page_navi {    /* 前、次のリンク */
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:960px){
    #cbs_wrap_page_head {
        margin-top: 60px;
    }
}




/*** ローカルナビ ***/
#cbs_localNavi{
	width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
}
#cbs_localNavi ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
}
#cbs_localNavi ul li  {
    display: block;
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 10px;
}
#cbs_localNavi ul li a {
    color: #1F5BA3;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #1F5BA3;
}
#cbs_localNavi ul li.act a {
    color: white;
    background-color: #7a3c5b;
    background-color: #A8445E;
}
#cbs_localNavi ul li a:hover {
    color: white;
    background-color: #697CAD;
}

@media screen and (max-width:920px) {
    #cbs_localNavi ul li a {
        font-size: 15px;
    }
}
@media screen and (max-width:850px) {
    #cbs_localNavi ul li  {
        width: 32.33%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
}
@media screen and (max-width:620px) {
    #cbs_localNavi ul li  {
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
}



/*** フッター ***/
#cbs_pageNavi {
    width: 100%;
}
#cbs_pageNavi #grid1 {
	float: left;
	width: 61%;
    padding-left: 2%;
	box-sizing: border-box;
	border-left: 1px solid #A7A4AA;
    padding-bottom: 10px;
}
#cbs_pageNavi #grid2 {
	float: left;
	width: 38%;
	margin-left: 1%;
	padding-left: 2%;
	box-sizing: border-box;
	border-left: 1px solid #A7A4AA;
    padding-bottom: 10px;
}
#cbs_pageNavi #grid1 dl,
#cbs_pageNavi #grid2 dl {
	list-style: none;
	margin-bottom: 4px;
}
#cbs_pageNavi dl.longgap {
	margin-top: 15px;
}
#cbs_pageNavi dt p,
#cbs_pageNavi dt a {
	color: #FFFFFF;
	text-decoration: none;
}
#cbs_pageNavi dd p,
#cbs_pageNavi dd a {
	color: #FFFFFF;
	text-decoration: none;
}
#cbs_pageNavi a:hover {
	color: #DCE2E2;
	text-decoration: underline;
}	
#cbs_pageNavi dl dt {
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	margin-top: 4px;
	margin-bottom: 11px;
}
#cbs_pageNavi dl dd {
	font-size: 14px;
	line-height: 17px;
	margin-top: 8px;
	margin-left: 6px;
	display: block;
}
@media screen and (max-width:780px) {
    #cbs_pageNavi {
        padding-top: 30px;
    }
}
@media screen and (max-width:440px) {
    #cbs_pageNavi {
        width: 96%;
        top: 360px;
        left: 4%;
    }
}
@media screen and (max-width:430px) {
    #cbs_pageNavi dl dd span {
        display: none;
    }
}

#cbs_copyright {
    color: #B9BDC4;
    font-size: 15px;
    text-align: center;
}
@media screen and (max-width:530px) {
    #cbs_copyright span {
        display: none;
    }
}

#cbs_pagetop {
	position: fixed;
	bottom: 250px;
	right: 0px;
	display: block;
	opacity: 0;
	z-index: 999;
	-webkit-transform: translate3d(0, 0, 9px);
    transform: translate3d(0, 0, 9px);
}



/*** 問い合わせ ***/
#cbs_form {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    background-color: #eceef8;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 20px;
    padding-bottom: 30px;
}
#cbs_form dl dt {
    font-size: 15px;
    width: 200px;
    height: 50px;
    line-height: 52px;
}
#cbs_form dl dt span {
    font-size: 14px;
    color: #c1272d;
    padding-left: 6px;
}
#cbs_form dl dd {
    font-size: 15px;
    height: 50px;
    margin-left: 200px;
    margin-top: -50px;
    padding-top: 5px;
    padding-bottom: 8px;    /* エラー表示用 */
}
#cbs_form dl dd.textarea {
    height: 160px;
}
#cbs_form dl dd input {
    font-size: 15px;
    width: 98%;
    height: 30px;
    line-height: 32px;
    margin-bottom: 0;
}
#cbs_form dl dd textarea {
    font-size: 15px;
    width: 98%;
    line-height: 26px;
    margin-top: 3px;
    margin-bottom: 0;
}
#cbs_form dl dd span {   /* エラー表示部 */
}
#cbs_form #cbs_form_btn {
    display: flex;
    justify-content: space-evenly;
}
#cbs_form #cbs_form_btn br {
    display: none;
}
#cbs_form #cbs_form_btn .cfm_btn {
    color: white;
    font-family: "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
    height: 38px;
    line-height: 38px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
    background-color: #D84719;
	font-size:18px;
	border-radius: 0;
	-webkit-appearance: none;
	border: none;
}
#cbs_form #cbs_form_btn .rtn_btn {
    color: white;
    font-family: "Meiryo", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "MotoyaLCedar", "Droid Sans Japanese", "MS Gothic", "sans-serif";
    height: 38px;
    line-height: 38px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
    background-color: #929292;
	font-size:18px;
	border-radius: 0;
	-webkit-appearance: none;
	border: none;
}

.mw_wp_form_confirm #cbs_form dd {    /* エラーなし確認画面ではズレを補正 */
    line-height: 38px;
}
.mw_wp_form_confirm #cbs_form dd.textarea {
    padding-top: 11px;
    line-height: 26px;
}



/*** 会社概要・沿革 ***/
#cbs_profile {
    border-collapse: collapse;
    width: 98%;
    margin-left: 1%;
    border: 1px solid #A2A2A2;
    margin-top: 25px;
    margin-bottom: 45px;
}
#cbs_profile tr th{
    font-size: 15px;
    font-weight: normal;
    line-height: 27px;
    border: 1px solid #A2A2A2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
    text-align: left;
    width: 150px;
}
#cbs_profile tr td {
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #A2A2A2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
}
#cbs_profile tr td br.sp {
    display: none;
}
#cbs_profile tr.even th,
#cbs_profile tr.even td {
    background-color: #f2f2f2;
}
#cbs_profile tr td ul {
	padding-left: 20px;
}
@media screen and (max-width:640px) {
    #cbs_profile tr th {
        width: 80px;
        padding-left: 5px;
    }
    #cbs_profile tr th br.c_640 {
        display: none;
    }
    #cbs_profile tr td {
        padding-left: 5px;
    }
}
@media screen and (max-width:730px) {
    #cbs_profile tr td br.sp {
        display: inline;
    }
}


#cbs_history {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
}
#cbs_history th {
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    width: 200px;
}
#cbs_history th,
#cbs_history td {
    line-height: 26px;
    padding-top: 9px;
    padding-bottom: 7px;
    border-bottom: 1px solid #c2c2c2;
}
#cbs_history th.top,
#cbs_history td.top {
    border-top: 1px solid #c2c2c2;
}
#cbs_history td {
    padding-left: 10px;
}
@media screen and (max-width:790px) {
    #cbs_history th {
        width: 155px;
    }
}
@media screen and (max-width:640px) {
    #cbs_history th {
        width: 80px;
        text-align: left;
    }
}


/*** ご挨拶 ***/
#pic_president {
    width: 30%;
    margin-bottom: 20px;
}
#fig_three_j {
    width: 60%;
}
#pic_first_machine {
    width: 33%;
    margin-top: -110px;
}
#fig_three_j {
    width: 40%;
	float: right;
}
@media screen and (max-width:760px) {
    #pic_first_machine {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 20px;
    }
}
@media screen and (max-width:640px) {
    #pic_president {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
	#fig_three_j {
        width: 100%;
    }
}


/*** アクセス ***/
#access_map {
    width: 100%;
    height: 600px;
    border: 1px solid #c2c2c2;
}
#access_map iframe {
    width: 100%;
    height: 100%;
}
@media screen and (max-width:700px) {
    #access_map {
        height: 500px;
    }
}


/*** ISO・IATF ***/
#pic_iso_1,
#pic_iso_2,
#pic_iso_3 {
    width: 80%;
	margin-top: 20px;
}
#pic_iso_4 {
    width: 40%;
    margin-top: 20px;
}

table.iso_iatf {
    border-collapse: collapse;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}
table.iso_iatf th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    width: 200px;
}
table.iso_iatf th,
table.iso_iatf td {
    font-size: 15px;
    line-height: 26px;
    padding-top: 9px;
    padding-bottom: 7px;
    border-bottom: 1px solid #c2c2c2;
    padding-left: 10px;
}
table.iso_iatf th.top,
table.iso_iatf td.top {
    border-top: 1px solid #c2c2c2;
}
@media screen and (max-width:700px) {
	#pic_iso_1,
    #pic_iso_2,
    #pic_iso_3 {
        width: 100%;
    }
	#pic_iso_4 {
        width: 50%;
    }
    table.iso_iatf th {
        width: 90px;
    }
}

#quality_policy {
    font-size: 16px;
	padding-left: 25px;
}
#action_plan {
    font-size: 15px;
	padding-left: 25px;
}
p.date_president {
    font-size: 16px;
    text-align: right;
	margin-bottom: 40px;
}

#conscious {
    font-size: 20px;
}
#conscious span {
    background-color: antiquewhite;
}
@media screen and (max-width:500px) {
    #conscious {
        font-size: 17px;
    }
}

#action_plan2 {
    font-size: 15px;
}


/*** SDGs, CSR ***/
#sdgs_logo {
    width: 50%;
}
.wrap_sdgs {
    margin-bottom: 30px;
}
.icon_sdgs {
    width: 20%;
}
.icon_sdgs_w {
    width: 40%;
}
ul.sdgs {
    font-size: 15px;
	padding-left: 20px;
}
@media screen and (max-width:1000px) {
	.icon_sdgs {
        width: 30%;
    }
    .icon_sdgs_w {
        width: 60%;
    }
}

.pic_csr {
    width: 35%;
}
ol.csr {
    font-size: 15px;
    margin-bottom: 35px;
    padding-left: 20px;
}
ol.csr ul {
    font-size: 15px;
    padding-left: 20px;
}
@media screen and (max-width:780px) {
    .pic_csr {
        width: 100%;
		padding-bottom: 20px;
    }
}


/*** お知らせ ***/
.cbs_info_list {
    width: 96%;
    margin-left: 2%;
    margin-bottom: 45px;
}
.cbs_info_list dt {
    color: #1F5BA3;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}
.cbs_info_list dt span {
    color: white;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    width: 90px;
    text-align: center;
    height: 28px;
    line-height: 30px;
    margin-left: 14px;
}
.cbs_info_list dt span.info {
    background-color: #5A85B9;
}
.cbs_info_list dt span.exhibit {
    background-color: #F15A24;
}
.cbs_info_list dt span.support {
    background-color: #29ABE2;
}
.cbs_info_list dt span.product {
    background-color: #D92D53;
}
.cbs_info_list dd {
    font-size: 16px;
    line-height: 28px;
    margin-left: 250px;
    margin-top: -28px;
    margin-bottom: 12px;
}


@media screen and (max-width:680px) {
    .cbs_info_list dd {
        font-size: 15px;
        line-height: 26px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 14px;
    }
}


/*** プレス加工 ***/
.intro_movie {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.pic_w90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:640px) {
    .intro_movie {
        width: 100%;
    }
    .pic_w90 {
        width: 100%;
    }
}



/*** 対応材料・保有設備 ***/
#pic_stamping_material {
    width: 35%;
}
@media screen and (max-width:700px) {
    #pic_stamping_material {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 20px;
    }
}

#stamping_equipment {
    border-collapse: collapse;
    width: 98%;
    margin-left: 1%;
    border: 1px solid #A2A2A2;
    margin-top: 25px;
    margin-bottom: 45px;
}
#stamping_equipment tr th{
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #A2A2A2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #F2F2F2;
}
#stamping_equipment tr td {
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #A2A2A2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
}
#stamping_equipment tr td.qty {
    text-align: center;
}



#stamping_material {
    border-collapse: collapse;
    width: 98%;
    margin-left: 1%;
    border: 1px solid #A2A2A2;
    margin-top: 25px;
    margin-bottom: 45px;
}
#stamping_material tr th {
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #A2A2A2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #F2F2F2;
}
#stamping_material tr td {
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #A2A2A2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
}



/*** 金型製作 ***/
.cbs_flex_3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.cbs_flex_3 div {
    width: 32.333%;
    margin-left: 0.5%;
    margin-right: 0.5%;
	margin-bottom: 20px;
}
.cbs_flex_3 div img {
    width: 100%;
}
.cbs_flex_3 div p {
    text-align: center;
	margin: 0;
}

@media screen and (max-width:990px) {
    .cbs_flex_3 div {
        width: 49%;
    }
}
@media screen and (max-width:660px) {
    .cbs_flex_3 div {
        width: 99%;
    }
}



/*** よくある質問 ***/
#faq_cat_link {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
#faq_cat_link li {
    width: 33.33%;
}

.cbs_faq {
    margin-bottom: 50px;
}
.cbs_faq dt {
    color: #be4055;
    font-size: 18px;
    background-image: url("imgs/bg_question.png");
    background-repeat: no-repeat;
    padding-left: 44px;
    height: 36px;
    line-height: 38px;
    margin-bottom: 6px;
}
.cbs_faq dd {
    font-size: 15px;
    line-height: 26px;
    box-sizing: border-box;
    background-image: url("imgs/bg_answer.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 44px;
    min-height: 36px;
    padding-top: 5px;
    margin-bottom: 20px;
	margin-left: 0;
}

@media screen and (max-width:720px) {
    #faq_cat_link li {
        width: 50%;
    }
}
@media screen and (max-width:500px) {
    #faq_cat_link li {
        width: 100%;
    }
    .cbs_faq dt {
        font-size: 16px;
        background-image: none;
        padding-left: 0;
        line-height: 22px;
        padding-top: 9px;
        padding-bottom: 4px;
    }
    .cbs_faq dd {
        background-image: none;
        padding-left: 0;
    }
}


/*** 自動化技術 ***/



/*** エンボステーピング ***/
#pic_taping_1 {
    width: 50%;
    margin-bottom: 20px;
}
@media screen and (max-width:600px) {
    #pic_taping_1 {
        width: 100%;
    }
}


/*** お問い合わせ（前） ***/
#contact_fr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#contact_fr div p {
    text-align: center;
    margin: 0;
	margin-left: 10px;
    margin-right: 10px;
}
#web_form,
#telephone,
#email {
	width: 48%;
    border: 1px solid #D2D2D2;
	box-sizing: border-box;
	text-align: center;
	padding-bottom: 20px;
}
#web_form h4,
#telephone h4,
#email h4 {
    color: #254AA5;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #F2F2F2;
    height: 40px;
    line-height: 42px;
	margin-top: 0;
}
#web_form #form_btn {
    color: white;
    display: block;
    width: 200px;
    background-color: #DB7647;
	text-decoration: none;
    height: 50px;
    line-height: 52px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
#web_form #form_btn:hover {
    background-color: #F7931E;
}
#telephone #tel_no {
    font-size: 20px;
    font-weight: bold;
}
#email #email_address {
    font-size: 18px;
}
@media screen and (max-width:780px) {
    #web_form,
    #telephone,
    #email {
        width: 100%;
		margin-bottom: 30px;
    }
}

/*** 金型制作 ***/
.cbs_flex_two div {
    width: 49%
}
.cbs_flex_two div ul {
    font-size: 15px;
}
@media screen and (max-width:780px) {
    .cbs_flex_two div {
        width: 100%;
    }
}


/*** 採用情報 ***/
#recruit_catch {
    color: #f7931e;
    font-size: 32px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}
#recruit_catch_exp {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    background-color: #F2F2F2;
    padding-top: 15px;
    padding-bottom: 13px;
	margin-bottom: 50px;
}
@media screen and (max-width:850px) {
    #recruit_catch {
        font-size: 28px;
        line-height: 42px;
    }
    #recruit_catch_exp {
        font-size: 18px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

#recruit_number {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-items: stretch;
	margin-bottom: 30px;
}
#recruit_number div {
    width: 32%;
    box-sizing: border-box;
    border: 1px solid #1f5598;
	margin-bottom: 20px;
}
#recruit_number div h4 {
    color: white;
    font-size: 20px;
    height: 50px;
    line-height: 52px;
    text-align: center;
    background-color: #1f5598;
	margin-top: 0;
}
#recruit_number div p.number {
    color: #1f5598;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
#recruit_number div img {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#recruit_number div p.exp {
    padding-left: 10px;
	padding-right: 10px;
}
@media screen and (max-width:920px) {
    #recruit_number div {
        width: 48.5%;
    }
}
@media screen and (max-width:560px) {
    #recruit_number div {
        width: 100%;
    }
}

#recruit_welfare {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    justify-items: stretch;
    margin-bottom: 30px;
}
#recruit_welfare div {
    width: 32.333%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 20px;
    border-radius: 8px;
    padding-bottom: 10px;
}
#recruit_welfare div#yukyu {
    background-color: #e16a42;
}
#recruit_welfare div#iwaikin {
    background-color: #549823;
}
#recruit_welfare div#special {
    background-color: #2a793f;
}
#recruit_welfare div#health {
    background-color: #0066b5;
}
#recruit_welfare div#other {
    background-color: #1c8dc9;
}
#recruit_welfare div h4 {
    color: white;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
#recruit_welfare div img {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#recruit_welfare div p {
    color: white;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (max-width:920px) {
    #recruit_welfare div {
        width: 48.5%;
    }
}
@media screen and (max-width:560px) {
    #recruit_welfare div {
        width: 100%;
    }
}

#app_gline {
    width: 100%;
    border-collapse: collapse;
	 margin-bottom: 50px;
}
#app_gline tr td {
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #B2B2B2;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: middle;
}
#app_gline tr:nth-child(even) td {
    background-color: #f2f2f2;
}
#app_gline tr td.item {
    width: 200px;
}
@media screen and (max-width:870px) {
    #app_gline tr td.item {
        width: 80px;
    }
}


/*** 私達の強み ***/
#fig_salespoint1_pc {
    width: 90%;
}
#fig_salespoint1_sp {
    display: none;
}
.sp_feature {
    margin-bottom: 40px;
}
.sp_feature li {
    font-size: 18px;
}
@media screen and (max-width:850px) {
    #fig_salespoint1_pc {
        width: 100%;
    }
	.sp_feature li {
        font-size: 15px;
    }
}
@media screen and (max-width:640px) {
    #fig_salespoint1_pc {
        display: none;
    }
    #fig_salespoint1_sp {
        display: block;
    }
}

.wrap_fig {
    width: 100%;
	text-align: center;
}
.wrap_fig img {
    width: 100%;
}
.wrap_fig img.w90 {
    width: 90%;
}
.wrap_fig_exp {
    display: none;
}
.sp_prototype {
    font-size: 18px;
}
@media screen and (max-width:700px) {
    .wrap_fig {
        overflow-x: scroll;
    }
    .wrap_fig img {
        width: 700px;
    }
	.wrap_fig img.w90 {
        width: 630px;
    }
    .wrap_fig_exp {
        display: block;
    }
	.sp_prototype {
        font-size: 15px;
    }
}


/*** ブログ一覧 ***/
#year_search {
    vertical-align: middle;
    margin-bottom: 30px;
}
#year_search span {
    font-size: 20px;
}
#blog_year {
    font-size: 20px;
    height: 36px;
    width: 100px;
    text-align: center;
}
#year_search_btn {
    font-size: 20px;
    height: 42px;
}
#blog_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    justify-items: stretch;
    margin-bottom: 30px;
}
#blog_list .post_item {
    display: block;
    width: 31.333%;
    margin-left: 1%;
    margin-right: 1%;
    background-color: #F2F2F2;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 20px;
    text-decoration: none;
    margin-bottom: 25px;
}
#blog_list .post_item .frame {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background-color: white;
}
#blog_list .post_item .frame img {
    height: 100%;
}
#blog_list .post_item h2 {
    font-size: 26px;
    line-height: 32px;
    text-decoration: underline;
}
#blog_list .post_item p {
    color: #303030;
}
#blog_list .post_item p.text {
    -webkit-line-clamp: 2;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media screen and (max-width:900px) {
    #blog_list .post_item {
        width: 48%;
    }
}
@media screen and (max-width:580px) {
    #blog_list .post_item {
        width: 98%;
    }
    #blog_list .post_item h2 {
        font-size: 22px;
        line-height: 26px;
    }
}