/*
Theme Name: JESRA ver1.4
Author: 小佐田　展与士
Author URI: https://www.hoku.co.jp/
Description: 厚生労働省委託事業　適正な有料職業紹介事業者の認定制度
*/

/* ===============================================================
メインスタイル
================================================================== */

@charset "UTF-8";
/* CSS Document */

/***************************** reset css */
@import url("common/css/reset.css");
@import url("common/css/header.css?date=202403221");

/***************************** webフォントcss */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');


/***************************** カラー設定 */

/*ヘッダー・フッター
#1A2B70
*/

/*ベースカラー
#EDF4FA
*/

/*差し色
#E9787C
*/

/***************************** 共通css */

html,body{
	height: 100%;
	color: #333333;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1em;
	line-height: 1.8em;
    margin: 0px;
    padding: 0px;
    border: none;
}
body{
    padding-top: 152px;
}

#wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

* {
box-sizing: border-box;
}

main * {
    -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;  
}

/***************************** a */

a:link , a:visited {
	color:#0E81D2;
 text-decoration: none;
}
a:hover {
	color: #D2540E;
}
.fade {  
    -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;  
} 
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
} 

/***************************** ulリセット */

.ul-set{
list-style: none;
margin: 0px;
padding: 0px;
display: block;
}

/***************************** レイアウト */

/*改行*/

.br-pc{
display: block;
}

.br-sp{
display: none;
}

.br-tb{
display: none;
}

/*コンテンツ幅*/
.inner{
width: 100%;
max-width: 986px;
margin: auto;
padding: 0px;
box-sizing: border-box;
}

.inner-wide{
width: 100%;
max-width: 1280px;
margin: auto;
padding: 0px;
box-sizing: border-box;
}

.inner-wide100{
width: 100%;
margin: auto;
padding: 0px;
box-sizing: border-box;
}

.inner-wrap > *{
width: 90%;
margin-left: auto;
margin-right: auto;
}

.inner-wrap > p{
margin: 0 auto 1em auto;
}

/*absolute*/
.abs-hcwc{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.abs-wc{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.abs-hc{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


/*FLEX*/
.column {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.column-tb {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.column-afs {
align-items: flex-start
}

.column-sb{
justify-content: space-between;
}


.column .col-1-3,
.column-tb .col-1-3{
width: 32%;
}

.column .col-2-3,
.column-tb .col-2-3{
width: 65%;
}

.column .col-1-2,
.column-tb .col-1-2{
width: 49%;
}

.column .col-1-4,
.column-tb .col-1-4{
width: 24%;
}

/*テキスト画像置換*/
.replace {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/*コンテンツボトムマージン*/
.content-wrap{
margin-bottom: 50px;
}

/*マージン*/
.mg-t10{
margin-top: 10px;
}

.mg-t20{
margin-top: 20px;
}

.mg-t30{
margin-top: 30px;
}

.mg-t40{
margin-top: 40px;
}

.mg-t50{
margin-top: 50px;
}

.mg-b10{
margin-bottom: 10px;
}

.mg-b20{
margin-bottom: 20px;
}

.mg-b30{
margin-bottom: 30px;
}

.mg-b40{
margin-bottom: 40px;
}

.mg-b50{
margin-bottom: 50px;
}


/***************************** 見出し */

h2{
font-size: 1.4rem;
font-weight: 400;
text-align: center;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
}

h3{
font-size: 1.2rem;
font-weight: 400;
margin-left: auto;
margin-right: auto;
}

.ttl-left{
text-align: left
}


.ttl-style-01 {
display: block;
width: 100%;
overflow: hidden;
}

.ttl-style-01 span{
display: block;
background-color: #EDE8CC;
text-align: left;
padding: 15px 5px 15px 30px;
position: relative;
margin-left: 20px;
}

.ttl-style-01 span::before{
content: '●';
display: block;
width: 40px;
height: 40px;
background-color: #009EF1;
border-radius: 50%;
color: #009EF1;
position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.ttl-style-02{
border-bottom: thin solid #ccc;
padding-bottom: 0.5em;
margin-bottom: 1em;

}

.title1{
background-color: #eee;
border-top: thin solid #ccc;
border-bottom: thin solid #ccc;
}

/***************************** 段落・テキスト */

.fs90{
font-size: 90%;
}

.fc-red{
color: red;
}

.text-style-01 > p {
margin-bottom: 1em;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.text-style-01 p:last-child{
margin-bottom: 0em;
}

.note{/*注意書き*/
font-size: 0.9rem;
}

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


/***************************** ボックススタイル */

.box-01 {
background-color: #E5F8FF;
padding: 20px;
}

.box-02{
background-color: #FFFAC4;
padding: 20px;
}

.box-03{
background-color: #eee;
padding: 20px;
}

.box-04{
background-color: #fff;
padding: 20px;
}

/***************************** 画像 */

.img-block img{
width: 100%;
height: auto;
margin: 1em 0;
text-align: center;
}

.img-block span{
display: inline-block;
width: 100%;
text-align: center;
}

.img-block span img{
text-align: center;
width: auto;
}

/***************************** secスタイル */

.sec-style-01{
border: solid thin #ccc;
padding: 20px!important;
}

/***************************** ULスタイル */

.list-style-01{
list-style: square;
color: #005FA7;
}

.list-style-01 li{
margin-bottom: 1em;
}

.list-style-01 li:last-child{
margin-bottom: 0;
}

.list-style-01 p{
color: #333;
}
/*list-style-02*/
.list-style-02{
list-style: square;
color: #333;
}

.list-style-02 li{
margin-left: 1em;
margin-bottom: 1em;
}

.list-style-02 li:last-child{
margin-bottom: 0;
}

/*list-style-03*/
.list-style-03{
color: #1B77CB;
}

.list-style-03 li{
margin-bottom: 1em;
}

.list-style-03 li p{
color: #333;
}

/***************************** DLスタイル */

/*dl-style-01*/
.dl-style-01 dl{
display: flex;
border-bottom: solid thin #00A0EE;
padding: 10px 0;
}

.dl-style-01 dl:first-child{
border-top: solid thin #00A0EE;
}

.dl-style-01 dl dt{
width: 20%;
font-weight: 500;
}

.dl-style-01 dl dd{
width: 80%;
}

/*dl-style-02*/
.dl-style-02 dl{
display: flex;
margin-bottom: 10px;
}

.dl-style-02 dl:last-child{
margin-bottom: 0px;
}

.dl-style-02 dl dt{
width: 15%;
font-weight: 500;
text-align: center;
background-color: #0061A5;
color: #fff;
min-height: 100px;
padding: 20px;
white-space: nowrap;
}

.dl-style-02 dl dd{
width: 85%;
background-color: #fff;
padding: 20px;
}

/*dl-style-03*/
.dl-style-03{
display: block;
margin-bottom: 10px;
background-color: #FFFAC1;
border-radius: 15px;
padding: 20px;
}


.dl-style-03 dt{
width: 100%;
min-height: auto;
text-align: center;
}

.dl-style-03 dt span{
display: block;
font-size: 2rem;
color: #0061A5;
}

.dl-style-03 dd:nth-of-type(1){
width: 100%;
height: auto;
padding: 20px;
text-align: center;
}

.dl-style-03 dd:nth-of-type(2){
width: 100%;
font-size: 1.2rem;
color: #0061A5;
text-align: center;
}

.dl-style-03 dd span{
}

.dl-style-03 dd span::before{
content: '\f0da';
font-family: "Font Awesome 5 Free";
font-weight: 900;
}

/*dl-style-04*/
.dl-style-04{
display: block;
margin-bottom: 10px;
background-color: #D3F3FF;
border-radius: 15px;
padding: 20px;
}


.dl-style-04 dt{
width: 100%;
min-height: auto;
text-align: center;
}

.dl-style-04 dt span{
display: block;
font-size: 2rem;
color: #0061A5;
}

.dl-style-04 dd:nth-of-type(1){
width: 100%;
height: auto;
padding: 20px;
text-align: center;
}

.dl-style-04 dd:nth-of-type(2){
width: 100%;
font-size: 1.2rem;
color: #0061A5;
text-align: center;
}

.dl-style-04 dd span{
}

.dl-style-04 dd span::before{
content: '\f0da';
font-family: "Font Awesome 5 Free";
font-weight: 900;
}

/*dl-style-05*/
.dl-style-05{
margin-bottom: 10px;
flex-wrap: nowrap;
}

.dl-style-05 dt{
background-color: #eee;
text-align: center;
padding: 10px 30px;
white-space: nowrap;
max-width: 150px;
min-width: 150px;
border: thin solid #ccc;
}

.dl-style-05 dd{
background-color: #fff;
padding: 10px 20px;
border-top: thin solid #ccc;
border-right: thin solid #ccc;
border-bottom: thin solid #ccc;
width: 100%;
}

/*dl-style-06*/
.dl-style-06{
margin-bottom: 10px;
flex-wrap: nowrap;
}

.dl-style-06 dt{
background-color: #AA9F61;
color: #fff;
text-align: center;
padding: 10px 30px;
white-space: nowrap;
max-width: 150px;
min-width: 150px;
border: thin solid #ccc;
}

.dl-style-06 dd{
background-color: #fff;
padding: 10px 20px;
border-top: thin solid #ccc;
border-right: thin solid #ccc;
border-bottom: thin solid #ccc;
width: 100%;
}

/*dl-style-07*/
.dl-style-07{
margin-bottom: 30px;
flex-wrap: nowrap;
}

.dl-style-07 dt{
width: 15%;
white-space: nowrap;
}

.dl-style-07 dd{
width: 85%;
padding-left: 2em;
}

.dl-style-07 dd ul li{
border-top: solid thin #ccc;
}

.dl-style-07 dd ul li:last-child{
border-bottom: solid thin #ccc;
}

/*dl-style-08*/
.dl-style-08{
margin-bottom: 30px;
}

.dl-style-08 dt,
.dl-style-08 dd{

}

.dl-style-08 dt{
margin: 0px;
padding: 0px;
}

.dl-style-08 dt img {
width: 100%;
height: auto;
}

.dl-style-08 dd a{
display: block;
text-align: center;
color: #333;
border: solid thin #cccc;
padding: 15px;
transition: all 0.0s;  
}

.dl-style-08 dd a:hover,
.dl-style-08 dd a:hover span::after{
background-color: #00A0EE;
color: #fff;
}

.dl-style-08 dd a span{
position: relative;
margin-left: -15px;
transition: all 0.0s; 
}

.dl-style-08 dd a span::after{
content: '\f0da';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #1B77CB;
font-size: 2rem;
margin-right: -30px;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


/*dl-faq*/
.dl-faq dl{
margin-bottom: 30px;
border-bottom: solid thin #ccc;
}

.dl-faq dl:first-child{
border-top: solid thin #ccc;
}

.dl-faq dl dt{
padding: 10px 0;
font-weight: 700;
display: flex;
}

.dl-faq dl dt span{
font-weight: 900;
color: #F60019;
font-size: 2rem;
margin-right: 10px;
display: inline;
}

/*.dl-faq dl dt p::before{
content: 'Q';
font-weight: 900;
color: #F60019;
font-size: 2rem;
margin-right: 10px;
}*/

.dl-faq dl dd{
border-top: dotted thin #ccc;
width: 95%;
margin-left: 5%;
padding: 10px 0;
display: flex;
}

.dl-faq dl dd::before{
content: 'A';
font-weight: 900;
color: #1B77CB;
font-size: 2rem;
margin-right: 10px;
}

/***************************** TABLEスタイル */

/*共通*/

table{
width: 100%;
}

table caption.type-1{
padding: 1em 0.5em;
font-size: 90%;
font-weight: bold;
margin-bottom: 2px;
}

table caption.type-2{
position: relative;
font-size: 100%;
font-weight: bold;
margin-bottom: 2px;
}

table caption.type-2 span:nth-of-type(1){
position: absolute;
top: 0;
left: 0;
}

.table-style-01 caption.type-2 span:nth-of-type(2){
background-color: #0EB5B5;
color: #fff;
padding: 2px 10px;
}

.table-style-02 caption.type-2 span:nth-of-type(2){
background-color: #3BBC5E;
color: #fff;
padding: 2px 10px;
}

.table-style-03 caption.type-2 span:nth-of-type(2){
background-color: #FF7E8D;
color: #fff;
padding: 2px 10px;
}

table caption.type-2 span:nth-of-type(3){
position: absolute;
top: 0;
right: 0;
}

.table-style-01 *,
.table-style-02 *,
.table-style-03 *{
line-height: 1.5em;
}

.table-style-01 th,
.table-style-02 th,
.table-style-03 th{
padding: 0.8em 0;
vertical-align: middle;
font-size: 80%!important;
}

.table-style-01 td,
.table-style-02 td,
.table-style-03 td{
font-size: 70%!important;
white-space: nowrap;
padding: 2px 2px;
}

.table-style-01 td:not(:first-child),
.table-style-02 td:not(:first-child),
.table-style-03 td:not(:first-child){
text-align: center;
}

.td-style-02 td:first-child{
text-align: center!important;
}


/*table-style-01*/
.table-style-01{
border-collapse: collapse;
}

.table-style-01 caption.type-1,
.table-style-01 th{
background-color: #0EB5B5;
color: #fff;
font-weight: 500;
}

.table-style-01 td{
background-color: #DAF4F4;
font-size: 90%;
}

.table-style-01 .td-style-wide p {
width: 600px!important;
display: block;
}

.table-style-01 .td-style-wide a{
white-space: nowrap!important;
display: block;
}

.table-style-01 caption.type-1,
.table-style-01 th,
.table-style-01 td {
border: 2px solid #fff;
}




/*table-style-02*/

.table-style-02{
border-collapse: collapse;
}


.table-style-02 caption.type-1,
.table-style-02 th{
background-color: #3BBC5E;
color: #fff;
font-weight: 500;
}

.table-style-02 td{
background-color: #DFF5E7;
font-size: 90%;
}

.table-style-02 caption.type-1,
.table-style-02 th,
.table-style-02 td {
border: 2px solid #fff;
}

/*table-style-03*/

.table-style-03{
border-collapse: collapse;
}


.table-style-03 caption.type-1,
.table-style-03 th{
background-color: #FF7E8D;
color: #fff;
font-weight: 500;
}

.table-style-03 td{
background-color: #FFEBEE;
font-size: 90%;
}

.table-style-03 caption.type-1,
.table-style-03 th,
.table-style-03 td {
border: 2px solid #fff;
}


/*table-style-04*/

.table-style-04{
border-collapse: collapse;
}

.table-style-04 th{
padding: 0.8em 0;
vertical-align: middle;
font-size: 80%!important;
background-color: #eee;
}



/***************************** ボタンスタイル */

.btn{
text-align: center;
}

.btn-style-01{
background-color: #00A0EE;
padding: 6px 30px;
border-radius: 4px;
white-space: nowrap;
color: #fff!important;
font-size: 1rem;
position: relative;
}


/*ダウンロード*/
.btn-style-download{
background-color: #00A0EE;
padding: 6px 30px;
border-radius: 4px;
white-space: nowrap;
color: #fff!important;
font-size: 1rem;
position: relative;
}

.btn-style-download span::before{
content: '\f019';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
margin-right: 10px;
}


/***************************** パンくず */

.breadcrumb ul{
display: flex;
list-style: none;
}

.breadcrumb ul li{
margin: 0 10px 0 0;
padding: 0px;
display: table;
vertical-align: middle;
font-size: 90%;
}

.breadcrumb ul li:nth-of-type(1)::before{
content: '\f015';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #009FEF;
margin-right: 5px;
}

.breadcrumb ul li::after{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #333;
padding: 0 0 0 10px;
font-size: 0.5rem;
display: table-cell;
vertical-align: middle;
}

.breadcrumb ul li:last-child::after{
content: '';
}



/* ===============================================================
フッター
================================================================== */

footer{
background-color: #1A2B70;
padding: 20px 0px;
color: #fff;
text-align: center;
}

footer strong{
text-align: center;
display: table;
margin: 0 auto 50px auto;
background-image: url("common/images/logo.png");
background-repeat: no-repeat;
background-size: auto 100%;
padding-left: 0px;
padding-left: 120px;
height: 90px;
}

footer strong span{
white-space: nowrap;
display: table-cell;
vertical-align: middle;
font-size: 1.4rem;
font-weight: 400;
}

footer nav{
display: flex;
justify-content: center;
font-size: 0.8rem;
}

footer nav > ul{
padding: 0px 30px
}



footer nav ul li{
text-align: left;
white-space: nowrap;
font-size: 0.9rem;
position: relative;
padding-left: 1em;
}

footer nav > ul > li{
margin-bottom: 10px;
}


footer nav > ul > li > ul > li{
font-size: 90%;
}

footer nav ul li a:link,
footer nav ul li a:visited{
color: #fff;
}

footer nav > ul > li::before{
content: '\f105';
font-size: 1rem;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #009FEF;
padding-right: 0.8rem;
position: absolute;
left: 0;
}


footer nav > ul > li > ul > li::before{
content: '\f105';
font-size: 1rem;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
padding-right: 0.8rem;
position: absolute;
left: 0;
}



footer .copyright{
font-size: 0.8rem;
margin: 20px 0 0 0;
}

/* ===============================================================
Coming Soon
================================================================== */

#comingsoon article{
text-align: center;
font-size: 120%;
padding: 200px 0px;
background-image: url("common/images/logo.png");
background-repeat: no-repeat;
background-position: center 0px;
}

.coming span {
background-color: #eee;
border: solid thin #ccc;
padding: 20px;
}

/* ===============================================================
NEWS＆TOPICS
================================================================== */

.news-topics ul{
margin-bottom: 50px;
}

.news-topics ul li {
display: flex;
border-bottom: solid thin #ccc;
padding: 0.5em 0;
}

@media screen and (max-width: 559px) {
.news-topics ul li {
flex-wrap: wrap;
}
}/**/

.news-topics ul li:first-child{
border-top: solid thin #ccc;
}

.news-topics ul li p:first-child{
display: flex;
}

.news-topics ul li span{
margin-right: 1em;
}

.news-topics ul li .date{
white-space: nowrap;
}

.news-topics ul li .cate-info{
background-color: #F90000;
color: #fff;
padding: 0px 20px;
font-size: 0.8rem;
margin-right: 1em;
white-space: nowrap!important;
height: 2em;
line-height: 2em;
}

.news-topics ul li .cate-news{
background-color: #005FA7;
color: #fff;
padding: 0px 20px;
font-size: 0.8rem;
white-space: nowrap!important;
height: 2em;
line-height: 2em;
}

.news-topics ul li .cate-news a,
.news-topics ul li .cate-info a{
color: #fff;
}

.news-topics ul li a{
color: #333;
}

#news .wp-pagenavi{
margin: auto 20px;
text-align: center;
}

#news #post .post-data{
width: 90%;
margin: auto;
}

#news .link-news-list{
text-align: center;
margin: 100px auto;
}

#news .link-news-list a{
background-color: #009EF1;
color: #fff;
padding: 10px 20px;
}


#index .link-news-list{
text-align: center;
margin: 0px auto 50px auto;
}

#index .link-news-list a{
background-color: #009EF1;
color: #fff;
padding: 5px 20px;
}
/***************************** custmars_urvey */
a.line {
    text-decoration: underline;
}
.custmars {
    display: flex;
    width: 90%;
    margin: 0 auto;
}
.text-style-01 > p.custmars_subttl {
    font-weight: bold;
    margin-bottom: 5px;
}
.custmars_listimg {
    width: 80%;
}
.custmars_listimg img {
    margin: 0;
}
.custmars.ver2 {
    justify-content: center;
}
.custmars_list {
    width: 14%;
    list-style-type: none;
    margin-right: 30px;
}
.custmars_list li.ver1 {
    color: #1F729F;
}
.custmars_list li.ver2 {
    color: #A3AE54;
}
.custmars_list li.ver3 {
    color: #D93C3C;
}
.btn.is-custmars {
    display: block;
    width: 240px;
    margin: 20px auto 0;
    text-align: center;
}
.custmars_result {
    width: 40%;
    margin-right: 30px;
}
.resultimg {
    width: 60%;
}
.custmarsLink {
    width: 90%;
    margin: 0 auto;
}
.custmarsLink li a {
    position: relative;
    padding-left: 20px;
    text-decoration: underline;
}
.custmarsLink li a::before {
    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #0E81D2;
    padding: 0 0 0 10px;
    font-size: 0.5rem;
    display: table-cell;
    vertical-align: middle;
    left: 0;
    top: 0;
}
.resultimg .img-block img {
    margin-top: 0;
}
.resultimg.img-block img {
    margin-top: 0;
}
.text-style-01 > p.resultimg-txt {
    margin-bottom: 5px;
}
.customer_btn {
    width: 260px;
    margin: 40px auto 0;
}
.customer_btn a {
    background: #00A0EE;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    text-align: center;
}
.tkslogo_wrap {
    padding: 50px 0;
    box-sizing: border-box;
    background-color: #eee;
}
.tkslogo_wrap .tkslogo-lst {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
    max-width: 1280px;
}
.tkslogo_wrap .tkslogo-lst li {
    list-style-type: none;
    line-height: 1;
}
.tkslogo_wrap .tkslogo-lst li a {
    display: inline-block;
    line-height: 1;
}
.tkslogo_wrap .tkslogo-lst li a picture {
    font-size: 0;
    line-height: 0;
}
@media screen and (min-width: 896px) {
    .custmarsLink li a:hover::before {
        color: #D2540E;
    }
    .custmarsLink li a:hover {
        text-decoration: none;
    }
    a.line:hover {
        text-decoration: none;
    }
    .customer_btn a:hover {
        opacity: 0.4;
    }
}
@media screen and (max-width: 896px) {
    .customer_btn {
        margin-top: 20px;
        width: 180px;
    }
    .customer_btn a {
        height: 40px;
    }
}
/* [-] レスポンシブ対応
=========================================================================================== */

/* for - 1023px
=========================================================================================== */
@media screen and (max-width: 1023px) {

/***************************** レイアウト */
/*コンテンツ幅*/
.inner{
padding: 0 10px;
}

}

/* for - 959px
=========================================================================================== */
@media screen and (max-width: 959px) {

/***************************** レイアウト */

.br-tb{
display: block;
}

/*FLEX*/
.column-tb {
display: block;
}

.column-tb .col-1-3,
.column-tb .col-2-3,
.column-tb .col-1-2,
.column-tb .col-1-4{
width: 100%;
}

/***************************** 画像 */

.img-block span img{
text-align: center;
width: 100%;
}

/***************************** ボックススタイル */

.box-01 {
background-color: #E5F8FF;
padding: 20px;
}

.box-02{
background-color: #FFFAC4;
padding: 20px;
}

.box-03{
background-color: #eee;
padding: 20px;
}

.box-04{
background-color: #fff;
padding: 20px;
}




/* ===============================================================
フッター
================================================================== */

footer strong{
text-align: center;
display: table;
margin: 0 auto 50px auto;
/*background-image: url("common/images/logo.png");*/
background-repeat: no-repeat;
background-size: auto 60px;
background-position: center top;
padding-left: 0px;
height: 0px;
/*height: 100px;*/
}

footer strong span{
white-space: nowrap;
display: table-cell;
vertical-align: bottom;
font-size: 1.3rem;
}

footer nav{
display: block;
width: 90%;
margin: auto;
border-bottom: dotted thin #fff;
padding-bottom: 10px;
}

footer nav > ul{
padding: 0px;
}

footer nav > ul > li{
padding-top: 10px;
border-top: dotted thin rgba(255,255,255,0.30);
}


footer nav > ul > li > ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
text-align: left!important;
}

footer nav > ul > li > ul > li{
width: 50%;
}

footer nav li a{
text-align: left!important;
}
.tkslogo_wrap {
    padding: 50px 10px;
}
.tkslogo_wrap .tkslogo-lst {
    gap: 10px;
    max-width: 100%;
}
.tkslogo_wrap .tkslogo-lst li {
    width: calc(50% - 5px);
}
.tkslogo_wrap .tkslogo-lst li img {
    width: 100%;
    height: auto;
}
}
/* for - 559px
=========================================================================================== */
@media screen and (max-width: 559px) {

/***************************** 共通css */

html,body{
	font-size: 0.85em;
}
body{
    padding-top: 0;
}

main{
margin-top: 0px;
}

/***************************** レイアウト */

.br-pc{
display: none;
}

.br-sp{
display: block;
}

/*FLEX*/
.column {
display: block;
}

.column .col-1-3,
.column .col-2-3,
.column .col-1-2,
.column .col-1-4{
width: 100%!important;
}


/***************************** パンくず */

.breadcrumb{
display: none;
}

/***************************** 段落・テキスト */
.fs90{
font-size: 100%;
}

/***************************** 画像 */


.img-block span img{
text-align: center;
width: 100%;
}

/***************************** DLスタイル */
.dl-style-01 dl{
display: block;
}

.dl-style-01 dl dt{
width: 100%;
text-align: center;
border-bottom: dotted thin #ccc;
padding-bottom: 1em;
}

.dl-style-01 dl dd{
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
}

/*dl-style-02*/
.dl-style-02 dl{
display: block;
margin-bottom: 10px;
}


.dl-style-02 dl dt{
width: 100%;
min-height: auto;
}

.dl-style-02 dl dd{
width: 100%;
height: auto;
}

/*dl-style-05*/
.dl-style-05{
margin-bottom: 10px;
}

.dl-style-05 dt{
border-top: thin solid #ccc;
border-right: thin solid #ccc;
border-left: thin solid #ccc;
border-bottom: none;
}

.dl-style-05 dd{
border: thin solid #ccc;
}

/*dl-style-06*/
.dl-style-06{
margin-bottom: 10px;
}

.dl-style-06 dt{
border-top: thin solid #ccc;
border-right: thin solid #ccc;
border-left: thin solid #ccc;
border-bottom: none;
}

.dl-style-06 dd{
border: thin solid #ccc;
}

/*dl-style-07*/

.dl-style-07 dt{
margin-bottom: 1em;
}

.dl-style-07 dd{
width: 100%;
}



/* ===============================================================
フッター
================================================================== */

footer strong{
text-align: center;
display: table;
margin: 0 auto 20px auto;
background-image: url("common/images/logo.png");
background-repeat: no-repeat;
background-size: auto 40px;
background-position: center top;
padding-left: 0px;
padding-bottom: 20px;
height: 0px;
height: 120px;
width: 100%;
}

footer strong span{
font-size: 1rem;
}

footer nav{
width: 90%;
margin: auto;
display: block;
border-bottom: dotted thin #fff;
padding-bottom: 10px;
}

footer nav ul{
padding: 0px 0px
}

footer nav > ul > li > ul{
display: block;
}

/***************************** custmars_urvey */
.custmars {
    display: block;
}
.custmars_listimg {
    width: 100%;
}
.custmars_listimg img {
    margin-top: 1em;
}
.custmars_list {
    display: flex;
    margin-right: 0;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.custmars_result {
    width: 100%;
    margin: 0 0 20px 0;
}
.resultimg {
    width: 100%;
}
.btn.is-custmars {
    width: 220px;
}
}