@charset "utf-8";

/*==================================================
cmn
==================================================*/
html {
    font-size: 62.5%;
}

body {
    background: #fff;
    font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, Osaka, sans-serif;
    color: #000;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7em;
    letter-spacing: 0px;
    position: relative;
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

header,
nav,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd,
img,
table,
tr,
td,
th,
input,
textarea,
select,
a,
figure {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.8em;
    font-weight: bold;
}

p {
    margin-bottom: 1em;
}

p:last-child {
    margin: 0;
}

a,
input[type="submit"] {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}

a:hover,
input[type="submit"]:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.wrap {
    padding: 0;
    margin: 0 auto;
    box-shadow: none;
    max-width: 1530px;
    width: 100%;
}

.wrap-m {
    padding: 0;
    margin: 0 auto;
    box-shadow: none;
    max-width: 1200px;
    width: 100%;
}

.wrap-s {
    padding: 0;
    margin: 0 auto;
    box-shadow: none;
    max-width: 860px;
    width: 100%;
}

.sp {
    display: none;
}
.tab{
    display: none;
}
.bot {
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 43px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    width: 211px;
}

.bot {
    background: rgba(0, 0, 0, 0) linear-gradient(#be1010, #a90e0e) repeat scroll 0 0;
}

.bot {}

.bot a {
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 43px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    width: 211px;
}

.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0) linear-gradient(#be1010, #a90e0e) repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 43px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    width: 211px;
    font-weight: bold;
}

.square_btn:hover {
    background: #c95757 none repeat scroll 0 0;
    ;
    color: #fff;
}

.square_btnzeirishi {
    background-image: linear-gradient(#1852c0 0%, #02345e 100%);
    border-bottom: 4px solid #000000;
    border-radius: 4px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    color: #ffffff;
    display: inline-block;
    padding: 1em;
    text-decoration: none;
    width: 47%;
    font-size: 18px;
    font-weight: bolder;
}

a.square_btnzeirishi {
    color: #ffffff;
    text-decoration: none;
}

.square_btnzeirishi:active {
    border-bottom: medium none;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(4px);
}

a.square_btn2 {
    color: aliceblue;
    text-decoration: none;
}

a.square_btn333 {
    color: aliceblue;
    text-decoration: none;
}

a.square_btn444 {
    color: aliceblue;
    text-decoration: none;
}

a.square_btn3 {
    color: aliceblue;
    text-decoration: none;
}

a.square_btn4 {
    color: aliceblue;
    text-decoration: none;
}

a.square_btn5 {
    color: aliceblue;
    text-decoration: none;
    font-size: 16px;
    font-weight: bolder;
}

a.square_btn6 {
    color: aliceblue;
    text-decoration: none;
    margin: 2px;
}

a.square_btn7 {
    color: aliceblue;
    text-decoration: none;
    margin: 2px;
}

.square_btnkaikei {
    background-image: linear-gradient(#633b7f 0%, #402355 100%);
    border-bottom: 4px solid #000000;
    border-radius: 4px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    color: #ffffff;
    display: inline-block;
    padding: 1em;
    text-decoration: none;
    width: 47%;
    font-size: 18px;
    font-weight: bolder;
}

a.square_btnkaikei {
    color: #ffffff;
    text-decoration: none;
}

.square_btnkaikei:active {
    border-bottom: medium none;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(4px);
}

a.square_btn8 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

a.square_btn9 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

a.square_btn10 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

a.square_btn11 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

a.square_btn12 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

a.a_demo_four {
    color: aliceblue;
    text-decoration: none;
}

a.square_btn13 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

a.link44 {
    color: #073489;
}

.link44 {
    display: block;
    background-color: #eee;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #eee;
    padding: 1em;
    font-size: 16px;
    font-weight: bolder;
    line-height: 1.71;
}

a.square_btn14 {
    color: aliceblue;
    text-decoration: none;
    margin: 5px;
}

.box551 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}

.box551 a {
    margin: 0;
    padding: 0;
}

div#job_search_block.copybutton01 {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 13px 20px 30px 20px;
}

div#job_search_block.copybutton01 dl dt {
    text-align: center;
    margin-bottom: 15px;
}

div#job_search_block.copybutton01 dl dt img {
    display: inline-block;
}

div#job_search_block.copybutton01 dl dd .button {
    width: 610px;
    float: left;
}

div#job_search_block.copybutton01 dl dd .btn_search a {
    background: url(/common/images/new/business_top/icon_search_01.png) no-repeat 14px center, linear-gradient(#1e5889, #0d385e);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5889', endColorstr='#0d385e', GradientType=0 )";
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5889', endColorstr='#0d385e', GradientType=0);
}

div#job_search_block.copybutton01 dl dd .button a {
    height: 65px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    display: block;
}

div#job_search_block.copybutton01 dl dd .btn_support a {
    background: url(/common/images/new/icon_arrow_12.png) no-repeat right 20px center, linear-gradient(#d32900, #bc2500);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32900', endColorstr='#bc2500', GradientType=0 )";
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d32900', endColorstr='#bc2500', GradientType=0);
}

div#job_search_block.copybutton01 dl dd .button a {
    height: 65px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    display: block;
}

.square_btn_seminar {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #FA5858;
    /*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #8A0808;
    border-radius: 3px;
    /*! border-bottom: none; */
    font-color: #ffffff;
    margin: 0.5em;
}

.square_btn_seminar:active {
    /*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}

a.square_btn_seminar {
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

#result_list>a>ul>li:hover {
    background: #f5f5f5;
}

#result_list a:hover {
    text-decoration: none
}

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 .square_btn2 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
    font-size: 24px;
    font-weight: bold;
}

.square_btn2:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn333 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
    font-size: 24px;
    font-weight: bold;
}

.square_btn333:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn444 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #6795fd;
    font-size: 24px;
    font-weight: bold;
}

.square_btn444:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn3 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
    font-size: 24px;
    font-weight: bold;
}

.square_btn3:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn4 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #6795fd;
    font-size: 24px;
    font-weight: bold;
}

.square_btn4:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.img-flexkaikeishi {
    display: -webkit-flex;
    display: flex;
}

.img-flexkaikeishi a {
    margin: 10px;
    margin-bottom: 10px;
}

.box1 {
    padding: 1em 1.5em;
    margin-bottom: 2.2em;
    font-weight: bold;
    border: solid 2px #ccc;
}

.box1 p {
    margin: 0;
    padding: 0;
}

.square_btn5 {
    display: inline-block;
    padding: 1.0em 4em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#b3625c 0%, #9c4c45 100%);
    background-image: linear-gradient(#b3625c 0%, #9c4c45 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #7f2500;
}

.square_btn5:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn6 {
    display: inline-block;
    padding: 0.4em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
    font-size: 22px;
    font-weight: bold;
}

.square_btn6:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn7 {
    display: inline-block;
    padding: 0.4em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#633b7f 0%, #402355 100%);
    background-image: linear-gradient(#633b7f 0%, #402355 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #470100;
    font-size: 22px;
    font-weight: bold;
}

.square_btn7:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn8 {
    display: inline-block;
    padding: 1em 2.48em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #c58668;
    font-size: 18px;
    font-weight: bold;
}

.square_btn8:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn9 {
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#1852c0 0%, #02345e 100%);
    background-image: linear-gradient(#1852c0 0%, #02345e 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #000000;
    font-size: 18px;
    font-weight: bold;
}

.square_btn9:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.img-flexkaikeishi2 {
    display: -webkit-flex;
    display: flex;
}

.img-flexkaikeishi2 a {
    margin: 10px;
    margin-bottom: 10px;
}

.square_btn10 {
    display: inline-block;
    padding: 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#186b41 0%, #0b512b 100%);
    background-image: linear-gradient(#186b41 0%, #0b512b 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #000000;
    font-size: 18px;
    font-weight: bold;
}

.square_btn10:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn11 {
    display: inline-block;
    padding: 1em 4em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #c58668;
    font-size: 18px;
    font-weight: bold;
}

.square_btn11:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn12 {
    display: inline-block;
    padding: 1em 2.48em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#1852c0 0%, #073489 100%);
    background-image: linear-gradient(#1852c0 0%, #073489 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #000044;
    font-size: 18px;
    font-weight: bold;
}

.square_btn12:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.a_demo_four {
    background-color: #1852c0;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 15px 35px;
    padding-right: 50px;
    background-image: linear-gradient(#1852c0, #073489);
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #073489, 0px 5px 0px 0px #000044, 0px 10px 5px #070039;
    font-weight: bold;
}

.a_demo_four:active {
    top: 3px;
    background-image: linear-gradient(bottom, rgb(62, 51, 46) 100%, rgb(101, 86, 78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}

.a_demo_four::before {
    background-color: #073489;
    background-image: url(https://www.jmsc.co.jp/common/images/new/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #000044, 0px 1px 0px #070039;
}

.a_demo_four:active::before {
    top: 50%;
    margin-top: -12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.square_btn13 {
    display: inline-block;
    padding: 1em 2.48em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#186b41 0%, #0b512b 100%);
    background-image: linear-gradient(#186b41 0%, #0b512b 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #000000;
    font-size: 18px;
    font-weight: bold;
}

.square_btn13:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn14 {
    display: inline-block;
    padding: 1em 2.98em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#1852c0 0%, #02345e 100%);
    background-image: linear-gradient(#1852c0 0%, #02345e 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 4px #000000;
    font-size: 18px;
    font-weight: bold;
}

.square_btn14:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

#home #infomation_block #semibnr_center {
    width: 300px;
    float: left;
    padding-left: 10px;
}

#zeirishi.business.archive_detail #article_body h3 {
    color: #000000;
    padding: 0.5em 0.5em;
    border-top: solid 3px #1852c0;
    /*上線*/
    border-bottom: solid 3px #02345e;
    /*下線*/
    border-left: none;
    margin-bottom: 20px;
}

#kaikei.business.archive_detail #article_body h3,
#kaikei.business.archive_detail #article_body h2 {
    color: #000000;
    padding: 0.5em 0.5em;
    border-top: solid 3px #633b7f;
    /*上線*/
    border-bottom: solid 3px #402355;
    /*下線*/
    border-left: none;
    margin-bottom: 20px;
    background: #f2edf8;
}

#bengoshi.business.archive_detail #article_body h3 {
    color: #000000;
    padding: 0.5em 0.5em;
    border-top: solid 3px #0a8442;
    /*上線*/
    border-bottom: solid 3px #075a2d;
    /*下線*/
    border-left: none;
    margin-bottom: 20px;
    background: #e1f4e6;
}

.box20180611 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #ff7d6e;
    background: #ffebe9;
}

.box20180611 p {
    margin: 2px;
    padding: 0;
    text-align: center;
    color: #FF0000;
}

#contents #main_column #article_body h4 {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px
}

#contents #main_column #article_body h4:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #093162;
}

#contents #main_column #article_body h4:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 15px;
    width: 98%;
    border-bottom: solid 3px #093162;
}

ul.mokuji,
ol.mokuji {
    background: #f1f8ff;
/*    box-shadow: 0px 0px 0px 10px #f1f8ff;*/
    /*線の外側*/
/*    border: dashed 2px #668ad8;*/
    /*破線*/
/*    border-radius: 9px;*/
    /*margin-left: 10px;*/
    /*はみ出ないように調整*/
    /*margin-right: 10px;*/
    /*はみ出ないように調整*/
    padding: 1em 0.5em 1em 2em;
    margin: 34px 10px;
}

ul.mokuji li.mokuji,
ol.mokuji li.mokuji {
    line-height: 1.5;
    padding: 0.5em 0;
}
/*20230914　目次のアコーディオン化*/
/*ボックス全体*/
/*.mokuji_menu {
    margin: 16px 0;
    padding: 0;
}*/
/*ラベル*/
/*.mokuji_menu label {
    display: block;
    padding : 1em 0.5em 1em 2em;
    font-weight: bold;
    background: #e8f2fd;
    cursor: pointer;
    position: relative;
  }*/
/*.mokuji_menu label span{
    position: absolute;
    right: 2%;
}*/
/*.mokuji_menu input {
    display: none; 
}*/
/*.mokuji_menu div {
    height: 0;
    overflow-y: hidden;
    transition: 0.5s;
    opacity: 0;
}*/
/*.mokuji_menu input:checked + label + div {
    height: auto;
    opacity: 1;
    background-color:#e8f2fd;
}*/
/*.mokuji_menu label span::before {
    content: "[表示]";
    padding-right: 8px;
}
.mokuji_menu input:checked + label span::before {
    content: "[非表示]";
}*/
/*  .mokuji_menu .mokuji_ul{
    background: #e8f2fd;
    padding: 0em 0.5em 1em 2em;
  }
  .mokuji_menu .mokuji_ul li{
    padding: 0em 0rem 0.5em 0em;
  }
*/
.pd10 {
    padding: 10px;
}

.mt20 {
    margin-top: 20px;
}

.m-pagination {
    margin: 20px 0 40px;
}

.m-pagination::after {
    content: '';
    display: block;
    clear: both;
}

.m-pagination .link_back {
    float: left;
}

.m-pagination .link_next {
    float: right;
}

.flex_box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*==================================================
head
==================================================*/

.site-header {
    overflow: hidden;
    padding: 0 2%;
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 999;
    border-bottom: 1px solid #DDDDDD;
}
.site-header .logo {
    float: left;
    height: 84px;
    width: 20%;
    display: table;
    padding: 15px 0;
}

@media screen and (max-width: 1366px) {
    .site-header .logo {
        width: 17%;
    }
}

.site-header .logo a {
    display: table-cell;
    vertical-align: middle;
}

.site-header .navi {
    float: right;
}

.site-header .gnavi {
    letter-spacing: -.4em;
    float: left;
    /* margin-right: 1em; */
    margin: 0 auto;
}

.site-header .gnavi li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 112%;
}

.site-header .gnavi li a {
    display: table;
    font-weight: bold;
    height: 84px;
    /* padding: 15px 0; */
}

.site-header .gnavi li a:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.site-header .gnavi li a span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 10px;
}

.site-header .gnavi li a:hover span:after,
.site-header .gnavi li a.current span:after {
    content: "";
    width: 100%;
    height: 4px;
    display: block;
    background: #005fac;
    position: absolute;
    bottom: 4px;
    left: 0;
}

.site-header .login {
    float: right;
    letter-spacing: -.4em;
    /* width: 300px; */
}

.site-header .login li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.site-header .login li a {
    height: 84px;
    width: 84px;
    display: block;
    color: #fff;
    font-size: 75%;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}

.site-header .login li.regist a {
    background: #bc1521;
    font-size: 15px;
    letter-spacing: 0.1em;
    width: 205px;
    display: flex;
    align-items: center;
    padding: 0 0 0 8px;
}

.site-header .login li.mypage a {
    background: #005fac;
}

.site-header .login li.regist a:before {
    content: "";
    width: 30px;
    height: 35px;
    margin: 0 15px 0 0;
    display: inline-block;
    background: url(/img/cmn/head_icon01.png) no-repeat center;
    background-size: contain;
}

.site-header .login li.mypage :before {
    content: "";
    width: 27px;
    height: 35px;
    margin: 0 auto;
    display: block;
    background: url(/img/cmn/head_icon02.png) no-repeat center;
    background-size: contain;
}

.site-header .login li.regist .regist_text p {
    background: #fff;
    color: #bc1521;
    padding: 3px 0;
    line-height: 1em;
    margin-top: 3px;
}

.site-header .login li.button-toggle {
    display: none;
}

.sub-menu a .detail-link-s p,
.sub-menu .detail-link-s p a {
    max-width: 100%;
}

/* ======= WTC_DEV-9930 年末年始休暇のお知らせ ======= */
.site-header details {
    background: #FFF6D2;
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.site-header summary {
    cursor: pointer;
    padding: 5px 20px;
    color: #B19529;
    font-weight: bold;
    font-size: 1.4rem;
}
.site-header .notice {
    overflow: hidden;
}
.site-header .notice p {
    padding: 0 20px 10px;
    line-height: 1.5em;
    font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
    .site-header details {
      width: 100%;
    }
    .site-header summary {
        font-size: 1.8rem;
    }
    .site-header .notice p {
        font-size: 1.6rem;
    }
}


/*==================================================
foot
==================================================*/

.site-footer section {
    padding-top: 30px;
    padding-bottom: 20px;
}

.bnrf-list {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.bnrf-list.col-4 .col-box {
    width: 16.6%;
    border-right: 1px solid #dcdcdc;
}

.bnrf-list.col-4 .col-box:first-child {
    border-left: 1px solid #dcdcdc;
}

.bnrf-list p {
    font-size: 11px;
    margin: 5px 0 0;
    line-height: 1.4em;
    letter-spacing: 0.01em;
}

.bnrf-list a {
    display: block;
    padding: 5px 10px;
}

.bnrf-list a img {
    width: 95%;
}

.fnavi h3 {
    font-size: 13px;
    font-size: 1.3rem;
}

.fnavi ul {
    margin: 0 0 1em;
}

.fnavi ul.mar-t {
    margin-top: 2.05em;
}

.fnavi li {
    font-size: 13px;
    line-height: 1.2em;
    margin: 1em 0 0 0.5em;
}

.fnavi li:before {
    content: "-";
    margin-right: 0.5em;
}

.fnavi li a {}

.fnavi-s {
    text-align: center;
    padding: 15px 0;
}

.fnavi-s li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 7px;
}

.link-box.col-2 .txt-box {
    width: 65%;
}

.link-box.col-2 .img-box {
    width: 27%;
    text-align: right;
}

.link-box li {
    font-size: 87%;
    margin: 0 0 0.2em;
}

.site-footer address {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #067672;
    font-size: 77%;
    padding: 20px 0;
    border-top: 1px solid #005fac;
    line-height: 1.4em;
}

.site-footer {
    clear: both;
}


/*==================================================
content
==================================================*/

.main-content {
    padding-top: 84px;
    /* padding-top: 121px; 年末年始休暇お知らせ用*/
}

.main-content .content-l {
    width: calc(100% - 350px);
    float: left;
}

.main-content .content-r {
    width: 320px;
    float: right;
}

.main-content .content-l section {
    padding: 50px 3% 0 4.2%;
}

.main-content .content-r section {
    padding: 50px 4.2% 0 3%;
}

.main-content .content-l section {
    padding: 50px 0 0;
}

section {
    padding: 50px 3% 0;
}

section.border-t .wrap {
    border-top: 1px solid #dcdcdc;
    padding-top: 50px;
}

section.page-tit {
    background: url(/img/cmn/page-tit2.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

section.breadcrumb {
    padding: 1% 3% 0;
    font-size: 9px;
    font-size: 0.9em;
}

section.breadcrumb.sp {
    display: none;
}

section.breadcrumb a {
    color: #001945;
    text-decoration: underline;
}

section.content-box:first-child {
    padding-top: 0 !important;
}

.bg-gray {
    background: #f8f8f8;
}

.bg-d_gray {
    background: #edeeee;
}

.bg-blue {
    background: #001945;
}

.txt-center {
    text-align: center;
}

.txt-min {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


/*タイトル*/

.tit-box {
    overflow: hidden;
    background: #001945;
    padding: 0 10px;
    margin: 0 0 30px;
    width: 100%;
}

.tit-box h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 0 10px;
    float: left;
    height: 100%;
    vertical-align: middle;
    background: #fff;
    color: #001945;
}

.tit-box p {
    overflow: hidden;
    color: #fff;
    line-height: 1.2em;
    padding: 0 0 0 1em;
    font-size: 87%;
    margin: 0;
}

.tit-box h2,
.tit-box p {
    height: 48px;
    display: table;
}

.tit-box h2 span,
.tit-box p span {
    display: table-cell;
    vertical-align: middle;
}

h3.tit01 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 0.5em;
}

.page-tit {
    color: #fff;
    font-size: 18px;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.5em;
}


/*カラム*/

.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.col-2 .col-box {
    width: 47.5816993%;
}
.col-2 .col-box2 {
    width: auto;
}

.col-3 .col-box {
    width: 30.0653595%;
}

.col-3:after {
    content: "";
    display: block;
    width: 30.0653595%;
}

.col-3.out>.col-box1 {
    width: 24%;
}
/*////
.col-3 .col-box3 {
    width: 32.0653595%;
}

.col-3:after {
    content: "";
    display: block;
    width: 32.0653595%;
}

.col-3.out>.col-box3 {
    width: 24%;
}
////*/

.col-4 .col-box {
    width: 22.437908%;
    flex: 0 0 calc((100% - 32px * 3) / 4);
}
.bnrf-sec.border-t .wrap .col-4.bnrf-list .col-box {
    flex: none;
}
/*
.col-4:before {
    content: "";
    display: block;
    width: 21.4379085%;
    order: 1;
}

.col-4:after {
    content: "";
    display: block;
    width: 21.4379085%;
}
*/
.col-5 .col-box {
    width: 19.3333333333%;
}
.col-5 .detail-link-s p a {
    background-color: #fff;
}

.col-6 .col-box {
    width: 16.6666667%;
}

.col-r {
    flex-direction: row-reverse;
}


/*ボタン*/

.detail-link {
    margin: 40px 0 0;
    text-align: center;
}

.detail-link p {
    display: inline-block;
    max-width: 580px;
    width: 100%;
    font-size: 2px;
    font-size: 2rem;
}

.detail-link p a {
    font-size: 110%;
    display: block;
    padding: 15px 10px;
    border: 1px solid #001945;
    font-weight: bold;
    color: #001945;
    border-bottom: 5px solid #001945;
    background: #edeeee;
}

.detail-link-s {
    margin: 1em 0 0;
}

a .detail-link-s p,
.detail-link-s p a {
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 8px 10px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
    max-width: 250px;
    width: 100%;
    background-color: #005fac;
}

a .detail-link-s.red p,
.detail-link-s.red p a {
    background: #bc1521;
    border-color: #5e0b19;
}

a .detail-link-s.blue-l p,
.detail-link-s.blue-l p a {
    background: #2eb7ff;
    border-color: #114656;
}

.sub-menu {
    margin-top: 8px;
    padding: 0 3% 40px;
    font-size: 12px;
}

.sub-menu .col-5 p a {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.7;
}

.sub-menu a .detail-link-s p,
.sub-menu .detail-link-s p a {
    color: #001945;
    border-top: 1px solid #001945;
    border-left: 1px solid #001945;
    border-right: 1px solid #001945;
}

.sub-menu a .detail-link-s.current p,
.sub-menu .detail-link-s.current p a {
    background: #DDF2FD;
}

.sub-menu a .detail-link-s p:hover,
.sub-menu .detail-link-s p a:hover {
    background: #DDF2FD;
}
/* ---lead--- */
.lead-con{
    padding:2.8rem 2rem;
    background:#001945;
    color:#fff;
}
.topics-content .lead-con h2{
    /*記事タイトルのリセット*/
    background: none;
    padding: 0;
    border-left: none;

    font-weight: bold;
    font-size: 2rem;
    line-height:2.8rem;
    margin-bottom:2rem;
    padding-bottom:0.8rem;
    border-bottom:1px solid #fff;
    /* padding-left:1rem;
    border-left:4px solid #fff; */
}
.lead-li{
    margin-bottom:1.2rem;
    padding:0 1rem;
}
.lead-li li{
    margin-bottom:0.4rem;
    line-height:2.4rem;
    padding-left:1.8rem;
    position:relative;
}
.lead-li li:last-of-type{
    margin-bottom:0;
}
.lead-li li::before{
content:'';
width:13px;
height:13px;
margin-right:0.4rem;
background:#fff;
position:absolute;
left:0;
top:0.5rem; 
display: inline-block;

}
.lead-txt{
    letter-spacing:0.05em;
    line-height:2.6rem;
    font-size:1.5rem;
    margin-bottom:2rem;
}
.lead-btn{
    width:100%;
    text-align: center;
}
.lead-btn a{
    background:#fff;
    border:1px solid #fff;
    color:#001945;
    width:100%;
    display:block;
    font-weight:bold;
    font-size: 1.8rem;
    transition:.3s;
    font-feature-settings: "palt";
    padding:1.4rem 1rem;
}
.lead-btn a:hover{
    background:transparent;
    color:#fff;
    opacity:1;
}
@media screen and (max-width: 800px) {
    .detail-link-s p a {
        border-bottom: none;
    }
    .col-box:last-child p a {
        border-bottom: 1px solid #333;
    }    
    .sub-menu .detail-link-s p a {
        border: 0.5px solid #dcdcdc;
        font-size: 14px;
        text-align: left;
        font-weight: 500;
        color: #333;
        background-color: #fff;
    }
    .sub-menu .col-5 p a {
        height: auto;
        display: block;
        line-height: auto;
    }
}


/*==================================================
side
==================================================*/

.content-r {
    text-align: center;
}

.content-r .bg-gray {
    background: #edeeee;
}

.content-r .bg-white {
    background: #fff;
}
.content-r .side-topic,
.content-r .side-search,
.content-r .side-seminar,
.content-r .side-mail,
.content-r .side-service,
.content-r .side-biginner {
    padding: 20px;
    margin-bottom: 30px;
}

.content-r h2 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    padding: 0 10px;
    height: 100%;
    vertical-align: middle;
    color: #001945;
}
.content-r .side-topic h2{
    margin-bottom:0.8rem;
}
.content-r .side-topic ul li{
    margin-bottom: 1rem;
    background:white;
    border-radius:4px;
}
.content-r .side-topic ul li:last-of-type{
    margin-bottom: 0;
}
.content-r .side-topic ul li a{
    display: flex;
    padding:10px 10px;
    justify-content: space-between;
    width: 100%;
}
.content-r .side-topic ul li a:hover{
    opacity:1;
}
.content-r .side-topic ul li .img-area{
    width: 120px;
}
.content-r .side-topic ul li img{
    font-size: 10px;
    line-height: 1.2em;
    object-fit: cover;
    object-position: 50% 50%;
    width: 120px;
    height: 40px;
    background:#878787;
    border-radius:2px;
    margin-top:0.6rem;
    margin-bottom:0.4rem;
}
.content-r .side-topic ul li .txt-area{
    text-align: left;
    width:calc(100% - 130px);
}
.content-r .side-topic ul li .img-area p{
    text-align: left;
    font-size:1.2rem;
    line-height:1.2rem;
    color:#757575;
}
.content-r .side-topic ul li .txt-area h3{
    font-size:1.3rem;
    line-height:1.8rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 任意の行数を指定 */
    transition:.2s;
}
.content-r .side-topic ul li .txt-area h3:hover{
    color:#005fac;
}

.content-r .side-search ul li {
    padding: 10px 15px;
    background: #fff;
    text-align: left;
    border-bottom: 6px solid #edeeee;
}

.content-r .side-search ul {
    margin-top: 20px;
}

.content-r .side-search ul li a {
    width: 100%;
    height: 100%;
}

.content-r .side-search h2::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/cmn/icon_search.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: middle;
}

.content-r .side-search .att {
    font-size: 12px;
}

.content-r .side-seminar a {
    display: block;
    text-align: left;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.6em;
}

.content-r .side-seminar a:last-child {
    margin: 10px 0;
}

.content-r .detail-link-s {
    text-align: center;
}

.content-r .keiri::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_keiri.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .jinji::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_jinji.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .houmu::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_houmu.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .gaishi::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_gaishi.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .ipo::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_ipo.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .kaikeishi::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_kaikeishi.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .bengoshi::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_bengoshi.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .zeirishi::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_zeirishi.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .zeimu::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url(/img/cmn/icon_zeimu.png) no-repeat left top;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
}

.content-r .side-service .img-box {
    width: 30%;
}

.content-r .side-service .txt-box {
    width: 66%;
    text-align: left;
    font-size: 12px;
    line-height: 1.6em;
}

.content-r .side-service h3 {
    margin-bottom: 10px;
}

.content-r .regist-box {
    padding: 20px;
    margin-bottom: 20px;
    border: none;
}

.content-r .regist-box .regist-link a span {
    font-size: 120%;
}

.content-r .regist-box .regist-link {
    margin-bottom: 10px;
}

.content-r .regist-box p,
.content-r .side-mail p,
.content-r .side-biginner p {
    text-align: left;
    font-size: 12px;
    line-height: 1.6em;
}

.content-r .side-service p {
    font-size: 12px;
    line-height: 1.6em;
}
.content-r .side-manegy-income {
    margin-bottom: 30px;
}


/*==================================================
index
==================================================*/

.main-img {
    background: url(/img/top/main_img2.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 230px;
}

.main-img .col-2 {
    align-items: center;
}

.main-img .col-2 .col-box.l {
    width: 61%;
}

<!--.main-img .col-2 .col-box.l h1 {
    margin-left: -2%;
}

-->.main-img .col-2 .col-box.r {
    width: 36%;
    text-align: center;
}

.main-img .col-2 .col-box.r .col-2 li {
    width: 48%;
}

.main-img .btn-link {
    text-align: center;
    margin: 15px 0 0;
}

.main-img .btn-link p {
    display: inline-block;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    <!--margin-left: -9.7%-->;
    background: #fff;
}

.main-img .btn-link a {
    background: #bc1521;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    font-size: 2.2rem;
    letter-spacing: 3px;
    padding: 45px 65px 40px;
}

.main-img .btn-link a span {
    display: block;
}

.main-img .btn-link a .txt-b {
    font-size: 36px;
    font-size: 3.6rem;
    <!--border-bottom: 1px solid #fff;
    -->padding: 0 0 12px;
    margin: 0 0 8px;
}

.search-list-sec {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -150px;
}

.search-list {
    padding: 15px 4.16666667% 20px 4.16666667%;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}

.search-list h2 {
    font-size: 22px;
    font-size: 2.0rem;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 0 10px;
}

.search-list .search01 {
    width: 55.55%;
}

.search-list .search02 {
    width: 44.45%;
}

.search-list .col-5 .col-box {
    width: 18%;
    flex: 1;
    padding: 4px;
}

.search-list .col-4 .col-box {
    width: 23%;
    flex: 1;
    padding: 4px;
}

.search-btn h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 0.3em;
    color: #001945;
}

.search-btn .border-b {
    border-bottom: 1px solid #001945;
    margin-bottom: 1.5%;
}

.search-btn.col-2 .col-box.l {
    width: 64.7058824%;
}

.search-btn.col-2 .col-box.l .col-box {
    width: 48.3838384%;
}

.search-btn.col-2 .col-box.r {
    width: 31.3071895%;
}

.search-btn.col-2 .s-list .col-box {
    width: 47.8079332%;
    margin-bottom: 2.5%;
}

.search-btn li {
    text-align: center;
}

.search-btn li a {
    border-radius: 6px;
    border: 1px solid #001945;
    border-bottom: 5px solid #001945;
    font-weight: bold;
    height: 62px;
    display: table;
    width: 100%;
    line-height: 1.2em;
    font-size: 112%;
    padding: 5px;
    color: #001945;
    background: #edeeee;
}

.search-btn li a:hover {
    background: #001945;
    color: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.search-btn li a span {
    display: table-cell;
    vertical-align: middle;
}

.bnr-list {
    text-align: center;
}

.regist-box {
    border: 1px solid #001945;
    padding: 3.5%;
}

.regist-box .regist-link {
    text-align: center;
}

.regist-box .regist-link a {
    background: #bc1521;
    color: #fff;
    text-align: center;
    font-size: 120%;
    display: block;
    padding: 15px 10px;
    border-bottom: 5px solid #5e0b19;
    font-weight: bold;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}

.shindan-entrybox {
    padding: 1.5%;
    text-align: center;
    border: none;
}

.shindan-entrybox .entry-link {
    text-align: center;
}

.shindan-entrybox .entry-link a {
    background: #0bb3a1;
    color: #fff;
    text-align: center;
    font-size: 120%;
    display: block;
    padding: 15px 10px;
    border-bottom: 5px solid #006A3A;
    font-weight: bold;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}

.shindan-entrybox p {
    font-size: 2.4rem;
    color: #0bb3a1;
}

.shindan-entrybox p.att {
    font-size: 1.4rem;
    color: #777;
}

.seminar-sec {
    margin-bottom: 40px;
}

.seminar-box .col-box a {
    display: block;
    border: 1px solid #001945;
    height: 100%;
}

.seminar-box .col-box h3 {
    color: #001945;
    line-height: 1.7em;
}

.seminar-box .col-box h3 .area {
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    float: left;
    height: 88px;
    text-align: center;
    padding: 5px 10px;
    letter-spacing: 2px;
}

.seminar-box .col-box h3 .area.cat-tokyo {
    background: #d376a8;
}

.seminar-box .col-box h3 .area.cat-yokohama {
    background: #8cac2d;
}

.seminar-box .col-box h3 .area.cat-nagoya {
    background: #9482c8;
}

.seminar-box .col-box h3 .area.cat-osaka {
    background: #45b0b1;
}

.seminar-box .col-box h3 .txt {
    display: block;
    overflow: hidden;
    padding: 10px 15px;
}

.seminar-box .col-box .inner {
    padding: 3.5%;
    text-align: center;
}

.seminar-box .col-box .inner .txt {
    min-height: 4em;
    margin: 0 0 1em;
}

.seminar-box .col-box .inner .txt p {
    font-size: 80%;
    line-height: 1.7em;
}
/**/
.know-box .col-box a {
    border: 1px solid #001945;
    display: block;
    padding: 3%;
}

.know-box .img-box {
    width: 35%;
}

.know-box .img-box img {
    border: 1px solid #cbcbcb;
}

.know-box .txt-box {
    width: 62%;
}
/**/

.know-box .col-box2 a {
    display: block;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    border-radius: 6px;
    width: 100%;
}

/*.know-box .img-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}*/

/*.know-box .img-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 6px 6px 0 0;
}*/

/*.know-box .txt-box {
    width: 100%;
    padding: 10px;
}*/





.know-box .txt-box h3 {
    margin: 0;
}

.know-box .txt-box p.data {
    margin: 0 0 0.5em;
    font-size: 87%;
}

.know-box .txt-box .txt p {
    font-size: 87%;
}

.know-box .txt-box .detail-link-s {
    text-align: right;
}

.service-box .col-2 {
    align-items: center;
}

.service-box .col-box a {
    border: 1px solid #001945;
    display: block;
    padding: 4.5%;
}

.service-box .img-box {
    width: 30%;
}

.service-box .img-box img {
    border: 1px solid #cbcbcb;
    width: 76px;
}

.service-box .txt-box {
    width: 65%;
}

.service-box .txt-box p {
    font-weight: bold;
    margin-bottom: 0.3em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}

.service-box .detail-link-s {
    text-align: center;
}

.news-list {
    margin: 0.5em 0 0;
}

.news-list li {
    padding: 0 0 0.6em;
}

.news-list li a {
    display: block;
    overflow: hidden;
    font-weight: bold;
}

.news-list li .data {
    width: 8em;
    float: left;
    display: block;
}

.news-list li .txt {
    padding-left: 8em;
    display: block;
}

.news-box .detail-link p {
    max-width: 380px;
}

.beginner-box {
    border-top: 2px solid #001945;
    border-left: 2px solid #001945;
}

.col-2 .beginner-box.col-2 .col-box {
    border-bottom: 2px solid #001945;
    border-right: 2px solid #001945;
    padding: 3.5%;
    width: 50%;
    margin: 0;
}

.beginner-box .detail-link-s p {
    line-height: 1.5em;
    height: 70px;
    display: table;
    width: 100%;
}

.beginner-box .detail-link-s p a {
    display: table-cell;
    vertical-align: middle;
}


/*==================================================
service
==================================================*/

#service .col-2 {
    margin-bottom: 20px;
}

#service .col-2 .col-box p {
    min-height: 81px;
}

#service .col-3 .col-box p {
    min-height: 108px;
}

#service .detail-link-s p {
    min-height: auto !important;
}

#service img {
    margin: 10px 0 20px;
}

.att-area {
    border: 1px solid #001945;
    padding: 20px 20px 20px 80px;
    background: url(/img/service/outline/icon-att.jpg) no-repeat top 50% left 30px;
    background-size: 30px;
}

.att-area::before {}

.att-area p {
    display: inline-block;
}

.outline-list li {
    padding: 20px;
}

.outline-list li:nth-child(odd) {
    background: #e8f2fd;
}

.outline-list li:nth-child(even) {
    background: #f5f5f5;
}

.service-sec h3,
.advantage-sec h3 {
    font-size: 18px;
    color: #001945;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #001945;
}

.service-sec.topic-sec h3 {
    font-size: 15px;
}

.service-sec.topic-sec .pc {
    display: block;
}

.service-sec.topic-sec .img-box img {
    margin: 0 auto 20px auto;
}

.service-sec .img-box {
    width: 20%;
}

.service-sec .txt-box {
    width: 77%;
}

.border-g {
    border: 1px solid #BBBBBB;
    padding: 20px;
}

.border-g li {
    margin: 0 0 10px;
}

.border-g li:last-child {
    margin: 0 0 0;
}

.outline-box {
    margin-bottom: 40px;
}

.advantage-sec .img-box {
    width: 25%;
}

.advantage-sec .txt-box {
    width: 72%;
}

.topclass {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #001945;
    margin-top: 20px;
    padding-bottom: 30px;
    background: url(/img/service/advantage/bg-arrow.jpg) bottom center no-repeat;
}

.topclass-box .col-box {
    border: 1px solid #001945;
}

.topclass-box .col-box h3 {
    color: #001945;
    background: #DDD;
    padding: 20px;
    font-size: 18px;
}

.topclass-box .col-box:first-child h3 {
    line-height: 3.5em;
}

.topclass-box .col-box p {
    padding: 10px 20px 20px;
}

.advantage-box2 {
    border: 3px solid #bc1521;
    padding: 20px;
    margin-top: 30px;
}

.advantage-box2 .txt-box {
    width: 89%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    /* 縦方向中央揃え */
    font-weight: bold;
    color: #bc1521;
}

.advantage-box2 .txt-box p {}

.advantage-box2 .img-box {
    width: 8%;
}

.advantage-box3 .lm {
    padding: 0 20px 20px 100px;
    background: url(/img/service/advantage/bg-man.jpg) no-repeat left 10px top;
    background-size: 60px;
    position: relative;
}

.advantage-box3 .rw {
    padding: 0 100px 20px 20px;
    background: url(/img/service/advantage/bg-woman.jpg) no-repeat right 10px top;
    background-size: 60px;
    position: relative;
}

.advantage-box3 .lw {
    padding: 0 20px 20px 100px;
    background: url(/img/service/advantage/bg-woman.jpg) no-repeat left 10px top;
    background-size: 60px;
    position: relative;
}

.advantage-box3 .rm {
    padding: 0 100px 20px 20px;
    background: url(/img/service/advantage/bg-man.jpg) no-repeat right 10px top;
    background-size: 60px;
    position: relative;
}

.advantage-box3 .lm p,
.advantage-box3 .rm p {
    border: 2px solid #005FAC;
    padding: 10px;
}

.advantage-box3 .lw p,
.advantage-box3 .rw p {
    border: 2px solid #AC2E42;
    padding: 10px;
}

.advantage-box3 .lm p::before {
    position: absolute;
    content: url(/img/service/advantage/lm.png);
    left: 77px;
    top: 20px;
}

.advantage-box3 .rm p::before {
    position: absolute;
    content: url(/img/service/advantage/rm.png);
    right: 77px;
    top: 20px;
}

.advantage-box3 .lw p::before {
    position: absolute;
    content: url(/img/service/advantage/lw.png);
    left: 77px;
    top: 20px;
}

.advantage-box3 .rw p::before {
    position: absolute;
    content: url(/img/service/advantage/rw.png);
    right: 77px;
    top: 20px;
}

.advantage-sec h3 {
    margin-top: 30px;
}

.advantage-sec h3:first-child {
    margin-top: 0;
}

.ta-r {
    text-align: right;
}

.flow-box {
    border: 1px solid #001945;
    padding: 20px;
    margin-bottom: 30px;
}

.flow-box2 {
    padding: 20px 20px 0;
}

.flow-tit {
    padding: 0 0 10px;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #001945;
    margin-bottom: 20px;
    color: #253A8F;
}

.flow-tit span {
    color: #0084FF;
    margin-right: 20px;
}

.flow-box .img-box {
    width: 25%;
}

.flow-box .txt-box {
    width: 72%;
}

.flow-box .sp_img {
    display: none;
}

.adviser-box {
    margin-bottom: 30px;
}
.adviser-box h2 {
    font-size: 22px;
    border-bottom: 1px solid #001945;
    margin-bottom: 20px;
    color: #253A8F;
}
.adviser-list-box #adviser-area {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

.adviser-box .img-box {
    width: 44%;
    padding: 0 20px 20px 0;
}

.adviser-box .img-box .field p {
    margin-bottom: 5px;
}

.adviser-box .txt-box {
    width: 53%;
    padding: 20px;
    background: #e8f2fd;
}
.adviser-list-box .search-area-box h2{
    font-size: 28px;
}
.adviser-list-box .search-area-box .no-data-box p{
    font-weight: bold;
    text-align: center;
    margin: 40px 0;
}
.adviser-list-box .search-area-box .no-data-box .link-box{
    padding: 10px;
    border-radius: 10px;
    width: 50%;
    text-align: center;
    margin: 15px auto;
    border: solid 3px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
}
.adviser-list-box .search-area-box .link-boxes{
    display: flex;
    margin: 0 0 30px;
}
.adviser-list-box .search-area-box .link-boxes .link-box{
    border: solid;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: auto;
    padding: 20px;
    margin: 10px 20px;
}
.adviser-list-box .search-area-box .link-boxes .box-wrap{
    width: 33.3333%;
}
.adviser-list-box .search-area-box .link-boxes .box-wrap:hover{
    opacity: 0.6;
}
.adviser-list-box .search-occupation-box{
    margin: 0 0 30px;
}
.adviser-list-box .search-occupation-box .select-box {
  display: none;
  padding: 0;
  position: relative;
  color: #005BA6;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: 15px;
  width: 100%;
}
.adviser-list-box .search-occupation-box .select-box::before, .adviser-list-box .search-occupation-box .select-box::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.adviser-list-box .search-occupation-box .select-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  font-size: 16px;
  outline: none;
  /* Focus style */
}
.adviser-list-box .search-occupation-box .select-box select:focus {
  background-color: transparent;
  outline: none;
}
.adviser-list-box .search-occupation-box .select-box option {
  font-weight: normal;
}
.adviser-list-box .search-occupation-box .select-box x:-o-prefocus, .adviser-list-box .search-occupation-box .select-box::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .adviser-list-box .search-occupation-box .select-box select::-ms-expand {
    display: none;
  }
  .adviser-list-box .search-occupation-box .select-box select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}

@media screen and (max-width:640px) {
    .flow-box .img-box {
        width: 100%;
    }
    .flow-box .sp_img {
        display: block;
        max-width: 200px;
        margin: 0 auto;
    }
    .flow-box .pc_img {
        display: none;
    }
    .flow-box .txt-box {
        width: 100%;
    }
    .flow-box .txt-box p {
        margin: 20px 0;
    }
    .flow-tit {
        display: flex;
        font-size: 16px;
    }
}
@-moz-document url-prefix() {
  .adviser-list-box .search-occupation-box .select-box {
    overflow: hidden;
  }
  .adviser-list-box .search-occupation-box .select-box select {
    width: 120%;
    width: calc(100% + 3em);
  }
  @supports (-moz-appearance: none) {
    .adviser-list-box .search-occupation-box .select-box select {
      width: 100%;
    }
  }
  .adviser-list-box .search-occupation-box .select-box select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  .adviser-list-box .search-occupation-box .select-box {
    width: 100%;
  }
}
.adviser-list-box .search-occupation-box .select-box::before, .adviser-list-box .search-occupation-box .select-box::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 16px;
}
.adviser-list-box .search-occupation-box .select-box::before {
  bottom: 55%;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #D6D6D6;
}
.adviser-list-box .search-occupation-box .select-box::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #D6D6D6;
  top: 55%;
}
@-moz-document url-prefix() {
  .adviser-list-box .search-occupation-box .select-box {
    border-right: 3px solid #E6E6E6;
  }
  .adviser-list-box .search-occupation-box .select-box:hover {
    border-right: 3px solid #005BA6;
  }
}
.adviser-list-box .search-occupation-box .select-box:hover select {
  box-shadow: 0 2px 3px rgba(0, 91, 166, 0.1) inset;
  border-color: #005BA6;
}
.adviser-list-box .search-occupation-box .select-box:hover select:focus {
  outline-color: transparent;
}
.adviser-list-box .search-occupation-box .select-box:hover::before {
  border-bottom-color: #005BA6;
}
.adviser-list-box .search-occupation-box .select-box:hover::after {
  border-top-color: #005BA6;
}
.adviser-list-box .search-occupation-box .select-box select {
  border: 3px solid #E6E6E6;
  border-radius: 0;
  font-weight: 400;
  color: inherit;
  padding: 11px 15px;
  line-height: normal;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
.adviser-list-box .search-occupation-box .select-box select:focus {
  box-shadow: 0 3px 4px rgba(0, 91, 166, 0.3) inset;
  outline: 3px solid #005BA6;
  outline-offset: -3px;
}
.adviser-list-box .search-occupation-box .select-box select[disabled], .adviser-list-box .search-occupation-box .select-box select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.adviser-list-box .search-occupation-box .select-box select:not(:focus):invalid {
  color: #C7C7C7;
}
.adviser-list-box .search-occupation-box .job-list .link-boxes.col-4 .col-box{
    width: 22%;
}
.adviser-list-box .search-occupation-box .job-list .link-boxes .box-wrap .link-box{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: auto;
    margin: 5px 0px 10px;
    border: solid black 1px;
    background-color: #001945;
}
.adviser-list-box .search-occupation-box .job-list .link-boxes .box-wrap .link-box a{
    text-decoration: none;
    color: #fff;
}
.adviser-list-box .search-occupation-box .job-list h3{
    color: #001945;
    font-size: 18px;
    margin: 15px 0 15px 18px;
}
.adviser-list-box .search-occupation-box .job-list .link-border{
    border-bottom: solid 1px #ececec;
    margin: 5px 0;
}

.adviser-list-box .area-box .user-boxes .user-box{
    text-align: center;
    border: solid;
    margin: 0 0 15px;
}
.adviser-list-box .area-box .user-boxes .user-box .img-box img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.adviser-list-box .area-box .user-boxes .user-box .name-box{
    background: #edeeee;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
}
.adviser-list-box .more-ca-box a{
    display: block;
    width: 50%;
    margin: 15px auto;
}
.adviser-list-box .more-ca-box .btn-box{
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    border: solid 3px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
}
.adviser-list-box .more-ca-box .btn-box:hover{
    opacity: 0.6;
}
.adviser-list-box .new-customer-box .item-wrap{
    display: flex;
}
.adviser-list-box .new-customer-box .text-box{
    width: 70%;
    margin: 0 30px 0 0;
}
.adviser-list-box .new-customer-box .img-box{
    width: 30%;
}
.adviser-list-box .user-voice-box .user-boxes{
    display: flex;
}
.adviser-list-box .user-voice-box .user-boxes .user-box{
    width: 50%;
    margin: 0 10px;
    padding: 10px;
}
.adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap{
    display: flex;
}
.adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap .name-box{
    margin: 0 0 0 15px;
}
.adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap .name-box .title{
    font-size: 18px;
    font-weight: bold;
}
.adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap .name-box .text{
    font-size: 16px;
}
.adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap .name-box .text .after{
    font-weight: bold;
}
.adviser-list-box .user-voice-box .user-boxes .text-box{
    background: #fff;
    margin: 20px 0 0;
    padding: 10px;
}

.adviser-detail-box{
    padding: 20px 0;
}
.adviser-detail-box .bold{
    font-weight: bold;
}
.adviser-detail-box .white-wrap{
    background: #fff;
    padding: 10px;
    position: relative;
}
.adviser-detail-box .box{
    padding: 0 0 30px;
}
.adviser-detail-box .tit-box h2{
    background: #f8f8f8;
}
.adviser-detail-box .tit02{
    border-left: solid 5px  #002457;
    color: #002457;
    margin: 18px 0 10px;
    padding: 0 0 0 5px;
}
.adviser-detail-box .top-box{
    display: flex;
}
.adviser-detail-box .top-box .name-box,
.adviser-detail-box .top-box .img-box{
    width: 50%;
    margin: 10px;
}
.adviser-detail-box .top-box .img-box img{
    width: 90%;
}
.adviser-detail-box .top-box .job_title{
    color: #002457;
    font-size: 24px;
    font-weight: bold;
    width: 240px;
}
.adviser-detail-box .top-box .name-box h2{
    color: #1F1F1F;
    font-size: 48px;
}
.adviser-detail-box .top-box .name-box .advisor_title-box{
    font-size: 20px;
    border: solid 1px #002457;
    padding: 15px;
}
.adviser-detail-box .top-box .name-box .advisor_title-box h3{
    color: #002457;
}

.adviser-detail-box .top-box .name-box .link-box a .detail-link-s p{
    max-width: 100%;
}
.adviser-detail-box .category-box {
   padding: 0;
}
.adviser-detail-box .category-box h3{
    color: #002457;
    font-size: 24px;
}
.adviser-detail-box .category-box p{
    font-size: 20px;
}
.adviser-detail-box .topic-box{
    position: absolute;
    top: -50px;
    left: 65%;
}
.adviser-detail-box .profile-box {
    margin: 25px 0 0;
}
.adviser-detail-box .profile-box table{
    width: 100%;
    margin: 0 auto;
}
.adviser-detail-box .profile-box table th,
.adviser-detail-box .profile-box table td{
    padding: 10px 20px;
    vertical-align: baseline;
    display:table-cell; 
}
.adviser-detail-box .profile-box table th{
    color: #002457;
    width: 10%;
    position: relative;
}
.adviser-detail-box .profile-box table th::after{
    position: absolute;
    content: ":";
    top:9px;
    right: 10px;
}
.adviser-detail-box .qa-box .img-box{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 18px 0 10px;
}
.adviser-detail-box .qa-box .img-box img{
    border: solid 3px #001945;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    object-fit: cover;
    /* object-position: -68px 10px; */
}
.adviser-detail-box .qa-box .text-boxes{
    width: 70%;
    display: inline-block;
}
.adviser-detail-box .message-box .img-box{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
.adviser-detail-box .message-box .img-box img{
    border: solid 3px #001945;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    object-position: -50px 0;
}
.adviser-detail-box .message-box .text-box{
    width: 60%;
    display: inline-block;
    margin: 30px;
}
.adviser-detail-box .career-box .text-box.case{
    margin: 0 0 15px;
}
.adviser-detail-box .career-box .text-box.case .case-boxes .case-box{
    border: none;
    margin: 0 0 25px;
}
.adviser-detail-box .career-box .text-box.case .case-boxes .case-box .img-box{
    width: 15%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}
.adviser-detail-box .career-box .text-box.case .case-boxes .case-box .text-box{
    width: 75%;
    display: inline-block;
}
.adviser-detail-box .career-box .text-box.voice .tit02{
    margin: 0 0 10px;
}

.advisor-topics-box{
    padding: 10px 3% 0 3%;
}
.advisor-topics-box .topics-boxes{
    display: flex;
}
.advisor-topics-box .box-wrap{
    border:1px solid #001945;
    padding: 3%;
    margin: 20px;
}
.advisor-topics-box .tit02{
    font-size: 24px;
    border-left: solid 5px  #002457;
    color: #002457;
    margin: 18px 0 10px;
    padding: 0 0 0 5px;
}

.advisor-topics-box .topic-more-box a{
    text-align: center;
}

.other-ca-box .tit02{
    border-left: solid 5px  #002457;
    color: #002457;
    margin: 18px 0 10px;
    padding: 0 0 0 5px;
}
.other-ca-box .user-boxes {
    display:flex;
}
.other-ca-box .user-boxes .user-box{
    width: 45%;
    margin: 0 45px;
    padding: 20px;
}
.other-ca-box .user-boxes .user-box .img-box {
    text-align: center;
}
.other-ca-box .user-boxes .user-box .img-box img{
    width:200px;
	height:200px;
	object-fit:cover;
	border-radius:50%;
	/* object-position:-20px 0px; */
}
.other-ca-box .user-boxes .user-box .name-box {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.other-ca-box .user-boxes .user-box .advisor_title-box{
    margin: 10px 0 0 0;
}
.other-ca-box .more-ca-box .btn-box{
    padding: 20px;
    border-radius: 10px;
    width: 50%;
    text-align: center;
    margin: 15px auto;
    border: solid 3px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
}
.other-ca-box .more-ca-box .btn-box:hover{
    opacity: 0.6;
}

.cat-blue,
.cat-green,
.cat-red,
.cat-yellow {
    font-size: 12px;
    width: fit-content;
    padding: 0 10px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.cat-blue {
    border: 1px solid #005C24;
    background: #9CF7FC;
    color: #005C24;
}

.cat-green {
    border: 1px solid #00704F;
    background: #8cac2d;
    color: #00704F;
}

.cat-red {
    border: 1px solid #960066;
    background: #FCD6D7;
    color: #960066;
}

.cat-yellow {
    border: 1px solid #E1A219;
    background: #FBFAB2;
    color: #E1A219;
}
.adviser-detail-box p[class*="cat-"] {
    color: #ffffff;
}
.adviser-detail-box .cat-keirizaimu,
.adviser-detail-box .cat-jinjisoumu,
.adviser-detail-box .cat-houmu,
.adviser-detail-box .cat-gaishiglobal,
.adviser-detail-box .cat-ipo,
.adviser-detail-box .cat-kaikeishi,
.adviser-detail-box .cat-bengoshi,
.adviser-detail-box .cat-zeirishi,
.adviser-detail-box .cat-kaikeizomustaff,
.adviser-detail-box .cat-kinyu,
.adviser-detail-box .cat-uscpa,
.adviser-detail-box .cat-shikaku,
.adviser-detail-box .cat-keiki,
.adviser-detail-box .cat-consult,
.adviser-detail-box .cat-houritsu,
.adviser-detail-box .cat-yakuin,
.adviser-detail-box .cat-shakaihoken,
.adviser-detail-box .cat-1,
.adviser-detail-box .cat-6,
.adviser-detail-box .cat-2,
.adviser-detail-box .cat-2244,
.adviser-detail-box .cat-2245,
.adviser-detail-box .cat-7,
.adviser-detail-box .cat-3,
.adviser-detail-box .cat-2252,
.adviser-detail-box .cat-2254,
.adviser-detail-box .cat-4,
.adviser-detail-box .cat-2246,
.adviser-detail-box .cat-2253,
.adviser-detail-box .cat-5 {
    font-size: 12px;
    width: fit-content;
    padding: 2px 12px 2px 13px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    letter-spacing: 1px;
    margin-bottom: 0.8rem;
    /*color: #fff;*/
}
.adviser-detail-box p[class*="cat-"] {
    color: #ffffff;
}
.adviser-detail-box .cat-1,
.adviser-detail-box .cat-keirizaimu {
    background: #BC2C3F;
}

.adviser-detail-box .cat-6,
.adviser-detail-box .cat-jinjisoumu {
    background: #766328;
}

.adviser-detail-box .cat-2,
.adviser-detail-box .cat-houmu {
    background: #1C6634;
}

.adviser-detail-box .cat-2244,
.adviser-detail-box .cat-gaishiglobal {
    background: #88276F;
}

.adviser-detail-box .cat-2245,
.adviser-detail-box .cat-ipo {
    background: #0074B0;
}

.adviser-detail-box .cat-7,
.adviser-detail-box .cat-kaikeishi {
    background: #00579A;
}

.adviser-detail-box .cat-3,
.adviser-detail-box .cat-bengoshi {
    background: #006575;
}

.adviser-detail-box .cat-2252,
.adviser-detail-box .cat-zeirishi {
    background: #00479B;
}

.adviser-detail-box .cat-2254,
.adviser-detail-box .cat-kaikeizomustaff {
    background: #57328D;
}

.adviser-detail-box .cat-4,
.adviser-detail-box .cat-kinyu {
    background: #BC7904;
}

.adviser-detail-box .cat-2246,
.adviser-detail-box .cat-uscpa {
    background: #0066CC;
}

.adviser-detail-box .cat-2253,
.adviser-detail-box .cat-shikaku {
    background: #01436B;
}

.adviser-detail-box .cat-5,
.adviser-detail-box .cat-yakuin {
    background: #4D4242;
}

.adviser-detail-box .cat-keiki {
    background: #CC0066;
}

.adviser-detail-box .cat-consult {
    background: #6B0143;
}

.adviser-detail-box .cat-houritsu {
    background: #424D42;
}
.adviser-detail-box .cat-shakaihoken {
    background: #001945;
}








.seminar_table .cat-keirizaimu,
.seminar_table .cat-jinjisoumu,
.seminar_table .cat-houmu,
.seminar_table .cat-gaishiglobal,
.seminar_table .cat-ipo,
.seminar_table .cat-kaikeishi,
.seminar_table .cat-bengoshi,
.seminar_table .cat-zeirishi,
.seminar_table .cat-kaikeizomustaff,
.seminar_table .cat-kinyu,
.seminar_table .cat-uscpa,
.seminar_table .cat-shikaku,
.seminar_table .cat-keiki,
.seminar_table .cat-consult,
.seminar_table .cat-houritsu,
.seminar_table .cat-yakuin,
.seminar_table .cat-shakaihoken,
.seminar_table .cat-1,
.seminar_table .cat-6,
.seminar_table .cat-2,
.seminar_table .cat-2244,
.seminar_table .cat-2245,
.seminar_table .cat-7,
.seminar_table .cat-3,
.seminar_table .cat-2252,
.seminar_table .cat-2254,
.seminar_table .cat-4,
.seminar_table .cat-2246,
.seminar_table .cat-2253,
.seminar_table .cat-5 {
    color: #ffffff;
    font-size: 12px;
    width: fit-content;
    padding: 2px 12px 2px 13px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    letter-spacing: 1px;
    margin-bottom: 0.8rem;
    /*color: #fff;*/
}
.seminar_table p[class*="cat-"] {
    color: #ffffff;
}
.seminar_table .cat-1,
.seminar_table .cat-keirizaimu {
    background: #BC2C3F;
}

.seminar_table .cat-6,
.seminar_table .cat-jinjisoumu {
    background: #766328;
}

.seminar_table .cat-2,
.seminar_table .cat-houmu {
    background: #1C6634;
}

.seminar_table .cat-2244,
.seminar_table .cat-gaishiglobal {
    background: #88276F;
}

.seminar_table .cat-2245,
.seminar_table .cat-ipo {
    background: #0074B0;
}

.seminar_table .cat-7,
.seminar_table .cat-kaikeishi {
    background: #00579A;
}

.seminar_table .cat-3,
.seminar_table .cat-bengoshi {
    background: #006575;
}

.seminar_table .cat-2252,
.seminar_table .cat-zeirishi {
    background: #00479B;
}

.seminar_table .cat-2254,
.seminar_table .cat-kaikeizomustaff {
    background: #57328D;
}

.seminar_table .cat-4,
.seminar_table .cat-kinyu {
    background: #BC7904;
}

.seminar_table .cat-2246,
.seminar_table .cat-uscpa {
    background: #0066CC;
}

.seminar_table .cat-2253,
.seminar_table .cat-shikaku {
    background: #01436B;
}

.seminar_table .cat-5,
.seminar_table .cat-yakuin {
    background: #4D4242;
}

.seminar_table .cat-keiki {
    background: #CC0066;
}

.seminar_table .cat-consult {
    background: #6B0143;
}

.seminar_table .cat-houritsu {
    background: #424D42;
}
.seminar_table .cat-shakaihoken {
    background: #001945;
}




.cat-other {
    font-size: 12px;
    width: fit-content;
    padding: 0 10px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    color: #4F79B8;
    letter-spacing: 1px;
    margin-bottom: 0.8rem;
    background: #EAF3FF;
    outline: 2px solid #4F79B8;
    box-sizing: border-box;
}

.category.left_block {
    float: none;
    text-align: left;
    margin-bottom: 2rem;
}

.entry_meta_01 .title {
    color: #001945;
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.interview-box .img-box {
    width: 25%;
}

.interview-box .txt-box {
    width: 72%;
}

.interview-tit {
    font-weight: bold;
    color: #253A8F;
}

.col-2 .border-b,
div.col-1.border-b {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.interview-casebox {
    padding: 20px;
    background: #e8f2fd;
}

.interview-casebox dl {
    background: #fff;
    width: 100%;
}

.interview-casebox dl::after {
    content: '';
    display: block;
    clear: both;
}

.interview-casebox dt {
    width: 23%;
    border-top: 1px solid #e8f2fd;
    text-align: center;
    padding: 6px;
    vertical-align: middle;
    float: left;
    clear: both;
}

.interview-casebox dd {
    width: 77%;
    border-left: 1px solid #e8f2fd;
    border-top: 1px solid #e8f2fd;
    padding: 6px;
    vertical-align: middle;
    float: right;
}

.interview-casebox h2 {
    color: #253A8F;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #001945;
}

.interview-casebox .img-box {
    width: 20%;
}

.interview-casebox .txt-box {
    width: 77%;
}

.interview-area h3 {
    border-bottom: 1px solid #001945;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #253A8F;
}

.interview-inner {
    margin-bottom: 30px;
}

.case-box {
    border: 8px solid #e8f2fd;
}

.case-box h2 {
    background: #e8f2fd;
    padding-bottom: 8px;
}

.case-box .img-box {
    width: 20%;
    padding: 20px 0 20px 20px;
}

.case-box .txt-box {
    width: 77%;
    padding: 20px 20px 20px 0;
}


/*==================================================
seminar
==================================================*/

.seminar-area .cat-tokyo a {
    background: #d376a8;
    border-color: #960066;
}

.seminar-area .cat-yokohama a {
    border-color: #00704F;
    background: #8cac2d;
}

.seminar-area .cat-nagoya a {
    border-color: #7A408A;
    background: #9482c8;
}

.seminar-area .cat-osaka a {
    border-color: #005C24;
    background: #45b0b1;
}

.seminar-list table {
    border-collapse: collapse;
    width: 100%;
}

.seminar-list table th {
    background-color: #f5f5f5;
    width: 120px;
}

.seminar-list table th,
.seminar-list table td {
    padding: 12px 18px;
    border: 1px solid #ccc;
    vertical-align: top;
}

.news-list .news-list-detail .col-box:first-child,
.seminar-list .seminar-list-detail .col-box:first-child {
    text-align: right;
}

.news-list .news-list-detail,
.seminar-list .seminar-list-detail {
    margin-bottom: 60px;
}

.btn_map.over {
    text-align: center;
    display: inline-block;
    background: #005fac;
    color: #fff;
    padding: 0 8px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
}

.pagination {
    margin-bottom: 30px;
}

.pagination::after {
    content: '';
    clear: both;
    display: block;
}

.pagination p.number {
    float: left;
    margin-top: 5px;
}

.pagination p.number span {
    font-size: 24px;
    margin: 0 6px;
}

.pagination ul {
    float: right;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li a.current_page,
.pagination ul li span.current_page {
    background-color: #f5f5f5;
}

.pagination ul li a,
.pagination ul li span {
    padding: 0.5em;
    display: block;
    box-sizing: border-box;
    min-width: 2.5em;
    border: 1px solid #ccc;
    text-align: center;
}

.news-list .news-list-detail .action,
.seminar-list .seminar-list-detail .action {
    text-align: center;
}

.news-h2,
.seminar-h2 {
    color: #001945;
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #001945;
}

.seminar-area .wrap .col-4{
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 32px;
}


/*==================================================
knowhow
==================================================*/

.knowhow-box .col-2 {
    align-items: center;
}

.knowhow-box .col-box a {
    border: 1px solid #001945;
    display: block;
    padding: 4.5%;
}

.knowhow-box .txt-box p {
    margin-bottom: 0.3em;
}

.knowhow-box .detail-link-s {
    text-align: center;
}

.knowhow-box .col-2 .col-box p {
    min-height: 81px;
}

.knowhow-box .detail-link-s p {
    min-height: auto !important;
}

.knowhow-box img {
    margin: 10px 0 20px;
}

.knowhow-box .col-box {
    margin-bottom: 20px;
}

.knowhow-detailbox .col-2 {
    align-items: center;
}

.knowhow-detailbox .col-box a {
    border: 1px solid #001945;
    display: block;
    padding: 4.5%;
}

.knowhow-detailbox .col-box p.answer a {
    border: none;
    display: inline-block;
    padding: 0;
    text-decoration: underline;
}

.knowhow-detailbox .txt-box p {
    margin-bottom: 0.3em;
}

.knowhow-detailbox .txt-box p span {
    font-weight: bold;
    color: #253A8F;
}

.knowhow-detailbox .txt-box .left-box,
.knowhow-detailbox .txt-box .right-box {
    width: 48%;
    float: left;
}

.knowhow-detailbox .txt-box::after {
    content: '';
    clear: both;
}

.knowhow-detailbox .detail-link-s {
    text-align: center;
}

.knowhow-detailbox .col-2 .col-box p {
    min-height: 81px;
}

.knowhow-detailbox .detail-link-s p {
    min-height: auto !important;
}

.knowhow-detailbox h3 {
    border-bottom: 1px solid #001945;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #253A8F;
}

.knowhow-detailbox .manual-box .col-2 {
    background: #e8f2fd;
    position: relative;
}

.knowhow-detailbox .manual-box .col-2::after {
    content: 'ANSWER';
    font-size: 56px;
    font-weight: bold;
    font-style: oblique;
    color: #BAE6ED;
    position: absolute;
    bottom: 5px;
    right: 9px;
}

.knowhow-detailbox .img-box {
    width: 14%;
    padding: 20px 20px 20px 0;
    z-index: 990;
}

.knowhow-detailbox .txt-box {
    width: 83%;
    padding: 20px 0 20px 20px;
}

.content-box.resume {
    margin: 20px 0;
}

.resume-sec .resume-box .img-box {
    width: 16%;
    margin-bottom: 30px;
}

.resume-sec .resume-box .txt-box {
    width: 81%;
    margin-bottom: 30px;
}

.resume-sec .resume-box .txt-box h3 {
    color: #001945;
    line-height: 1.0em;
    margin-bottom: 10px;
}

.resume-sec .resume-box2 .img-box {
    width: 24%;
}

.resume-sec .resume-box2 .txt-box {
    width: 73%;
}

.resume-sec .tit-box p {
    line-height: 3.2em;
}

.resume-attbox {
    border: 5px solid #001945;
    color: #001945;
    text-align: center;
    width: 100%;
    padding: 20px;
    font-size: 22px;
    font-weight: bold;
}

.resume-sec .resume-box2 .txt-box h3 {
    color: #001945;
    border-bottom: 1px solid #001945;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.resume-box3 h3 {
    margin-bottom: 30px;
}

.resume-box3 .col-box a {
    background: #fff;
    color: #001945;
    border-top: 1px solid #001945;
    border-left: 1px solid #001945;
    border-right: 1px solid #001945;
    text-align: center;
    display: inline-block;
    color: #001945;
    padding: 8px 10px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
}

.curriculum_sampleWrp {
    background: #f5f5f5;
    padding: 6px;
    margin-bottom: 36px;
}

.curriculum_sampleWrp .curriculum_sample {
    border: solid 1px #c2d8c9;
    padding: 46px 26px 63px 26px;
    vertical-align: top;
    background: #FFF;
}

.curriculum_title {
    text-align: center;
    font-weight: bold;
    padding-bottom: 27px;
    font-size: 171.4%;
    font-size: 1.714rem;
}

.curriculum_tRight {
    text-align: right;
    padding-bottom: 20px;
    line-height: 1.6;
}

.blueBd {
    color: #001945;
    font-weight: bold;
}

.pb20 {
    padding-bottom: 20px !important;
}

.curriculum_box h3 {
    padding: 7px 0 5px 14px;
    background-color: #dddddd;
    font-weight: bold;
    margin-bottom: 21px;
    font-size: 148.6%;
    font-size: 1.486rem;
    color: #333333;
}

.curriculum_box p.txt01 {
    line-height: 1.7;
    padding-bottom: 5px;
}

.curriculum_box p.txt02 {
    line-height: 1.7;
    margin-bottom: 0;
}

.curriculum_box_list {
    padding-top: 5px;
    margin-bottom: 1rem;
}

.curriculum_box_list li {
    line-height: 1.7;
}

.curriculum_box_list li .icon_square {
    padding-right: 0.357em;
}

.clearfix:after,
ul:after,
li:after,
dl:after,
#main_contents:after,
.inner_block:after,
.lower .content_block:after {
    clear: both;
}

.curriculum_box02 {
    padding-bottom: 38px;
}

.pb41 {
    padding-bottom: 41px !important;
}

.curriculum_box_list li.indnt {
    text-indent: -1.3em;
    padding-left: 1.3em;
}

.curriculum_box_list li .icon_square {
    padding-right: 0.357em;
}

.curriculum_box_dl {
    border: solid 1px #d0d0d0;
    background: #f5f5f5;
    margin-bottom: 39px;
}

.curriculum_box_dl dt {
    border-bottom: solid 1px #d0d0d0;
    padding: 10px 0 10px 19px;
}

.curriculum_box_dl dd {
    padding: 10px 0 10px 19px;
}

.clearfix,
ul,
li,
dl,
#main_contents,
.inner_block,
.lower .content_block {
    display: block;
}

.curriculum_box_dl .curriculum_box_dd .ddL {
    float: left;
    width: 12%;
}

.curriculum_box_dl .curriculum_box_dd .ddL02 {
    float: left;
    width: 15%;
}

.curriculum_box .point {
    background: #001945;
    color: #fff;
    font-weight: bold;
    width: fit-content;
    padding: 3px 10px;
    margin-bottom: 10px;
}

.greenBd {
    color: #001945;
    font-weight: bold;
}

.curriculum_box li {
    color: #005fac;
}

.blueBd {
    color: #001945;
    font-weight: bold;
}

.sample-sec .sample-box h3 {
    color: #001945;
    border-bottom: 1px solid #001945;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.sample-attbox {
    background: #e8f2fd;
    padding: 20px 10%;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}

.qa-box .question {
    margin-bottom: 10px;
}

.qa-box .answer {
    background: #e8f2fd;
    padding: 20px;
    margin-bottom: 30px;
}

.qa-box .answer::after {
    content: '';
    display: block;
    clear: both;
}

.qa-box .question .ini-q {
    font-size: 16px;
    background: #2eb7ff;
    padding: 3px 8px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
}

.qa-box .answer .ini-a {
    font-size: 16px;
    background: #001945;
    padding: 3px 8px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    float: left;
}

.qa-box .answer .txt {
    display: table-cell;
}

#check_list_blkWrp {
    background: #f5f5f5;
    margin-bottom: 30px;
    padding: 6px;
}

#check_list_blkWrp .check_list_blk {
    background: #FFF;
    border: solid 1px #cccccc;
    padding: 39px 0 39px 29px;
}

#check_list_blkWrp .check_list_blk li {
    background-image: url(/img/knowhow/check/check.gif);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    padding: 0px 0px 22px 32px;
    line-height: 1.5;
}

.topics-list-detail {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

.topics-list-detail:last-child {
    border-bottom: none;
}

.topics-list-detail .img-box {
    width: 16%;
}

.topics-list-detail .txt-box {
    width: 81%;
}

.topics-list-detail .txt-box h3 {
    font-size: 18px;
    margin-top: 5px;
}

.topics-content h3 {
    color: #023864;
    border-bottom: dashed 2px #023864;
    margin-bottom: 8px;
}

.newclumn .img-box {
    width: 32%;
}

.newclumn .img-box img {
    border: 1px solid #ccc;
}

.newclumn .txt-box {
    width: 65%;
}

.topics-writer .writer-wrap{
    display: flex;
    align-items: center;
    margin: 1.2% 0;
}

.topics-writer .writer-wrap .writer-content{
    margin: 0 5px 0 0;
}

.topics-writer.top .writer-wrap .writer-content .writer-img img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
}

.topics-writer.top .writer-wrap .writer-content .writer-name{
    width: 100%;
    margin: 0;
}

.topics-writer.top .writer-wrap .writer-content .writer-name{
    width: 100%;
    margin: 0;
}

.topics-detail .date span {
    margin-right: 10px;
}
/*
.topics-detail h2,
.topics-detail .main_title {
    background: #e8f2fd;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
}

.topics-content h3,
.topics-content .sub_title1 {
    background: #e8f2fd;
    font-weight: bold;
    padding: 10px;
    border-left: 5px solid #001945;
    margin-bottom: 20px;
}

.topics-content h4,
.topics-content h3.sub_title2 {
    color: #023864;
    border-bottom: dashed 2px #023864;
}
*/


.topics-detail h1 {
    background: #e8f2fd;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
}

.topics-content h2 {
    background: #e8f2fd;
    font-weight: bold;
    padding: 10px;
    border-left: 5px solid #001945;
    margin: 32px 0 16px 0;
}

.topics-content h3 {
    color: #023864;
    border-bottom: dashed 2px #023864;
}

@media screen and (max-width: 800px) {
    .page-tit {
        font-size: 1.2em;
    }
    .topics-detail h1 {
        font-size: 14px;
        padding: 5px;
    }
}

.topics-content img {
    border: 1px solid #ccc;
    margin: 20px auto 40px;
    text-align: center;
    display: block;
}

.topics-content .youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.topics-content .youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.youtube-wrap {
    max-width: 80%; /* ここに動画の横幅を指定 */
}

.topics-content .entry-banner{
    background: #EDEEEE;
    padding: 30px 30px 35px;
    margin: 10px 0;
}
.topics-content .entry-banner a{
    color: #ffffff;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    max-width: 300px;
    display: block;
    background: #BC1521;
    border-radius: 4px;
    box-shadow: 0 5px 0 #5E0B19;
    margin: 3% auto 0 auto;
    position: relative;
}
.topics-content .entry-banner a b{
    font-size: 26px;
    display: inline-block;
    margin: 0 -4px;
}
.topics-content .entry-banner a:after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 45%;
    right: 20px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
}
.blogCard a {
    text-decoration: none!important;
}
.blogcard {
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 3px;
    margin: 30px auto 20px;
    padding: 30px 20px 15px;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.blogcard:before {
    content: "関連記事はこちら";
    background: #65a8f2;
    color: #fff;
    width: 300px;
    text-align: center;
    position: absolute;
    top: -15px;
    left: 20px;
    border-radius: 3px;
    font-weight: bold;
    padding: 3px 0;
}
.blogcard .thumb {
    width: 40%;
    max-width: 300px;
    margin-right: 8px;
}
.blogcard .thumb img {
    margin: 0;
    display: block!important;
}
.blogcard .text {
    line-height: 1.5em;
    flex: 1;
}
.blogcard .text p {
    font-weight: bold;
    margin-bottom: 10px;
}
.blogcard .text span {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*20230821_TOPICSの表のcss指定*/
.topics-sec .wrap .topics-content table{
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
    table-layout: fixed;
}
.topics-sec .wrap .topics-content table tr th{
    background: #005fac;
    color: #fff;
    padding: 1% 0.5%;
    line-height: 2.2rem;
}
.topics-sec .wrap .topics-content table tr td{
    padding: 1% 0.5%;
    line-height: 2.2rem;
}

@media only screen and (max-width:480px) {
    .blogcard {
        padding: 25px 20px 10px;
        display: block;
    }
    .blogcard .thumb {
        max-width: 100%;
        margin-right: 0;
        width: auto;
    }
    .blogcard .thumb img {
        margin: 0;
    }
    .blogcard .text {
        line-height: 1.6em;
    }
    .blogcard .text p {
        margin: 10px 0 0 0;
        font-size: 14px;
    }
    .blogcard .text span {
        display: none;
    }
    .blogcard:before {
        content: "関連記事はこちら";
        background: #65a8f2;
        color: #fff;
        width: 85%;
        text-align: center;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        border-radius: 3px;
        font-weight: bold;
        padding: 3px 0;
    }
}


.topics-share .facebook-share-button a p{
    background: #1877f2;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    width: 88px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.topics-writer.bottom{
    position: relative;
    border: 1px solid #001945;
    display: block;
    padding: 2%;
    margin-bottom: 1em;
    background: #f7f7f7;;
}

.topics-writer.bottom .writer-wrap{
    align-items: initial;
    margin: .5% 0;
}

.topics-writer.bottom .writer-wrap .writer-content.content-01{
    margin: 0 20px 0 0;
}

.topics-writer.bottom .writer-wrap .writer-content .writer-img {
    width: 200px;
    
}
.topics-writer.bottom .writer-wrap .writer-content .writer-img img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
}

.topics-writer.bottom .writer-content .writer-name{
    font-size: 22px;
    margin-bottom: 1em;
    width: 200px;
    text-align: center;
    font-weight: bold;
}

.topics-writer.bottom .writer-wrap .writer-content .writer-history{
    margin-bottom: 15px;
}

.topics-writer.bottom .writer-wrap .writer-content .writer-links{
    display: flex;
    color: #0000ff;
}

.topics-writer.bottom .writer-wrap .writer-content .writer-links .link{
   margin: 0 24px 0 0;
}

.shikaku-box {
    position: relative;
    background: #F0FBFF;
    padding: 20px;
    border: 1px solid #001945;
    margin-bottom: 30px;
}

.shikaku-tit {
    color: #001945;
    border-bottom: 1px solid #001945;
    padding-bottom: 5px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-size: 20px
}

.star-rating {
    position: absolute;
    display: inline-block;
    font-size: 20px;
    right: 20px;
    top: 27px;
}

.star-rating .star-rating-item {
    position: absolute;
    overflow: hidden;
}

.star-rating .star-rating-item:before {
    content: "★★★★★";
    color: #ffcc33;
    letter-spacing: 0.2rem;
}

.star-rating:after {
    content: "★★★★★";
    color: #ccc;
    letter-spacing: 0.2rem;
}

.shikaku-box p {
    clear: both;
}

.shikaku-box .detail-link-s {
    text-align: right;
}

.border-list li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

.fuwatto_btn_yellow {
    display: inline-block;
    background-color: #FF3333;
    color: #FFF;
    width: 80%;
    padding: 0.8em;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
    text-align: center;
}

.fuwatto_btn_yellow:hover {
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
}

.komoji {
    font-size: 100%;
    font-weight: 500;
}

.omoji {
    font-size: 150%;
    font-weight: 800;
}

.botan {
    text-align: center;
    margin: 16px 0;
}

#freetext {
    font-size: 130%;
    line-height: 0%;
    font-weight: normal;
}
@media screen and (max-width: 1300px) {
    .tab{
        display: block;
    }
    .site-header .navi .gnavi{
        font-size: 88%;
    }
    .site-header .login li.regist{
       line-height: 1.5em;
    }
    .site-header .login li.regist a{
        width: 125px;
        font-size: 13.5px;
    }
    .site-header .login li.regist a:before {
        width: 20px;
        height: 20px;
        margin: 0 5px 0 0;
        /* display: inline-block; */
    }
}
@media only screen and (max-device-width: 480px) {
    .fuwatto_btn_yellow {
        display: inline-block;
        background-color: #FF3333;
        color: #FFF;
        width: 100%;
        padding: 0.8em;
        text-decoration: none;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        -webkit-tap-highlight-color: transparent;
        transition: .3s ease-out;
        text-align: center;
    }
    .fuwatto_btn_yellow:hover {
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
    }
    .komoji {
        font-size: 90%;
        font-weight: 500;
    }
    .omoji {
        font-size: 100%;
        font-weight: 800;
    }
    .botan {
        text-align: center;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    #freetext {
        font-size: 100%;
        line-height: 0%;
        font-weight: normal;
    }
}
/*
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}

.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}

.box26 p {
    margin: 0;
    padding: 0;
    margin-top: 2%;
    margin-bottom: 2%;
}
*/

.box26 {
    margin: 2em 0;
    padding: 0.5em 1em;
    border: 2px solid #0068a9;
    border-top: 5px solid #0068a9;
    border-radius: 8px;
    box-shadow: 1px 2px 5px 0 rgb(0 0 0 / 20%);
}

.box26 .box-title {    
    display: block;
    font-size: 19px;
    color: #0068a9;
    font-weight: bold;
    text-align: center;
}

.box26 p {
    margin: 0;
    padding: 0;
    margin-top: 2%;
    margin-bottom: 2%;
    border-bottom: 1px dotted #2a61a8;
    font-size: 15px;
}

.fuwatto_btn_navy {
    display: inline-block;
    background-color: #000080;
    color: #FFF;
    width: 75%;
    padding: 1em;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
    text-align: center;
}

.fuwatto_btn_navy:hover {
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
}

.omoji {
    font-size: 150%;
    font-weight: 800;
}

.botan1 {
    text-align: center;
    margin-top: 5%;
}

@media only screen and (max-width:480px) {
    .fuwatto_btn_navy {
        display: inline-block;
        background-color: #000080;
        color: #FFF;
        width: 90%;
        padding: 0.8em;
        text-decoration: none;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        -webkit-tap-highlight-color: transparent;
        transition: .3s ease-out;
        text-align: center;
    }
    .fuwatto_btn_navy:hover {
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
    }
    .omoji {
        font-size: 100%;
        font-weight: 800;
    }
    .botan1 {
        text-align: center;
        margin-top: 5%;
    }
}


/*==================================================
Company / Map
==================================================*/

.mb60 {
    margin-bottom: 60px !important;
}

.map_area {
    width: 100%;
}

.map_area iframe {
    width: 100%;
}

.print-btn {
    text-align: center;
    float: right;
    width: 200px;
}

.map-detail .address_info {
    background: #E4E4E4;
    padding: 30px;
    width: 100%;
    display: block;
    margin-bottom: 60px;
}

.map-detail .address_info dt {
    width: 16%;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.map-detail .address_info dd {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.map-detail .address_info dd:last-child {
    margin-bottom: 0;
}

.googlemap_link {
    text-align: center;
}


/*==================================================
FAQ
==================================================*/

.faq-contact .col-box {
    margin-bottom: 20px;
}

.under-line {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.under-line::before {
    content: '';
    background: url(/img/cmn/arrow-blue.png) no-repeat center top;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: sub;
}

.link-r {
    text-align: right;
}

.link-l {
    text-align: left;
}

.link-r::before,
.link-l::before {
    content: '';
    background: url(/img/cmn/arrow-op.png) no-repeat center top;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: sub;
}

.faq-use a .detail-link-s p,
.faq-use .detail-link-s p a {
    max-width: 100%;
    border-bottom: 5px solid #001945;
}

.faq-list:not(:last-child) {
    margin-bottom: 20px;
}

.faq-list .faq-q {
    font-weight: bold;
    margin-bottom: 10px;
}

.faq-list .faq-q::before {
    content: 'Q.';
    color: #005fac;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.faq-list .faq-a {
    background: #eee;
    padding: 20px;
}

.faq-list .faq-a::before {
    content: 'A.';
    color: #001945;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    width: 2%;
    vertical-align: top;
}

.faq-list .faq-q p,
.faq-list .faq-a p {
    display: inline-block;
    width: 96%;
    vertical-align: top;
}

.faq-box h3.tit01 {
    border-bottom: 1px solid #001945;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #253A8F;
    font-size: 18px;
}


/*==================================================
Word
==================================================*/

.word-box {
    border: 2px solid #005fac;
    padding: 20px 30px;
}

.word-box .word-tit {
    border-bottom: 2px solid #005fac;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #005fac;
    font-size: 22px;
}


/*==================================================
Privacy Policy
==================================================*/

.info-sec .info-box h3.tit01 {
    border-bottom: 1px solid #001945;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #253A8F;
    font-size: 18px;
}

.pp-box {
    padding: 20px;
}

.pp-box h4,
h4.pp-list-title {
    color: #253A8F;
}

h4.pp-list-title a{
    text-decoration: underline;
}

.pp-detail {
    margin-bottom: 20px;
    text-align: justify;
}

.pp-detail-r {
    text-align: right;
}

.pp-list:not(:last-child) {
    margin-bottom: 20px;
}

.p-mark {
    margin: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

.p-mark p {
    vertical-align: middle;
    margin-left: 20px;
    line-height: 72px;
}

.pp-list-title-w {
    background: #001945;
    color: #fff;
    padding: 5px 10px;
}

.pp-pattern li {
    padding: 10px 0;
}

.pp-pattern li:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}


/*==================================================
Inquiry
==================================================*/

.inquiry-txt p.align-l {
    width: 70%;
}

.inquiry-txt .detail-link-s {
    margin: 0;
}

.form .form_block {
    width: 100%;
    border-bottom: 1px solid #fff;
    display: table;
}

.form .form_block .head {
    width: 20%;
    min-width: 200px;
    color: #fff;
    font-weight: bold;
    line-height: 1.57;
    vertical-align: top;
    display: table-cell;
    padding: 24px 0 16px 20px;
    background: #001945;
    border-right: 1px solid #fff;
}

.form .form_block .head span {
    display: inline-block;
}

.form .form_block .status {
    width: 6%;
    line-height: 1.57;
    vertical-align: top;
    display: table-cell;
    padding: 20px 0 20px 8px;
    background: #eee;
    border-right: 1px solid #fff;
}

.form .form_block .status .required {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #bc1521;
    text-align: center;
    width: 80%;
    margin-top: 8px;
}

.form .form_block .status .any {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #777;
    text-align: center;
    width: 80%;
    margin-top: 8px;
}

.form .form_block .body {
    width: auto;
    line-height: 1.57;
    display: table-cell;
    padding: 20px 90px 20px 18px;
    background: #eee;
    display: block;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea,
select {
    padding: 6px;
    font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, Osaka, sans-serif;
}

textarea {
    width: 80%;
}

.input_text_04 {
    width: 80%;
}

dl.name_area {
    display: inline-block;
}

dl.name_area dd,
dl.name_area dt {
    display: inline-block;
}

.tel_area dd input {
    width: 22%;
}

#submit_area #privacy {
    position: relative;
    overflow: hidden;
}

#tab {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#submit_area #privacy .pp-label {
    position: relative;
    display: block;
    cursor: pointer;
    background: #001945;
    padding: 6px 0;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 2rem 0 0;
    font-weight: bold;
}

.privacy-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    background: #eee;
    max-height: 0;
    padding: 0px;
}

#tab:checked~.privacy-content {
    max-height: 1985px;
}
.privacy_policy{
    padding: 20px;
}

@media screen and (max-width: 800px) {
    #tab:checked~.privacy-content {
        max-height: 2845px;
    }
}

#submit_area #privacy .pp-label::after {
    line-height: 1.5;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1.5em;
    height: 1.5em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
    font-weight: bold;
}

#tab[type=checkbox]{
    display: none;
}

#tab[type=checkbox]+.pp-label::after {
    content: '+';
    font-size: 24px;
}

#tab[type=checkbox]:checked+.pp-label::after {
    transform: rotate(45deg);
}

.form .detail-link-s {
    text-align: center;
    margin-top: 3rem;
}

.form .detail-link-s #submit_confirm {
    text-align: center;
    display: inline-block;
    background: #005fac;
    color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 5px solid #001945;
    font-size: 120%;
    display: block;
    padding: 15px 10px;
    font-weight: bold;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
}

.disclaimer-box {
    margin-bottom: 20px;
}

.disclaimer li {
    text-indent: -1.5rem;
    padding-left: 1.5rem;
    margin-bottom: 10px;
}

.disclaimer li::before {
    content: '・';
}

.shindan_step .col-box {
    padding: 3rem 3rem;
}

.shindan_step .col-box img {
    padding: 0 2rem 3rem 2rem;
}

.shindan_step .col-box .ttl {
    font-weight: bold;
}

.corporate-box h3.tit01 {
    font-size: 18px;
    color: #001945;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #001945;
}

.corpo-box {
    margin-top: 3rem;
}

.corpo-box .col-box:first-child {
    width: 30%;
    margin: 0 5.5% 0 12%;
}

.corpo-box .col-box:nth-child(2) {
    width: 30%;
    margin: 0 12% 0 5.5%;
}

.corporate-box .col-3 .col-box:first-child {
    width: 31%;
}

.corporate-box .col-3 .col-box:nth-child(2) {
    width: 22%;
}

.corporate-box .col-3 .col-box:nth-child(3) {
    width: 30%;
}

.corporate-box .col-3 .col-box table {
    width: 100%;
    padding: 0;
}

.corporate-box .col-3 .col-box table th {
    width: 56%;
    padding: 0.5rem;
}

.corporate-box .col-3 .col-box table td {
    text-align: right;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}

.corporate-box .col-3 .col-box tr.odd {
    background: #ccc;
}

.corpo-stepbox {
    padding-bottom: 1rem;
}

.corpo-stepbox .col-box {
    background: #e8f2fd;
    padding: 2rem;
    position: relative;
}

.corpo-stepbox .col-box:not(:last-child)::after {
    position: absolute;
    content: '▲';
    color: #001945;
    font-size: 2.4rem;
    right: -16%;
    top: 50%;
    font-weight: bold;
    letter-spacing: -0.5rem;
    transform: rotate(90deg);
}

.corpo-casebox {
    padding: 20px;
    background: #e8f2fd;
    margin-bottom: 3rem;
}

.corpo-casebox h2 span {
    float: right;
    line-height: 3;
}

.corpo-casebox a {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.corpo-casebox a:hover {
    opacity: 0.7;
}

.corpo-casebox .img-box {
    width: 48%;
}

.corpo-casebox .txt-box {
    width: 48%;
}

.corpo-casebox dl {
    background: #fff;
    width: 100%;
    display: inline-block;
    margin-top: 1.5rem;
}

.corpo-casebox dl::after {
    content: '';
    display: block;
    clear: both;
}

.corpo-casebox dt {
    width: 18%;
    border-top: 1px solid #e8f2fd;
    text-align: center;
    padding: 6px;
    vertical-align: middle;
    float: left;
    clear: both;
}

.corpo-casebox dd {
    width: 32%;
    border-left: 1px solid #e8f2fd;
    border-top: 1px solid #e8f2fd;
    padding: 6px;
    vertical-align: middle;
    float: left;
}

.corpo-casebox dd.head {
    width: 18%;
    text-align: center;
    float: left;
}

.form .body .check_list span.list {
    width: 33%;
    display: block;
    margin-bottom: 5px;
    float: left;
}

.form .body .check_list span.list.company_servicename {
    width: 100%;
}

.form input[type=checkbox]{
    vertical-align: baseline;
}

.form .body::after {
    content: '';
    display: block;
    clear: both;
}

@media screen and (max-width: 1646px) {
    .main-content .content-l {
        padding: 0 3%;
    }
}

@media screen and (max-width: 1530px) {
    .main-content .content-r {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1400px) {
    .search-btn li a {
        font-size: 87%;
    }
    .col-4.out>.col-box {
        width: 24.25%;
    }
    .col-3.out>.col-box {
        width: 30.0653595%;
    }
    .col-3.out>.col-box1 {
        width: 24%;
    }
    .col-2.out>.col-box {
        width: 49.5%;
    }
    .know-sec .col-3.out>.topics_box {
    width: 32.0653595%;
    margin-bottom: 20px;
    display: flex;
}
}

@media screen and (max-width: 1300px) {
    .main-img {
        padding-bottom: 100px;
    }
    .search-list-sec {
        margin-top: -66px;
    }
    .service-box .col-2 {
        align-items: inherit;
    }
    .service-box .txt-box p br {
        display: none;
    }
}

@media screen and (max-width: 1150px) {
    .main-content .content-l {
        width: 100%;
        float: none;
        padding-bottom: 60px;
    }
    .main-content .content-r {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .main-content .content-l section {
        padding: 50px 3% 0 3%;
    }
    .main-content .content-r section {
        padding: 50px 3% 0 3%;
    }
    .site-header .logo img {
        width: 120px;
    }
    .site-header .gnavi li {
        font-size: 87%;
    }
    .search-list h2 {
        font-size: 105%;
    }
    h3.tit01 {
        font-size: 112%;
    }
    .main-img .btn-link a {
        font-size: 100%;
    }
    .main-img .btn-link a .txt-b {
        font-size: 170%;
    }
}

@media screen and (max-width: 1000px) {
    .col-4.out>.col-box {
        width: 49.5%;
        margin-bottom: 1%;
    }
    .info-sec .col-2 .col-box {
        width: 100%;
        margin-bottom: 5%;
    }
    #service .col-2 .col-box,
    #service .col-3 .col-box {
        width: 100%;
        margin-bottom: 5%;
    }
    #service .col-2 .col-box p,
    #service .col-3 .col-box p {
        min-height: auto;
    }
}

@media screen and (max-width: 950px) {
    .site-header .logo img {
        width: 100%;
    }
    .site-header .gnavi li {
        font-size: 80%;
    }
    .site-header .gnavi li a span {
        padding: 0 5px;
    }
    .search-list h2 {
        font-size: 90%;
    }
    h3.tit01 {
        font-size: 100%;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 50%;
    }
    body {
        font-size: 13px;
    }
    .main-content {
        padding-top: 58px;
        /* padding-top: 92px; 年末年始休暇お知らせ用*/
    }
    .sp {
        display: block;
    }
    .tab{
        display: none;
    }
    .pc {
        display: none;
    }
    .bot a {
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 18px;
        height: 43px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        width: 211px;
        font-weight: bold;
    }
    .bot {
        background: rgba(0, 0, 0, 0) linear-gradient(#be1010, #a90e0e) repeat scroll 0 0;
    }
    .bot {
        font: bold;
    }
    .bot {
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 18px;
        height: 43px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        width: 211px;
        font-weight: bold;
    }
    .square_btn {
        position: relative;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background: rgba(0, 0, 0, 0) linear-gradient(#be1010, #a90e0e) repeat scroll 0 0;
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 18px;
        height: 43px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        width: 211px;
        font-weight: bold;
    }
    .square_btn:hover {
        background: #c95757 none repeat scroll 0 0;
        ;
        color: #fff;
    }
    .square_btnzeirishi {
        background-image: linear-gradient(#1852c0 0%, #02345e 100%);
        border-bottom: 4px solid #000000;
        border-radius: 4px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        color: #ffffff;
        display: inline-block;
        padding: 0.8em;
        text-decoration: none;
        width: 47%;
        font-size: 16.5px;
    }
    a.square_btnzeirishi {
        color: #ffffff;
    }
    .square_btnzeirishi:active {
        border-bottom: medium none;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        transform: translateY(4px);
    }
    a.square_btn2 {
        color: aliceblue;
        text-decoration: none;
    }
    a.square_btn3 {
        color: aliceblue;
        text-decoration: none;
    }
    a.square_btn333 {
        color: aliceblue;
        text-decoration: none;
    }
    a.square_btn444 {
        color: aliceblue;
        text-decoration: none;
    }
    a.square_btn3 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn4 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn6 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn7 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .square_btnkaikei {
        background-image: linear-gradient(#633b7f 0%, #402355 100%);
        border-bottom: 4px solid #000000;
        border-radius: 4px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        color: #ffffff;
        display: inline-block;
        padding: 0.8em;
        text-decoration: none;
        width: 47%;
        font-size: 16.5px;
    }
    a.square_btnkaikei {
        color: #ffffff;
    }
    .square_btnkaikei:active {
        border-bottom: medium none;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        transform: translateY(4px);
    }
    a.square_btn8 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn9 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn10 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn11 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.square_btn12 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.a_demo_four {
        color: aliceblue;
        text-decoration: none;
    }
    a.square_btn13 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    a.link44 {
        color: #073489;
    }
    .link44 {
        display: block;
        background-color: #eee;
        border: 2px solid #fff;
        box-shadow: 0 0 0 2px #eee;
        padding: 1em;
        font-size: 16px;
        font-weight: bolder;
        line-height: 1.71;
    }
    a.square_btn14 {
        color: aliceblue;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .box551 {
        padding: 0.5em 1em;
        margin: 2em 0;
        border: double 5px #4ec4d3;
    }
    .box551 a {
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }
    .square_btn_seminar {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        background: #FA5858;
        /*ボタン色*/
        color: #FFF;
        border-bottom: solid 4px #8A0808;
        border-radius: 3px;
        /*! border-bottom: none; */
        font-color: #ffffff;
        margin: 0.5em;
    }
    .square_btn_seminar:active {
        /*ボタンを押したとき*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        /*下に動く*/
        border-bottom: none;
        /*線を消す*/
    }
    a.square_btn_seminar {
        text-decoration: none;
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
    }
    @media screen and (max-width: 320px) {
        #smt_menu>dl {
            position: fixed;
            top: 5px !important;
            right: 0;
        }
        #smt_menu>dl>dd>ul>li {
            font-size: 9.8px !important;
        }
    }
    @media screen and (max-width: 480px) {
        #smt_menu>dl {
            position: fixed;
            top: 11px;
            right: 0;
        }
        #smt_menu>dl>dd>ul>li {
            font-size: 11px;
        }
    }
    〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 .square_btn2 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        font-size: 20px;
        font-weight: bold;
    }
    .square_btn2:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn3 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        font-size: 20px;
        font-weight: bold;
    }
    .square_btn3:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn333 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        font-size: 20px;
        font-weight: bold;
    }
    .square_btn333:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn444 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
        background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #6795fd;
        font-size: 20px;
        font-weight: bold;
    }
    .square_btn444:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn4 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
        background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #6795fd;
        font-size: 20px;
        font-weight: bold;
    }
    .square_btn4:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn5 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#b3625c 0%, #9c4c45 100%);
        background-image: linear-gradient(#b3625c 0%, #9c4c45 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #7f2500;
    }
    .square_btn5:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .img-flexkaikeishi {
        display: -webkit-flex;
        display: flex;
    }
    .img-flexkaikeishi a {
        margin: 10px;
        margin-bottom: 10px;
    }
    a.square_btn3 {
        font-size: 24px font-weight: bold;
    }
    a.square_btn4 {
        font-size: 24px font-weight: bold;
    }
    a.square_btn6 {
        font-size: 20px font-weight: bold;
    }
    a.square_btn7 {
        font-size: 20px font-weight: bold;
    }
    .square_btn6 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        font-size: 24px font-weight: bold;
    }
    .square_btn6:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn7 {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#633b7f 0%, #402355 100%);
        background-image: linear-gradient(#633b7f 0%, #402355 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #470100;
        font-size: 24px font-weight: bold;
    }
    .square_btn7:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn8 {
        display: inline-block;
        padding: 1em 1.48em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #c58668;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn8:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .square_btn9 {
        display: inline-block;
        padding: 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#1852c0 0%, #02345e 100%);
        background-image: linear-gradient(#1852c0 0%, #02345e 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #000000;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn9:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    .img-flexkaikeishi2 {
        display: -webkit-flex;
        display: flex;
    }
    .img-flexkaikeishi2 a {
        margin: 10px;
        margin-bottom: 10px;
    }
    a.square_btn8 {
        font-size: 24px; 
        font-weight: bold;
    }
    a.square_btn9 {
        font-size: 24px; 
        font-weight: bold;
    }
    .square_btn10 {
        display: inline-block;
        padding: 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#186b41 0%, #0b512b 100%);
        background-image: linear-gradient(#186b41 0%, #0b512b 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #000000;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn10:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    a.square_btn10 {
        font-size: 24px font-weight: bold;
    }
    .square_btn11 {
        display: inline-block;
        padding: 1em 1.48em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #c58668;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn11:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    a.square_btn11 {
        font-size: 24px; 
        font-weight: bold;
    }
    .square_btn12 {
        display: inline-block;
        padding: 1em 1.48em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#1852c0 0%, #073489 100%);
        background-image: linear-gradient(#1852c0 0%, #073489 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #000044;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn12:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    a.square_btn12 {
        font-size: 24px;
        font-weight: bold;
    }
    .a_demo_four {
        background-color: #1852c0;
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        position: relative;
        padding: 10px 3px;
        padding-right: 33px;
        background-image: linear-gradient(#1852c0, #073489);
        border-radius: 5px;
        box-shadow: inset 0px 1px 0px #073489, 0px 5px 0px 0px #000044, 0px 10px 5px #070039;
        font-weight: bold;
    }
    .a_demo_four:active {
        top: 3px;
        background-image: linear-gradient(bottom, rgb(62, 51, 46) 100%, rgb(101, 86, 78) 0%);
        box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
    }
    .a_demo_four::before {
        background-color: #073489;
        background-image: url(https://www.jmsc.co.jp/common/images/new/right_arrow.png);
        background-repeat: no-repeat;
        background-position: center center;
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 55%;
        margin-top: -9px;
        border-radius: 50%;
        box-shadow: inset 0px 1px 0px #000044, 0px 1px 0px #070039;
    }
    .a_demo_four:active::before {
        top: 50%;
        margin-top: -12px;
        box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
    }
    .square_btn13 {
        display: inline-block;
        padding: 1em 1.48em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#186b41 0%, #0b512b 100%);
        background-image: linear-gradient(#186b41 0%, #0b512b 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #000000;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn13:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    a.square_btn13 {
        font-size: 24px;
        font-weight: bold;
    }
    .square_btn14 {
        display: inline-block;
        padding: 1em 1.98em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: -webkit-linear-gradient(#1852c0 0%, #02345e 100%);
        background-image: linear-gradient(#1852c0 0%, #02345e 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 4px #000000;
        font-size: 18px;
        font-weight: bold;
    }
    .square_btn14:active {
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
    }
    a.square_btn14 {
        font-size: 24px; 
        font-weight: bold;
    }
    #campaign #main_contents div.jirei {
        margin-top: 8px;
    }
    #campaign #main_contents p.jirei01 {
        margin-bottom: 0.2em;
        font-size: 18px;
        font-weight: bold;
        margin-left: 10px;
    }
    #campaign #main_contents p.jirei02 {
        margin-bottom: 0.5em;
        font-size: 19px;
        font-weight: bold;
        margin-left: 15px;
        color: #0055a2;
    }
    p.jirei02 {
        color: #0055a2;
        text-decoration: none;
        border-bottom: 3px solid;
        border-image: linear-gradient(to right, #63b95a 0%, #266cb6 100%);
        border-image-slice: 100%;
        border-image-slice: 1;
    }
    table {
        width: 100%;
        margin: auto;
        tr {
            width: 100%;
        }
        th,
        td {
            box-sizing: border-box;
            padding: 15px;
        }
        thead {
            th {
                background: #000;
                color: #fff;
                text-align: left;
            }
        }
        tbody {
            text-align: left;
            th {
                background: #eee;
            }
        }
    }
    .table {
        width: 100%;
        display: table;
        .row {
            display: table;
            width: 100%;
        }
        .column {
            box-sizing: border-box;
            padding: 15px;
            width: 25%;
            text-align: left;
            display: table-cell;
        }
        .table-head {
            display: table;
            text-align: left;
            width: 100%;
            .column {
                background: #000;
                color: #fff;
                text-align: left;
                display: table-cell;
            }
        }
        tbody {
            display: table;
            width: 100%;
            .column {
                color: #000;
            }
        }
    }
    .sp {
    }
    .sp::-webkit-scrollbar {
        background: #fff;
        border-radius: 5px;
        height: 4px;
        border: 1px solid #000;
    }
    .sp::-webkit-scrollbar-thumb {
        background: #000;
        border-radius: 5px;
    }
    #zeirishi.business.archive_detail #article_body h3 {
        color: #000000;
        padding: 0.2em 0.5em;
        border-top: solid 3px #1852c0;
        /*上線*/
        border-bottom: solid 3px #02345e;
        /*下線*/
        border-left: none;
        font-size: 1.3rem;
        margin: -10px 0px 10px 0px;
    }
    #kaikei.business.archive_detail #article_body h3,
    #kaikei.business.archive_detail #article_body h2 {
        color: #000000;
        padding: 0.2em 0.5em;
        border-top: solid 3px #633b7f;
        /*上線*/
        border-bottom: solid 3px #402355;
        /*下線*/
        border-left: none;
        font-size: 1.3rem;
        margin: -10px 0px 10px 0px;
        background: #f2edf8;
    }
    #bengoshi.business.archive_detail #article_body h3 {
        color: #000000;
        padding: 0.2em 0.5em;
        border-top: solid 3px #0a8442;
        /*上線*/
        border-bottom: solid 3px #075a2d;
        /*下線*/
        border-left: none;
        font-size: 1.3rem;
        margin: -10px 0px 10px 0px;
        background: #e1f4e6;
    }
    .box20180611 {
        padding: 0.5em 1em;
        margin: 2em 0;
        font-weight: bold;
        border: solid 3px #ff7d6e;
        background: #ffebe9;
    }
    .box20180611 p {
        margin: 2px;
        padding: 0;
        text-align: center;
        color: #FF0000;
    }
    @media only screen and (max-width:420px) {
        body {
            width: 100%;
        }
        .sp {
            /*! width: 100%; */
        }
        .table-wrapper {
            width: 100%;
            overflow-x: scroll;
        }
        .table-wrapper::-webkit-scrollbar {
            background: #fff;
            border-radius: 5px;
            height: 4px;
            border: 1px solid #000;
        }
        .table-wrapper::-webkit-scrollbar-thumb {
            background: #000;
            border-radius: 5px;
        }
    }
    #contents #main_column #article_body h4 {
        font-size: 15px;
    }
    #contents #main_column #article_body h4 {
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px
    }
    #contents #main_column #article_body h4:before {
        position: absolute;
        content: '';
        bottom: -3px;
        left: 0;
        width: 0;
        height: 0;
        border: none;
        border-left: solid 15px transparent;
        border-bottom: solid 15px #093162;
    }
    #contents #main_column #article_body h4:after {
        position: absolute;
        content: '';
        bottom: -3px;
        left: 15px;
        width: 98%;
        border-bottom: solid 3px #093162;
    }
    ul.mokuji,
    ol.mokuji {
        background: #e8f2fd;
/*        box-shadow: 0px 0px 0px 10px #f1f8ff;*/
        /*線の外側*/
/*        border: dashed 2px #668ad8;*/
        /*破線*/
/*        border-radius: 9px;*/
        margin-left: 10px;
        /*はみ出ないように調整*/
        margin-right: 10px;
        /*はみ出ないように調整*/
        padding: 1em 0.5em 1em 2em;
    }
    ul.mokuji li.mokuji,
    ol.mokuji li.mokuji {
        line-height: 1.5;
        padding: 0.5em 0;
    }
    .mokuji_menu .mokuji_ul li {
        padding: 0em 0rem 0.2em 0em;
    }
    .col-2.out>.col-box,
    .col-3.out>.col-box,
    .col-3.out>.col-box1 {
        width: 100%;
        margin-bottom: 3.5%;
    }
    .search-list h2 {
        font-size: 130%;
    }
    .site-header {
        padding: 10px 0;
        overflow: inherit;
    }
    .site-header .wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .site-header .logo {
        float: none;
        height: 0;
        padding: 0;
        width: 100%;
        max-width: 260px;
    }
    .gnavi {
        position: absolute;
        top: 54px;
        left: 0;
        background: #fff;
        width: 100%;
        display: none;
        z-index: 999;
        border-bottom: 1px solid #000;
    }
    .site-header .gnavi li {
        display: block;
        float: none;
        text-align: center;
        font-size: 100%;
        border-top: 1px solid #000;
    }
    .site-header .gnavi li a {
        display: block;
        height: auto;
    }
    .site-header .gnavi li a span {
        margin: 0 auto;
        display: inline-block;
        padding: 15px 5px;
    }
    .site-header .login li a {
        width: 60px;
        height: auto;
        letter-spacing: -1px;
        font-size: 10px;
    }
    .site-header .login{
        display: flex;
        justify-content: right;
        width: 100%;
        float: none;
    }
    .site-header .login li.regist a{
        width: 120px;
        font-size: 13px;
        letter-spacing: 0.02em;
        padding: 7px 0;
        display: flex;
        justify-content: center;
    }
    .site-header .login li.regist :before {
        width: 20px;
        height: 25px;
    }
    .site-header .login li.regist a:before {
        content: none;
    }
    .site-header .login li.regist a span {
        display: none;
    }
    .site-header .login li.regist .regist_text p {
        display: inline;
        padding: 0 3px;
        margin-left: 5px;
        font-size: 12px;
    }
    .site-header .login li.mypage {
        display: none;
    }
    .site-header .login li.mypage :before {
        width: 20px;
        height: 25px;
    }
    .site-header .login li.button-toggle {
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
    }
    .css-bar {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
        background: #000;
    }
    .css-bar,
    .css-bar:before,
    .css-bar:after {
        width: 25px;
        height: 3px;
        top: -3px;
    }
    .css-bar:before,
    .css-bar:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        background: #000;
    }
    .css-bar:before {
        margin-top: -9px;
    }
    .css-bar:after {
        margin-top: 6px;
    }
    section,
    section.border-t .wrap {
        padding-top: 30px;
    }
    .tit-box {
        background: none;
        border-left: 10px solid #001945;
        height: auto;
        margin: 0 0 20px;
        padding-right: 0;
    }
    .tit-box h2 {
        padding: 0;
        font-size: 16px;
        height: auto;
    }
    .tit-box p {
        display: none;
    }
    .link-all {
        display: inline-block;
        float: right;
    }
    .link-all a {
        background: #005fac;
        color: #fff;
        font-weight: bold;
        font-size: 10px;
        padding: 10px;
        line-height: 1em;
        display: block;
    }
    h3.tit01 img {
        height: 20px;
    }
    a .detail-link-s p,
    .detail-link-s p a {
        font-size: 90%;
        background-color: #005fac;
    }
    .main-img {
        padding-top: 15px;
        padding-bottom: 8px;
    }
    .main-img .col-2 .col-box.l {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 0.5em;
    }
    .main-img .col-2 .col-box.r {
        max-width: 240px;
        width: 100%;
        margin: 0 auto;
    }
    .search-list {
        padding: 10px 3.5%;
    }
    .search-list h2 {
        margin: 0 0 0.3em;
    }
    .search-list .search01 {
        width: 100%;
        margin: 0 0 1em;
    }
    .search-list .search02 {
        width: 100%;
    }
    .search-list ul {
        display: block !important;
        letter-spacing: -.4em;
    }
    .search-list li.col-box {
        letter-spacing: 0;
        display: inline-block !important;
        width: 20% !important;
        padding: 0 0.5%;
    }
    .seminar-box .col-box h3 .area {
        height: 75px;
    }
    .service-box .col-2 {
        display: block;
        overflow: hidden;
    }
    .service-box .img-box {
        width: 80px;
        float: left;
    }
    .service-box .txt-box {
        width: auto;
        overflow: hidden;
        display: block;
        padding-left: 1em;
    }
    .side-service .img-box {
        width: 80px !important;
    }
    .news-list li .data,
    .news-list li .txt {
        display: block;
        width: 100%;
        padding: 0;
    }
    .col-2 .beginner-box.col-2 .col-box {
        width: 100%;
    }
    .beginner-box .detail-link-s p {
        height: 50px;
    }
    .site-footer section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .bnrf-list.col-4 {
        display: block;
        border-top: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
    }
    .bnrf-list.col-4 .col-box {
        width: 100%;
        border: none !important;
        border-bottom: 1px solid #dcdcdc !important;
    }
    .bnrf-list.col-4 .col-box a {
        padding: 10px;
    }
    .bnrf-list p {
        margin: 0;
    }
    .bnrf-list a img {
        width: auto;
    }
    .fnavi-s li {
        display: block;
    }
    .link-box.col-2 .txt-box,
    .link-box.col-2 .img-box {
        width: 100%;
    }
    .link-box.col-2 .img-box {
        text-align: center;
        margin-top: 1em;
        width: 80%;
    }
    .col-5 {
        display: block;
        padding: 0 3%;
    }

    .seminar-list .col-box {
        text-align: center;
        {
            text-align: center;
        }
    }
    .detail-link-s p {
        text-align: center !important;
    }
    .seminar-list table th {
        width: 100%;
        white-space: normal;
        display: block;
        border-bottom: none;
    }
    .seminar-list table td {
        width: 100%;
        white-space: normal;
        display: block;
        border-bottom: none;
    }
    .seminar-list table {
        border-bottom: 1px solid #ccc !important;
    }
    .sub-menu .col-box {
        width: 100%;
    }
    .sub-menu .detail-link-s {
        margin: 0;
    }
    .service-sec .txt-box,
    .service-sec .img-box {
        width: 100%;
    }
    .service-sec .img-box img {
        width: 50%;
        margin: 20px auto 40px;
        display: block;
    }
    .topclass {
        font-size: 20px;
        background-size: 50%;
    }
    .topclass-box .col-box {
        width: 100%;
    }
    .topclass-box .col-box h3 {
        line-height: 1.6em;
        font-size: 16px;
    }
    .topclass-box .col-box:first-child h3 {
        line-height: 1.6em;
    }
    .topclass-box .col-box:first-child {
        margin-bottom: 10px;
    }
    .advantage-box3 .col-box {
        width: 100%;
    }
    .adviser-list-box{
       margin: -40px 0 0;
    }
    .adviser-list-box .search-area-box .link-boxes{
        display: block;
    }
    .adviser-list-box .search-area-box .link-boxes .box-wrap{
        width: auto;
    }
    .adviser-list-box .search-area-box .link-boxes .link-box{
        margin: 10px 0;
    }
    .adviser-list-box .search-area-box .no-data-box .link-box{
        width: 100%;
    }
    .adviser-list-box .search-occupation-box .select-box{
        display: block;
    }
    .adviser-list-box .search-occupation-box .job-list{
        display: none;
    }
    .adviser-list-box .area-box .user-boxes .col-box{
        width: auto;
    }
    .adviser-list-box .more-ca-box .btn-box{
        width: auto;
        padding: 20px 5px;
    }
    .adviser-list-box .new-customer-box .item-wrap{
        flex-direction: column-reverse;
    }
    .adviser-list-box .new-customer-box .text-box{
        width: auto;
        margin: 10px 0 0;
    }
    .adviser-list-box .new-customer-box .img-box{
        width: auto;
        margin:0 auto;
    }
    .adviser-list-box .user-voice-box .user-boxes {
        display: block;
    }
    .adviser-list-box .user-voice-box .user-boxes .user-box{
        width: auto;
        margin: 10px 0;
    }
    .adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap{
        display: block;
    }
    .adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap .img-box{
        text-align: center;
    }
    .adviser-list-box .user-voice-box .user-boxes .user-box .item-wrap .name-box{
        margin: 0;
        text-align: center;
    }
    .adviser-detail-box{
        margin: -40px 0 0 0;
    }
    .adviser-detail-box h2{
        font-size: 20px;
    }
    .adviser-detail-box h3{
        font-size: 18px;
    }
    .adviser-detail-box .top-box{
        display: block;
    }
    .adviser-detail-box .tit-box{
        margin: 0 0 10px;
    }
    .adviser-detail-box .box{
        padding: 10px 0;
    }
    .adviser-detail-box .top-box .job_title{
        font-size: 20px;
        margin: 0 0 10px;
    }
    .adviser-detail-box .top-box .name-box, 
    .adviser-detail-box .top-box .img-box{
        width: 100%;
        margin: 0;
    }
    .adviser-detail-box .top-box .img-box img{
        width: auto;
    }
    .adviser-detail-box .top-box .name-box h2{
        font-size: 36px;
    }
    .adviser-detail-box .top-box .name-box .advisor_title-box{
        font-size: 18px;
        padding: 8px;
    }
    .adviser-detail-box .category-box.box{
        padding: 0;
    }
    .adviser-detail-box .category-box h3{
        font-size: 18px;
    }
    .adviser-detail-box .category-box p{
        font-size: 13px;
    }
    .adviser-detail-box .profile-box{
        margin: 0;
    }
    .adviser-detail-box .profile-box table td,
    .adviser-detail-box .profile-box table th{
        display:block; 
    }
    .adviser-detail-box .profile-box table th{
        width:100%; 
        font-size: 16px;
        text-align: left;
        padding: 5px 0 0;
    }
    .adviser-detail-box .profile-box table th::after{
        content: "";
    }
    .adviser-detail-box .profile-box table td{
        padding: 0 0 5px;
    }
    .adviser-detail-box .qa-box .img-box,
    .adviser-detail-box .qa-box .text-boxes {
        width: 100%;
    }
    .adviser-detail-box .message-box .wrap{
        position: relative;
    }
    .adviser-detail-box .message-box .img-box,
    .adviser-detail-box .message-box .text-box {
        width: 100%;
    }
    .adviser-detail-box .message-box .text-box{
        padding: 200px 0 0 0;
        margin: 15px 0 0 0;
    }
    .adviser-detail-box .message-box .img-box{
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;

    }
    .adviser-detail-box section.regist-sec{
        display: block;
    }
    .advisor-topics-box .topics-boxes{
        display: block;
    }
    .advisor-topics-box .box-wrap{
        margin: 20px 0;
    }
    .other-ca-box .user-boxes {
        display:block;
    }
    .other-ca-box .user-boxes .user-box{
        width: 100%;
        margin: 0 0 20px;
    }
    .other-ca-box .more-ca-box{
        width: 100%;
    }
    .other-ca-box .more-ca-box .btn-box{
        width: 100%;
    }
    <!--.breadcrumb {
        margin-bottom: 20px;
    }-->
    .flow-tit {
        font-size: 16px;
    }
    .flow-tit span {
        font-size: 14px;
    }
    .flow-tit span::after {
        content: "\A";
        white-space: pre;
    }
    .adviser-box .img-box,
    .adviser-box .txt-box {
        width: 100%;
        padding: 0 0 20px 0;
    }
    .adviser-box h2 {
        font-size: 18px;
    }
    .col-2 .border-b {
        width: 100%;
    }
    .cat-yellow,
    .cat-blue,
    .cat-red,
    .cat-green {
        /*! display: block; */
        margin-bottom: 10px;
    }
    .topics-sec .cat-yellow,
    .topics-sec .cat-blue,
    .topics-sec .cat-red,
    .topics-sec .cat-green {
        display: inline-block;
    }
    .interview-casebox .img-box {
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .interview-casebox .txt-box {
        width: 100%;
    }
    .interview-casebox .txt-box p {
        text-align: center;
    }
    .case-box .img-box {
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .case-box .txt-box {
        width: 100%;
        padding: 0 20px 20px;
    }
    .seminar-h2 {
        font-size: 18px;
    }
    .knowhow-box .col-box {
        width: 100%;
    }
    .sub-menu .col-box .detail-link-s a br {
        display: none;
    }
    /*.sub-menu .col-box .detail-link-s a[href*="/service/advantage/"] br {
        display: inline;
    }*/
    .knowhow-detailbox .txt-box {
        width: 100%;
        padding: 20px;
    }
    .knowhow-detailbox .img-box {
        width: 40%;
        padding: 0;
        display: block;
        margin: 0 auto 70px;
    }
    .knowhow-detailbox .manual-box .col-2::after {
        bottom: 12px;
    }
    .topics-list-detail .img-box {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .topics-list-detail .txt-box {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .topics-detail h2,
    .topics-detail h2.main_title {
        font-size: 14px;
        padding: 5px;
    }
    .topics-writer.bottom .writer-wrap .writer-content.content-01{
        margin: 0 ;
    }
    .topics-writer.top .writer-wrap .writer-content .writer-img img{
        width: 50px;
        height: 50px;
    }
    .topics-content img {
        margin: 5px auto 15px;
    }
    .topics-content .entry-banner{
        padding: 20px 20px 25px;
    }
    .topics-writer.bottom .writer-wrap{
        align-items: initial;
        display: block;
        max-width: 320px;
        margin: auto;
    }
    .topics-writer.bottom .writer-wrap .writer-content .writer-img{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 60px;
    }
    .topics-writer.bottom .writer-wrap .writer-content .writer-img img{
        width: 100px;
        height: 100px;
    }
    .topics-writer.bottom .writer-content .writer-name{
        font-size: 20px;
        text-align: center;
        position: absolute;
        top: 155px;
        width: 94%;
    }
    .topics-writer.bottom .writer-wrap .writer-content .writer-history{
        line-height: 1.5em;
    }
    .topics-writer.bottom .writer-wrap .writer-content .writer-links{
        display: inline-block;
    }
    .topics-writer.bottom .writer-wrap .writer-content .writer-links .link{
        margin: 0;
    }
    #check_list_blkWrp .check_list_blk li {
        padding: 0px 20px 22px 32px;
    }
    .resume-box3 .col-box {
        width: 47.5816993%;
    }
    .resume-sec .resume-box .img-box {
        width: 50%;
        margin: 0 25% 15px;
    }
    .resume-sec .resume-box .txt-box {
        width: 100%;
        margin-bottom: 30px;
    }
    .resume-attbox {
        font-size: 18px;
        line-height: 1.6em;
    }
    .resume-sec .resume-box2 .txt-box {
        width: 100%;
    }
    .resume-sec .resume-box2 .img-box {
        width: 60%;
        margin: 20px 20%;
    }
    .star-rating {
        font-size: 14px;
        top: 23px;
    }
    .shikaku-tit {
        font-size: 16px;
    }
    .p-mark img {
        width: 20%;
        height: fit-content;
    }
    .p-mark p {
        width: 73%;
        line-height: 2rem;
        margin-top: 4%;
    }
    .inquiry-txt p.align-l {
        width: 100%;
    }
    .inquiry-txt .detail-link-s {
        margin: 2rem 0 4rem;
        width: 100%;
    }
    .inquiry-txt .detail-link-s a {
        max-width: 100%;
    }
    .form .form_block .head {
        width: 78%;
        display: inline-block;
        border-right: none;
        line-height: 2;
    }
    .form .form_block .status {
        width: 20%;
        display: inline-block;
        background: #001945;
        border-right: none;
    }
    .form .form_block .body {
        width: 99%;
        display: block;
        padding: 20px;
    }
    dl.name_area {
        display: block;
    }
    dl.name_area dt {
        width: 10%;
    }
    dl.name_area dd {
        width: 89%;
        margin-bottom: 1rem;
    }
    .tel_area {
        display: block;
    }
    .tel_area dt {
        width: 100%;
        display: inline-block;
    }
    .tel_area dd {
        width: 100%;
        margin-bottom: 1rem;
        display: inline-block;
    }
    .tel_area dd input {
        width: 83px;
    }
    .tel_area dd select {
        width: 32%;
    }
    .address_area dt {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .address_area dd {
        width: 100%;
        margin-bottom: 1rem;
        display: inline-block;
    }
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    textarea {
        width: 90%;
    }
    input[type="submit"],
    input[type="button"] {
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        cursor: pointer;
    }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
        display: none;
    }
    input[type="submit"]::focus,
    input[type="button"]::focus {
        outline-offset: -2px;
    }
    .corpo-box .col-box:first-child {
        width: 70%;
        margin: 0 15% 2rem;
    }
    .corpo-box .col-box:nth-child(2) {
        width: 70%;
        margin: 0 15% 2rem;
    }
    .corporate-box .col-3 .col-box:first-child {
        width: 70%;
        margin: 0 15% 2rem;
    }
    .corporate-box .col-3 .col-box:nth-child(2) {
        width: 70%;
        margin: 0 15% 2rem;
    }
    .corporate-box .col-3 .col-box:nth-child(3) {
        width: 70%;
        margin: 0 15% 2rem;
    }
    .corporate-box .col-3 .col-box table {
        width: 100%;
        padding: 0;
    }
    .corporate-box .col-3 .col-box table th {
        width: 56%;
        padding: 0.5rem;
    }
    .corporate-box .col-3 .col-box table td {
        text-align: right;
        padding: 0.5rem 1rem 0.5rem 0.5rem;
    }
    .corpo-stepbox .col-box {
        width: 70%;
        margin: 0 15% 2rem;
    }
    .corpo-stepbox .col-box:not(:last-child)::after {
        content: '';
    }
    .form .body .check_list span.list {
        width: 100%;
    }
    .form .body .check_list span.list.company_servicename {
        font-size: 12px;
    }
    .corpo-casebox dt {
        width: 30%;
    }
    .corpo-casebox dd {
        width: 70%;
    }
    .corpo-casebox dd.head {
        width: 30%;
    }
    .corpo-casebox h2 {
        text-align: center;
    }
    .corpo-casebox h2 img {
        display: block;
        margin: 0 auto;
    }
    .corpo-casebox h2 span {
        display: block;
        float: none;
    }
    .faq-list .faq-a::before {
        width: 4%;
    }
    .faq-list .faq-q p,
    .faq-list .faq-a p {
        width: 92%;
    }
    .shindan_step .col-box {
        width: 90%;
        margin: 0 5% 3rem;
    }
}

@media screen and (max-width: 610px) {
    .curriculum_box_dl .curriculum_box_dd .ddL {
        width: 15%;
    }
}

@media screen and (max-width: 550px) {
    .curriculum_box_dl .curriculum_box_dd .ddL,
    .curriculum_box_dl .curriculum_box_dd .ddL02 {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .col-4.out>.col-box {
        width: 100%;
        margin-bottom: 3.5%;
    }
    .seminar-box .col-box .inner .txt {
        min-height: auto;
    }
    .entry_meta_01 .title {
        font-size: 16px;
    }
    .page-tit h1 {
        font-size: 1.2em;
    }
    section.page-tit {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.main-content .content-l section {
    padding: 10px 3% 0 3%;
}

.sticky_top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky_bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    float: right;
}

#search_job_block #job_link_block #category_area ul.list li a,
#search_job_block #job_link_block #category_area ul.list li span {
    border-radius: 6px;
    border: 1px solid #001945;
    border-bottom-color: rgb(0, 25, 69);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
    display: table;
    width: 100%;
    line-height: 1.2em;
    →2em font-size: 100%;
    font-size: 1.0em;
    →1.1em padding: 5px;
    color: #001945;
    background: #edeeee;
    cursor: pointer;
    text-align: center;
}

#search_job_block {
    padding: 50px 0 0;
    →padding: 30px 0 0;
}

section {
    padding: 30px 3% 0;
    →padding: 50px 3% 0;
}

#entry #search_job_block #place_area .right_block dl dd ul li,
#entry #search_job_block #good_for_area ul li,
#entry #search_job_block #narrow_category ul li {
    font-size: 14px;
    font-size: 1.4rem;
    →font-size: 1.6rem;
}

.acd_container {
    width: 92%;
    margin: 30px auto 40px auto;
    padding: 0;
    background: #fff;
    text-align: center;
}

.acd_menu {
    border-width: 1px 0 1px;
    border-style: solid;
    border-color: #aaa;
    box-sizing: border-box;
    overflow: hidden;
}

.acd_menu_head {
    padding: 10px;
    background: #0060b0;
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
}

.acd_menu_body {
    height: 0;
    padding: 0 20px;
    border: 1px solid #aaa;
    border-width: 0 1px;
    box-sizing: border-box;
    overflow: hidden;
}

.acd_menu_body li {
    margin: 10px 0;
}

.acd_menu:last-child .acd_menu_head {
    border-bottom: none;
}

.ipoh3 {
    border-bottom: double 5px #548fdb;
    font-size: 130%;
    color: #001945;
    margin-bottom: 1%;
}

.featured-seminar li {
    text-decoration-line: underline;
    text-decoration-color: #005fac;
    border-width: 5px;
    color: #000;
}

.content-box {
    /*border-top: 1px solid #dcdcdc;*/
}

.box2 {
    border-top: none;
}

.step_container ol {
    display: flex;
    justify-content: space-between;
}

.step_container li {
    background-color: #e0eef9;
    font-weight: 600;
    color: #0f2b87;
    padding: 8px 10px 15px;
    position: relative;
}

.step_container li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    border: 15px solid transparent;
    border-left: 15px solid #0f2b87;
    z-index: 998;
}

.step_container li:last-child::after {
    display: none;
}

.step_container .step_txt {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto;
    font-size: 15px;
}

.step_container a {
    font-size: 135%;
    display: block;
    padding: 15px 10px;
    border: 1px solid #001945;
    font-weight: bold;
    color: #001945;
    border-bottom: 5px solid #001945;
    background: #edeeee;
    margin-top: 50px;
}

.step_container a p {
    text-align: center;
}

.step_container {
    display: none;
}

@media screen and (max-width:600px) {
    .step_container {
        display: block;
    }
    .flow_img {
        display: none;
    }
}


/*==================================================
recomend
==================================================*/

.sp-br {
    display: none;
}

.seminar-list-rec-outer {
    background-color: #edeeee;
    height: max-content;
    width: 100%;
}

.rec-header {
    border-bottom: solid #001945 2px;
    margin: 2% 1%;
    max-width: 100%;
    padding-top: 2%;
}

.rec-list-inner {
    background-color: #fff;
    border: solid #001944;
    margin: 1% 1%;
    height: max-content;
}

.rec-item-left {
    text-align: left;
    float: left;
    width: 50%;
    margin: 0% 2%;
    font-size: inherit;
}

.rec-item-right {
    text-align: right;
    margin: 10px;
}

.seminar-list .content-box {
    background-color: rgb(237, 238, 238);
    margin-bottom: 60px;
}
.after.user-boxes_after {
    width: 100%;
}


@media screen and (max-width:768px) {
    .sp-br {
        display: block;
    }
    .rec-item-left {
        width: 100%;
        float: inherit;
        margin: 0px;
        text-align: center;
        padding: 2%;
    }
    .rec-item-right-inner {
        text-align: center;
    }
    .detail-link-s p a {
        padding: 8px 3rem;
        max-width: 300px;
        width: 100%;
    }
    .after.user-boxes_after {
        width: 46%;
    }
}
@media screen and (max-width:800px) {
    .detail-link-s p a {
        padding: 8px 16px;
    }
}

@media screen and (max-width:428px) {
    .seminar-list .detail-link-s p a {
        margin: 0 .5rem;
        max-width: 150px;
        width: 100%;
        padding: 8px 10px;
        font-size: small;
    }
}

.recommend .seminar-list-detail {
    margin-bottom: 5%;
}

@media screen and (max-width:768px) {
    .seminar-box .col-box .inner .txt p {
        font-size: 110%;
        line-height: 1.7em;
    }
}

#nav ul li {
    display: inline-block;
}

.col-box99 {
    width: 23.3%;
}

li.col-box99 {
    margin-right: 1.2%;
}

#acd_topic {
    margin-top: -15px;
    color: #FF3333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
/*
@media screen and (min-width:428px) {
    div#dlpo_btn {
        display: none;
    }
}
*/
div#dlpo_btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.35);
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    padding: 1.2% 0;
    z-index: 999;
}
.dlpo_btn {
    margin: 0 auto;
    width: 95%;
    text-align: center;
}
.dlpo_btn a {
    background: #bc1521;
    color: #fff;
    text-align: center;
    display: flex;
    font-weight: bold;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    align-items: center;
    border-bottom: 5px solid #5e0b19;
    justify-content: center;
    padding: 15px 10px;
}
.dlpo_btn a p {
    margin: 0;
}
.dlpo_btn a p.left {
    background: var(--light2);
    color: var(--basic);
    font-size: 1.6rem;
    line-height: 2.2rem;
    height: 50px;
    border-radius: 3px 0 0 3px;
    padding: 0 30px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    position: relative;
}
.dlpo_btn a p.left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid var(--light2);
 }
.dlpo_btn a p.right {
    margin: 0 auto;
    font-size: 1.8rem;
}
.dlpo_btn a p.right i {
    font-style: normal;
    display: inline-block;
    font-size: 1.3rem;
    border: solid 1px #fff;
    padding: 0 3px;
    border-radius: 2px;
    margin: 3px 0 0 4px;
    line-height: 1.5em;
	vertical-align: top;
}
#top #dlpo_btn {
	position: fixed;
	display: flex;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	transition: .3s;
}
#top #dlpo_btn.active {
	transform: translate(0);
}
#top .dlpo_btn a {
    border-bottom: none;
    padding: 0;
}
#top .dlpo_btn a:hover {
    opacity: 1 !important;
	background-color: #c66a69;
}
@media screen and (max-width:428px) {
    li.col-box1:nth-child(2),
    li.col-box1:nth-child(3),
    li.col-box1:nth-child(4) {
        display: none;
    }


    footer.site-footer {
        margin-bottom: 15% !important;
    }
}

@media screen and (min-width:428px) {
    section:nth-child(2).regist-sec {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .search-list-sec {
        margin-top: -5px;
    }
    .search-list {
        box-shadow: unset;
    }
    #top .cta_sp {
        margin: 24px 0;
    }
	div#dlpo_btn {
		padding: 1.5% 0;
	}
	.dlpo_btn a {
		max-width: 420px;
	}
	.dlpo_btn a p.left {
		height: 45px;
		padding: 0 10px;
		font-size: 1.3rem;
	}
	.dlpo_btn a p.right {
		font-size: 1.6rem;
	}
}

.from-botton {
    padding: 15px 3% 5%;
}

.botton99 {
    text-align: center;
    width: 100%;
}

.botton99 a {
    font-size: 135%;
    text-align: center;
    display: inline-block;
    background: #bc1521;
    color: #fff;
    padding: 15px;
    border-bottom: 5px solid #5e0b19;
    font-weight: bold;
    width: 100%;
    margin-bottom: 15px;
}

.merit2 {
/*    padding: 5%;*/
    padding: 0 3%;
/*    border: solid 1px #0c0d0d;
    width: 100%;*/
}

.merit2 h3 {
    font-size: 135%;
    text-align: center;
    margin-bottom: 2%;
}

/*.merit2 li {
    background-color: #005eae;
    font-weight: bold;
    margin-bottom: 3%;
    padding: 2%;
    border-radius: 5px;
    color: #fff;
}*/

.merit2  ul li {
    position: relative;
    width: 90%;
    margin: 0 auto 10px;
}

.merit2 ul li span {
    color: #001945;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0px 20px 5px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
    box-sizing: border-box;
    line-height: 1.2;
}

.merit2 ul li span i {
    font-style: normal;
    color: #bc1521;
}

/*==================================================
serviceflow
==================================================*/

.serviceflow-sec {}

.serviceflow-sec .inner {
    margin: auto;
    width: 1000px;
}

.serviceflow-sec .text01 {
    text-align: center;
    font-size: 18px;
}

.serviceflow-sec .box-area {
    display: inline-block;
}

.serviceflow-sec .box-area .box {
    margin: 0 25px 0 0;
    width: 180px;
    float: left;
    position: relative;
}

.serviceflow-sec .box-area .box::before {
    position: absolute;
    top: 40px;
    right: -22px;
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    background: url(/img/serviceflow/serviceflow-parts01.png) center center no-repeat;
    background-size: cover;
}

.serviceflow-sec .box-area .box05 {
    margin: 0 0 0 0;
}

.serviceflow-sec .box-area .box05::before {
    position: absolute;
    content: "";
    display: none;
}

.serviceflow-sec .box-area .box .text-area01 {
    padding: 0 20px;
    background: #e8f2fd;
    text-align: center;
    color: #2054a3;
    font-size: 16px;
}

.serviceflow-sec .box-area .box .text-area01 .text02 {
    font-weight: bold;
    line-height: 50px;
    border-bottom: #cbdaed solid 1px;
}

.serviceflow-sec .box-area .box .text-area01 .text03 {
    display: table;
    width: 100%;
}

.serviceflow-sec .box-area .box .text-area01 .text03 span {
    padding: 15px 0;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    line-height: 1.2em;
}

.serviceflow-sec .box-area .box .text-area02 {
    margin: 20px 0 0 0;
}

.serviceflow-sec .box-area .box .text-area02 .text04 {
    color: #136595;
    font-size: 16px;
    line-height: 1.4em;
}

@media screen and (max-width:800px) {
    .serviceflow-sec {
        padding: 30px 0 40px 0;
        background-size: contain;
    }
    .serviceflow-sec .inner {
        margin: auto;
        width: auto;
    }
    .serviceflow-sec .box-area {
        padding: 30px 10px 0 10px;
        width: 100%;
        text-align: center;
    }
    .serviceflow-sec .box-area .box {
        margin: 0 0 50px 0;
        width: inherit;
        float: inherit;
        position: relative;
    }
    .serviceflow-sec .box-area .box::before {
        margin: 0 -15px 0 0;
        position: absolute;
        top: inherit;
        right: 50%;
        bottom: -40px;
        content: "";
        display: block;
        width: 30px;
        height: 33px;
        background: url(/img/serviceflow/sp-serviceflow-parts01.png) center center no-repeat;
        background-size: cover;
    }
    .serviceflow-sec .box-area .box05 {
        margin: 0 0 0 0;
    }
    .serviceflow-sec .box-area .box05::before {
        position: absolute;
        content: "";
        display: none;
    }
    .serviceflow-sec .box-area .box .text-area01 {
        padding: 0 10px;
        background: #e8f2fd;
        text-align: center;
        color: #2054a3;
        font-size: 16px;
    }
    .serviceflow-sec .box-area .box .text-area01 .text02 {
        font-weight: bold;
        line-height: 30px;
        border-bottom: #cbdaed solid 1px;
    }
    .serviceflow-sec .box-area .box .text-area01 .text03 {
        display: table;
        width: 100%;
    }
    .serviceflow-sec .box-area .box .text-area01 .text03 span {
        padding: 15px 0;
        height: inherit;
        display: table-cell;
        vertical-align: middle;
        font-weight: bold;
        line-height: 1.2em;
    }
    .serviceflow-sec .box-area .box .text-area02 {
        margin: 10px 0 0 0;
    }
    .serviceflow-sec .box-area .box .text-area02 .text04 {
        color: #136595;
        font-size: 12px;
        line-height: 1.4em;
    }
}


/*==================================================
recruit
==================================================*/

.recruit-sec .inner {
    margin: auto;
    width: 1000px;
    background: #053754;
    color: #fff;
    padding: 2% 0;
}

.recruit-sec .wrap .box-area {
    display: inline-block;
}

.recruit-sec .wrap .box {
    margin: 0 38px 0 0;
    width: 308px;
    float: left;
}

.recruit-sec .wrap .box03 {
    margin: 0 0 0 0;
}

.recruit-sec .wrap .box .img-area {
    position: relative;
}

.recruit-sec .wrap .box .img-area::before {
    content: "";
    display: block;
    padding-top: 90.9%;
}

.recruit-sec .wrap .box .img-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: url(/img/recruit/recruit-img01.gif) center center no-repeat;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.recruit-sec .wrap .box01 .img-inner {
    background: url(/img/recruit/recruit-img01.gif) center center no-repeat;
    background-size: cover;
}

.recruit-sec .wrap .box02 .img-inner {
    background: url(/img/recruit/recruit-img02.gif) center center no-repeat;
    background-size: cover;
}

.recruit-sec .wrap .box03 .img-inner {
    background: url(/img/recruit/recruit-img03.gif) center center no-repeat;
    background-size: cover;
}

.recruit-sec .wrap .box .text-area {
    margin: 30px auto 0;
    width: 280px;
}

.recruit-sec .wrap .box .text02 {
    font-size: 16px;
    line-height: 1.4em;
}

@media screen and (max-width:800px) {
    section.recruit-sec {
        padding: 30px 0 0;
    }
    .recruit-sec .wrap {
        padding: 20px 0 50px 0;
    }
    .recruit-sec .inner {
        width: 100%;
        text-align: center;
        padding: 5% 0;
    }
    .recruit-sec .wrap .box {
        margin: 0 0 15px;
        width: inherit;
        float: inherit;
    }
    .recruit-sec .wrap .box .img-area {
        margin: auto;
        width: 80%;
        position: relative;
    }
    .recruit-sec .wrap .box .img-area::before {
        content: "";
        display: block;
        padding-top: 90.9%;
    }
    .recruit-sec .wrap .box .img-inner {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: url(/img/recruit/recruit-img01.gif) center center no-repeat;
        background-size: cover;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .recruit-sec .wrap .box01 .img-inner {
        background: url(/img/recruit/recruit-img01.gif) center center no-repeat;
        background-size: cover;
    }
    .recruit-sec .wrap .box02 .img-inner {
        background: url(/img/recruit/recruit-img02.gif) center center no-repeat;
        background-size: cover;
    }
    .recruit-sec .wrap .box03 .img-inner {
        background: url(/img/recruit/recruit-img03.gif) center center no-repeat;
        background-size: cover;
    }
    .recruit-sec .wrap .box .text-area {
        margin: 20px auto 0;
        width: inherit;
    }
    .recruit-sec .wrap .box .text02 {
        font-size: 12px;
        line-height: 1.4em;
        text-align: center;
    }
    /* BTN */
    section.recruit-sec .botton99 {
        padding: 0 3%;
    }
}


/*==================================================
uservoices
==================================================*/

.uservoices-sec {}

.uservoices-sec .wrap {
    padding: 60px 0 40px 0;
}

.uservoices-sec .inner {
    margin: auto;
    width: 1000px;
    background: #eeeff5;
    padding: 20px 0 5px;
}

.uservoices-sec .wrap .box {
    margin: 0 0 40px 0;
    width: 50%;
    float: left;
    position: relative;
}

.uservoices-sec .wrap .box::before {
    content: "";
    display: block;
    padding-top: 82%;
}

.uservoices-sec .wrap .box .box-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: url(/img/uservoices/uservoices-img01.gif) center center no-repeat;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.uservoices-sec .wrap .box01 .box-inner {
    background: url(/img/uservoices/uservoices-img01.gif) center center no-repeat;
    background-size: cover;
}

.uservoices-sec .wrap .box02 .box-inner {
    background: url(/img/uservoices/uservoices-img02.gif) center center no-repeat;
    background-size: cover;
}

.uservoices-sec .wrap .box03 .box-inner {
    background: url(/img/uservoices/uservoices-img03.gif) center center no-repeat;
    background-size: cover;
}

.uservoices-sec .wrap .box04 .box-inner {
    background: url(/img/uservoices/uservoices-img04.gif) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width:800px) {
    .uservoices-sec .wrap {
        padding: 40px 0 20px 0;
    }
    .uservoices-sec .inner {
        width: 100%;
    }
    .uservoices-sec .wrap .box {
        margin: 0 0 20px 0;
        width: inherit;
        float: inherit;
        position: relative;
    }
    .uservoices-sec .wrap .box::before {
        content: "";
        display: block;
        padding-top: 68%;
    }
    .uservoices-sec .wrap .box .box-inner {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: url(/img/top/sp-uservoices-img01.png) center center no-repeat;
        background-size: cover;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .uservoices-sec .wrap .box01 .box-inner {
        background: url(/img/top/sp-uservoices-img01.png) center center no-repeat;
        background-size: cover;
    }
    .uservoices-sec .wrap .box02 .box-inner {
        background: url(/img/top/sp-uservoices-img02.png) center center no-repeat;
        background-size: cover;
    }
    .uservoices-sec .wrap .box03 .box-inner {
        background: url(/img/top/sp-uservoices-img03.png) center center no-repeat;
        background-size: cover;
    }
    .uservoices-sec .wrap .box04 .box-inner {
        background: url(/img/top/sp-uservoices-img04.png) center center no-repeat;
        background-size: cover;
    }
}
.topics_left p{
    width:30%;
    }
    .topics_left img{
    float: left;
    margin-right: 11%;
    }
    .topics_center{
    width:65%;
    float:left;
    margin-left:5%;
    }
#main_article .topics_center h3 {
    margin-top: 0;
}
.topics_right{
    text-align: center;
    width: 65%;
    margin-right: 0;
    margin-left: auto;
    clear: both;
    padding-top: 8px;
}
.topics_right a{
    text-align: center;
    text-decoration: none!important;
    display: inline-block;
    background: #ff7800;
    color: #fff;
    line-height: 1.2em;
    padding: 10px 10px;
    border-bottom: 5px solid #ff6c00;
    border-bottom-color: rgb(255, 108, 0);
    border-bottom-color: rgb(140, 62, 4);
    font-weight: bold;
    width: 95%;
    border-radius: 9px;
    margin: 0 auto;
    font-size: 14px;
}
.topics_hr{
    border-top: 1px dotted #8c8b8b;
    margin-bottom: 2%;
}
    
    @media screen and (max-width:650px) {
    .topics_left p{
    width:100%;
    text-align:center;
    }
    .topics_left img{
        width:100%;
        margin-right: unset;
    }
    .topics_center{
    width:100%;
    margin: 0 auto 2%;
    }
    #main_article .topics_center h3 {
        margin: 16px 0 8px 0;
    }
    .topics_center h4{
    font-size:120%;
    }
    .topics_right{
        width: auto;
    }
    
}


@media screen and (min-width:800px) {
    .site-header .gnavi li.menu_mypage{
        display: none;
    }
}






/*-- --------- --------- --------- --*/
/*-- 2023.06.13 / top FV --*/
/*-- --------- --------- --------- --*/

#fv{
    padding: 0 0 5px;
    background: url(https://www.jmsc.co.jp/img/top/main_img2.jpg) no-repeat center center / auto auto;
	background-size: cover;
}
#fv .inner{
    max-width: 1200px;
    margin: 0 auto 150px auto;
    padding: 30px 0 20px;
}
#fv .inner .lead {
	width: 100%;
	background: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}
#fv .inner .lead h2 {
	background: linear-gradient(90deg, #000745, #768abc);
	-webkit-background-clip: text;
	color: transparent;
}
#fv .inner .title {
	display: flex;
	margin-top: 10px;
	align-items: center;
}
#fv .inner .title div:first-child{
    width: 60%;
}
#fv .inner .title div:last-child{
    width: 40%;
}
#fv .inner .caption {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 10px;
}
#fv .inner .caption img {
	margin-left: 5px;
}
#fv .inner .caption p {
	color: #fff;
	width: 40%;
	font-size: 10px;
	line-height: 1.4em;
	text-shadow: 1px 2px 2px #000;
}
#fv img{
    width: auto;
}
#fv .inner .title a{
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #bc1521;
    padding: 28px 14px;
}
@media screen and (min-width:0px) and ( max-width:1460px) {
    #fv{
        background-size: auto 100%;
    }
}
@media screen and (min-width:0px) and ( max-width:1300px) {
    #fv .inner{
        margin-bottom: 60px;
    }
}
@media screen and (min-width:0px) and ( max-width:800px) {
    #fv{
        padding: 0 0 10px;
		background: url(https://www.jmsc.co.jp/img/top/main_img2.jpg) no-repeat center center / auto 100%;
	}
    #fv .inner{
		margin-bottom: 0;
		padding: 0;
    }
	#fv .inner .lead {
		font-size: 0.95em;
		letter-spacing: -0.06em;
	}
    #fv .inner .title div:first-child{
		width: 90%;
		margin: 0 auto;
    }
    #fv .inner .title div:last-child{
        display: none;
    }
	#fv .inner .caption {
		display: block;
	}
	#fv .inner .caption img {
		margin: 10px auto;
		display: block;
		width: 90%;
	}
	#fv .inner .caption p {
		width: 90%;
		margin: 0 auto;
		font-size: 8px;
		line-height: 1.3em;
	}
	#fv .inner .caption a {
		font-size: 8px;
	}
}

/*-- --------- --------- --------- --*/
/*-- WTC_DEV-2112 --*/
/*-- --------- --------- --------- --*/
.top-pc{
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 40px;
}
.top-pc h2{
    color: #001945;
    text-align: left;
    background: #001945;
    margin: 0 3%;
}
.top-pc h2 span{
    font-size: 2.4rem;
    line-height: 1.8em;
    background: #ffffff;
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
}
.top-pc h2 b{
    font-size: 60px;
}
.top-pc .inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}
.top-pc .btn{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    display: block;
    max-width: 400px;
    margin: 40px auto 0 auto;
    background: #bc1521;
}

@media screen and (min-width: 0px) and (max-width: 1024px){
    #merit ul li {
        width: 33%;
    }    
    #merit ul li span {
        padding: 160px 5px 15px 5px;
    }   
    #merit ul li span i {
        font-size: 14px;
    }
}
#merit ul{
    display: flex;
    justify-content: space-between;
}
#merit ul li{
    width: 32%;
    position: relative;
}
@media screen and (min-width: 0px) and (max-width: 1024px){
    #merit ul li {
        width: 33%;
    }    
}
#merit ul li:nth-child(1){
    background: url(../img/top/top_merit001.jpg) no-repeat center center / auto 100%;
}
#merit ul li:nth-child(2){
    background: url(../img/top/top_merit002.jpg) no-repeat center center / auto 100%;
}
#merit ul li:nth-child(3){
    background: url(../img/top/top_merit003.jpg) no-repeat center center / auto 100%;
}

/*#merit ul li:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}*/
#merit ul li img{
    width: 100%; 
   /* width: 307px;*/
    height: auto;
    opacity: 0;
}
#merit ul li span{
    color: #001945;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    padding: 160px 20px 10px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
    box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 1024px){  
    #merit ul li span {
        padding: 160px 5px 15px 5px;
        line-height: 1.3;
    }   
    #merit ul li span i {
        font-size: 14px;
    }
}
#merit ul li span i{
    font-size: 20px;
    font-style: normal;
    color:#bc1521;
}
@media screen and (min-width: 0px) and (max-width: 1024px){  
    #merit ul li span i {
        font-size: 14px;
    }
}
#step ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
    position: relative;
    padding: 0;
}

#step ul:after {
    content: "";
    display: block;
    width: 90%;
    height: 7px;
    background: #e3e0c0;
    position: absolute;
    top: 80px;
    left: 5%;
    z-index: -1;
}

#step ul li {
    width: 18%;
    position: relative;
}

#step ul li img {
    display: block;
    width: 100%;
}

#step ul li p {
    color: #41461e;
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px;
}

#step ul li p b {
    color: #c13b56;
}

#step ul li:first-child img[src*=deco] {
    width: 95px;
    position: absolute;
    top: -30px;
    left: -10px;
}

#step ul li:last-child img[src*=deco] {
    width: 136px;
    position: absolute;
    top: -40px;
    left: -20px;
}
#step a {
    font-size: 20px;
    display: block;
    padding: 0 10px;
    border: 1px solid #001945;
    font-weight: bold;
    color: #001945;
    border-bottom: 5px solid #001945;
    background: #edeeee;
}

#graph ul{
    display: flex;
    margin: 0 -20px;
}
#graph ul li{
    width: 33.33%;
    padding: 0 20px;
}
#graph ul li img{
    display: block;
    /* width: 100%; */
    width: 293.3px;
    height: auto;
    margin: 0 auto 20px auto;
}
#graph ul li span{
    text-align: center;
    display: block;

}

#voice .inner{
    overflow: hidden;
    max-width: none;
}
#voice ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 15px;
}
#voice ul li{
    width: 25%;
}
#voice ul li img{
    display: block;
    /* width: 100%; */
    width: 363.5px;
}
@media screen and (min-width: 0px) and (max-width: 1024px){
    #voice ul li{
        width: 50%;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px){
    .top-pc{
        display: none;
    }
}


/*-- --------- --------- --------- --*/
/*-- WTC_DEV-2206 --*/
/*-- --------- --------- --------- --*/
.col-1{
    margin-bottom: 30px;
}
.col-2{
    margin-bottom: 40px;
}
.col-box h3 {
    font-size: 15px;
    margin-bottom: 10px;
}
.col-box h4 {
    font-size: 15px;
    color: #274D81;
    font-weight: bold;
}
.fnavi .col-box h4 {
    color: #000;
}
.col-box2 h4 {
    font-size: 15px;
    color: #274D81;
    font-weight: bold;
}
.job_list{
    display: flex;
}
.job_list ul{
    width: calc(100% - 200px);
}
.job_list li{
    display: inline;
    font-size: 13px;
}
.job_list li:before{
    content: "\FF5C";
    color: #dcdcdc;
    word-wrap: inherit;
    box-sizing: inherit;
    word-break: inherit;
}
.job_list li:first-child:before{
    display: none;
}
.job_title{
    width: 200px;
    font-size: 13px;
    font-weight: bold;
}
.license li{
    font-size: 13px;
    line-height: 3rem;
}
.area_list{
    display: flex;
}
.area_list li{
    display: inline;
    font-size: 13px;
    padding: 0 12px;
    border-right: 1px solid #dcdcdc;
}
.area_list li:last-child{
    border-right: none;
}
.area_title{
    width: 130px;
    font-size: 13px;
    font-weight: bold;
}
.fnavi-sec img{
    width: 1.5rem;
    margin-right: 10px;
    vertical-align: text-top;
}
.col-box_txt p:last-child {
    margin-bottom: 1em;
}
.col-box_txt p:nth-child(2) {
    background-color: #e0eef9;
    padding: 10px 15px;
}
.col-box_txt p span {
    color: #253A8F;
    font-weight: 600;
}

.col-2.search-btn {
    display: flex;
}
.search-btn.col-2 .col-box.l .col-box.other {
    width: 100%;
}
@media screen and (max-width:640px) {
    .col-3 .col-box {
        width: 100% !important;
    }
    .col-1{
        margin-bottom: 0px;
    }
    .col-2{
        margin-bottom: 0px;
    }
    .col-box2 {
        margin-bottom: 30px;
    }
    .col-2 .regist-box {
        padding: 0 3.5%;
    }
    .col-2_merit {
        background-color: #0084FF;
    }
    .col-2.search-btn {
        display: flex;
        flex-direction: column;
    }
    .col-box.l {
        display: flex;
        flex-direction: column;
        order: 1;
        width: 100%!important;
    }
    .col-box.l > .col-2.border-b {
        display: flex;
        flex-direction: column;
    }
    .col-box.l > .col-2.border-b > .col-box:nth-child(1) {
        order: 1;
        width: 100%;
    }
    .col-box.l > .col-2.border-b > .col-box:nth-child(2) {
        order: 2;
        width: 100%;
    }
    .col-box.r {
        order: 3;
        width: 100%!important;
    }
    .col-box.l > .col-2:last-child {
        order: 4;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .col-2.s-list{
        display: flex;
    }
    .col-2.s-list .col-box{
        width: auto;
    }
    .col-99{
        display: flex;
    }
}
@media screen and (max-width:800px) {
    .col-box_txt p:nth-child(2) {
        padding: 10px;
    }
}

/*-- --------- --------- --------- --*/
/*-- Accordion Menu-2207 --*/
/*-- --------- --------- --------- --*/

/* アコーディオンメニュー */
/*.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
.ac-menu input {
  display: none;
}
.ac-menu label {
    cursor: pointer;
    position: relative;
    display: block;
    background: #edeeee;
    margin-bottom: 1px;
    padding: 10px;
    font-weight: bold;
}
.ac-menu label:after {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "＋";
    color: #ffff;
    font-size: 20px;
    background: #005fac;
    padding: 10px;
}
.ac-menu2 label {
    cursor: pointer;
    position: relative;
    display: block;
    background: #edeeee;
    margin-bottom: 1px;
    padding: 10px;
    font-weight: bold;
}
.ac-menu input:checked ~ label::after {
  content: "−"; /* クリック後のアイコン */
}
.ac-menu div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}
.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  background: #FAFAFA; /* 中身の背景色 */
}
.ac-menu-inside {
  color: #333; /* 中身の文字色 */
  line-height: 2; /* 行間 */
}
.ac-menu-inside li{
    font-size: 14px;
    border: 0.5px solid #dcdcdc;
    padding: 5px 10px;
}





/*-- --------- --------- --------- --*/
/*-- 転職事例 -2209 --*/
/*-- --------- --------- --------- --*/
.topics-content .example_wrap {
    padding: 15px 20px;
    box-shadow: 0px 1px 8px rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.topics-content h3.sub_title2 {
    color: #023864;
    border-bottom: dashed 2px #023864;
}
.topics-content h4 {
    color: #023864;
}
.topics-content img {
    border: 1px solid #ccc;
    margin: 20px auto 40px;
    text-align: center;
    display: block;
}
.topics-content .example_content {
    background: #EDEEEE;
    padding: 15px 20px;
    margin: 0 0 10px;
    border-radius: 6px;
}
.leftbox{
    width: 25%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: middle;
}
.rightbox{
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.rightbox .obi{
    background: #003567;
    color: #fff;
    padding: 3px 3px 3px 10px;
    letter-spacing: .1em;
    display: block;
    font-weight: bold;
}
.before{
    width: 46%;
    display: inline-block;
    text-align: center;
    border: 1px solid #bbbbbb;
    border-radius: 6px;
    padding: 5px;
    letter-spacing: .05em;
    vertical-align: top;
    font-weight: bold;
}
.before span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: .05em;
}
.before_after .pc_only{
    width: 6%;
    display: inline-block;
    vertical-align: middle;
}
.before_after .sp_only {
    display: none;
}
.after{
    width: 46%;
    display: inline-block;
    text-align: center;
    border: 2px solid #bbbbbb;
    border-radius: 6px;
    padding: 5px;
    background-color: #e8f2fd;
    letter-spacing: .05em;
    vertical-align: middle;
    font-weight: bold;
}
.after span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: .05em;
}
.topics-content .example_wrap {
    padding: 15px 20px;
    box-shadow: 0px 1px 8px rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.know-sec .col-3.out>.topics_box {
    width: 32.0653595%;
    margin-bottom: 20px;
    display: flex;
}
.know-sec .col-3.out>.topics_box .img-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.know-sec .col-3.out>.topics_box .img-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    /* height: 100%; */
    border-radius: 6px 6px 0 0;
}

.know-sec .col-3.out>.topics_box .txt-box {
    width: 100%;
    padding: 10px;
}
.know-sec.border-t .wrap{
    border-top: none;
}

@media only screen and (max-device-width: 480px) {
    .rightbox .obi {
    text-align: center;
    }
    .leftbox {
    width: 60%;
    margin: 0 auto 1em;
    display: block;
    }
    .rightbox {
    width: 100%;
    margin: 0 0 20px;
    }
    .before {
    width: 100%;
    }
    .after {
    width: 100%;
    }
    .before_after .pc_only {
    display: none;
    }
    .before_after .sp_only {
    width: 9%;
    display: block;
    margin: 0 auto 1em;
    }
    .topics-content .example_content {
    padding: 10px 15px;
    }
    .topics-content img {
    margin: 0 auto;
    }
    .know-sec .col-3.out>.topics_box {
    width: 100% !important;
    margin-bottom: 20px;
    display: flex;
}
}

/*-- --------- --------- --------- --*/
/*-- 各種アセット --*/
/*-- --------- --------- --------- --*/
.asset0301 {
    font-size: 16px;
    line-height: 1.5em;
    border: solid 2px #005fac;
    border-radius: 20px;
    margin: 40px 0 20px 0;
}
.asset0301 h2 {
    color: #ffffff;
    font-size: 26px;
    display: block;
    background: #005fac;
    border: none;
    margin: 0;
    padding: 20px 30px;
    border-radius: 18px 18px 0 0;
}
.asset0301 h2 span {
    line-height: 1.2em;
    display: block;
    position: relative;
    padding-left: 90px;
}
.asset0301 h2 span:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -40px;
    left: 0;
    background: url(../img/asset0301_Q.svg) no-repeat center center / auto 100%;
}
.asset0301 i {
    font-style: normal;
    display: inline-block;
    position: relative;
}
.asset0301 i:after {
    content: "";
    display: block;
    background: #FFF041;
    position: absolute;
    top: 8px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
}
.asset0301 .inner {
    padding: 30px;
}
.asset0301 ul {
    padding-left: 100px;
    position: relative;
}
.asset0301 ul:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/asset0301_A.svg) no-repeat center center / 100% auto;
}
.asset0301 li {
    margin-bottom: 10px;
    position: relative;
}
.asset0301 li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: -15px;
}
.asset0301 .hikaku {
    display: flex;
    position: relative;
    margin-top: 20px;
}
.asset0301 .hikaku dl {
    text-align: center;
    width: 50%;
    padding: 10px;
}
.asset0301 .hikaku dl.left {
    background: #FFFCDB;
}
.asset0301 .hikaku dl.right {
    background: #DCFFC7;
}
.asset0301 .hikaku dl dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}
.asset0301 .hikaku dl.left dt {
    background: #FFF041;
}
.asset0301 .hikaku dl.right dt {
    background: #7DE357;
}
.asset0301 .hikaku dl dd {
    padding: 20px 0 10px 0;
}
.asset0301 .hikaku:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 100px 0 100px;
    border-color: #005fac transparent transparent transparent;
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -100px;
}
.asset0301 .cta {
    font-weight: bold;
    text-align: center;
    margin-top: 70px;
}
.asset0301 .cta img {
    border: none;
    display: block;
    width: 360px;
    max-width: none;
    position: absolute;
    top: -40px;
    left: 50%;
    margin: 0 0 0 -180px;
}
.asset0301 .cta dd {
    position: relative;
}
.asset0301 .cta dt {
    color: #005fac;
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 10px;
}
.asset0301 .cta a {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 460px;
    margin: 20px auto 0 auto;
    padding: 30px;
    background: #bc1521;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.asset0301 .cta a br {
    display: none;
}
.asset0301 .cta a:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/cmn/head_icon01.png) no-repeat center center / 100% auto;
    vertical-align: text-bottom;
    margin-left: 4px;
}
@media screen and (max-width: 768px) {
    .asset0301 {
        font-size: 14px;
    }
    .asset0301 h2 {
        font-size: 18px;
        padding: 10px;
    }
    .asset0301 h2 span {
        padding-left: 50px;
    }
    .asset0301 h2 span:before {
        width: 40px;
        height: 40px;
        top: -20px;
    }
    .asset0301 .inner {
        padding: 10px;
    }
    .asset0301 ul {
        padding-left: 50px;
    }
    .asset0301 ul:before {
        width: 40px;
        height: 40px;
    }
    .asset0301 .hikaku {
        display: block;
        margin-top: 10px;
    }
    .asset0301 .hikaku dl {
        width: auto;
    }
    .asset0301 .hikaku dl dt {
        line-height: 30px;
    }
    .asset0301 .hikaku dl dd {
        padding: 10px 0 0px 0;
    }
    .asset0301 .hikaku:after {
        bottom: -40px;
    }
    .asset0301 .cta {
        margin-top: 40px;
    }
    .asset0301 .cta a {
        font-size: 16px;
    }
}
@media screen and (max-width: 420px) {
    .asset0301 .cta img {
        width: 320px;
        margin: 0 0 0 -160px;
    }
    .asset0301 .cta a {
        padding: 20px 10px;
    }
    .asset0301 .cta a br {
        display: inline;
    }
}





/*-- --------- --------- --------- --*/
/*-- WTC_DEV-4516 CAページのTOPICS表示記事数変更 --*/
/*-- --------- --------- --------- --*/
.advisor-topics-box .topics-boxes {
    flex-wrap: wrap;
}
.advisor-topics-box .topics-boxes .box-wrap {
    width: 33.33%;
}
.advisor-topics-box .box-wrap {
    border: none;
    padding: 8px;
    margin: 0;
}
.advisor-topics-box .box-wrap .img-box {
    margin-bottom: 8px;
}
.advisor-topics-box .box-wrap .img-box img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: 50% 50%;
    display: block;
    font-size: 5px;
    overflow: hidden;
    aspect-ratio: 6 / 4;
}
.advisor-topics-box .box-wrap .txt {
    display: none;
}
.advisor-topics-box .box-wrap > .col-box {
    border: 1px solid #001945;
    padding: 16px 16px 64px;
    height: 100%;
}
.advisor-topics-box .box-wrap {
    position: relative;
}

.advisor-topics-box .box-wrap .txt-box h3 {
    line-height: 1.5em;
}
.advisor-topics-box .box-wrap .txt-box .detail-link-s {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 24px;
    left: 0;
}

.advisor-topics-box .box-wrap .txt-box .detail-link-s p {
    display: block;
    margin: 0 auto;
    width: 80%;
}

@media screen and (max-width: 800px) {
    .advisor-topics-box .topics-boxes {
        display: flex;
    }
    .advisor-topics-box .topics-boxes .box-wrap {
        width: 50%;
    }
    .advisor-topics-box .box-wrap .detail-link-s {
        text-align: center;
    }

}
@media screen and (max-width: 480px) {
    .advisor-topics-box .topics-boxes .box-wrap {
        width: 100%;
    }
}



.other-ca-box .user-boxes .user-box {
    width: 50%;
    margin: 0;
    padding: 8px;
}
.other-ca-box .user-boxes .user-box a {
    display: block;
    padding: 16px;
}
.other-ca-box .user-boxes .user-box .name-box {
    text-align: center;
}
@media screen and (max-width: 800px) {
    .other-ca-box .user-boxes {
        display: flex;
    }
    .other-ca-box .user-boxes .user-box {
        width: 100%;
        margin: 0;
    }
}

/*
WTC_DEV-4945
#privacy_detail dt {
    margin: 24px 0 8px 0;
}
*/
#privacy_detail a {
    text-decoration: underline;
}
#privacy_detail b {
    font-weight: bold;
}
#privacy_detail dd {
    word-break: break-all;
}



/*-- --------- --*/
/*-- Not Foundページ --*/
/*-- --------- --*/

#notfound .info-sec {
    max-width: 1200px;
    margin: 0 auto;
}
#notfound .info-box p {
    max-width: 660px;
    margin: 0 auto;
}
#notfound .info-box p a {
    color: #001945;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    display: block;
    width: 200px;
    margin: 16px auto;
    border: solid 1px #001945;

}
#notfound .info-box p a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: solid 2px #001945;
    border-right: solid 2px #001945;
    transform: rotate(45deg);
    margin: 0 0 2px 8px;
}
#notfound .linkList {
    margin: 32px 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
#notfound .linkList ul {
    margin: 0 20px 24px 20px;
}
#notfound .linkList ul li a {
    font-size: 14px;
    display: block;
    padding: 4px 0;
}
#notfound .linkList ul li:first-child a {
    font-size: 18px;
    font-weight: 700;
}
#notfound .linkList ul li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    margin: 0 8px 2px 0;
}
@media screen and (max-width: 600px) {
    #notfound .linkList {
        margin: 16px 0;
        flex-wrap: wrap;
        justify-content: start;
        display: block;
    }
    #notfound .linkList > div {
        width: auto;
    }
    #notfound .linkList ul {
        margin: 0 8px 24px 8px;
    }
}



/*-- --------- --*/
/*-- 記事詳細レコメンド求人 --*/
/*-- --------- --*/
#bdrecommend {
    background: #efefef;
    margin: 24px 0;
    display: none;
}
#bdrecommend dt {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    background: #001945;
    padding: 8px;
}
#bdrecommend dd {
    /*padding-bottom: 1px;*/
}
#bdrecommend .slick-dots li {
    margin: 0 2px;
}
#bdrecommend .slick_slider li {
    padding: 16px 8px;
    box-sizing: border-box;
}
#bdrecommend .slick_slider li a {
    display: block;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 8px;
    height: 100%;
    padding: 8px;
    box-sizing: border-box;
}
#bdrecommend .slick_slider li:empty {
    display: none;
}
#bdrecommend .slick_slider b {
    font-size: 16px;
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 3.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
}
#bdrecommend .slick_slider i {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.3em;
    display: block;
    margin: 4px 0;
}
#bdrecommend .slick_slider i:last-of-type {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
}
#bdrecommend .slick_slider b + i {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}
#bdrecommend .slick_slider span {
    color: #005fac;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    display: block;
    border: solid 1px #005fac;
    padding: 4px;
    margin-top: 8px;
}
#bdrecommend .slick-arrow {
    display: block;
    width: 30px;
    height: 60px;
    position: absolute;
    top: 60%;
    margin-top: -30px;
    z-index: 800;
    cursor: pointer;
    background: #001945!important;
}
#bdrecommend .slick-arrow:hover {
    opacity: 1;
    background: #000;
}
#bdrecommend .slick-arrow.slick-prev {
    left: -30px;
    border-radius: 30px 0 0 30px;
}
#bdrecommend .slick-arrow.slick-next {
    right: -30px;
    border-radius: 0 30px 30px 0;
}
#bdrecommend .slick-arrow::before {
    content: "";
    display: block;
    width: 40%;
    height: 20%;
    border: solid 3px #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
    transform: rotate(45deg);
}
#bdrecommend .slick-arrow.slick-next::before {
    border-left: none;
    border-bottom: none;
    margin-right: 12px;
}
#bdrecommend .slick-arrow.slick-prev::before {
    border-right: none;
    border-top: none;
    margin-left: 12px;
}
#bdrecommend .slide-arrow::after {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background: #222222;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;

}
@media screen and (max-width: 768px) {
    #bdrecommend .slick-arrow.slick-prev {
        left: 0;
        border-radius: 0 30px 30px 0;
    }
    #bdrecommend .slick-arrow.slick-next {
        right: 0;
        border-radius: 30px 0 0 30px;
    }
    #bdrecommend .slick-arrow.slick-prev:before {
        margin-left: 9px;
    }
    #bdrecommend .slick-arrow.slick-next:before {
        margin-right: 9px;
    }
}




/*-- --------- --*/
/*-- WTC_DEV-5110 --*/
/*-- --------- --*/
#topicsDetail {
  display: flex;
}
#topicsDetail .content-l ,
#topicsDetail .content-r {
  float: none;
}
@media screen and (max-width: 1150px) {
  #topicsDetail {
    display: block;
  }
}
.content-r .regist-box2 {
    padding: 16px;
    margin-bottom: 30px;
    background: #e8f2fd;
}
.content-r .regist-box2.fix {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 999;
}
.content-r .regist-box2 img {
  display: block;
  width: 200px;
  margin: 0 auto 8px auto;
}
.content-r .regist-box2 span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3em;
  display: block;
}
.content-r .regist-box2 i {
  font-style: normal;
  display: inline-block;
}
.content-r .regist-box2 a {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3em;
  display: block;
  margin-top: 16px;
  padding: 16px 8px;
  background: #bc1521;
  box-shadow: 0 5px 0 #5e0b19;
  transition: all;
  position: relative;
}
.content-r .regist-box2 a:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -10px;
    background: url(/img/cmn/head_icon01.png) no-repeat center;
    background-size: contain;
}
.content-r .regist-box2 a:hover {
  position: relative;
  bottom: -4px;
  box-shadow: none;
}





/*-- クッキーポリシー --*/
.cookieList {
    margin: 24px 0;
}
.cookieList table {
    font-size: 12px;
    line-height: 1.4em;
    word-break: break-all;
    border-collapse: collapse;
    border-spacing: 0;
}
.cookieList table th {
    text-align: center;
    padding: 8px;
    background: #efefef;
    border: solid 1px #ddd;
}
.cookieList table td {
    padding: 8px;
    border: solid 1px #ddd;
}
.cookieList table td:nth-child(n+6) {
    text-align: center;
    width: 60px;
}

#cookie_policy .scrollbar {
    display: none;
}
@media screen and (max-width: 768px) {
    .cookieList {
        margin: 8px 0;
        overflow-x: scroll;
    }
    .cookieList table {
        min-width: 1200px;
    }

    #cookie_policy .scrollbar {
        width: 300px;
        height: 10px;
        display: block;
        margin-bottom: -20px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #cookie_policy .inner {
        width: 1200px;
        height: 1px;
    }
}



.topics-update {
    float: right;
}

/*-- --------- --------- --------- --*/
/*-- WTC_DEV-5142 --*/
/*-- --------- --------- --------- --*/
.topics-update {
    float: right;
}
.topics-writer2 {
    display: flex;
    background-color: #edeeee;
    border: solid 2px #cdcdcd;
    border-radius: 10px;
    margin: 40px 40px 24px 40px;
    padding: 24px;
}
.topics-writer2 > div:last-child {
    flex: 1;
}
.topics-writer2 > div:first-child img {
    width: 80px;
    height: auto;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
    border-radius: 40px;
    font-size: 5px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin: 0 8px 0 0;
}
.topics-writer2 b {
    font-size: 14px;
    line-height: 1.3em;
    display: block;
    margin-bottom: 8px;
}
.topics-writer2 b br {
    display: none;
}
.topics-writer2 p {
    font-size: 14px;
    line-height: 1.5em;
    margin: 8px 0;
}
.topics-writer2 p span {
    font-weight: bold;
    display: flex;
    margin-bottom: 4px;
    clear: both;
    flex-wrap: wrap;
}
.topics-writer2 p span i {
    font-style: normal;
}
.topics-writer2 .btn {
    line-height: 1.3em;
    text-align: right;
}
.topics-writer2 .btn a {
    color: #005fac;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-left: 16px;
}
.topics-writer2 .btn a i {
    font-style: normal;
    text-decoration: underline;
}
.topics-writer2 .btn a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: solid 2px #005fac;
    border-right: solid 2px #005fac;
    transform: rotate(45deg);
    margin: 0 0 2px 4px;
}
@media screen and (max-width: 768px) {
    .topics-writer2 {
    display: block;
    margin: 24px 24px 16px 24px;
    padding: 16px;
    }
    .topics-writer2 > div:first-child img {
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 8px;
    }
    .topics-writer2 b br {
        display: inline;
    }

}


/*-- WTC_DEV-5538 --*/
.tobBanner {
    text-align: center;
    margin: 40px 0;
}
.tobBanner a {
    display: inline-block;
}
.tobBanner a img {
    display: block;
    max-width: auto;
}
.tobBanner .pc {display: block;}
.tobBanner .sp {display: none;}
@media screen and (max-width: 768px) {
    .tobBanner {
        margin: 24px 0;
    }
    .tobBanner .pc {display: none;}
    .tobBanner .sp {display: block;}
}



/*-- --------- --------- --------- --*/
/*-- WTC_DEV-5471 --*/
/*-- --------- --------- --------- --*/
.topicsBanner {
  margin: 16px 0;
}
.topicsBanner img {
  display: block;
  width: 100%;
}
a#topics_banner_bottom {
    margin: 16px 0;
    display: block;
}
a#topics_banner_bottom .pc {display: block;}
a#topics_banner_bottom .sp {display: none;}
.bdbanner iframe {
  display: block;
  margin: 0 auto;
  opacity: 0;
}
@media screen and (max-width: 800px) {
  a#topics_banner_bottom .pc {display: none;}
  a#topics_banner_bottom .sp {display: block;}
}






/*-- --------- --------- --------- --*/
/*-- WTC_DEV-5911 --*/
/*-- --------- --------- --------- --*/
.seminar-list-detail {
    color: #001945;
    margin: 40px 0;
}
.seminar-list-detail p {
    margin: 16px 0;
}
.seminar-list-detail h2 span {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.2em;
    display: inline-block;
    padding: 4px 8px;
    background: #001945;
    border-bottom: solid 3px #e3dfc3;
}

.seminar-list-detail .main {
    background: #f5f5ee;
    border: solid 1px #e3dfc3;
    padding: 24px;
    margin: 16px 0;
}
.seminar-list-detail .caution {
    font-size: 14px;
}
.seminar-list-detail .cta {
    text-align: center;
}
.seminar-list-detail .cta a {
    color: #005fac;
    font-size: 16px;
    text-decoration: underline;
    display: inline-block;
    margin: 8px;
}
.seminar-list-detail .cta br {
    display: none;
}
.seminar-list-detail .cta a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: solid 2px #005fac;
    border-right: solid 2px #005fac;
    transform: rotate(45deg);
    margin: 0 0 2px 4px;
}
.seminar-list-detail .cta a.btn {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    padding: 10px;
    background: #bc1521;
    text-decoration: none;
    display: block;
    margin: 16px auto;
    width: 90%;
    max-width: 400px;
    border-bottom: solid 3px #5e0b19;
}
.seminar-list-detail .cta a.btn:after {
    content: none;
}
.seminar-list-detail .cta span {
    display: inline-block;
}
.recommend_people br {
    display: none;
}
.recommend_people h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    padding-left: 30px;
    background: url("/img/seminar/seminar_point_icon.svg") no-repeat top left / 24px 24px;
}
.recommend_people ul li {
    font-size: 15px;
    line-height: 1.4em;
    display: list-item;
    margin-left: 32px;
    margin-top: 8px;
    list-style: disc;
}
@media screen and (max-width: 768px) {
    .seminar-list-detail {
        margin: 0 0 20px 0;
    }
    .seminar-list-detail h2 {
        font-size: 20px;
    }
    .seminar-list-detail .main {
        padding: 8px;
    }
    .seminar-list-detail .cta br {
        display: inline;
    }
    .seminar-list-detail .cta a.btn {
        width: 100%;
    }
}

/*-- --------- --------- --------- --*/
/*-- WTC_DEV-6266 --*/
/*-- --------- --------- --------- --*/
#entry .regist-box {
    display: none!important;
}
.seminar-list .pagination ul {
    float: none;
    text-align: center;
    margin: 40px 0;
}
.seminar-list .number {
    display: none;
}
.seminar-list .jobCount {
    text-align: center;
    display: flex;
    align-items: center;
    background: #efefef;
    padding: 8px;
}
.seminar-list .jobCount > div {
    width: 50%;
    padding: 8px;
}
.seminar-list .jobCount ._pc {display: inline-block;}
.seminar-list .jobCount ._sp {display: none;}




.seminar-list .jobCount > div:first-child {
    font-weight: bold;
    vertical-align: middle;
}
.seminar-list .jobCount i {
    color: #ffffff;
    line-height: 1.0em;
    font-style: normal;
    background: #001945;
    display: inline-block;
    padding: 8px 16px;
    margin: 8px 16px;
}
.seminar-list .jobCount i:before {
    content: "現在の";
}
.seminar-list .jobCount > div:first-child b {
    color: #005fac;
    font-size: 30px;
}
.seminar-list .jobCount > div:first-child p {
    display: inline-block;
    bottom: -4px;
    position: relative;
}
.seminar-list .jobCount > div:first-child p span {
    color: #bc1521;
}




.seminar-list .jobCount p {
    line-height: 1.4em;
    margin: 0 0 8px 0;
}
.seminar-list .jobCount a {
    background: #bc1521;
    color: #fff;
    text-align: center;
    font-size: 120%;
    display: inline-block;
    padding: 15px 10px;
    border-bottom: 5px solid #5e0b19;
    font-weight: bold;
    max-width: 420px;
    width: 100%;
    margin: 0 auto 0 auto;
}
@media screen and (max-width: 768px) {
    .seminar-list .jobCount {
        margin: 0 -20px;
        padding: 4px;
    }
    .seminar-list .jobCount > div {
        padding: 4px;
    }
    .seminar-list .jobCount ._pc {display: none;}
    .seminar-list .jobCount ._sp {display: inline-block;}
    .seminar-list .jobCount p {
        margin: 0;
    }

    .seminar-list .jobCount i {
        color: #001945;
        font-weight: normal;
        background: none;
        margin: 0 0 8px 0;
        padding: 0;
    }
    .seminar-list .jobCount i:before {
        content: none;
    }
    .seminar-list .jobCount a {
        padding: 8px;
    }
    .seminar-list .pagination {
        margin: 0;
    }
    .seminar-list .pagination ul {
        margin: 16px 0;
    }
    .seminar-list .acd_container {
        margin: 0;
        padding: 0;
    }
}


.topics-sec h1 {
    margin: 16px 0;
}
.topics-sec .thumb {
    display: block;
    width: 100%;
    margin: 16px 0;
}




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

    section.breadcrumb.pc {
        display: none;
    }
    section.breadcrumb.sp {
        display: block;
    }
    section.breadcrumb {
        padding: 1% 20px 20px;
    }
    #bread_crumb > div > p > a {
        color: #001945;
        text-decoration: underline;
    }
}
@media screen and (min-width:768px) {
    #bread_crumb {
        display: none;
    }
}
.topics-content h2 {
    position: relative;
}
.topics-content h2 i {
    position: absolute;
    top: -100px;
}
.h3title {
    display: none;
}

/*-- WTC_DEV-6282 --*/
.topics-content,
#btnTop_destination,
#btnBottom_destination {
    margin: 16px 0;
}
.fuwatto_btn_yellow {
    text-decoration: none!important;
    margin: 0 auto;
    display: block;
}
.summary .botan,
.summary .mokuji,
.summary .mokuji_menu {
    display: none;
}
.topics-content a:empty {
    display: none;
}
.topics-content img[src*=img12],
.topics-content img[src*=banner_240111],
.topics-content img[src*=banner_5471pc],
.topics-content img[src*=banner_5471sp]{
    display: none!important;
}
#insertSource img {
    display: block;
}
.summary img {
    display: none!important;
}
.topics-content .mokuji_menu {
    display: none;
}

/* WTC_DEV-6795 */
.featured-seminar ul{
    background: #EEEEEE;
    padding: 30px;
}
.featured-seminar li {
    position: relative;
    text-decoration-line: none;
    text-decoration-color: #005fac;
    color: #011A47;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 3px;
    transition: 0.3s;
}
.featured-seminar li:last-child{
    margin-bottom: 0;
}
.featured-seminar li::after{
    position: absolute;
    content: "";
    border-top: #011A47 2px solid;
    border-right: #011A47 2px solid;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
}
.featured-seminar li a{
    display: block;
    width: 94%;
    padding: 10px;
}
.featured-seminar li a:hover{
    opacity: 1;
}
.featured-seminar li:hover{
    opacity: 0.6;
}

.main-content .content-l section.resume-sec{
    padding: 25px 3% 0 3%;
}
.resume-box3 .col-4{
    display: flex;
    justify-content: flex-start;
    column-gap: 32px;
}
.resume-box3 .col-4 .col-box {
    box-sizing: border-box;
    flex: 0 0 calc((100% - 32px * 3) / 4);
  }
.seminar-area .col-4 .col-box:nth-child(4n){
    margin-right: 0;
}
.resume-box3 .col-4 .col-box:nth-child(4n){
    margin-right: 0;
}
.seminar-area .col-4 .col-box .detail-link-s p a{
    max-width: none;
}

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

    .featured-seminar ul {
        padding: 20px;
    }
    .resume-box3 .col-4{
        justify-content: space-between;
    }
    .seminar-area .col-4 .col-box,
    .resume-box3 .col-4 .col-box{
        width: 48%;
        margin: 0;
        flex: none;
    }
    .seminar-area .col-4 .col-box .detail-link-s p a{
        font-size: 100%;
        max-width: none;
    }
    .col-box:last-child p a{
        border-bottom: none;
    }
    .resume-box3 .col-4 .col-box:nth-child(n+4){
        width: 48%;
    }
    .seminar-area .wrap .col-4{
        flex-wrap: wrap;
        gap: 13px;
    }
    .resume-box3 .col-4{
        column-gap: 0px;
    }
    .resume-box3 .col-4 .col-box {
        flex: none;
      }
}


















/*-- --------- --------- --------- --*/
/*-- WTC_DEV-7151 --*/
/*-- --------- --------- --------- --*/
.jobList {
    margin: 0 0 40px 0;
}
.jobList dl {
    background: #efefef;
}
.jobList dl dt {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    background: #001945;
    padding: 8px;
}
.jobList dl dd {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    padding: 16px;
}
.jobList dl dd a {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    padding: 8px;
}
.jobList dl dd a:after {
    content: "詳しく見る";
    color: #005fac;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    display: block;
    border: solid 1px #005fac;
    padding: 4px;
    margin-top: 8px;
}
.jobList dl dd a b {
    font-size: 16px;
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 3.9em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jobList dl dd a ul {
    margin: 12px 0;
}
.jobList dl dd a li {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.3em;
    display: block;
    margin: 4px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jobList dl dd a li:first-child:before {
    content: "想定年収：";
}
.jobList dl dd a li:last-child:before {
    content: "勤務地：";
}
@media screen and (max-width: 1024px) {
    .jobList dl dd {
        gap: 8px;
        padding: 8px;
    }
}
@media screen and (max-width: 768px) {
    .jobList dl dd {
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 480px) {
    .jobList dl dd {
        grid-template-columns: repeat(1,1fr);
    }
}



/* WTC_DEV-7304 */
.sp .container {
    margin-top: 16px;
}
.dlpo_btn span {
    display: block;
    width: 100%;
}
.dlpo_btn .nonprm {
    display: none;
    width: 100%;
}
@media screen and (min-width: 800px) {
    #dlpo_btn {
        display: none;
    }
}

/* --------------------------------------------
入社までの流れ
-------------------------------------------- */
.sub-menu .col-6 .col-box{
    width: calc((100% / 6) - 0.5%);
}
.sub-menu .col-6 .col-box .detail-link-s p a{
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    line-height: 1.4;
}
.sub-menu .col-6 .col-box .detail-link-s.current p a,
.sub-menu .col-6 .col-box .detail-link-s p a:hover{
    background: #DDF2FD;
}
.preparation-acc h3{
    position: relative;
    background: #005fac;
    padding: 8px 16px;
    border-radius: 5px 5px 0 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.preparation-acc h3::after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 2%;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
    transition: 0.3s;
}
.preparation-acc h3.active{
    border-radius: 5px;
}
.preparation-acc h3.active::after{
    transform: translateY(-50%) rotate(135deg);
}
.preparation-acc .acc-content{
    /* display: none; */
    border: #005fac 1px solid;
    padding: 10px;
}
.main-content .content-l section.preparation-sec{
    background: #f5f5f5;
    padding: 0;
    margin-bottom: 30px;
}
.main-content .content-l section.preparation-sec:last-of-type{
    margin-bottom: 0;
}
.preparation-sec .sec-ttl{
    position: relative;
    width: 100%;
    height: 90px;
}
.preparation-sec .sec-ttl h4{
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    color: #fff;
}
.preparation-sec.genshoku .sec-ttl{
    background: url(../img/service/preparation/flow_ttl01.jpg) right center no-repeat;
    background-size: cover;
}
.preparation-sec.tenshokusaki .sec-ttl{
    background: url(../img/service/preparation/flow_ttl02.jpg) right center no-repeat;
    background-size: cover;
}
.preparation-sec.other .sec-ttl{
    background: url(../img/service/preparation/flow_ttl03.jpg) right center no-repeat;
    background-size: cover;
}
.preparation-sec .pre-checkList{
    padding: 15px;
}
.preparation-sec .pre-checkList li{
    margin-bottom: 10px;
}
.preparation-sec .pre-checkList li:last-child{
    margin-bottom: 0;
}
.preparation-sec .pre-checkList h5{
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.preparation-sec .pre-checkList h5 .check-ic{
    display: inline-block;
    width: 18px;
    vertical-align: top;
    margin-right: 3px;
}
.preparation-sec .pre-checkList li .note{
    font-size: 14px;
    padding-left: 1em;
}
.preparation-sec .pre-checkList .pre-point{
    background: #dfdfdf;
    padding: 15px;
}
.preparation-sec .pre-checkList .pre-point h6{
    display: inline-block;
    background: #005fac;
    font-size: 16px;
    line-height: 1;
    padding: 8px 12px;
    color: #fff;
    margin-bottom: 10px;
}
.preparation-sec .pre-checkList .pre-point .point-List li{
    margin-bottom: 15px;
}
.preparation-sec .pre-checkList .pre-point .point-List li:last-child{
    margin-bottom: 0;
}
.preparation-sec .pre-checkList .pre-point .point-List li .ttl{
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    color: #005fac;
    text-decoration: underline;
    margin-bottom: 5px;
}
.preparation-sec .pre-checkList .pre-point .point-List li .txt{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    padding-left: 1.2em;
}
.preparation-arrow{
    display: inline-block;
    position: relative;
    margin: 30px 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 30px #005fac solid;
    border-right: 30px transparent solid;
    border-left: 30px transparent solid;
}
.pre-point.flex{
    justify-content: space-between;
}
.pre-point.flex .point-flex-item{
    width: calc((100% / 3) - 2%);
}
.pre-point.flex .point-flex-item h6{
    display: block;
    text-align: center;
}
.point-flex-item .point-flex-list.flex{
    flex-wrap: wrap;
    justify-content: space-between;
}
.point-flex-item .point-flex-list li{
    position: relative;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
    padding-left: 1em;
}
.point-flex-item .point-flex-list.flex li{
    width: 48%;
}
.point-flex-item .point-flex-list li::before{
    position: absolute;
    content: "◯";
    font-size: 14px;
    top: 0;
    left: 0;
}
.preparation-join{
    width: 100%;
    background: url(../img/service/preparation/flow_join.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px;
    color: #fff;
}
.preparation-join h3{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}
.preparation-join .txt{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .sub-menu .col-6 .col-box{
        width: 100%;
        padding: 0 3%;
    }
    .sub-menu .col-6 .col-box:last-child p a{
        border-bottom: 0.5px solid #dcdcdc;
    }
    .sub-menu .col-6 .col-box .detail-link-s p a{
        display: block;
        height: auto;
    }
    .preparation-acc h3 {
        padding: 6px 13px;
        font-size: 18px;
    }
    .preparation-acc h3::after {
        width: 6px;
        height: 6px;
        right: 4%;
    }
    .preparation-sec .sec-ttl {
        height: 60px;
    }
    .preparation-sec .sec-ttl h4 {
        font-size: 20px;
        left: 5%;
    }
    .preparation-sec .pre-checkList {
        padding: 10px;
    }
    .preparation-sec .pre-checkList .pre-point {
        padding: 8px;
    }
    .preparation-sec .pre-checkList .pre-point h6 {
        font-size: 14px;
        padding: 6px 10px;
    }
    .preparation-sec .pre-checkList .pre-point .point-List li .ttl {
        font-size: 14px;
        line-height: 1.3;
        text-indent: -1em;
        padding-left: 1em;
    }
    .preparation-sec .pre-checkList .pre-point .point-List li .txt {
        font-size: 12px;
        line-height: 1.4;
        padding-left: 1em;
    }
    .pre-point.flex{
        flex-wrap: wrap;
    }
    .pre-point.flex .point-flex-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .preparation-join h3 {
        font-size: 24px;
    }
    .preparation-join .txt {
        font-size: 14px;
    }
    .preparation-arrow {
        margin: 20px 0;
        border-top: 20px #005fac solid;
        border-right: 20px transparent solid;
        border-left: 20px transparent solid;
    }
}

/* ========================================================================================
WTC_DEV-8756 「MS-Japan（MS Agent）への登録を断られることはありますか？」の静的ページの作成
======================================================================================== */
.sub-menu .col-box{
    width: calc((100% / 7) - 0.5%);
}
.sub-menu .col-box .detail-link-s p a{
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    line-height: 1.4;
}
.sub-menu .col-box .detail-link-s.current p a,
.sub-menu .col-box .detail-link-s p a:hover{
    background: #DDF2FD;
}
.service-box.faq-box .faq_Wrap h2{
    background: #e8f2fd;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    border-bottom: 2px solid #0c5fac;
    padding: 12px 0 12px 20px;
    margin: 40px 0 20px;
}
.service-box.faq-box .faq_Wrap h2:first-child{
    margin-top: 0;
}
.service-box.faq-box .faq_Wrap h3{
    border-left: 8px solid #0c5fac;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    padding-left: 0.5em;
    margin: 30px 0 10px;
}
.service-box.faq-box .faq_Wrap > p{
    font-size: 16px;
    line-height: 1.6;
}
.service-box.faq-box .faq_Wrap > p > a{
    color: #0c5fac;
    text-decoration: underline;
}
.service-box.faq-box .faq_Wrap span.bold{
    font-weight: bold;
}
.service-box.faq-box .faq_Wrap span.line{
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: #e8f2fd;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}
.service-box.faq-box .faq_Wrap .cta_Area{
    background: url(../service/faq_cta_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 25px;
    margin: 30px 0 40px;
    text-align: center;
}
.service-box.faq-box .faq_Wrap .cta_Area p{
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.service-box.faq-box .faq_Wrap .cta_Area p::before,
.service-box.faq-box .faq_Wrap .cta_Area p::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #333;
    top: 50%;
    left: -10%;
    transform: translateY(-50%) rotate(45deg);
}
.service-box.faq-box .faq_Wrap .cta_Area p::after{
    left: 100%;
    transform: translateY(-50%) rotate(-45deg);
}
.service-box.faq-box .faq_Wrap .cta_Area a.cta_Btn{
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    background: #2c74a7;
    background: linear-gradient(135deg, rgba(72, 84, 144, 1) 0%, rgba(44, 116, 167, 1) 50%, rgba(83, 166, 190, 1) 100%);
    padding: 13px 0;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    transition: 0.3s;
    box-shadow: 0 0 6px #65739a;
}
.service-box.faq-box .faq_Wrap .cta_Area a.cta_Btn:hover{
    opacity: 0.7;
    box-shadow: none;
}
.service-box.faq-box .faq_Wrap .matome{
    border: 2px solid #e67307;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}
.service-box.faq-box .faq_Wrap .matome span.obi{
    display: inline-block;
    background: #e67307;
    color: #fff;
    padding: 3px 5px;
}
.service-box.faq-box .faq_Wrap .service-list-Box{
    border: 1px solid #0c5fac;
    margin-bottom: 30px;
    padding: 20px ;
}
.service-box.faq-box .faq_Wrap .service-list-Box h3{
    margin-top: 0;
}
.service-box.faq-box .faq_Wrap .service-list-Box ul{
    margin: 10px 0 0 2em;
}
.service-box.faq-box .faq_Wrap .service-list-Box ul li{
    position: relative;
}
.service-box.faq-box .faq_Wrap .service-list-Box ul li::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #0c5fac;
    border-radius: 50%;
    top: 0.5em;
    left: -1em;
}
p.outline_link{
    margin: 20px 0 30px;
}
p.outline_link a{
    text-decoration: underline;
    color: #005fac;
}

@media screen and (max-width: 768px) {
    .sub-menu .col-box{
        width: 100%;
        padding: 0 3%;
    }
    .sub-menu .col-box:last-child p a{
        border-bottom: 0.5px solid #dcdcdc;
    }
    .sub-menu .col-box .detail-link-s p a{
        display: block;
        height: auto;
    }
    .service-box.faq-box .faq_Wrap h2 {
        font-size: 18px;
        line-height: 1.2;
        padding: 10px;
        margin: 40px 0 10px;
    }
    .service-box.faq-box .faq_Wrap h3{
        font-size: 16px;
    }
    .service-box.faq-box .faq_Wrap > p {
        font-size: 14px;
    }
    .service-box.faq-box .faq_Wrap .cta_Area {
        padding: 20px;
        margin: 20px 0 40px;
    }
    .service-box.faq-box .faq_Wrap .cta_Area p{
        font-size: 14px;
    }
    .service-box.faq-box .faq_Wrap .cta_Area p::before,
    .service-box.faq-box .faq_Wrap .cta_Area p::after{
        width: 20px;
    }
    .service-box.faq-box .faq_Wrap .cta_Area a.cta_Btn{
        font-size: 16px;
    }
    .service-box.faq-box .faq_Wrap .matome{
        padding: 15px;
    }
    .service-box.faq-box .faq_Wrap .matome p{
        font-size: 14px;
        line-height: 1.6;
    }
    .service-box.faq-box .faq_Wrap .matome span.obi {
        display: inline;
        padding: 5px;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        line-height: 2;
    }
    .service-box.faq-box .faq_Wrap .service-list-Box{
        padding: 13px;
    }
    .service-box.faq-box .faq_Wrap .service-list-Box ul li{
        font-size: 14px;
    }
    .service-box.faq-box .faq_Wrap .service-list-Box ul li::before {
        width: 7px;
        height: 7px;
    }
}

/* ========================================================================================
WTC_DEV-9623 MSAgent＞グローバルメニュー改修
======================================================================================== */
.navi .button-toggle{
    display: none;
}
.site-header{
    overflow: inherit;
}
.site-header .gnavi li{
    position: relative;
}
.site-header .gnavi li.arrow > a.sp{
    display: none;
}
.site-header .gnavi li.arrow > a::after{
    position: absolute;
    content: "";
    border-top: #aaa 2px solid;
    border-right: #aaa 2px solid;
    width: 6px;
    height: 6px;
    top: 48%;
    right: 5px;
    transform: translateY(-50%) rotate(135deg);
    transition: 0.3s;
}
.site-header .gnavi li.arrow a span{
    padding: 0 20px 0 10px;
}
.site-header .gnavi li > .dropdown{
    position: absolute;
    display: block;
    width: 200%;
    top: 105%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 0 10px #555;
    transition: 0.3s;
}
@media screen and (min-width: 801px) {
.site-header .gnavi li > .dropdown{
    opacity: 0;
    visibility: hidden;
}
.site-header .gnavi li.arrow:hover .dropdown{
    opacity: 1;
    visibility: visible;
}
}
.site-header .gnavi li > .dropdown > li{
    width: 100%;
    font-size: 18px;
    line-height: 1;
    border-bottom: #eee 1px solid;
}
.site-header .gnavi li > .dropdown > li::before{
    position: absolute;
    content: "";
    border-top: #555 1px solid;
    border-right: #555 1px solid;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 5px;
    transform: translateY(-50%) rotate(45deg);
}
.site-header .gnavi li > .dropdown > li:last-child{
    border-bottom: none;
}
.site-header .gnavi li > .dropdown > li > a{
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    transition: 0.3s;
}
.site-header .gnavi li > .dropdown > li:first-child > a{
    padding: 7px 5px 10px;
}
.site-header .gnavi li > .dropdown > li:last-child > a{
    padding: 10px 5px 7px;
}
.site-header .gnavi li > .dropdown > li > a:hover{
    opacity: 1 !important;
    background: #eee;
}

@media screen and (max-width: 800px) {
    .site-header .navi {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .navi .button-toggle{
        display: block;
    }
    .navi .button-toggle {
        width: 70px;
        height: auto;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
    }
    .site-header .gnavi{
        display: none;
        /* transform: translateX(100vw); */
        transition: 0s;
    }
    .site-header .gnavi.open{
        /* transform: translateX(0); */
    }
    .site-header .gnavi li{
        font-size: 14px;
    }
    .site-header .gnavi li.arrow > a{
        display: none !important;
    }
    .site-header .gnavi li.arrow > a.sp{
        display: block !important;
        position: relative;
    }
    .site-header .gnavi li.arrow > a::after {
        right: 3%;
    }
    .site-header .gnavi li.arrow a:hover span:after{
        content: none;
    }
    .site-header .gnavi li.arrow a span {
        padding: 15px 5px;
    }
    .site-header .gnavi li > .dropdown{
        position: relative;
        width: 100%;
        top: 0;
        background: #f8f8f8;
        padding: 0 10px;
        box-shadow: none;
        display: none;
        border-top: 1px solid #000;
        transition: 0s;
    }
    .site-header .gnavi li.arrow > a.sp.active .dropdown{
        display: block;
    }
    .site-header .gnavi li.arrow > a.sp.active::after{
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
    .site-header .gnavi li > .dropdown > li{
        border-top: none;
        font-size: 14px;
    }
    .site-header .gnavi li > .dropdown > li > a{
        text-align: left;
    }
    .site-header .gnavi li > .dropdown > li:first-child > a{
        padding: 13px 5px 10px;
    }
    .site-header .gnavi li > .dropdown > li:last-child > a{
        padding: 10px 5px 13px;
    }
}

/* ========================================================================================
WTC_DEV-10994 MSAgent＞自社名アフィの対策ページ作成：コーディング
======================================================================================== */
.regist-box_no-border{
    border: none;
}
.regist-box_no-border p{
    font-weight: 600;
    text-align: center;
}
.link-underline{
    color: #001945;
    text-decoration: underline;
}
.voice-sec{
    margin: 50px auto;
}
.voice-sec ul{
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
}
.voice-sec ul li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 48%;
    padding: 34px 34px 20px;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 20px;
}
.voice-text{
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.voice-user{
    display: flex;
    align-items: center;
    gap: 10px;
}
.voice-user p{
    font-size: 15px;
}
.voice-user img{
    width: 50px;
}
.small-note{
    text-align: left;
    font-size: 12px;
    line-height: 1.6em;
}
section:nth-child(2).regist-sec-display {
    display: block;
    margin: 0 auto 50px;

}

@media (max-width: 500px) {
    .voice-sec{
        margin: 25px auto;
    }
    .voice-sec ul{
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .voice-sec ul li {
        flex-direction: column;
        width: 100%;
        padding: 23px 23px 16px;
        border-radius: 15px;
    }
  
    .voice-text {
        min-height: auto;
        height: auto;
        margin-bottom: 16px;
    }
  }
  @media (max-width: 785px){
    .voice-text {
        font-size: 100%;
    }
    .voice-user p{
        font-size: 100%;
    }
    .voice-user img{
        width: 38px;
    }
  }

/* ========================================================================================
WTC_DEV-11429 JMSC-フッターのサービスロゴ一覧表示の修正
======================================================================================== */
.bnrf-list.col-4 .col-box{
    position: relative;
    width: calc((100% / 6) - 2%);
    border-right: none;
}
.bnrf-list.col-4 .col-box:first-child{
    border-left: none;
}
.bnrf-list.col-4 .col-box::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    right: -9%;
    background: #dcdcdc;
}
.bnrf-list.col-4 .col-box:first-child::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: -9%;
    background: #dcdcdc;
}

@media screen and (max-width: 800px) {
    section.border-t.bnrf-sec .wrap{
        padding-top: 0;
        border-top: none;
    }
    .bnrf-list.col-4 .col-box {
        width: 100%;
    }
    .bnrf-list.col-4 .col-box::after,
    .bnrf-list.col-4 .col-box:first-child::before{
        content: none;
    }
}

/* ========================================================================================
WTC_DEV-11524 MSAgent＞相談会ページ改修
======================================================================================== */
.seminar-list-detail .list_cont {
    border-radius: 5px;
    border: solid 1px #001945;
    padding: 10px 30px 15px;
    margin: 30px 0 15px;
    position: relative;
}
.seminar-list-detail .list_cont span {
    position: absolute;
    top: -13px;
    background: #fff;
    font-weight: bold;
    padding: 0 10px 1px;
    font-size: 18px;
    border-bottom: solid 2px #efefef;
}
.seminar-list-detail .list_text {
    padding-top: 15px;
}
.seminar-list-detail .list_text li {
    position: relative;
    padding-left: 15px;
    font-size: 15px;
    line-height: 1.8;
}
.seminar-list-detail .list_text li:before {
    content: "";
    position: absolute;
    top: .7em;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #001945;
    border-radius: 50%;
}
.seminar-list-detail .list_text ol {
	counter-reset: listnum;
}
.seminar-list-detail .list_text ol li {
    padding-left: 20px;
    margin-bottom: 10px;
}
.seminar-list-detail .list_text ol li:before {
    counter-increment: listnum;
	content: counter(listnum) ".";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.seminar-list-detail .arrow {
	position: relative;
	display: block;
	padding: 0 0 0 40px;
	vertical-align: middle;
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}
.seminar-list-detail .arrow::before,
.seminar-list-detail .arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.seminar-list-detail .arrow::before {
	left: 25px;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 8px solid transparent;
	border-left: 8px solid #001945;
}
.seminar-list-detail .arrow::after {
	left: 15px;
	width: 8px;
	height: 6px;
	border-left: 10px solid #001945;
}
.seminar-list-detail .arrow span {
    background: linear-gradient(transparent 40%, rgb(255, 247, 179) 60%);
}
.seminar-list-detail p span {
    background: linear-gradient(transparent 40%, rgb(255, 247, 179) 60%);
}
.seminar-list-detail p span.bg {
    background: #e3dfc3;
    padding: 5px;
    margin: 0 5px;
}
.seminar-list-detail .caption {
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 1.5;
}
.seminar-list-detail .main {
    margin: 20px 0;
}
.seminar-list-detail .main .title {
    font-weight: bold;
    font-size: 18px;
}
.seminar-list-detail h3 {
    background: #001945;
    color: #fff;
    padding: 2px 25px;
    border-radius: 2px;
    display: inline-block;
    margin-top: 25px;
    font-size: 18px;
}
.seminar-list-detail .note {
    font-size: 15px;
}
.seminar-list-detail .note .gray {
    background: #efefef;
    padding: 0 25px;
    display: inline-block;
    margin: 15px 0 0;
}

@media screen and (max-width: 768px) {
    .seminar-list-detail .list_cont {
        border-radius: 5px;
        padding: 10px 15px 15px;
        margin: 30px 0 15px;
    }
    .seminar-list-detail .list_cont span {
        font-size: 16px;
    }
    .seminar-list-detail .list_text li {
        padding-left: 12px;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    .seminar-list-detail .list_text li:before {
        top: .6em;
    }
    .seminar-list-detail .list_text ol li {
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .seminar-list-detail .list_text ol li:before {
        counter-increment: listnum;
        content: counter(listnum) ".";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
    }
    .seminar-list-detail .arrow {
        padding: 0 0 0 30px;
        font-size: 16px;
    }
    .seminar-list-detail .arrow::before {
        left: 15px;
    }
    .seminar-list-detail .arrow::after {
        left: 5px;
    }
    .seminar-list-detail p span.bg {
        padding: 2px;
    }
    .seminar-list-detail .caption {
        font-size: 11px;
        letter-spacing: 0em;
        line-height: 1.5;
    }
    .seminar-list-detail .main {
        margin: 20px 0;
        padding: 10px 15px;
    }
    .seminar-list-detail .main .title {
        font-size: 16px;
    }
    .seminar-list-detail h3 {
        padding: 1px 25px;
        margin-top: 20px;
        font-size: 16px;
    }
    .seminar-list-detail .note {
        font-size: 14px;
    }
    .seminar-list-detail .note .gray {
        padding: 0 15px;
    }
}