/*繧｢繝ｼ繧ｫ繧､繝�*/
#page.in.archive #page_header,
#page.in.single #page_header,
#page.in.company #page_header,
#page.in.seek #page_header,
#page.in.job #page_header,
#page.in.form #page_header,
#page.in.faq #page_header{
height: 320px;
background: url(../img/blog/mv.png) center no-repeat;
background-size: cover;
position: relative;
}
#page.in.archive #page_header h1,
#page.in.single #page_header h1,
#page.in.company #page_header h1,
#page.in.job #page_header h1,
#page.in.form #page_header h1,
#page.in.faq #page_header h1{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 90%;
max-width: 300px;
height: 75px;
}
#page.in.archive #contents,
#page.in.single #contents{
box-sizing:border-box;
padding: 30px 0;
}
#page.in.archive #contents #main,
#page.in.single #contents #main{
width: 650px;
float: left;
}
#page.in.archive #contents #main #post_list{}
#page.in.archive #contents #main #post_list li{
margin: 0 0 30px;
}
#page.in.archive #contents #main #post_list li .thumb{
float: left;
width: 200px;
margin: 0 20px 0 0;
}
#page.in.archive #contents #main #post_list li .det{}
#page.in.archive #contents #main #post_list li .det .data{
margin: 0 0 10px;
}
#page.in.archive #contents #main #post_list li .det .data .time{
background: url(../img/base/ui06.png) left center no-repeat;
padding-left: 25px;
display: inline-block;
}
#page.in.archive #contents #main #post_list li .det .data .cat{
background: url(../img/base/ui07.png) left center no-repeat;
padding-left: 25px;
display: inline-block;
}
#page.in.archive #contents #main #post_list li .det .data .edit{
background: url(../img/base/ui08.png) left center no-repeat;
padding-left: 25px;
display: inline-block;
}
#page.in.archive #contents #main #post_list li .det .title{
margin: 0 0 10px;
}
#page.in.archive #contents #main #post_list li .det .title a{
font-size: 22px;
color: #c27c74;
font-weight: bold;
line-height: 1.3em;
}
#page.in.archive #contents #main #post_list li .det .cont{
margin: 0 0 10px;
}
#page.in.archive #contents #main #post_list li .det .read_single a{
background: url(../img/base/ui02.png) left center no-repeat;
padding: 0 0 0 15px;
}
#page.in.archive #contents #sidebar,
#page.in.single #contents #sidebar{
width: 260px;
float: right;
}
#pagenation .page-numbers{
border: 1px solid #9f9fa0;
box-sizing:border-box;
padding: 5px 10px;
font-weight: bold;
transition:0.3s;
}
#pagenation .page-numbers:hover{
background: #e6377b;
color: #fff;
}
#pagenation .page-numbers.current{
background: #e6377b;
color: #fff;
}
#pagenation .page-numbers.next{}
#pagenation .page-numbers.prev{}
/*繧｢繝ｼ繧ｫ繧､繝�*/
/*繝悶Ο繧ｰ繧ｵ繧､繝�*/
#sidebar .sb_ttl{
box-sizing:border-box;
color: #fff;
background: #000;
border-left: 10px solid #c27c74;
font-size: 14px;
padding: 10px 0 10px 15px;
font-weight: normal;
margin: 0 0 10px;
}
#sidebar .sb_nav ul li{}
#sidebar .sb_nav ul li a{
display: block;
padding: 10px 0;
}
#sidebar .monthly_archive li a{
display: block;
padding: 10px 0;
}
#sidebar .recently ul li a{
display: block;
padding: 10px 0;
}
/*繝悶Ο繧ｰ繧ｵ繧､繝�*/
/*繧ｷ繝ｳ繧ｰ繝ｫ*/
#page.in.single .blog_inner{
box-sizing:border-box;
padding: 40px;
box-shadow: 0px 0px 10px 0px #bfbfbf;
-moz-box-shadow: 0px 0px 10px 0px #bfbfbf;
-webkit-box-shadow: 0px 0px 10px 0px #bfbfbf;
}
#page.in.single .blog_inner .data{
margin: 0 0 10px;
}
#page.in.single .blog_inner .data .time{
background: url(../img/base/ui06.png) left center no-repeat;
padding-left: 25px;
display: inline-block;
}
#page.in.single .blog_inner .data .cat{
background: url(../img/base/ui07.png) left center no-repeat;
padding-left: 25px;
display: inline-block;
}
#page.in.single .blog_inner .data .edit{
background: url(../img/base/ui08.png) left center no-repeat;
padding-left: 25px;
display: inline-block;
}
#page.in.single .blog_inner h2{
color: #c27c74;
box-sizing:border-box;
font-size: 30px;
padding: 0 0 20px;
border-bottom: 1px solid #717071;
margin: 0 0 30px;
}
#page.in.single .blog_inner .fig{
margin: 0 0 30px;
}
#page.in.single .blog_inner .content p{
line-height: 2em;
margin: 0 0 30px;
}
#page.in.single .blog_inner .content img{
width: auto;
max-width: 100%;
}
#single_pagenate{
margin: 0 0 30px;
}
#single_pagenate a{
display: block;
border: 1px solid #9f9fa0;
box-sizing:border-box;
padding: 5px 10px;
transition:0.3s;
font-weight: bold;
width: 100px;
text-align: center;
}
#single_pagenate a:hover{
background: #c27c74;
color: #fff;
}
#single_pagenate .next{
display: inline-block;
}
#single_pagenate .top{
display: inline-block;
}
#single_pagenate .prev{
display: inline-block;
}
.blog_pd{
padding: 30px 0px;
}
/*繧ｷ繝ｳ繧ｰ繝ｫ*/
/*繝｡繝ｳ繝舌�*/
#page.in.human #large_page_header{
position: relative;
}
#page.in.human #large_page_header img{
display: block;
}
#page.in.human #large_page_header h1{
position: absolute;
top: 14%;
left: 0;
right: 0;
margin: auto;
height: 75px;
max-width: 300px;
width: 90%;
}
#page.in.human .post_list li .position,
#page.in.human .post_list li .name,
#page.in.human .post_list li .cont,
#page.in.human .post_list li .read_single a{
color: #000;
}
#page.in.human .post_list li .read_single{
background: url(../img/base/ui02.png) left center no-repeat;
}
/*繝｡繝ｳ繝舌�*/
/*繝｡繝ｳ繝舌�縲繧ｷ繝ｳ繧ｰ繝ｫ*/
#page.in.single #catch{
position: relative;
}
#page.in.single #catch .bg{
float: right;
width: 75%;
box-sizing:border-box;
}
#page.in.single #catch .bg img{
width: 100%;
}
#page.in.single #catch .detail{
position: absolute;
left: 12%;
top: 0;
box-sizing:border-box;
margin: auto;
}
#page.in.single #catch .detail .bl_single_title{
border-left: 4px solid #c27c74;
font-size: 38px;
font-weight: bold;
padding: 60px 0 0 10px;
margin: 0 0 60px;
box-sizing:border-box;
}
#page.in.single #catch .detail .page_title{
color: #717071;
font-size: 30px;
font-weight: bold;
line-height: 1.5em;
margin: 0 0 60px;
box-sizing:border-box;
}
#page.in.single #catch .detail .overlay{
background: rgba(210, 158, 152, 0.8);
box-sizing:border-box;
padding: 30px 60px;
color: #fff;
display: inline-block;
}
#page.in.single #catch .detail .overlay span{
line-height: 1.3em;
}
#page.in.single #catch .detail .overlay .name_e{
font-size: 20px;
display: block;
text-align: center;
margin: 0 0 10px;
}
#page.in.single #catch .detail .overlay .name,
#page.in.single #catch .detail .overlay .position,
#page.in.single #catch .detail .overlay .year{
display: block;
text-align: center;
margin: 0 0 10px;
}
#page.in.single .float{
margin: 0 0 60px;
}
#page.in.single .float .left{
float: left;
width: 48%;
}
#page.in.single .float .right{
float: right;
width: 48%;
}
#page.in.single .float .pt{
color: #c27c74;
font-weight: bold;
font-size: 20px;
margin: 0 0 20px;
}
/*繝｡繝ｳ繝舌�縲繧ｷ繝ｳ繧ｰ繝ｫ*/
/*莨夂､ｾ繧堤衍繧�*/
#page.in.company #sec01{
padding: 30px 0;
}
#page.in.company #sec01 .message_copy{
text-align: center;
font-size: 25px;
font-weight: bold;
margin: 0 0 30px;
}
#page.in.company #sec01 .txt{
text-align: center;
line-height: 2em;
}
#page.in.company #sec02{
background: radial-gradient(#d29e98, #c27c74);
}
#page.in.company #sec02 .message_float .left{
float: left;
width: 64%;
margin-left: -85px;
}
#page.in.company #sec02 .message_float .right{
float: right;
width: 40%;
box-sizing:border-box;
padding: 50px 0;
}
#page.in.company #sec02 .message_float .right .message_title{
font-size: 15px;
font-weight: bold;
color: #fff;
line-height: 1.5em;
margin: 0 0 20px;
}
#page.in.company #sec02 .message_float .right p{
color: #fff;
line-height: 2em;
}
#page.in.company #sec02 .message_float .right .sign{
text-align: right;
}
#page.in.company #sec02 .message_float .right .sign img{
width: 180px;
}
#page.in.company #sec03{
padding: 30px 0;
}
#page.in.company #sec03 .profile_table{
display: table;
width: 100%;
}
#page.in.company #sec03 .profile_table .left{
box-sizing:border-box;
/*background: #0c0c0c;*/
background: #fff;
display: table-cell;
vertical-align: middle;
width: 33.3333%;
padding: 0 60px;
}
#page.in.company #sec03 .profile_table .left .ttl.pinkborder_wh{
margin-bottom: 0;
}
#page.in.company #sec03 .profile_table .right{
display: table-cell;
vertical-align: middle;
}
#page.in.company #sec03 .profile_border_box{
box-sizing:border-box;
border: 1px solid #9f9fa0;
padding: 50px;
}
#page.in.company #sec03 .profile_border_box .left{
float: left;
width: 68%;
}
#page.in.company #sec03 .profile_border_box .right{
box-sizing:border-box;
float: right;
width: 28%;
background: #f7f7f7;
border: 1px solid #9f9fa0;
padding: 30px;
}
#page.in.company #sec03 .profile_border_box .right .book_list li{
margin: 0 0 10px;
}
#page.in.company #sec03 .profile_border_box .right .book_list li img{
margin: 0 0 10px;
}
#page.in.company #sec03 .profile_border_box .right .book_list p{
margin: 0 0 10px;
}
#page.in.company #sec03 .profile_border_box .right .book_list .amazon a{
display: block;
text-align: center;
background: #fff;
border: 1px solid #9f9fa0;
box-sizing:border-box;
padding: 5px 10px;
transition:0.3s;
}
#page.in.company #sec03 .profile_border_box .right .book_list .amazon a:hover{
color: #fff;
background: #000;
}
#page.in.company #sec03 .profile_border_box .left p{
line-height: 2em;
}
#page.in.company #sec04,
#page.in.company #sec05{
padding: 30px 0;
}
#page.in.company #sec06{
padding: 30px 0 0;
}
#page.in.company #sec06 .access .left{
float: left;
width: 50%;
box-sizing:border-box;
position: relative;
}
#page.in.company #sec06 .access .left p{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
color: #fff;
line-height: 2em;
width: 400px;
height: 150px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#page.in.company #sec06 .access .right{
float: right;
width: 50%;
height: 0;
padding-bottom: 31.25%;
}
/*莨夂､ｾ繧堤衍繧�*/
/*莠ｺ譚�*/
#page.in.seek #page_header h1{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 90%;
max-width: 400px;
height: 75px;
}
#page.in.seek #sec01{
padding: 30px 0;
}
#page.in.seek #sec01 .message_copy{
text-align: center;
font-size: 25px;
font-weight: bold;
margin: 0 0 30px;
}
#page.in.seek #sec01 .txt{
text-align: center;
line-height: 2em;
}
#page.in.seek #sec02{
padding: 30px 0 60px;
}
#page.in.seek #sec02 .stylebox{
position: relative;
}
#page.in.seek #sec02 .stylebox .fig{
width: 70%;
}
#page.in.seek #sec02 .stylebox{
margin: 0 auto 90px;
}
#page.in.seek #sec02 .stylebox.left .fig{
float: left;
}
#page.in.seek #sec02 .stylebox.right .fig{
float: right;
}
#page.in.seek #sec02 .stylebox .humantype{
font-weight: bold;
color: #717071;
font-size: 30px;
box-sizing:border-box;
padding: 60px 30px;
}
#page.in.seek #sec02 .stylebox .pinkcard{
width: 50%;
box-sizing:border-box;
color: #fff;
line-height: 2em;
text-align: center;
background: rgba(210, 158, 152, 0.8);
}
#page.in.seek #sec02 .stylebox.left .pinkcard{
position: absolute;
right: 0;
bottom: -45px;
padding: 30px;
}
#page.in.seek #sec02 .stylebox.right .pinkcard{
position: absolute;
left: 0;
bottom: -45px;
padding: 30px;
}
#page.in.seek #sec02 .stylebox.left .humantype{
float: right;
width: 30%;
}
#page.in.seek #sec02 .stylebox.right .humantype{
float: left;
width: 30%;
}
#page.in.seek #sec03{
padding: 30px 0;
}
#page.in.seek .card.type1 .left{
background: #fff;
}
#page.in.seek #sec03 .card.type2{
display: flex;
}
#page.in.seek #sec03 .card.type2 .left{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
float: none;
}
#page.in.seek #sec03 .card.type2 .right{
float: none;
}
#page.in.seek #sec04{
padding: 30px 0;
}
#page.in.seek #sec04 .flowchart .left{
float: left;
width: 48%;
}
#page.in.seek #sec04 .flowchart .right{
float: right;
width: 48%;
}
#page.in.seek #sec04 .flowchart .flow{
border: 1px solid #000;
box-sizing:border-box;
padding: 10px 30px;
margin: 0 0 20px;
text-align: center;
font-weight: bold;
}
#page.in.seek #sec04 .flowchart .flow.pink{
border: 1px solid #c27c74;
color: #c27c74;
}
#page.in.seek #sec04 .flowchart ul li{
text-align: center;
margin: 0 0 10px;
}
#page.in.seek #sec04 .flowchart ul .arrow{
width: 20px;
margin: 0 auto 20px;
}
#page.in.seek #sec04 .flowchart ul .goal{
color: #c27c74;
font-weight: bold;
}
/*莠ｺ譚�*/
/*莉穂ｺ�*/
#page.in.job .simpletxt_area{
padding: 30px 0 60px;
}
#page.in.job .simpletxt_area .message_copy{
text-align: center;
font-size: 25px;
font-weight: bold;
margin: 0 0 30px;
}
#page.in.job .simpletxt_area .txt{
text-align: left;
line-height: 2em;
}
#page.in.job .simpletxt_area .txt.center{
text-align: center;
}
#page.in.job #sec01{
padding: 30px 0;
}
#page.in.job .change_cont .cont{
display: none;
}
#page.in.job .change_cont .cont.current{
display: block;
}
#page.in.job .change_tab{
margin: 0 auto 30px;
/* display: table; */
/*width: 410px;*/
/*width: 500px;*/
/*width: 680px;*/
width: 850px;
border-left: 1px solid #000;
box-sizing:border-box;
}
#page.in.job .change_tab li{
display: table-cell;
vertical-align: middle;
/*padding: 2px 5px;*/
padding: 2px 10px;
width: 16.6666%;
text-align: center;
cursor: pointer;
border-right: 1px solid #000;
box-sizing:border-box;
}
#page.in.job .change_tab li span{
font-size: 11px;
}
#page.in.job .change_tab li.current{
color: #c27c74;
}
#page.in.job .change_tab li.current a,
#page.in.job .change_tab li.current a span{
color: #c27c74 !important;
}
#page.in.job .change_tab li:hover span{
text-decoration: underline;
}
#page.in.job .change_cont .cont .recruit_type{
text-align: center;
font-size: 29px;
margin: 0 auto 30px;
}
#page.in.job #sec02{
padding: 30px 0;
}
#page.in.job #sec02 .process_table{
margin: 30px 0;
}
#page.in.job #sec02 .process_table dl dt{
background: #f7f7f7;
border: 1px solid #9f9fa0;
box-sizing:border-box;
text-align: center;
font-size: 18px;
padding: 10px;
}
#page.in.job #sec02 .process_table dl dd{
text-align: center;
box-sizing:border-box;
padding: 10px;
border: 1px solid #9f9fa0;
border-top: none;
}
#page.in.job #sec02 .process_table .arrow{
width: 40px;
margin: 20px auto;
}
#page.in.job .card.type1 .left{
background: #fff;
}
/*莉穂ｺ�*/
/*莉穂ｺ�*/
#page.in.faq .faq_list{
margin: 0 0 30px;
}
#page.in.faq .faq_list li .question{
background: #edefee;
box-sizing:border-box;
padding: 20px;
font-weight: bold;
font-size: 18px;
line-height: 28px;
}
#page.in.faq .faq_list li .question span{
box-sizing:border-box;
padding-left: 30px;
background: url(../img/faq/ph01.png) left center no-repeat;
background-size: 20px;
line-height: 30px;
}
#page.in.faq .faq_list li .answer{
box-sizing:border-box;
padding: 20px;
}
#page.in.faq .faq_list li .answer p{
padding-left: 30px;
box-sizing:border-box;
background: url(../img/faq/ph02.png) left top no-repeat;
background-size: 20px;
}
#page.in.faq .faq_title{
border-left: 3px solid #c27c74;
box-sizing:border-box;
padding-left: 6px;
margin: 0 0 20px;
}
/*莉穂ｺ�*/
@media(min-width: 1px) and (max-width: 1030px){
#page.in.archive #contents #main,
#page.in.single #contents #main{
float: none;
width: 100%;
margin: 0 0 30px;
}
#page.in.archive #contents #sidebar,
#page.in.single #contents #sidebar{
float: none;
width: 100%;
}
#page.in.single #catch .detail .bl_single_title{
font-size: 25px;
padding: 40px 0 0 10px;
margin: 0 0 30px;
}
#page.in.single #catch .detail .page_title{
font-size: 25px;
margin: 0 0 30px;
}
#page.in.single #catch .detail .overlay{
padding: 10px 30px;
}
}
@media(min-width: 1px) and (max-width: 940px){
#page.in.archive #page_header h1,
#page.in.single #page_header h1,
#page.in.company #page_header h1,
#page.in.job #page_header h1,
#page.in.form #page_header h1,
#page.in.faq #page_header h1{
height: 50px;
max-width: 160px;
}
#page.in.seek #page_header h1{
max-width: 240px;
height: 50px;
}
#page.in.human #large_page_header h1{
height: 65px;
max-width: 160px;
}
#page.in.company #sec02 .message_float .left {
float: none;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
#page.in.company #sec02 .message_float .right {
float: none;
width: 100%;
box-sizing: border-box;
padding: 50px 0;
}
#page.in.company #sec03 .profile_table .left{
display: block;
width: 100%;
padding: 30px 0;
}
#page.in.company #sec03 .profile_table .right{
display: block;
width: 100%;
}
#page.in.company #sec03 .profile_border_box{
padding: 30px;
}
#page.in.company #sec03 .profile_border_box .left {
float: none;
width: 100%;
margin: 0 0 30px;
}
#page.in.company #sec03 .profile_border_box .right{
float: none;
width: 100%;
}
#page.in.company #sec03 .profile_border_box .right .book_list{
max-width: 300px;
margin: 0 auto;
}
#page.in.company #sec03 .profile_border_box .right .book_list li{
float: left;
box-sizing:border-box;
padding: 0 5px;
width: 50%;
}
#page.in.company #sec03 .profile_border_box .right .book_list li p{
display: none;
}
#page.in.company #sec03 .profile_border_box .right .book_list li .amazon{
display: block;
}
#page.in.company #sec06 .access .left {
float: none;
width: 100%;
box-sizing: border-box;
position: relative;
}
#page.in.company #sec06 .access .right {
float: none;
width: 100%;
height: 0;
padding-bottom: 60%;
}
#page.in.seek #sec02 .stylebox .humantype{
font-size: 25px;
text-align: center;
padding: 30px;
}
#page.in.seek #sec02 .stylebox .humantype br{
display: none;
}
#page.in.seek #sec02 .stylebox.left .pinkcard{
position: static;
}
#page.in.seek #sec02 .stylebox.right .pinkcard{
position: static;
}
#page.in.seek #sec02 .stylebox.left .fig{
float: none;
}
#page.in.seek #sec02 .stylebox.right .fig{
float: none;
}
#page.in.seek #sec02 .stylebox .fig{
max-width: 100%;
width: 100%;
margin: 0 auto;
}
#page.in.seek #sec02 .stylebox .pinkcard{
background: #c27c74;
width: 100%;
}
#page.in.seek #sec02 .stylebox.left .humantype{
float: none;
width: 100%;
}
#page.in.seek #sec02 .stylebox.right .humantype{
float: none;
width: 100%;
}
#page.in.seek #sec02 .stylebox{
margin: 0 auto 30px;
max-width: 490px;
}
#page.in.seek #sec02{
padding: 30px 0;
}
}
@media(min-width: 1px) and (max-width: 720px){
#page.in.single #catch .detail {
position: static;
left: 0;
top: 0;
box-sizing: border-box;
margin: auto;
}
#page.in.single #catch .bg {
float: none;
width: 100%;
box-sizing: border-box;
padding:70px 0 0;
}
#page.in.single #catch .detail .bl_single_title{
width: 90%;
margin: 0 auto;
font-size: 20px;
padding: 30px 0 0 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#page.in.single #catch .detail .page_title{
width: 90%;
margin: 10px auto;
font-size: 20px;
}
#page.in.single #catch .detail .overlay{
display: block;
width: 90%;
margin: 0 auto 10px;
padding: 30px;
background: #c27c74;
}
}
@media(min-width: 1px) and (max-width: 640px){
#page.in.archive #page_header,
#page.in.single #page_header,
#page.in.company #page_header,
#page.in.seek #page_header,
#page.in.job #page_header,
#page.in.form #page_header,
#page.in.faq #page_header{
height: 140px;
}
#page.in.archive #contents #main #post_list li .thumb{
width: 25%;
margin: 0 5% 0 0;
}
#page.in.archive #contents #main #post_list li .det{
width: 70%;
float: left;
}
#page.in.single .blog_inner{
padding: 30px;
}
#page.in.single .blog_inner h2{
font-size: 20px;
}
#page.in.human #large_page_header h1 {
height: 50px;
top: 7%;
}
#page.in.single .float .left,
#page.in.single .float .right{
float: none;
width: 100%;
}
#page.in.single .float .pt{
margin: 20px 0;
}
#page.in.company #sec01 .txt br{
display: none;
}
#page.in.company #sec01 .txt{
text-align: left;
}
#page.in.seek #sec01 .txt{
text-align: left;
}
#page.in.company #sec02 .message_float .right .sign {
text-align: center;
padding: 30px 0 0;
}
#page.in.company #sec03 .profile_border_box {
padding: 20px;
}
#page.in.company #sec03 .profile_table .left{
padding: 30px 60px;
}
#page.in.company #sec03 .profile_border_box .right{
padding: 20px;
}
#page.in.company #sec06 .access .left p{
width: 90%;
line-height: 1.5em;
height: 115px;
}
#page.in.seek #sec03 .card.type2{
display: block;
}
#page.in.seek #sec03 .card.type2 .left{
display: block;
}
#page.in.seek #sec04 .flowchart .left{
margin: 0 auto 30px;
}
#page.in.seek #sec04 .flowchart .left,
#page.in.seek #sec04 .flowchart .right{
float: none;
width: 100%;
}
#page.in.seek #sec02 .stylebox .humantype {
font-size: 20px;
padding: 10px;
}
.card.type2 .card_txt_wrp .card_title{
font-size: 20px;
}
#page.in.job .change_tab{
width: 100%;
border-left: none;
border-top: 1px solid #000;
}
#page.in.job .change_tab li{
display: block;
width: 100%;
padding: 10px;
border-right: none;
border-bottom: 1px solid #000;
}
#page.in.job .change_cont .cont .recruit_type{
font-size: 25px;
}
}