@charset "utf-8";

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

button{
    border:none;
    cursor: pointer;
}

button:hover{
    opacity: 0.7;
}



html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.mt0{
    margin-top:0px!important
}
.mt30 {
    margin-top: 30px!important;
}

.mt20{
    margin-top:20px!important;
}
.mt50 {
    margin-top: 50px!important;
}

.mt80 {
    margin-top: 80px!important;
}

.mb50 {
    margin-bottom: 50px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.txt_c {
    text-align: center;
}

.mt0{
    margin-top:0px!important;
}


.pb50{
    padding-bottom:50px!important;
}

.pb30{
    padding-bottom:30px!important;
}


.pb80{
    padding-bottom:80px!important;
}
.pb100 {
    padding-bottom: 100px!important;
}

.pt50{
    padding-top:50px!important;
}
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.6em;
    -webkit-text-size-adjust: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    word-break: break-all;
    background:#ededed;
}

p{
    text-align: justify;
text-justify: inter-ideograph;
}


img {
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    filter: alpha(opacity=70)!important;
    -moz-opacity: 0.7!important;
    opacity: 0.7!important;
}

a img:hover {
    text-decoration: none;
    filter: alpha(opacity=70)!important;
    -moz-opacity: 0.7!important;
    opacity: 0.7!important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
}

hr {
    display: block;
    height: 1px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

li {
    list-style-type: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0;
    visibility: hidden;
}

.contents_area{
    width:1080px;
    margin:0px auto;
}

.backnumberlist dl{
    padding:10px 0px;
    border-bottom:1px dotted #ccc;
}

.backnumberlist dl dd a{
    font-size:16px;
    display: block;
    font-weight: 500;
}

.backnumberlist dl dd a span{
    font-size:14px;
    display: block;
}

.contents_head{
    background: url(../img/contnets_head.jpg) no-repeat center center;
    background-size:cover;
    height:200px;
    margin-top:86px;
}


.list_left{
    width:243px;
    float:left;
}

.joken_list li{
    border-bottom:1px solid #666;
    padding:20px 5px;
    font-size:14px;
    line-height: 1.5em;
}




.joken_list li h3{
    margin-bottom:20px;
    background:#6699ff;
    border-radius: 5px;
    padding:10px;
    font-size:14px;
    overflow: hidden;
    color:#fff;
    line-height: 2.2em;
}
.joken_list li a{
    display: inline-block;
    background:#333;
    float:right;
    color:#fff;
    font-size:14px;
    padding:8px 20px;
    border-radius: 5px;
    line-height: 1em;
    letter-spacing: 0px;
}

.joken_list li h3 i{
    margin-right:7px;
    font-size:20px;
    line-height: 1em;
    margin-top: -3px;
    vertical-align: middle;
}

.searchtab2 li i{
margin-right:7px;
}
.list_right{
    width:800px;
    float:right;
}
section.contents .listtitle{
    padding:40px 5px 20px;
}
section.contents .listtitle h3{
    background:none;
    font-size:24px;
    overflow: hidden;
    width:100%;
    
}

.columntitle{
    background:url('/column/img/title_bk2.jpg') no-repeat right center #ccc;
    background-size:cover;
    font-size:18px;
    color:#fff;
    padding:20px 10px;
    margin-bottom:20px;
    margin-top:50px;
}

.columntitle span{
    margin-left:20px;
    font-size:14px;
}

.detailtitle{
    font-size:16px;
    padding:5px;
    overflow: hidden;
    margin-top:30px;
    border-bottom:1px solid #666;
}

.detailtitle span{
    float:right;
    font-size:14px;
}

.title_takishima {
    background: url(../img/takishimaeye.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 150px 80px 130px;
    font-size: 56px;
    margin-top: 50px;
    letter-spacing: 2px;
}

.title_takishima span {
    font-size: 24px;
    display: block;
    margin-top: 30px;
    font-family: 'Oswald', sans-serif;

}

h1.jobdetail{
    font-size:24px;
    padding:10px 0px;
    line-height: 1.5em;
}
.searchinfo{
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    padding:20px 5px;
    text-align: right;
}

.searchmodal{
    background:#ededed;
    width:100%;
    position: absolute;
    top:-2000px;
    left:0px;
    z-index:150;
    padding:20px 0px 50px;
     -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.searchmodal_on{
    top:0px;
}
.searchmodal .searchdetail{
    width:1080px;
    margin:0px auto;
}

.searchmodal .close{
    width:1080px;
    padding:10px;
    text-align: right;
    margin:0px auto 10px;
}

.searchmodal .close img{
    cursor: pointer;
}

.keywordtitle{
    margin-bottom: 20px;
    background: #6699ff;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 2.2em;
    margin-top:20px;
}

.wttxt{
    color:#fff!important;
}
.bgblk{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    position: fixed;
    z-index:149;
    top:0px;
    left:0px;
    display: none;
}

.nodata{
    font-size:20px;
    font-weight: bold;
    padding:60px 0px 0px;
    text-align: center;
    
}
.listNav{
    text-align: center;
    font-size:16px;
    line-height: 1em;
    margin-bottom:16px;
}

.listNav span{
    padding:10px;
    cursor: pointer;
    display: inline-block;
}

.listNav span.listCurrentPage{
    background:#fff;
}


.listtitle div{
    float:right;
    font-size:14px;
}

.listtitle h3{
    padding-bottom:10px;
    border-bottom:1px solid #666;
    margin-bottom:10px;
}


.listtitle div span{
    font-size:24px;
}
header{
    padding:20px 0px;
    background:#fff;
    position: fixed;
    top:0px;
    width:100%;
    z-index:100;
        -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header img {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header h1{
    float:left;
    margin-bottom: -40px;
}
header nav ul{
    float:right;
    margin-top:5px;
}

header nav ul li{
    float:left;
    font-size:15px;
    font-weight: 500;
    margin-right:5px;
}

header.smaller {
    padding: 3px 0px 7px;
}
header.smaller img {
    width: 130px;
    margin-top: 10px;
}

header.smaller a.red_btn,header.smaller a.blue_btn{
    margin-top:-8px;
}

header nav ul li a{
    display: block;
    padding:8px 10px;
}

header nav ul li.btnarea a{
    background:#FD8966;
    border-radius:100px;
    color:#fff;
}

header nav ul li.btnarea{
    margin-right:0px;
    margin-left:10px;
}

header nav ul li.sub ul{
    opacity:0;
        -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
}
header nav ul li.sub:hover ul{
    opacity:1;
	display: block;
    visibility: visible;
}

header nav ul li.sub a{
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background:url(../img/arrow.png) no-repeat bottom center;
    background-size:11px;
}
ul li.sub{
    position: relative;
}
ul li.sub ul{
	position: absolute;
	top: 33px;
	left: 0;
}
ul li.sub ul li{
	display: block;
    width:100%;
}
header nav ul li.c01:hover a{
    background-color: #f1f1f1;
    
    
}

header .contents_area{
    width:1180px!important;
}
ul li.c01 ul li a{
	background: #f1f1f1;
    font-size:13px!important;

}

ul li.c01 ul li a:hover{
	background: #f8f8f8;
opacity:1!important;
}

a.blue_btn{
            -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background:#006bd9;
    color:#fff!important;
    margin-top: -25px;
    margin-left: 20px;
    margin-right: 5px;
    border-radius: 0px 0px 5px 5px;
}

a.red_btn{
            -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #cc0000;
    color:#fff!important;
    margin-top:-25px;
    
    border-radius: 0px 0px 5px 5px;
}


a.red_btn2 {
    background: #cc0000;
    color: #fff!important;
    margin-top: 30px;
    display: block;
    padding: 15px;
    line-height: 1em;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    width: 350px;
    margin-left: 40px;
    text-align: center;
}
header nav ul li.c02:hover a{
    background-color: #f1f1f1;
}
ul li.c02 ul li a{
	background: #f1f1f1;
    font-size:13px!important;

}

ul li.c02 ul li a:hover{
	background-color: #f8f8f8;
    opacity:1!important;


    
}

.mainarea{
    background:url(../img/main.jpg) no-repeat center top;
    background-size:cover;
    height:400px;
    margin-top:86px;
    padding:150px 0px;
}

.mainarea h2{
    color:#fff;
    font-size:26px;
    font-weight: 500;
    line-height: 0.6em;
    margin-left:40px;
}

.mainarea h2 span{
    padding:15px 10px 15px;
    background:#000;
    display: inline-block;
}

.mainarea h2 span.fs15{
    font-size:15px;
    margin-left:-40px;
    line-height: 1em;
    margin-top:-10px;
    padding:5px 10px 5px;
}

section.contents{
    position: relative;
    padding:100px 0px 50px;
}
.pt0{
    padding-top:0px!important;
}
section.contents h2{
    background:#000;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    width:250px;
    padding-top:38px;
    height:110px;
    padding-bottom:10px;
    font-size:32px;
    letter-spacing: 3px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    font-weight: 300;
    position: absolute;
    left:0px;
    right:0px;
    top:-30px;
}


section.contents .list_left h2.list_title{
    background:#000;
    color:#fff;
    font-family: 'Noto Sans JP', sans-serif; 
    width:100%;
    padding:10px;
    padding-top:120px;
    font-size:16px;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    font-weight: 500;
    letter-spacing: 0px;
    height:auto;
    position: relative;
    top:0px;
}
section.contents h2 span{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    color: #aaa;
    display: block;
    font-weight: 500;
    letter-spacing: 0px;
    margin-top: 10px;
}

section.contents h2.pagetitle{
    background:#000;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    width:340px;
    padding-top:98px;
    height:180px;
    padding-bottom:15px;
    font-size:38px;
    letter-spacing: 3px;
    text-align: center;
    margin-top:-90px;
    font-weight: 300;
    margin-left:0px;
}

section.contents h2.pagetitle span{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    color:#aaa;
    display: block;
    font-weight: 500;
    letter-spacing: 0px;
    margin-top:7px;
}
.bkg{
    background:#ededed;
}

.aboutarea{
    background:url(../img/middle_bk.jpg) no-repeat center center;
    background-size:cover;
}

.about_txt{
    color:#fff;
    font-size:18px;
    line-height: 1.8em;
    width:700px;
    margin:20px auto;
}

.about_title{
    background:url(../img/about_bk.jpg) no-repeat right center;
    background-size:60%;
    font-size:20px;
    padding:200px 30px;
    line-height: 1.5em;
}

.experience{
    background:#fff;
    border-radius: 100px;
    padding:30px 40px;
    background:url(../img/person.png) no-repeat top 10px right 40px #fff;
    background-size:100px;
    width:700px;
    margin:50px auto 30px;
}

.experience a{
    display: block;
}

.experience a:hover{
opacity: 0.5;}

.experience h3{
    font-size:20px;
    color:#6699ff;
    text-align: left;
    font-weight: 500;
    margin-bottom:10px;
}

.experience p{
    font-size:14px;
    line-height: 1.6em;
    padding-right:160px;
    margin:0px!important;
}


.search_left{
    width:100%;
    float:left;
}

.search_right{
width:100%;
float:right;}

.nownum{
    font-size:14px;
    font-weight: bold;
    float:right;
    margin-top:-100px;
}

.nownum span{
    font-size:24px;
}
.searchtab{
    
    display: flex;
    flex-wrap: wrap;
}
.searchtab2{
    
    display: flex;
    flex-wrap: wrap;
    border-bottom:1px solid #333;
}

.searchtab2 li{
    float:left;
    padding:10px 20px;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    font-size:18px;
    font-weight: bold;
    margin-bottom:-1px;
}

.searchtab2 li:first-child{
    border-left:1px solid #333;
}

.searchtab2 li.on{
    border-bottom:1px solid #fff;
}

.searchdetail2{
    padding:20px 0px;
    border-bottom:1px solid #333;
    overflow: hidden;
}

.searchdetail2 label{
    width:33%;
    float:left;
    padding:2px 5px;
    font-size:14px;
    padding-left:1.3em;
    text-indent: -1.3em;
}

.areachoice{
    display: none;
}



.areachoice > div{
    display: block;
    width:100%;
    overflow: hidden;
    margin-bottom:10px;
}

.areachoice label{
    width:20%!important;
}

.areachoice > div > div{
    background:#f4f4f4;
    padding:5px;
    font-weight: bold;
    display: block;
    width:100%;
}


.certificationchoice{
    display: none;
}



.certificationchoice > div{
    display: block;
    width:100%;
    overflow: hidden;
    margin-bottom:10px;
}

.certificationchoice label{
    width:33%!important;
}

.certificationchoice > div > div{
    background:#f4f4f4;
    padding:5px;
    font-weight: bold;
    display: block;
    width:100%;
}


.certificationchoice .title{
    cursor: pointer;
}
.certificationchoice .title::after{
    content:" [▼ 開く]";
    font-size:12px;
    color:coral;
    padding-left:10px;
}
.certificationchoice .bbn::after{
    content:" [▲ 閉じる]";
    font-size:12px;
    color:coral;
    padding-left:10px;
}
.certificationchoice .choicebox{
    display: none;
    background:#fff;
    overflow: hidden;
    font-weight: normal;
}
.searchFlgchoice{
    display: none;
}

.employmentchoice{
    display: none;
}
.s_txt{
    padding:10px;
    border:1px solid #ddd;
    width:430px;
    font-size:16px;
    height:48px;
    border-right:none;
}
.s_txt2{
    padding:10px;
    border:1px solid #ddd;
    width:190px;
    font-size:14px;
    height:48px;
    border-right:none;
}
.s_btn{
    background:url(../img/icon_search.png) no-repeat center center #000;
    background-size:40px;
    height:48px;
    width:48px;
}
.jokenarea{
    padding:10px 0px 20px;
}
.nojoken{
    padding:0px 10px;
}

.itemAll{
    padding:0px 10px;
    line-height: 1.5em;
}

.itemAll strong{
    font-weight: bold;
}
.noview{
    display: none;
}

.jokenarea h3{
    font-size:18px;
    background:#6699ff;
    padding:10px 10px;
    margin-bottom:10px;
    border-radius: 5px;
    color:#fff;
}
.searchbtn_big{
    background:url(../img/icon_search.png) no-repeat left 10px center #000;
    background-size:40px;
    color:#fff;
    font-size:18px;
    font-weight: bold;
    width:300px;
    border-radius: 200px;
    margin:20px auto;
    display: block;
    padding:10px;
    text-align: center;
}
.searchtab li{
float:left;
padding:10px 20px;
    background:#dcdcdc;
    font-weight: bold;
    color:#666;
    font-size:22px;
    margin-right:10px;
    border-radius:5px 5px 0px 0px;
}

.searchtab li span{
    font-size:16px;
}

.searchtab li.on{
    background:#fff;
    color:#000;
}
.searchdetail{
    background: #fff;
    padding:20px;
}


.detail_btn{
    width:260px;
    text-align: center;
    margin:30px auto 50px;
    font-size:18px;
    font-weight: 500;
    background:#fff;
    border-radius: 100px;
    display: block;
    padding:20px 0px;
}

.bkg30{
    height:30px;
    background:#ededed;
}
.topbk{
    height:450px;
}

.bkb{
    background: #f6f7fb;
}

.newjob{
    display: flex;
    flex-wrap: wrap;
}

.newjob li{
width:336px;
margin-right:36px;
background: #fff;
    padding:20px;
margin-bottom:36px;
}

.newjob li span {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1em;
    margin-right: 10px;
    margin-bottom:5px;
    border-radius: 5px;
    background: #6699ff;
}
.list_right .newjob li{
    width:800px;
    margin-right:0px;
    padding:0px;
}


.joblistclick{
    cursor: pointer;
    padding:20px;
}
.list_right .newjob li:hover{
    opacity: 0.7;
}
.newjob li:nth-child(3n){
    margin-right:0px;
}

.newjob li h3{
    font-size:18px;
    font-weight: bold;
    margin-bottom:10px;
}


span.blueicon{
    color:#fff;
    font-size:14px;
    display: inline-block;
    padding:5px 10px;
    line-height: 1em;
    margin-right:10px;
    border-radius: 5px;
    background:#6699ff;
    margin-bottom:5px;
}

.bluetagarea{
    padding:20px 0px;
}

.outputItem{
    overflow: hidden;
    border-bottom:1px solid #666;
    display: flex;
    flex-wrap: wrap;
}

.outputKey{
    width:280px;
    padding:20px 0px;
    font-weight: 500;
}

.outputValue{
    width:800px;
    padding:20px 20px;
    background:#fff;
}


.inputItem{
    overflow: hidden;
    border-bottom:1px solid #666;
    display: flex;
    flex-wrap: wrap;
}

.inputKey{
    width:280px;
    padding:20px 0px;
    font-weight: 500;
}

.inputValue{
    width:800px;
    padding:20px 20px;
    background:#fff;
}

.inputAction{
    text-align: center;
    padding:20px 0px;
    font-size:16px;
    
}

.inputValue input[type="text"],.inputValue input[type="tel"],.inputValue input[type="email"],.inputValue textarea{
    border:1px solid #ddd;
    padding:10px;
    font-size:16px;
    width:80%;
}

.inputValue #zip{
width:20%;
}

.inputValue #address{
    margin-top:5px;
}
.inputValue textarea{
    
    height:200px;    
}

.hissu_txt{
    text-align: right;
    padding:0px 0px 10px;
    font-size:14px;
}

.hissu{
    color:#900;
    margin-left:10px;
}

div.certificationList, div.carrierList{
    display:none;
}
div.inputValue label.wide {
    display: inline-block;
    width: 48%;
    font-size:14px;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.certificationButton{
    padding:10px 0px;
}
.companyarea{
    margin-top:30px;
}

.companytitle{
    font-weight: 500;
    font-size:18px;
    margin-bottom:10px;
    background:#bbb;
    color:#fff;
    padding:10px;
}

.img_c{
    display: block;
    margin:0px auto;
    
}
.companyarea .outputItem{
    border-bottom:none;
}

.commentarea .outputItem{
    border-bottom:none;
}

.companyarea .outputValue{
    background:none;
    padding:20px 0px;
    
}

.commentarea .outputValue{
    background:none;
    padding:20px 0px;
    
}



.companydetail{
    padding:0px 20px;
}
.newjob li p{
    font-size:14px;
    line-height: 1.7em;
    padding:20px 0px;
}

.fee{
    background: url(../img/icon_money.png) no-repeat left center;
    font-size:14px;
    background-size:28px;
    padding-left:40px;
    margin-bottom:10px;
    
    line-height: 2em;
}

.place{
    background: url(../img/icon_place.png) no-repeat left 5px center;
    font-size:14px;
    background-size:18px;
    padding-left:40px;
    
    line-height: 2em;
}


.icon_area{
overflow:hidden;
    margin-top:20px;
    padding-bottom:10px;
}

.bb1{
    border-bottom:1px solid #666;
}

.icon_area .fee{
    float:left!important;
    padding-left:35px!important;
}
.icon_area .place{
    float:left!important;
    padding-left:30px!important;
    margin-right:20px;
}

.icon_area .person{
    float:left;
    
    background: url(../img/icon_person.png) no-repeat left 5px center;
    font-size:14px;
    background-size:18px;
    padding-left:30px;
    margin-right:20px;
    line-height: 2em;
}

.newjob li a{
    display: block;
}

.list_right ul.newjob li{
    background:url(../img/icon_arrow.png) no-repeat right 10px bottom 10px #fff;
    background-size:30px;
}
.icon_area .time{
    float: left;
    background: url(../img/icon_time.png) no-repeat left 5px top 5px;
    font-size: 14px;
    background-size: 18px;
    padding-left: 30px;
    margin-right: 20px;
    line-height: 2em;
}

.list_right .newjob li p {
    padding: 10px 0px!important;
}

.joblist_col2{
    display: flex;
    flex-wrap: wrap;
}

.joblist_col2 li{
width:522px;
margin-right:36px;
background: #fff;
    padding:20px;
margin-bottom:36px;
}

.joblist_col2 li:nth-child(2n){
    margin-right:0px;
}

.joblist_col2 li h3{
    font-size:18px;
    font-weight: bold;
    margin-bottom:10px;
}

.joblist_col2 li span{
    color:#fff;
    font-size:14px;
    display: inline-block;
    padding:5px 10px;
    line-height: 1em;
    margin-right:10px;
    border-radius: 5px;
    background:#6699ff;
    margin-bottom: 5px;
}

.joblist_col2 li p{
    font-size:14px;
    line-height: 1.7em;
    padding:20px 0px;
}

.joblist_col2 li .fee{
    background: url(../img/icon_money.png) no-repeat left center;
    font-size:14px;
    background-size:28px;
    padding-left:40px;
    margin-bottom:10px;
    display: inline-block;
    margin-right:20px;
    line-height: 2em;
}

.joblist_col2 li .place{
    background: url(../img/icon_place.png) no-repeat left 5px center;
    font-size:14px;
    background-size:18px;
    padding-left:40px;
    display: inline-block;
    line-height: 2em;
}

.consul{
    overflow: hidden;
    margin-bottom:36px;
}

.consul_bdt{
        border-top:1px solid #ccc;
    margin-top:10px;
    padding-top:30px;
}

.right_img{
    text-align: right;
}

.right_img img{
    float:right;
}

.left_img{
    text-align: left;
}

.left_img img{
    float:left;
}

.fukidashi2{
    background:#fff;
    border-radius: 10px;
    margin-left:0px;
    position: relative;
    padding:20px;
    display: block;
    font-size:20px;
    font-weight: 500;
    text-align: center;
    line-height: 1.5em;
    margin-bottom:30px;
}

.fukidashi2 img{
    position: absolute;
    left:-16px;
    top:20px;
}

.consultant .list_left img{
    display: block;
    margin:0px auto;
}

.consultant .list_left h3{
    font-size:30px;
    text-align: center;
    margin-top:20px;
}

.consultant .list_left h3 span{
    color:#666;
    display: block;
    font-size:16px;
    margin-top: 10px;
    letter-spacing: 1px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
}

.consultant .list_left .profile{
font-size:14px;
margin-top:20px;
line-height: 1.5em;
background:none;
}

.consultant .list_left h4{
    text-align: center;
    border-radius: 100px;
    padding:10px;
    color:#fff;
    background:#67a8be;
    font-weight: 500;
    font-size:14px;
    margin:40px 0px 20px;
}

.fukidashi{
    background:#fff;
    border-radius: 10px;
    margin-right:20px;
    margin-left:20px;
    position: relative;
    padding:20px;
    width:660px;
    display: inline-block;
}

.fukidashi h3{
    font-size:20px;
    text-align: left;
    margin-bottom:20px;
    overflow: hidden;
    line-height: 1.6em;
}

.fukidashi h3 span{
    font-size:14px;
    color:#666;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    margin-left:10px;
    display: inline-block;
}

.fukidashi h3 a{
    display: inline-block;
    background:#000;
    color:#fff;
    width:200px;
    float:right;
    font-size:14px;
    line-height: 1em;
    padding:10px;
    border-radius: 5px;
    text-align: center;
}
.right_img .fukidashi img{
    position: absolute;
    right:-16px;
    top:20px;
}

.left_img .fukidashi img{
    position: absolute;
    left:-16px;
    top:20px;
}

.commentarea .fukidashi {
    background: #fff;
    border-radius: 10px;
    margin-right: 0px;
    margin-left: 40px;
    position: relative;
    padding: 20px;
    width: 610px;
    display: inline-block;
}

.btnarea{
    text-align: center;
}


h1.pagetitle{
    font-size:30px;
    border-bottom:1px solid #666;
    padding:50px 0px 20px;

}

h1.pagetitle2{
    font-size:30px;
    padding:140px 0px 30px;
    text-align: center;
        padding-bottom:30px;
    background: url(../img/bar_b.png) no-repeat center bottom;
    margin-bottom:30px;
}

h3.title{
    font-size:30px;
    padding:50px 0px 30px;
    text-align: center;
        padding-bottom:30px;
    background: url(../img/bar_b.png) no-repeat center bottom;
    margin-bottom:30px;
}

ul.strength{
    display: flex;
    flex-wrap: wrap;
}

ul.strength li{
    float:left;
    background: #fff;
    border-radius: 5px;
    padding:15px;
    width:525px;
    margin-right:30px;
    margin-bottom:30px;
}

ul.strength li div{
    background:#ca4545;
    color:#fff;
    padding:5px;
    line-height: 1em;
    font-size:24px;
    font-weight: 500;
    border-radius: 5px;
    display: block;
    margin-bottom:15px;
    text-align: center;
    letter-spacing: 2px;
    
}
ul.strength li div span{
    font-size:16px;
}
ul.strength li:nth-child(2n){
    margin-right:0px;
}

ul.strength li img{
height: 300px;
}

ul.strength li p{
    margin-bottom:0px!important;
}
.strength01{
    margin:0px auto;
    display: block;
}
ul.strength li h4{
    font-size:20px;
    margin-bottom:15px;
    line-height: 1.5em;
}
.about_donyu span{
    font-size:20px;
    line-height: 1.8em;
    font-weight: 500;
}

.taikenki .label{
    width:160px;
    background:#6699ff;
    font-size:16px;
    text-align: center;
    color:#fff;
    padding:5px;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom:15px;

}

.taikenki .label span{
    font-size:26px;
    margin-left:5px;
}
.personimg{
    width:150px;
}

.taikenki{
    margin-top:50px;
    border-top:1px solid #ccc;
    padding-top:50px;
}

.nobd{
    margin-top:0px;
    border-top:none;
    padding-top:0px;
}
.taikenki p{
    font-weight: 500;
    margin-bottom:0px!important;
    font-size:18px;
    line-height: 1.5em;
}

.taikenki .fukidashi {
   width: 890px;
    margin-right: 0px;
    margin-left: 40px;
}

.taikenpage .right_img .fukidashi{
    
    margin-right: 40px;
    margin-left: 0px;
}

.taikenki_txt{
    background:#fff;
    border-radius: 5px;
    padding:20px;
}

.taikenki_txt p{
    line-height: 1.7em;
}
.taikenki_profile{
    background:#f4f4f4;
     border-radius: 5px;
    padding:15px;
    font-size:14px;
    line-height: 1.5em;
}
.profiletitle{
    font-size:16px;
    color:#fff;
    background: #6699ff;
    padding:5px;
    border-radius: 5px;
    margin-bottom:10px;
    font-weight: 500;
}

.flowarea dl{
    display: flex;
    flex-wrap: wrap;
    background:#fff;
    border-radius: 10px;
    width:800px;
    margin:0px auto;
    padding:15px;
}

.flowarea dl dt{
    
    
    font-weight: 500;
    font-size:22px;
    line-height: 1.5em;
    width:100%;
    text-align: center;
    padding-bottom:20px;
}

.flowarea dl dd{
    width:100%;
}

.flowarea dl dt div{
    background:#6699ff;
    font-weight: 500;
    font-size:18px;
    padding:8px;
    line-height: 1em;
    border-radius: 5px;
    color:#fff;
    text-align: center;
    margin-bottom:15px;
}

.arrow{
    text-align: center;
    padding:10px;
}
.feature_txt{
    font-size:18px;
    font-weight: 500;
    text-align: center;
    padding:30px 0px 50px;
    line-height: 1.8em;
}

section.privacyPolicySection{
    padding: 1em;
    overflow: hidden;
}

ul.privacyPolicyUl{
    margin: 1em 2em;
    line-height: 220%;
}

ul.privacyPolicyUl > li{
    list-style-type: decimal;
    margin-bottom: 1em;
}

ul.privacyPolicyUl ul{
    padding: 0 1em;
    line-height: 180%;
}

ul.privacyPolicyUl ul li{
    list-style-type:circle;
    margin-left: 2em;
}

div.inquirySection{
    float:right;
}

div.inquirySection div.inquirySectionTitle{
    font-weight: bold;
}
.btn_entry {
    width: 260px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: #000;
    border-radius: 100px;
    display: inline-block;
    padding: 15px 0px;
    color:#fff;
    margin:0px 10px 50px;
}

.error{
    color:#c00;
    display: block;
    padding-bottom:5px;
    font-size:14px;
}

.btn_entry:disabled{
    opacity:0.3;
}

.backButton{
     width: 180px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    background: #6699ff;
    border-radius: 100px;
    display: inline-block;
    padding: 10px 0px;
    color:#fff;
    margin:0px 20px 0px;   
}

.btn_fav {
    width: 260px;
    text-align: center;
    font-size: 18px;
    margin:0px 10px 50px;
    font-weight: 500;
    background: #666;
    border-radius: 100px;
    display: inline-block;
    padding: 15px 0px;
    color:#fff;
}
.btn_favarea{
    display: inline-block;
}
.footnav{
    float:left;
    overflow: hidden;
    margin-top:20px;
}

.footnav li{
    float:left;
    padding-right:20px;
}

.footnav li a{
    font-size:16px;
    font-weight: 500;
    display: block;
}

.eyearea{
    margin-top:20px;
}

.eyearea .title{
    background:url(../img/photo_takishima.png) no-repeat center center;
    background-size:cover;
    width:336px;
    height:250px;
    position: relative;
    float:left;
    margin-right:32px;
    
}


.eyearea .title h4{
    color:#fff;
    position: absolute;
    bottom:5px;
    right:10px;
    font-size:36px;
    text-align: right;
    line-height: 0.9em;
}
.eyearea .title h4 a{
    display: block;
    color:#fff!important;
}
.eyearea .title h4 span{
    display: block;
    font-size:16px;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
}
.eyetxt{
    overflow: hidden;
}
.eyetxt h4{
    font-size:18px;
    margin-bottom:20px;
}

.eyetxt h4 span{
    display: block;
    font-size:14px;
    margin-bottom:15px;
}

h4.eyetitle{
    font-size:24px;
    margin-bottom:20px;
    margin-top:50px;
    margin-bottom:50px;
}

h4.eyetitle span{
    display: block;
    font-size:16px;
    margin-bottom:15px;
}

.eyepage h3{
    font-size:18px;
    margin-bottom:20px;
}

.eyepage p{
    margin-bottom:2em;
}

.wtbk2{
    background: #fff;
    padding:10px 50px 50px;
}

.flr{
    float:right;
}

.bknum{
    float:left;
    margin-top:40px;
}

.detail_btn2 {
    width: 200px;
    text-align: center;
    margin: 10px auto 0px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    border-radius: 100px;
    display: block;
    padding: 20px 0px;
}

ul.icon{
    margin:0px auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    width:1080px;
    text-align: center;
}

ul.icon h3{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight: 500;
    margin-top:10px;

}

ul.icon h3 span{
    font-size:14px;
    display: block;
    text-align: center;
    line-height: 1.4em;
    margin-top:5px;
}

ul.banner_list li{
    padding:0px 20px;
}

ul.features_list{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

ul.features_list li{
    width:336px;
    margin:23px;
}

ul.features_list li div{
    background:#fff;
    padding:10px;
    height:192px;
}

ul.features_list li h3{
    font-size:18px;
    margin-bottom:10px;
}

ul.features_list li p{
    font-size:14px;
    line-height: 1.7em;
}

ul.features_list li a{
    display: block;
}

ul.icon a{
display: block;}
ul.icon p{
    font-size:16px;
    font-weight: 400;
    width:auto;
    margin:10px;
}

ul.icon li{
width:33%;
padding:20px;
}

ul.icon li p{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    font-weight: 500;
    line-height: 1.4em;
    margin-top:10px;
    background:#fff;
    border-radius: 10px;
    padding:10px 12px;
    position: relative;
    border: 1px solid #ddd;
}

ul.icon li p img{
position:absolute;
    width:20px;
    top:-21px;
    right:30px;
}

footer{
    padding:40px 0px;
    background: #fff;
    overflow: hidden;
    margin-top:50px;
}
footer h3{
    font-size:18px;
    margin-bottom:10px;
}
footer p{
    font-size:14px;
    line-height: 1.8em;
    margin-bottom:30px;
}

footer a.logo img{
    float: right;
    display: block;
}


.copyright{
    background:#000;
    padding:20px 0px 200px;
    color:#fff;
    text-align: right;
    font-family: 'Oswald', sans-serif;
    font-size:14px;
    letter-spacing: 2px;
    font-weight: 300;
}
    .pc_only {
        display: block!important;
    }
    .sp_only {
        display: none!important;
    }

    .pc_only_in {
        display: inline-block!important;
    }
    .sp_only_in {
        display: none!important;
    }

.foot_btn{
    background:rgba(0,0,0,0.7);
    padding:10px 10px;
    text-align: center;
    position: fixed;
    z-index: 100;
    bottom:-100px;
    width:100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_view{
    bottom:0px;
}
.footer_noview{
    bottom:-100px!important;
}

.ovh{
    overflow: hidden;
}
.foot_btn .foot_close{
    float:right;
    font-size:16px;
    font-weight: 500;
    cursor: pointer;
    color:#fff;
}

.foot_btn a.btn1{
    background:#006bd9;
    color:#fff;
    font-size:16px;
    width:300px;
    display: inline-block;
    color:#fff;
    padding:10px 20px;
    text-align: center;
    border-radius: 100px;
    margin:10px 20px;
}

.foot_btn a.btn2{
    background:#e55050;
    color:#fff;
    font-size:16px;
    width:300px;
    display: inline-block;
    color:#fff;
    padding:10px 20px;
    text-align: center;
    border-radius: 100px;
    margin:10px 20px;
}


.sp_navi{
display: none;
}


.titlearea{
    height:400px;
    margin-top:89px;
}

.pagearea{
    padding-top:140px;
}

.pagearea p{
    margin-bottom:2em;
}

.wtbk{
    background: rgba(255,255,255,0.9);
    padding:50px 0px;
    margin:0px auto;
    width:700px;
    border-radius: 10px;
}

.wtbk h3{
    font-size:26px;
}

.wtbk p{
    text-align: center;
}

.bigbtn{
    color:#fff;
    font-size:24px;
    background:#006bd9;
    padding:15px 30px;
    margin-top:30px;
    display: inline-block;
    border-radius: 100px;
}

.bigbtn_2{
    color:#fff;
    font-size:20px;
    background:#006bd9;
    padding:10px 20px;
    margin-top:10px;
    margin-bottom:30px;
    display: inline-block;
    border-radius: 100px;
}

.bigbtn2{
    color:#fff;
    font-size:24px;
    background:#e55050;
    padding:15px 30px;
    margin-top:30px;
    display: inline-block;
    border-radius: 100px;
}
.bigbtn2_2{
    color:#fff;
    font-size:20px;
    background:#e55050;
    padding:10px 20px;
    margin-top:10px;
    margin-bottom:30px;
    display: inline-block;
    border-radius: 100px;
}

.contents_btn{
    margin-top:0px!important;
    margin-bottom:20px!important;
}
.bigbtn3_2{
    color:#fff;
    font-size:20px;
    background:#FD8966;
    padding:10px 20px;
    margin-top:10px;
    margin-bottom:30px;
    display: inline-block;
    border-radius: 100px;
}

.bigbtn4{
    color:#fff;
    font-size:24px;
    background:#F69429;
    padding:15px 30px;
    margin-top:30px;
    display: inline-block;
    border-radius: 100px;
}

.donyu{
    overflow:hidden;
    padding:10px 0px;
    position: relative;
}
.donyu img{
    float:right;
    margin-left:10px;
    
}

.donyu2{
    padding:50px 0px 70px;
    overflow: hidden;
}

.careerarea{
    padding-bottom:30px!important;
}
.donyu2 img{
    float:left;
    margin-right:10px;
}




h3.pagetitle{
    font-size:32px;
    z-index:50;
    position: absolute;
    top:100px;
    font-weight: 500;
    line-height: 1.5em;
    font-family: 'Noto Serif JP', serif;
}

h3.pagetitle2{
    font-size:24px;
    font-weight: 500;
    line-height: 1.5em;
    font-family: 'Noto Serif JP', serif;
    margin:30px 0px 10px;
}

.donyu2 .contents_area{
    position: relative;
}

.donyu2 h3.pagetitle2{
    position: absolute;
    text-shadow: 1px 1px 2px #fff;
    right:0px;
    top:30px;
    width:340px;
    margin:10px 0px;
}
.donyu2 p{
    display: block;
    position: absolute;
    top:200px;
    right:0px;
    width:340px;
    font-size:16px;
    text-shadow: 1px 1px 2px #fff;
}

.careerarea p{
    top:130px!important;
}

.donyu p{
    display: block;
    position: absolute;
    top:220px;
    width:340px;
    font-size:16px;
    line-height: 1.7em;
}

.nametxt{
    font-size:14px;
    text-align: right;
    margin-top:-40px;
}
.nametxt2{
    font-size:14px;
    text-align: right;
    padding:5px 10px;
    margin-top:0px;
}

.pagetxt{
    clear:both;
}
.righttxt{
    width:710px;
    margin-left:370px;
}

.righttxt2 {
    width: 720px;
    margin-left: 360px;
}

.pagetxt p{
    font-size:16px;
}

.pagetxt h4{
    margin-bottom:10px;
}

.pagetxt table{
    font-size:16px;
    margin-bottom:2em;
}
.company{
    margin:50px auto;
    font-size:16px;
}
.company dl{
overflow:hidden;
    padding:15px 0px;
    border-bottom:1px solid #ddd;
    
    
}

.company dl dt{
    float:left;
    width:150px;
    font-weight: 500;
}

.company dl dd{
    float:right;
    width:560px;
}

.company h4{
    font-size:16px;
    margin:15px 0px 10px;
    font-weight: 500;
}
.privacy{
    margin-top:50px;
    font-size:14px;
}
.privacy h4{
    font-size:16px;
    margin:30px 0px 5px;
    font-weight: 500;   
}

.subui{
    width:310px;
    float: left;
    margin-top: 60px;
    border-top:1px solid #ddd;
}

.subui li a{
    display: block;
    padding:10px 5px;
    padding-left:26px;
    border-bottom:1px solid #ddd;
    font-size:14px;
}

.subui li:first-child a{
padding-left:10px;
    font-size:16px;
}

.subpage{
     margin-top:20px!important;
}
.subpage li a{
    font-size:16px!important;
    padding:10px 10px 10px!important;
   
}

.subui li a:hover{
    background:#fff;
}
.subui li a.on{
    background:#fff;
    font-weight: 700;
}

.subtitearea{
    background:#999;
    padding:20px;
    height: 70px;
}

.subtitearea h3.subtitle{
    color:#fff;
    font-size:23px;
    margin-left:365px;
    letter-spacing: 1px;
    font-weight: 500;
}

.mb160{
    margin-top:-160px!important;
}
.voicearea{
    overflow: hidden;
    padding-bottom:50px;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}

.voicearea .left{
    width:220px;
    text-align: center;
    float:left;
}

.voicearea .left h3{
    font-size:20px;
    
    margin-top:10px;
}

.voicearea .left h3 span{
    display: block;
    font-size:14px;
    line-height: 1.4em;
}
.voicearea .right{
    width:480px;
    float:right;
}

.voicearea .right h3{
    font-size:20px;
    margin-bottom:10px;
}

.voicearea .right p{
    font-size:16px;
    line-height: 1.5em;
    padding:10px 0px;
}

.voicearea .voicedata{
    background:#eee;
    padding:10px;
    border-radius: 10px;
    font-size:14px;
    line-height: 1.5em;
}

.voicearea .voicedata span{
    margin-left:7em;
    display: block;
}

.steparea{
    overflow:hidden;
    padding:30px 0px;
}

.step{
    background:#6C8193;
    width:70px;
    height:70px;
    border-radius: 100%;
    text-align: center;
    color:#fff;
    font-size:16px;
    padding-top:13px;
    line-height: 1em;
    float:left;
    
}

.step span{
    font-size:30px;
    font-weight: 500;
    display: block;
    line-height: 1em;
}
.stepright{
    width:625px;
    float:right;
    font-size:16px;
    line-height: 1.7em;
}
.steparea h3{
    font-size:24px;
    padding:17px 0px;
}


.servicearea{
    padding:15px 0px;

        font-size:16px;
    line-height: 1.7em;
}

.servicearea h3{
      font-size:20px;
    background:#6C8193;
    color:#fff;
    padding:10px 0px 10px 10px;
    margin-top:15px;
    margin-bottom:10px;
}

h3.rec_title{
    font-size:20px;
    background:#6C8193;
    color:#fff;
    padding:10px 0px 10px 10px;
    margin-top:15px;
    margin-bottom:10px;
    
}

.info_title{
    font-size:24px;
    margin-top:0px;
    padding:10px 0px;
    border-bottom:1px solid #ddd;
}

.info_title span{
    font-size:16px;
    font-weight: 300;
    display: block;
}

.infotxt{
    padding:30px 0px;
}

.btn_blue{
    background:#6C8193;
    color:#fff;
    text-align: center;
    padding:10px 20px;
    border-radius: 100px;
    display: block;
    width:200px;
    margin:30px auto;
    font-size:16px;
    font-weight:500;
    
}

.pagination{
clear:both;
margin-top:20px;
}

.nav-links .page-numbers{
display:inline-block;
padding: 0px 10px;
border:1px solid #ccc;
margin-right:10px;
}

.nav-links{
    text-align: center;
    margin-bottom:40px;
}

.nav-links .current{
background:#6C8193;
color:#fff;
font-weight:500;
}
.screen-reader-text{
display:none!important;
}
.nav-prev-text,.nav-next-text{
    display: none;
    
}

.prev,.next{
    padding-left:4px!important;
    padding-right:4px!important;
}
.page-numbers .svg-icon{
    vertical-align: middle;
    width: 22px;
    height: 24px;
    padding-bottom: 4px;
    line-height: 1em;
}


.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.homeinfobanner{
    width:1080px;
    margin:30px auto 30px;
    overflow: hidden;
    position: relative;
}

.homeleft{
    float:left;
    width:708px;
}

.homeright{
width:335px;
float:right;
    background:#eee;
    height:251px;
    bottom:0px;
    position: absolute;
    right:0px;
}

section.contents .homeinfobanner h3{
    font-size:20px;
    font-weight: 500;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    padding:10px 0px;

}

.homeinfo{
    border:1px solid #ddd;
    padding:10px 20px;
    background: #fff;
    overflow-y: scroll;
    height:251px;
}

.homeinfo ul li{
    overflow: hidden;
    padding:3px 0px;
    font-size:16px;
}

.homeinfo ul li .date{
    float:left;
    width:100px;
    font-weight: 500;
    margin:0px;
    font-size:16px;
}

.homeinfo::-webkit-scrollbar {

  width: 10px;

}

.homeinfo::-webkit-scrollbar-thumb {

  background: #ddd;


}

.homeinfo::-webkit-scrollbar-track {

  background: #eee;

}

.choicelist{
        height:350px;
    overflow-y: scroll;
    
}

.choicelist::-webkit-scrollbar {

  width: 10px;

}

.choicelist::-webkit-scrollbar-thumb {

  background: #ddd;


}

.choicelist::-webkit-scrollbar-track {

  background: #eee;

}

.infotxt p{
    font-size:16px;
    line-height: 1.5em;
    margin-bottom:1.5em;
}

ul.partnerlist{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

ul.partnerlist li{
    width:32%;
    margin-right:2%;
    background:#fff;
    padding:10px 15px 15px;
    text-align: center;
    border-radius: 10px;
    margin-bottom:25px;
}

ul.partnerlist li:nth-child(3n){
    margin-right:0px;
}

ul.partnerlist li a{
    text-align: center;
    font-size:14px;
    display: block;
    margin-bottom:10px;
}

ul.partnerlist li h4{
    margin-top:5px;
}

ul,partnerlist li p{
    line-height: 1.5em;
    margin-top:5px;
}

ul.list{
    list-style: disc;
    
    padding-left:2em;
}

ul.list li{
     list-style: disc;
    padding:5px 0px;

}

.company dd,.company dt{
    line-height: 1.5em;
}

h3.supporttitle{
    font-size:24px;
    font-weight: 500;
    padding:10px 10px;
    line-height: 1.5em;
    border-bottom:1px solid #ddd;
    overflow: hidden;
    margin-top:50px;
    border-top:2px solid #ddd;
    background:#f4f4f4;
}

h4.supporttitle{
    font-size:20px;
    font-weight: 500;
    padding:10px 5px;
    line-height: 1.8em;
    border-bottom:1px solid #ddd;
    overflow: hidden;
    padding-left:1.5em;
}

span.viewlist{
    display: block;
    cursor: pointer;
    width:140px;
    padding:10px 0px;
    line-height: 1em;
    font-size:16px;
    background:#6C8193;
    color:#fff;
    font-weight: 500;
    text-align: center;
    border-radius: 100px;
    float: right;
}
.joblistarea{
    
    display: none;
}

ul.supportjoblist{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

ul.supportjoblist li{
    display: inline-block;
    padding:10px 5px;
    font-size:14px;
    line-height: 1.5em;
    background:url(../img/support_arrow.png) no-repeat left center;
    margin-right:2%;
    border-bottom:1px dotted #ddd;
    background-size:8px;
    padding-left:15px;
    padding-right:0px;
    width:49%;
}

.arrow2 ul.supportjoblist{
    padding-left:30px;
    margin-bottom:30px;
}

.arrow2 ul.supportjoblist li{
    background:url(../img/support_arrow2.png) no-repeat left center;
    background-size:8px;
}

li.gyo2{
    line-height: 3em!important;
}

ul.supportjoblist li:nth-child(2n){
    margin-right:0px;
}

.hissu{
    color:#e55050;
}

.formarea{
    margin:30px auto;
    font-size:16px;
}
.formarea dl{
overflow:hidden;
    padding:15px 0px;
    border-bottom:1px solid #ddd;
    
    
}

.fs16{
    font-size:16px!important;
}

.formarea dl dt{
    float:left;
    width:150px;
    font-size:16px;
    font-weight: 500;
    line-height: 2.4em;
}

.formarea dl dd input[type="text"],.formarea dl dd textarea,.formarea dl dd input[type="email"]{
    border:1px solid #ddd;
    padding:10px;
    font-size:14px;
}
.formarea dl dd textarea{
    width:100%;
}

.formarea dl dd .address{
    width:100%;
    margin-top:5px;
}

.formarea dl dd{
    float:right;
    width:560px;
}

.submitbtn{
    background:#6C8193;
    width:200px;
    line-height: 1em;
    color:#fff;
    font-size:20px;
    text-align: center;
    font-weight: 500;
    padding:15px;
    margin:20px auto;
    display: block;
    border:none;
    border-radius: 100px;
}

span.wpcf7-not-valid-tip{
    font-size:14px!important;
    margin-top:5px!important;
}

.submitbtn:hover{
    opacity: 0.7;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: none;
    text-align: center;
    background: #c00;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}

div.wpcf7-mail-sent-ok {
    border: none;
    text-align: center;
    background: #006bd9;
    color: #fff;
    padding: 10px;
    border-radius: 10px;;
}

select{
    font-size:14px;
}


h2.subtitle{
    font-size:18px;
    background:#ddd;
    padding:10px;
    margin-bottom:10px;
}

.f_entry_check{
    background:#eee;
    padding:5px;
    margin-top:-5px;
    margin-bottom:10px;
}

.donyutxtarea{
    background: #fff;text-align: center;
    padding:50px 0px 80px!important;
    line-height: 1.8em;
}

.profile{
    background:#f4f4f4;
    padding:20px;
    margin:20px 0px 30px;
    border-radius: 5px;
}

.profile h3 span{
    font-size:14px;
}

.profile p{
    margin-bottom:0px;
    font-size:14px;
    line-height: 1.5em;
}

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

.about_title{
    background:url(../img/about_bk.jpg) no-repeat top right;
    background-size:70%;
    font-size:16px;
    padding:140px 0px 10px;
    line-height: 1.5em;
}
    
.donyutxtarea{
    background: #fff;text-align: left;
    padding:20px 0px 50px!important;
    line-height: 1.5em;
    font-size:14px;
}

    .donyutxtarea h3{
        
        line-height: 1.5em;
        font-size:14px;
    }
    
    header .contents_area {
    width: 100%!important;/
    }
    
    
    a.blue_btn {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #006bd9;
    color: #fff!important;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 5px;
}
    
    a.red_btn {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #cc0000;
    color: #fff!important;
    margin-top: 10px;
    border-radius: 5px;
}
    
    header.smaller a.red_btn, header.smaller a.blue_btn {
    margin-top: 10px;
}
    
* {
   -webkit-appearance: none;
}
    
    input[type="checkbox"]{
      -moz-appearance: checkbox;
     -webkit-appearance: checkbox;
    }
    input[type="radio"]{
      -moz-appearance: radio;
-webkit-appearance: radio;
    }    
    .subnavi{
        display: none;
    }
    
    .pc_navi{
        display: none;
    }

 
    
    img {
        max-width: 100%;
        height: auto;
    }
    .pc_only {
        display: none!important;
    }
    .sp_only {
        display: block!important;
    }

    .pc_only_in {
        display: none!important;
    }
    .sp_only_in {
        display: inline-block!important;
    }


    header h1 img{
        width:150px;
        z-index:200;
        position: absolute;
    }
 
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
    width: 24px;
    height: 16px;
    float: right;
        z-index:100;
        margin-top:3px;
        margin-right:10px;
    }
    
    .smaller .menu-trigger{
        margin-top:3px;
    }
    header.smaller {
    padding: 15px 0px;
}
    
    header.smaller img {
    width: 100px;
    margin-top: 0px;
}
    
    .mainarea {
    background: url(../img/main.jpg) no-repeat center top;
    background-size: cover;
    height: 240px;
    margin-top: 62px;
    padding: 50px 0px;
}

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #333;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 7px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-315deg);
        transform: translateY(7px) rotate(-315deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(315deg);
        transform: translateY(-7px) rotate(315deg);
    }

    .sp_navi_btn {
        float: right;
        padding-top: 1px;
        padding-right: 10px;
    }

    .sp_navi {
        background: rgba(256, 256, 256, 0.95);
        padding: 30px 10px 20px;
        position: fixed;
        top: 59px;
        z-index: 120;
        width: 100%;
        display: none;
    }
    .topshort{
        top:40px!important
    }
    .sp_navi ul {
        list-style: none;
    }
    
    .sp_navi ul li{
        width:100%;
    }
    

    .sp_navi ul li a {
        padding: 7px 10px;
        display: block;
        text-align: left;
        border-bottom: 1px solid #999;
        font-size: 14px;
        font-weight: bold;
    }
    .sp_navi ul li a span {
        font-size: 12px;

        font-weight: 300;
        display: inline-block;
        margin-left: 15px;
        vertical-align: top;
    }
h1.pagetitle {
    font-size: 24px;
    border-bottom: 1px solid #666;
    padding: 30px 0px 10px;
    margin-bottom:20px;
}
.inputValue {
    width: 100%;
    padding: 10px 10px;
    background: #fff;
    font-size:14px;
    line-height: 1.8em;
}
    section.contents {
    position: relative;
    padding: 90px 0px 50px;
}
    
    .mt30 {
    margin-top: 10px!important;
}
    
    .eyepage h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
    
    .title_takishima {
    background: url(../img/takishimaeye.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 50px 10px 45px;
    font-size: 26px;
    margin-top: 30px;
    letter-spacing: 2px;
}
    .title_takishima span {
    font-size: 14px;
    display: block;
    margin-top: 0px;
    font-family: 'Oswald', sans-serif;
}
    
    .footnav {
    float: left;
    overflow: hidden;
    margin-top: 0px;
}
    
    
    .homeinfo a{
        font-size:14px;
        line-height: 1.4em;
    }
    .detail_btn2 {
    width: 160px;
    text-align: center;
    margin: 10px auto 0px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border-radius: 100px;
    display: block;
    padding: 5px 0px;
}
    
    .eyetxt h4 {
    font-size: 16px;
    margin-bottom: 5px;
}
    
    .eyetxt h4 span {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
    
    .newjob li h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
        padding-top:5px;
        line-height: 1.4em;
}
    .wtbk2 {
    background: #fff;
    padding: 10px 10px 30px;

    
    }
    
    .inputAction {
    text-align: center;
    padding: 10px 0px;
    font-size: 14px;
        line-height: 1.5em;
}
    h4.eyetitle {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
}
    .inputKey {
    width: 100%;
    padding: 10px 0px;
    font-weight: 500;
        font-size:14px;
        line-height: 1.5em;
}
    
    .sp_subnavi_up{
        background:url(/images/arrow_up.png) no-repeat center center;
        background-size:15px;
    }
    
    .sp_navi ul li.btnarea a {
    background: #FD8966;
    border-radius: 100px;
    color: #fff;
        border-bottom:none;
        margin-top:20px;
        text-align: center;
}
    
    .sp_navi ul li.sub a{
        font-size:12px!important;
        padding:5px 10px;

    }
.mainarea h2 span.fs15 {
    font-size: 12px;
    margin-left: -40px;
    line-height: 1.2em;
    margin-top: -10px;
    padding: 5px 10px 5px;
}
    
    .inputValue input[type="text"], .inputValue input[type="tel"], .inputValue input[type="email"], .inputValue textarea {
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 14px;
    width: 100%;
}
    
    .nownum {
    font-size: 14px;
    font-weight: bold;
    float: none;
    margin-top: 0px;
    text-align: center;
}
    .s_txt {
    padding: 10px;
    border: 1px solid #ddd;
    width: 80%;
    font-size: 16px;
    height: 48px;
    border-right: none;
}
    
    .joblistclick {
    cursor: pointer;
    padding: 10px;
}
    
    .pt0{
        padding-bottom:0px!important;
    }
    
ul.privacyPolicyUl {
    margin: 1em 1em;
    line-height: 1.5em;
}
    
    .list_right .newjob li p {
        padding: 0px 0px 10px!important;
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 0px;
    padding-top: 0px!important;
}
    
    .icon_area {
    overflow: hidden;
    margin-top: 0px;
    padding-bottom: 0px;
        display: flex;
    padding-bottom: 0px;
    flex-wrap: wrap;
}
    .companytitle {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    background: #bbb;
    color: #fff;
    padding: 5px 10px;
}
    
    ul.privacyPolicyUl ul li {
    list-style-type: circle;
    margin-left: 1em;
    margin-top: 10px;
}
    
    .icon_area .time {
    float: left;
    background: url(../img/icon_time.png) no-repeat left 5px top 5px;
    font-size: 14px;
    background-size: 18px;
    padding-left: 30px;
    margin-right: 20px;
    line-height: 1.5em;
}
    
    .pagearea p {
    margin-bottom: 1em;
}
    .about_donyu span {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 500;
    font-weight: bold;
}
    
h3.title {
    font-size: 22px;
    padding: 10px 0px 20px;
    text-align: center;
    padding-bottom: 10px;
    background: url(../img/bar_b.png) no-repeat center bottom;
    margin-bottom: 20px;
}
    
    .joblist_col2 li h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
        line-height: 1.4em;
        padding-top:5px;
}
    .joblist_col2 li p {
    padding: 0px 0px 5px!important;
}
    
    .flowarea dl dd {
    width: 100%;
    font-size: 14px;
    line-height: 1.5em;
}
    ul.strength li img {
    display: block;
    height: 150px;
    margin: 0px auto;
}
    
    .taikenki {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
    
    ul.strength li h4 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.5em;
}
    .flowarea dl dt {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5em;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
    
    ul.privacyPolicyUl ul {
    padding: 10px;
    line-height: 1.5em;
}
    .fee {
    background: url(../img/icon_money.png) no-repeat left center;
    font-size: 14px;
    background-size: 28px;
    padding-left: 40px;
    margin-bottom: 5px;
    line-height: 2em;
        display: inline-block;
}
    .place {
    background: url(../img/icon_place.png) no-repeat left 5px center;
    font-size: 14px;
    background-size: 18px;
    padding-left: 30px;
    line-height: 2em;
    display: inline-block;
    margin-left: 10px;
}
    
    .joblist_col2 li .fee {
    background: url(../img/icon_money.png) no-repeat left center;
    font-size: 14px;
    background-size: 28px;
    padding-left: 40px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
    line-height: 2em;
}
    .joblist_col2 li .place {
    background: url(../img/icon_place.png) no-repeat left 5px center;
    font-size: 14px;
    background-size: 18px;
    padding-left: 30px;
    display: inline-block;
    line-height: 2em;
    margin-left: 0px;
}
    .bluetagarea {
    padding: 10px 0px;
}
    
    ul.features_list li p {
    font-size: 14px;
    line-height: 1.5em;
}
    
    .newjob li p {
    margin-bottom: 5px;
}
    
    .fukidashi {
    background: #fff;
    border-radius: 10px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    padding: 20px 10px 10px;
    width: 100%;
    display: inline-block;
        margin-top:20px;
}
    
    .searchmodal .searchdetail {
    width: 100%;
    margin: 0px auto;
        padding-left:10px;
        padding-right: 10px;
}.searchmodal .close {
    width: 100%;
    padding: 10px;
    text-align: right;
    margin: 0px auto 10px;
}
    .searchdetail {
    background: #fff;
    padding: 10px 10px;
}
    .consul {
    overflow: hidden;
    margin-bottom: 16px;
}
    
    .consul_bdt {
    border-top: 1px solid #ccc;
    margin-top: 0px;
    padding-top: 10px;
}
    
    .searchtab2 li.on {
    border-bottom: 1px solid #333;
        background: #eee;
        border-top: 1px solid #333;
}
    .searchtab2 li {
    float: left;
    padding: 10px 10px;
    width: calc(100%/3) ;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: -1px;
}
    
    .searchdetail2 label {
    width: 50%;
    float: left;
    padding: 2px 5px;
    font-size: 14px;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
    
    .areachoice label {
    width: 25%!important;
}
    
    .certificationchoice label {
    width: 50%!important;
}
    
    .searchtab2 li:nth-child(1),.searchtab2 li:nth-child(2),.searchtab2 li:nth-child(3){
        border-top:1px solid #333;
    }
    .searchtab2 li:nth-child(4){
        border-left:1px solid #333;
    }
   .searchtab2 li:nth-child(4),.searchtab2 li:nth-child(5) {
         width:50%;  
    }
    .taikenki_txt {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
    
    .searchbtn_big {
    background: url(../img/icon_search.png) no-repeat left 10px center #000;
    background-size: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    border-radius: 200px;
    margin: 10px auto;
    display: block;
    padding: 5px;
    text-align: center;
}
    .joblist_col2 li{
        width: 100%;
    margin-right: 0px;
    background: #fff;
    padding: 10px 10px 0px;
    margin-bottom: 16px;
    }
    .left_img .fukidashi img {
    position: absolute;
    left: 30px;
    top: -10px;
    width:26px
    }
    
    .right_img .fukidashi img {
    position: absolute;
    right: 30px;
    top: -10px;
    width:26px
}
    .fukidashi2{
        text-align: left;
        font-size:18px;
        padding:20px 10px;
    }
    .fukidashi2 img {
    position: absolute;
    left: 30px;
    top: -10px;
    width:26px
}
    
    ul.features_list li h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
    
    .s_txt2 {
    padding: 10px;
    border: 1px solid #ddd;
    width: 70%;
    font-size: 14px;
    height: 48px;
    border-right: none;
}
    .joken_list li a {
    display: block;
    background: #333;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    line-height: 1em;
    width:100%;
    letter-spacing: 0px;
}
    .searchmodal .close img {
    cursor: pointer;
        width:20px;
}
    .jokenarea {
    padding: 10px 0px 10px;
}
    .searchmodal .close {
    width: 100%;
    padding: 10px;
    text-align: right;
    margin: 0px auto 0px;
}
    .searchmodal {
    padding: 0px 0px 50px;
}
    .joken_list li {
    border-bottom:none;
    padding: 20px 5px;
    font-size: 14px;
    line-height: 1.5em;
}
    section.contents .list_left h2.list_title{
        display: none;
    }
    .eyearea .title {
    background: url(../img/photo_takishima.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 250px;
    position: relative;
    float: left;
    margin-right: 0px;
}
    
    footer {
    padding: 20px 0px;
    background: #fff;
    overflow: hidden;
    margin-top: 20px;
}
    
    .eyetxt {
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
}
    .newjob li {
    width: 100%;
    margin-right: 0px;
    background: #fff;
    padding: 10px;
    margin-bottom: 16px;
}
    .companyarea {
    margin-top: 10px;
}
    .experience {
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px;
    background: url(../img/person.png) no-repeat top 10px right 5px #fff;
    background-size: 100px;
    width: 90%;
    margin: 30px auto 10px;
}
    .btnarea {
    text-align: center;
    margin-top: 20px;
}
    .fukidashi h3 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 1.6em;
}
    
    .mainarea h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    margin-left: 40px;
}
    
    .mainarea h2 span {
    padding: 10px 10px 10px;
    background: #000;
    display: inline-block;
}
    
a.red_btn2 {
    background: #cc0000;
    color: #fff!important;
    margin-top: 30px;
    display: block;
    padding: 15px 0px;
    line-height: 1em;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
    margin-left: 0px;
    text-align: center;
}    
    .foot_btn a.btn2 {
    background: #e55050;
    color: #fff;
    font-size: 14px;
    width: 150px;
    display: inline-block;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 10px;
    margin: 5px 5px;
    line-height: 1.5em;
}
    
    .foot_btn a.btn1 {
    background: #006bd9;
    color: #fff;
    font-size: 14px;
    width: 150px;
    display: inline-block;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 10px;
    margin: 5px 5px;
    line-height: 1.5em;
}

    .contents_area{
    width:100%;
    padding:0px 10px;
}

ul.icon{
    width:100%;
}

ul.icon li{
width:100%;
padding:10px;
}

  

    .donyu img{
        float: inherit;
    }
        .donyu2 img{
        float: inherit;
            margin-bottom: 20px;
    }
.homeinfobanner{
    width:100%;
    padding:0px 10px;
}

.homeleft{
    float:left;
    width:100%;
}

.homeright{
width:100%;
    position: inherit;
    margin-top:20px;
}
.homeinfo ul li .date{
    width:100%;
    padding:0px;
}

ul.partnerlist li{
    width:100%;
        width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding:10px;

}
    
    ul.partnerlist li p{
        margin:0px;
    }

ul.supportjoblist li{

    width:100%;
    
}

li.gyo2{
    line-height: 1.5em!important;
}

.formarea dl dt{
    width:100%;
  
}

.formarea dl dd{
    width:100%;
}
    section.contents p{
width:100%;
    padding:0px 0px;
    margin-top:5px;
        font-size: 14px;
    line-height: 1.5em;

    }
    .topbk {
    height: 200px;
}
    ul.icon h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px;
        text-align: center;
}
    ul.icon li p {
        margin-left:0px;
        margin-right:0px;
        }
    
    h1.pagetitle2 {
    font-size: 24px;
    padding: 140px 0px 10px;
    text-align: center;
    padding-bottom: 20px;
    background: url(../img/bar_b.png) no-repeat center bottom;
    margin-bottom: 20px;
        line-height: 1.5em;
}
    
    .feature_txt {
    font-size: 16px!important;
    font-weight: 500;
    text-align: left;
    padding: 20px 0px 30px!important;
    line-height: 1.8em;
}
    
    .commentarea .fukidashi {
    background: #fff;
    border-radius: 10px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    padding: 10px 10px;
    width: 100%;
    display: inline-block;
}
    
    .companydetail {
    padding: 0px 0px;
}
    
    .outputKey {
    width: 100%;
    padding: 10px 5px;
    font-weight: 500;
        font-size:14px;
        line-height: 1.5em;
}
    
    .outputValue {
    width: 100%;
    padding: 5px;
    background: #fff;
        font-size:14px;
        line-height: 1.5em;
}
    
    .commentarea .outputValue {
    background: none;
    padding: 0px 0px;
}
    
    .btn_entry {
    width: 260px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: #000;
    border-radius: 100px;
    display: inline-block;
    padding: 15px 0px;
    color: #fff;
    margin: 0px 10px 20px;
}
    
    .btn_fav {
    width: 260px;
    text-align: center;
    font-size: 18px;
    margin: 0px 10px 20px;
    font-weight: 500;
    background: #666;
    border-radius: 100px;
    display: inline-block;
    padding: 15px 0px;
    color: #fff;
}
    h1.jobdetail {
    font-size: 18px;
    padding: 10px 0px;
    line-height: 1.4em;
}
    .list_left {
    width: 100%;
    float: left;
}
    
    .list_right {
    width: 100%;
    float: right;
}
    
    .bigbtn {
    color: #fff;
    font-size: 18px;
    background: #006bd9;
    padding: 15px 15px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 100px;
}
    .bigbtn2 {
    color: #fff;
    font-size: 18px;
    background: #e55050;
    padding: 15px 15px;
    margin-top: 30px;
    display: inline-block;
    border-radius: 100px;
}
    .subtitearea {
    background: #999;
    padding: 10px 0px;
    height:auto;
}
    .subtitearea h3.subtitle {
    color: #fff;
    font-size: 19px;
    margin-left:0px;
    letter-spacing: 1px;
    font-weight: 500;
        margin-top: 50px;
}
    
    .righttxt2 {
    width: 100%;
    margin-left: 0px;
        padding-top: 50px;
}
    
    .voicearea .left {
    width: 100%;
    text-align: center;
    float: left;
        padding-bottom:20px;
}
    
    header {
    padding: 20px 0px;
    }
    
    .voicearea .right p {
    font-size: 16px;
    line-height: 1.5em;
    padding: 0px 0px;
}
    .voicearea {
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
    
    .voicearea .right {
    width: 100%;
    float: right;
}
    
    .mb160 {
    margin-top: -145px!important;
}
    
    .sp_navi ul li ul {
        display: none;
        border-bottom: none;
         border-bottom:1px solid #999;
    }
    .sp_navi ul li ul li a {
        background: none;
    font-size: 13px;
    font-weight: 400;
    padding: 0px 0px 10px;
    padding-left: 30px;
       border:none;
        
    }
    
    .bbn{
        border-bottom:none!important;
    }
    
    .sp_subnavi{
        background:url(../img/arrow_down.png) no-repeat right 10px center;
            background-size:13px;
    }
    
    .sp_subnavi_up{
        background:url(../img/arrow_up.png) no-repeat right 10px center;
        background-size:13px;
    }
    
    .foot_btn {
    background: rgba(0,0,0,0.7);
    padding: 5px 5px;
}
    .detail_btn {
    width: 260px;
    text-align: center;
    margin: 20px auto 30px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    border-radius: 100px;
    border: 2px solid #ccc;
    display: block;
    padding: 10px 0px;
}
    footer a.logo img{
        margin-top:70px;}
    
        .righttxt {
    width:100%;
    margin-left:0px;
    }
    
    .donyu p{
        position: inherit;
        width:100%;
        font-size:16px;
        line-height: 1.6em;
    }
    
    .contents_head {
    background: url(../img/contnets_head.jpg) no-repeat center center;
    background-size: cover;
    height: 130px;
    margin-top: 59px;
}
    
    section.contents h2 {
    background: #000;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    width: 250px;
    padding-top: 38px;
    height: 110px;
    padding-bottom: 10px;
    font-size: 32px;
    letter-spacing: 3px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -35px;
}
    
    .pagearea {
    padding-top: 100px!important;
}
    
    ul.strength li {
    float: left;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
}
    
    .taikenki .fukidashi {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
    
    .flowarea dl {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    margin: 0px auto;
    padding: 10px;
}
    .footnav li {
    float: none;
        display: block;
        padding:5px 0px;
}
    .pagetxt p {
    font-size: 16px;
    line-height: 1.6em;
    margin:1em 0px;
}
    .pt50 {
    padding-top: 80px!important;
}
    .step {
    background: #6C8193;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 13px;
    line-height: 1em;
    float: none;
    margin: 0px auto;
}
    .steparea {
    overflow: hidden;
    padding: 20px 0px;
}
    
    .steparea h3 {
    font-size: 24px;
    padding: 10px 0px;
        text-align: center;
}
    
    input, select {
    vertical-align: middle;
    max-width: 100%;
}
    
    .stepright {
    width: 100%;
    float: right;
    font-size: 16px;
    line-height: 1.7em;
}
    .titlearea {
    height: 160px;
    margin-top: 69px;
}
    h3.pagetitle {
    font-size: 20px;
    z-index: 50;
    position: inherit;
    top: 100px;
    font-weight: bold;
    line-height: 1.5em;
        padding:20px 0px;
    font-family: 'Noto Serif JP', serif;
}
    h3.pagetitle2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    font-family: 'Noto Serif JP', serif;
    margin: 30px 0px 10px;
}
    .pb50 {
    padding-bottom: 0px!important;
}
    .pb80 {
    padding-bottom: 0px!important;
}
.pb100 {
    padding-bottom: 0px!important;
}
    .careerarea {
    padding-bottom: 0px!important;
}
    .careerarea p{
        top:0px!important;
    }
    .donyu2 {
    padding: 0px 0px 0px;
    overflow: hidden;
}

    
    section.contents h2.pagetitle {
    background: #000;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    width: 240px;
    padding-top: 20px;
    height: 90px;
    padding-bottom: 15px;
    font-size: 30px;
    letter-spacing: 3px;
    text-align: center;
    margin-top: -45px;
    font-weight: 300;
    margin-left: 0px;
}
    
    section.contents h2.pagetitle span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    color: #aaa;
    display: block;
    font-weight: 500;
    letter-spacing: 0px;
    margin-top: 2px;
}
    .wtbk h3 {
    font-size: 20px;
}
    .wtbk {
    background: rgba(255,255,255,0.9);
    padding: 30px 0px;
    margin: 0px auto;
    width: 95%;
    border-radius: 10px;
}
    .subui{
        display: none;
    }
    
    .donyu2 h3.pagetitle2{
        position: inherit;
        width:100%;
                top:0px;
        right:0px;
    }
    
    .donyu2 p {
        position: inherit;
        width:100%;
        top:0px;
        right:0px;
        font-size:16px;
        line-height: 1.6em;
}
    
    h3.supporttitle {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 10px;
    line-height: 1.8em;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin-top: 50px;
    border-top: 2px solid #ddd;
    background: #f4f4f4;
}
    h4.supporttitle {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 5px;
    line-height: 2.1em;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-left: 1em;
}
    .arrow2 ul.supportjoblist {
    padding-left: 20px;
    margin-bottom: 30px;
}
    span.viewlist {
    display: block;
    cursor: pointer;
    width: 100px;
    padding: 10px 0px;
    line-height: 1em;
    font-size: 13px;
    background: #6C8193;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 100px;
    float: right;
}
    
    ul.supportjoblist {
        padding-left:10px;
        }
        .company dl dt {
    float: left;
    width: 100%;
    font-weight: 500;
            font-size:18px;
            padding-bottom:5px;
}
    .company dl dd {
    float: right;
    width: 100%;
}
    
    .bigbtn4 {
    color: #fff;
    font-size: 20px;
    background: #F69429;
    padding: 15px 30px;
    margin-top: 30px;
    display: inline-block;
    border-radius: 100px;
}
    
    .contents_btn{
    margin-top:20px!important;
    margin-bottom:0px!important;
}
    
    .s_btn {
    background: url(../img/icon_search.png) no-repeat center center #000;
    background-size: 40px;
    height: 48px;
    width: 48px;
    border-radius: 0px;
}


ul.banner_list li{
    width:400px;

}

ul.banner_list li img{
    width:95%!important;

}

}
@media screen and ( max-width:320px) {
  .foot_btn a.btn2 {
    background: #e55050;
    color: #fff;
    font-size: 12px;
    width: 130px;
    display: inline-block;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 10px;
    margin: 5px 5px;
    line-height: 1.5em;
      letter-spacing: 0px;
}
    
    .foot_btn a.btn1 {
    background: #006bd9;
    color: #fff;
    font-size: 12px;
    width: 130px;
    display: inline-block;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 10px;
    margin: 5px 5px;
    line-height: 1.5em;
              letter-spacing: 0px;

}

.mainarea h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    padding-top: 0px;
    line-height: 1.3em;
}
    .mainarea h2 span.fs15 {
    font-size: 12px;
    margin-left: -40px;
    line-height: 1.2em;
    margin-top: -10px;
    padding: 5px 10px 5px;
}
    
    .subtitearea h3.subtitle {
    color: #fff;
    font-size: 16px;
    margin-left: 0px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 50px;
}
    .searchtab2 li {
    float: left;
    padding: 10px 5px;
    width: calc(100%/3);
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: -1px;
}


}