@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: 0.5em 0.5em 0.5em 2em;
}

ul.mokuji li.mokuji,
ol.mokuji li.mokuji {
    line-height: 1.5;
    padding: 0.5em 0;
}

.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 3%;
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 999;
    border-bottom: 1px solid #DDDDDD;
}

.site-header .logo {
    float: left;
    height: 84px;
    width: 15%;
    display: table;
    padding: 15px 0;
}

.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 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;
    margin: 3px 0 0 0;
    padding: 3px 0 ;
    line-height: 1em;
}

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


/*==================================================
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: 20%;
    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: 0;
    line-height: 1.4em;
}

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

.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: 87%;
    padding: 0 10px;
}

.link-box.col-2 .txt-box {
    width: 70%;
    padding: 8px;
}

.link-box.col-2 .img-box {
    width: 30%;
    text-align: right;
    padding: 8px;
}

@media screen and (max-width: 480px) {
    .link-box.col-2 .txt-box {
        width: 100%;
    }
    .link-box.col-2 .img-box {
        width: 100%;
    }
}

.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: 81px;
}

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

@media screen and (max-width:800px) {
    section.breadcrumb {
        color: #5f5f5f;
        font-size: 12px;
        letter-spacing: 0.05em;
        display: inline-block;
        padding-top: 30px;
        background: #f5f5f5;
        width: 100%;
        box-sizing: border-box;
        overflow-x: auto;
        white-space: nowrap;
    }
    section.breadcrumb p a {
        color: #5f5f5f;
        font-size: 12px;
    }
}

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 h1 {
    color: #fff;
    font-size: 18px;
    font-size: 1.8em;
}


/*カラム*/

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.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-4 .col-box {
    width: 21.4379085%;
}
/*
.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-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;
    background: #005fac;
    color: #fff;
    padding: 8px 10px;
    border-bottom: 5px solid #001945;
    font-weight: bold;
    max-width: 250px;
    width: 100%;
}

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 {
    padding: 0 3% 40px;
    font-size: 12px;
}

.sub-menu a .detail-link-s p,
.sub-menu .detail-link-s p a {
    background: #fff;
    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;
}


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

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

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

.content-r .bg-white {
    background: #fff;
}

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


/*==================================================
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: -200px;
}

.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-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 .txt-box h3 {
    font-size: 110%;
    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;
}

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

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

.cat-keirizaimu,
.cat-jinjisoumu,
.cat-houmu,
.cat-gaishiglobal,
.cat-ipo,
.cat-kaikeishi,
.cat-bengoshi,
.cat-zeirishi,
.cat-kaikeizomustaff,
.cat-kinyu,
.cat-uscpa,
.cat-shikaku,
.cat-keiki,
.cat-consult,
.cat-houritsu,
.cat-yakuin,
.cat-shakaihoken,
.cat-1,
.cat-6,
.cat-2,
.cat-2244,
.cat-2245,
.cat-7,
.cat-3,
.cat-2252,
.cat-2254,
.cat-4,
.cat-2246,
.cat-2253,
.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;
}

.cat-1,
.cat-keirizaimu {
    background: #BC2C3F;
}

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

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

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

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

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

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

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

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

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

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

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

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

.cat-keiki {
    background: #CC0066;
}

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

.cat-houritsu {
    background: #424D42;
}
.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;
}


/*==================================================
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;
}

.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 .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 h4 {
    color: #023864;
    border-bottom: dashed 2px #023864;}

.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 {
    background: #e8f2fd;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
}

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

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


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


.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-top: 5%;
    margin-bottom: 5%;
}

#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%;
}

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

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

#tab:checked~.privacy-content {
    max-height: 100%;
    padding: 20px;
    background: #eee;
}

#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]+.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 .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%;
    }
}

@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: 1024px) {
    html {
        font-size: 50%;
    }
    body {
        font-size: 13px;
    }
    .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: #f1f8ff;
        box-shadow: 0px 0px 0px 10px #f1f8ff;
        /*線の外側*/
        border: dashed 2px #668ad8;
        /*破線*/
        border-radius: 9px;
        margin-left: 10px;
        /*はみ出ないように調整*/
        margin-right: 10px;
        /*はみ出ないように調整*/
        padding: 0.5em 0.5em 0.5em 2em;
    }
    ul.mokuji li.mokuji,
    ol.mokuji li.mokuji {
        line-height: 1.5;
        padding: 0.5em 0;
    }
    .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: 0;
        overflow: inherit;
    }
    .site-header .logo {
        height: 60px;
        padding: 0 0 0 10px;
        width: 32%;
    }
    .gnavi {
        position: absolute;
        top: 59px;
        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: 60px;
        letter-spacing: -1px;
        font-size: 10px;
    }
    .site-header .login{
        float: right;
        width: 100%;
    }
    .site-header .login li.regist{
        width: 140px;
    }
    .site-header .login li.regist a{
        width: 100%;
        font-size: 13px;
    }
    .site-header .login li.regist :before {
        width: 20px;
        height: 25px;
    }
    .site-header .login li.mypage {
        display: none;
    }
    .site-header .login li.mypage :before {
        width: 20px;
        height: 25px;
    }
    .site-header .login li.button-toggle {
        border: 1px solid #000;
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
    }
    .css-bar {
        display: inline-block;
        position: relative;
        margin: 20px 0 4px;
        padding: 0;
        background: #000;
    }
    .css-bar,
    .css-bar:before,
    .css-bar:after {
        width: 25px;
        height: 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%;
    }
    .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: 8px;
    }
    .bnrf-list.col-4 {
        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;
    }
    .fnavi-s li {
        display: block;
    }
    .link-box.col-2 .img-box {
        text-align: center;
    }
    .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;
        text-align: center;
    }
    .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;
    }
    .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 {
        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 {
        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;
    }
    <!--.breadcrumb {
        margin-bottom: 10px;
    }
    -->
}

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


/*==================================================
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;
}

@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: 80%;
    }
}

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

@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;
    }
    .dlpo_btn {
        margin: 0 auto;
        width: 75%;
        text-align: center;
    }
    .dlpo_btn 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;
    }
    div#dlpo_btn {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #00000073;
        padding: 2% 0;
        z-index: 999;
    }
}

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

@media screen and (max-width: 1024px) {
    .search-list-sec {
        margin-top: -5px;
    }
    .search-list {
        box-shadow: unset;
    }
}

.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: 3% 5%;
    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;
}


/*==================================================
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:63%;
    float:left;
    }
    .topics_right{
    text-align: center;
    }
    .topics_right a{
    text-align: center;
    display: inline-block;
    background: #ff7800;
    color: #fff;
    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;
    max-width: 270px;
    width: 100%;
    border-radius: 9px;
    margin: 1%;
    }
    .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-bottom: 2%;
    }
    .topics_center h4{
    font-size:120%;
    }
}


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






/*-- --------- --------- --------- --*/
/*-- 2022.03.14 / top FV --*/
/*-- --------- --------- --------- --*/

#fv{
    padding: 40px 0;
    background: url(https://www.jmsc.co.jp/img/top/main_img2.jpg) no-repeat center center / 100% auto;
}
#fv .inner{
    max-width: 1240px;
    margin: 0 auto 200px auto;
    display: flex;
    align-items: end;
    padding: 0 20px;
}
#fv .inner div:first-child{
    width: 62.5%;
}
#fv .inner div:last-child{
    width: 37.5%;
    padding: 0 0 25px 30px;
}
#fv img{
    width: 100%;
    height: auto;
}
#fv 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{
        background-size: 100% auto;
    }
    #fv .inner{
        margin-bottom: 60px;
    }
    #fv a{
        font-size: 24px;
    }
}
@media screen and (min-width:0px) and ( max-width:900px) {
    
    #fv a{
        font-size: 20px;
    }
}
@media screen and (min-width:0px) and ( max-width:800px) {
    #fv{
        padding: 20px 0;
    }
    #fv .inner{
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    #fv .inner div:first-child{
        width: 100%;
    }
    #fv .inner div:last-child{
        display: none;
    }
}


/*-- --------- --------- --------- --*/
/*-- 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;
}
#merit ul{
    display: flex;
    justify-content: space-between;
}
#merit ul li{
    width: 32%;
    position: relative;
}
#merit ul li:nth-child(1){
    background: url(../img/top/top_merit01.jpg) no-repeat center center / auto 100%;
}
#merit ul li:nth-child(2){
    background: url(../img/top/top_merit02.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%;
    height: auto;
    opacity: 0;
}
#merit ul li span{
    color: #ffffff;
    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;
}
#merit ul li span i{
    font-size: 20px;
    font-style: normal;
}

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

#graph ul{
    display: flex;
    margin: 0 -20px;
}
#graph ul li{
    width: 33.33%;
    padding: 0 20px;
}
#graph ul li img{
    display: block;
    width: 100%;
    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%;
}
@media screen and (min-width: 0px) and (max-width: 1024px){
    #voice ul li{
        width: 50%;
    }
}
@media screen and (min-width: 0px) and (max-width: 1024px){
    .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;
}
.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.bg-gray {
    box-sizing: border-box;
}
.fnavi-sec img{
    width: 1.5rem;
    margin-right: 5px;
    vertical-align: text-top;
}
@media screen and (max-width: 1024px) {
    .fnavi-sec.bg-gray {
        /*display: none;*/
    }
}
@media screen and (max-width:640px) {
.col-3 .col-box {
    width: 100%;
}
.col-1{
    margin-bottom: 0px;
}
.col-2{
    margin-bottom: 0px;
}
.col-box {
    margin-bottom: 10px;
}
.col-box2 {
    margin-bottom: 30px;
}
}

/*-- --------- --------- --------- --*/
/*-- 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;
}























p.logo img,
footer p img {
    max-width: 80%;
    width: auto;
    margin: 0 auto 20px;
}






/*-- --------- --------- --------- --*/
/*-- WTC_DEV-4562 表示崩れの件 --*/
/*-- --------- --------- --------- --*/
#base_list2 {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}
.business.business_base #content_body #base_list2 li {
    width: 50%;
    padding: 16px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 8px;
    box-shadow: none;
}
.business.business_base #content_body #base_list2 li .inner {
    width: 100%!important;
    height: 100%!important;
    padding: 19px;
    box-sizing: border-box;
    width: 550px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 0 0 #e5e5e5;
}
.business.business_base #content_body #base_list2 li h4 {
    margin-bottom: 20px;
    padding-bottom: 9px;
    font-size: 20px;
    font-weight: bold;
    color: #001f54;
    border-bottom: 1px solid #dadada;
    box-shadow: 0 1px 0 0 #f1f1f1;
}
.business.business_base #content_body #base_list2 li h4 span {
    padding-left: 46px;
    display: block;
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    line-height: 30px;
}
.business.business_base #content_body #base_list2 li.num_1 h4 span {
    background-image: url(/kaikeishi/images/bg_faq_base_01.png);
}
.business.business_base #content_body #base_list2 li.num_2 h4 span {
    background-image: url(/kaikeishi/images/bg_faq_base_02.png);
}
.business.business_base #content_body #base_list2 li.num_3 h4 span {
    background-image: url(/kaikeishi/images/bg_faq_base_03.png);
}
.business.business_base #content_body #base_list2 li.num_4 h4 span {
    background-image: url(/kaikeishi/images/bg_faq_base_04.png);
}
.business.business_base #content_body #base_list2 li.num_5 h4 span {
    background-image: url(/kaikeishi/images/bg_faq_base_05.png);
}
.business.business_base #content_body #base_list2 li.num_6 h4 span {
    background-image: url(/kaikeishi/images/bg_faq_base_06.png);
}

@media screen and (max-width: 768px) {
    .business.business_base #content_body #base_list2 li {
        width: 100%;
    }
}

/*
WTC_DEV-5068
*/
#faq_list p.title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


/* ========================================================================================
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: 60px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
    }
    .site-header .gnavi{
        display: none;
        /* transform: translateX(100vw); */
        transition: 0.3s;
    }
    .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;
    }
    .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-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: 1rem;
}
.site-header .notice {
    overflow: hidden;
}
.site-header .notice p {
    padding: 0 20px 10px;
    line-height: 1.5em;
    font-size: 0.8rem;
}
@media screen and (max-width: 767px) {
    .site-header details {
      width: 100%;
    }
    .site-header summary {
        font-size: 1rem;
    }
    .site-header .notice p {
        font-size: 0.8rem;
    }
}