@charset "UTF-8";
/* ----------------------------------------
 * TOP
 * ---------------------------------------- */

@media screen and (min-width: 768px){
    
    /* ダイバーシティ
     * ---------------------------------------- */
    .wlb #read{
        margin-bottom: 55px;
        padding-top: 38px;
        background: url(../../wlb/img/diversity_img01.gif) no-repeat bottom;
        background-color: #ebf8ff;
		border-bottom:20px solid #b7e1f1;
    }
	.wlb #read h2{
		border-bottom:none;
	}
    .wlb #read .pc_right_col{
        width: 357px;
        margin-bottom: 0;
    }

    .wlb #read .inner{
        overflow: inherit !important;
    }
    .wlb #read .pc_left_col{
        width: 564px;
        margin: 0 -44px;
        padding: 0 44px 60px;
    }
    .wlb h2{
        /*margin-bottom: 30px !important;*/
    }
	.wlb #point{
		margin-bottom:35px;
	}
    .wlb #point h3{
        margin-bottom: 1em;
    }
	.wlb #contents p#btn_plan {
		margin-bottom: 50px;
		text-align: center;
	}
	.wlb .dl_format{
		margin-bottom:20px;
	}
	.wlb .dl_format dt{
		background:url(../img/icon_list.gif) no-repeat left center;
		padding-left:15px;
		color:#36a3ca;
		font-size:16px;
		font-weight:normal;
	}
	.wlb .dl_format dd{
		margin-bottom:30px;
		padding-left:15px;
	}
    #default .wlb #point p{
        margin: 0 0 40px 1em;
    }
    .wlb .blue_box{
        padding: 24px 39px;
        background: #ceeffb;
        border-radius: 10px;
    }
    .wlb #point .blue_box{
        margin-bottom: 40px;
    }
    .wlb #point dt,
    .wlb #point dd{
        height: 105px;
        margin-bottom: 15px;
    }
    .wlb #point dt{
        float: left;
        clear: both;
        width: 102px;
        text-indent: -9999px;
    }
    .wlb #point dd{
        float: right;
        width: 778px;
    }
    .wlb dt.aim{
        background-image: url('../../wlb/img/maru_kihon.gif');
    }
    .wlb dt.points{
        background-image: url('../../wlb/img/maru_kangae.gif');
        margin-bottom: 0;
    }
    .wlb .points,
    .wlb .points div{
        margin-bottom: 0 !important;
    }
    .wlb .white_box{
        display: table;
        width: 100%;
        margin-top: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .wlb .points .white_box{
        width: 48%;
        margin-right: 2%;
    }
    .wlb .white_box_inner{
        display: table-cell;
        margin-top: 10px;
        text-align: center;
        vertical-align: middle;
        height: 79px;
        background: #fff;
        border-radius: 10px;
    }
    .wlb .white_box_text{
        margin: 0 22px !important;
    }
    .ie7 .wlb #point{
        line-height: 79px;
    }
    .ie7 .wlb #point1{
        float: left;
        margin: 0 !important;
    }
    .ie7 .wlb #point2{
        float: right;
        line-height: 30px;
        margin: 0 !important;
    }
    .ie7 .wlb #point2 .white_box_text{
        padding-top: 10px;
    }

    /* ダイバーシティとは */
    .wlb #about{
        padding: 20px 30px;
        border: 3px solid #ceeffb;
        border-radius: 10px;
    }
    .wlb #about h3{
        margin: 15px 0 25px;
    }
    .wlb #about .figure{
        margin-bottom: 0;
        margin-top: -60px;
    }
    .wlb #about p{
        line-height: 30px;
        margin-bottom: 2em !important;
    }
    .wlb #contents{
        margin-bottom: 0;
    }
    .wlb #project{
        margin-bottom: 0;
    }
    .wlb #project1 .pc_right_col{
        width: 565px;
    }
    .wlb #project1 .pc_left_col{
        width: 360px;
        margin-top: 45px;
    }
    .wlb #project2{
        margin-top: 80px;
    }
    .wlb #project2 h3{
    /*    margin-bottom: 0;*/
    }
    .wlb #project2 .pc_right_col{
        width: 336px;
        margin: -80px 0 0;
    }
    .wlb #project2 .pc_left_col{
        width: 565px;
    }
	
    
    /* ダイバーシティ推進　行動計画
     * ---------------------------------------- */
	.wlb_plan #categoryTop {
	  background-image: url("../../wlb/plan/img/category_title.gif");
	}
	.wlb_plan .section{
		margin-bottom: 40px;
	}
	.wlb_plan #plan_read{
		margin-top: 40px;
	}
	.wlb_plan h2 {
	  border-bottom: 3px solid #c9f1ff;
	  color: #292929;
	  font-size: 26px;
	  line-height: 100%;
	  margin-bottom: 10px;
	  padding: 0 0 10px;
	}
	#default .wlb_plan h3{
		margin-bottom: 0.5em;
	}
	.wlb_plan table{
		margin-bottom: 25px;
	}
	.wlb_plan table th{
		font-weight: normal;
	}
	#plan_sec04 .pc_column3_2{
		margin-bottom: 50px;
	}
	#plan_sec04 .pc_right_col.figure{
		margin-top: -70px;
	}
	#plan_sec04 .pc_right_col.figure img{
		width: auto;
		height: auto;
		max-width: 100%;
	}
	#plan_sec04 table td{
		text-align: right;
	}
	.wlb_plan .btn_back a:hover{
		opacity: 0.8;
	}
	
	#default #contents.wlb_plan .pc_mb5{
		margin-bottom: 5px;
	}
	#default #contents.wlb_plan .pc_mb25{
		margin-bottom: 25px;
	}
    .woman-ratio{
        padding: 7px 12px;
    }
	
	
    /* 先輩社員（カテゴリ）
     * ---------------------------------------- */
    .active #categoryLink{
        margin-top: 30px;
    }

    .active #categoryLink .pc_column1_1_1{
        margin-right: -49px;
    }
    .active #categoryLink .col{
        width: 294px;
        margin-right: 49px;
		margin-bottom:40px;
    }
    /* 先輩社員
     * ---------------------------------------- */
    .active #read .inner{
        width: 100%;
        min-width: 980px;
        height: 581px;
    }
	 .active.staff01 #read .inner{
        background: url('../../active/staff01/img/mainvisual.jpg') center no-repeat;
    }
    .active.staff02 #read .inner{
        background: url('../../active/staff02/img/mainvisual.jpg') center no-repeat;
    }
	 .active.staff03 #read .inner{
        background: url('../../active/staff03/img/mainvisual.jpg') center no-repeat;
    }
	 .active.staff04 #read .inner{
        background: url('../../active/staff04/img/mainvisual.jpg') center no-repeat;
    }
	 .active.staff05 #read .inner{
        background: url('../../active/staff05/img/mainvisual.jpg') center no-repeat;
    }
    .active #read p{
        position: absolute;
        bottom: 100px;
        left: 400px;
        width: 450px;
    }
    
    /* タブ */
    #ta.active{
        margin-bottom: 0;
    }
    .tab_senior{
        height: 84px;
    }
    .kotei .tab_senior_back{
        height: 84px;
        margin-bottom: -84px;
    }
    #tabClone{
        display: none;
        height: 0;
    }
    #tabClone.kotei{
        display: block;
    }
    #tabClone.kotei .tab_senior_back{
        background: url('../img/bg_black.png');
    }
    #tabClone .tab_senior_item{
        position: fixed;
        top: -84px;
        left: 0;
        width: 100%;
        z-index: 9000;
    }
    .tab_senior .tab_senior_bg{
        height: 84px;
        margin-bottom: -84px;
        opacity: 0;
        z-index: -200;
    }
    .tab_senior .inner{
        padding: 1em 0;
        z-index: 500;
    }
    .tab_senior li{
        float: left;
        width: 240px;
        margin: 0px 6px 0 0;
    }
    .tab_senior li img.current{
        display: none;
    }
    .tab_senior li[rel="tab_member"]{
        margin: 0;
    }
    .tab_senior a{
        display: block;
        width: 242px;
        height: 58px;
        text-indent: -9999px;
    }
    .tab_senior li[rel="tab_interview"] a{
        background: url('../../active/img/btn_interview.png');
    }
    .tab_senior li[rel="tab_interview"] a:hover,
    .tab_senior li[rel="tab_interview"].current a{
        background: url('../../active/img/btn_interview_on.png');
    }
    .tab_senior li[rel="tab_schedule"] a{
        background: url('../../active/img/btn_schedule.png');
    }
    .tab_senior li[rel="tab_schedule"] a:hover,
    .tab_senior li[rel="tab_schedule"].current a{
        background: url('../../active/img/btn_schedule_on.png');
    }
    .tab_senior li[rel="tab_off"] a{
        background: url('../../active/img/btn_off.png');
    }
    .tab_senior li[rel="tab_off"] a:hover,
    .tab_senior li[rel="tab_off"].current a{
        background: url('../../active/img/btn_off_on.png');
    }
    .staff01 .tab_senior li[rel="tab_member"] a{
        background: url('../../active/img/btn_workplace01.png');
    }
    .staff01 .tab_senior li[rel="tab_member"] a:hover,
    .staff01 .tab_senior li[rel="tab_member"].current a{
        background: url('../../active/img/btn_workplace01_on.png');
    }
    .staff02 .tab_senior li[rel="tab_member"] a{
        background: url('../../active/img/btn_workplace02.png');
    }
    .staff02 .tab_senior li[rel="tab_member"] a:hover,
    .staff02 .tab_senior li[rel="tab_member"].current a{
        background: url('../../active/img/btn_workplace02_on.png');
    }
    .staff03 .tab_senior li[rel="tab_member"] a{
        background: url('../../active/img/btn_workplace03.png');
    }
    .staff03 .tab_senior li[rel="tab_member"] a:hover,
    .staff03 .tab_senior li[rel="tab_member"].current a{
        background: url('../../active/img/btn_workplace03_on.png');
    }
    .staff04 .tab_senior li[rel="tab_member"] a{
        background: url('../../active/img/btn_workplace04.png');
    }
    .staff04 .tab_senior li[rel="tab_member"] a:hover,
    .staff04 .tab_senior li[rel="tab_member"].current a{
        background: url('../../active/img/btn_workplace04_on.png');
    }
    .staff05 .tab_senior li[rel="tab_member"] a{
        background: url('../../active/img/btn_workplace05.png');
    }
    .staff05 .tab_senior li[rel="tab_member"] a:hover,
    .staff05 .tab_senior li[rel="tab_member"].current a{
        background: url('../../active/img/btn_workplace05_on.png');
    }

    #interview,
    #schedule,
    #off,
    #member{
        margin-bottom: 60px;
    }
    #interview h2,
    #schedule h2,
    #off h2,
    #member h2{
        padding-top: 20px;
    }
    /* インタビュー */
    #interview .figure,
	#interview .pc_left_col,
	#interview .pc_left_col p{
        margin-bottom: 0px !important;
    }
    #interview .pc_column3_2,
    #interview .pc_column2_3{
        margin-bottom: 60px;
    }
    
    /* 一日のスケジュール */
    #schedule .column1_1{
        margin-bottom: 0 !important;
    }
    #scheduleL,
    #scheduleR{
        min-height:580px;
        margin-bottom: 0 !important;
    }
    #scheduleL{
        background: url('../../active/staff05/img/schedule_border_left.png') 21px 5px no-repeat;
    }
    #scheduleR{
        background: url('../../active/staff05/img/schedule_border_right.png') 21px 5px no-repeat;
    }
    #schedule table{
        margin-top: -8px;
    }
    #schedule th{
        width: 75px;
        padding-left: 35px;
        text-align: left;
        font-size: 20px;
        background-repeat: no-repeat;
        background-position: 16px 11px;
    }
    #schedule .schedule_icon1 th{
        background-image: url('../../active/img/schedule_icon_01.png');
		color:#3ebdfa;
    }
    #schedule .schedule_icon2 th{
        background-image: url('../../active/img/schedule_icon_02.png');
		color:#ffa357;
    }
    #schedule .schedule_icon3 th{
        background-image: url('../../active/img/schedule_icon_03.png');
		color:#7986d9;
    }
    #schedule .schedule_icon4 th{
        background-image: url('../../active/img/schedule_icon_04.png');
		color:#174aaa;
    }
    #schedule .evening th{
        color: #ffaa76;
    }
    #schedule .night th{
        color: #1146a7;
    }
    #schedule td{
        padding-bottom: 1em;
        font-size: 13px;
        line-height: 28px;
    }
    #schedule table p{
        margin-bottom: 0.5em !important;
    }

    /* スケジュール */
    #staff01_1930{
        position: relative;
    }
	 .schedule_fukidashi01{
        position: absolute;
        top: -100px;
        left: 140px;
    }
	 .schedule_fukidashi02{
       left: 232px;
		position: absolute;
		top: -61px;
    }
	.schedule_fukidashi03{
		 left: 232px;
		position: absolute;
		top: -61px;
	}
	 .schedule_fukidashi04{
       left: 164px;
		position: absolute;
		top: -61px;
    }
    .schedule_fukidashi05{
        position: absolute;
       top: -100px;
        left: 220px;
    }
	

    /* オフの過ごし方 */
    #off .figure{
        margin-bottom: 0;
    }
	#off .right_col{
		width:62%;
		margin-top:40px;
	}
    
    /* 職場の方から見た */
    #member h3{
        height: 36px;
        padding: 28px 0 7px 120px;
        background: url(../../active/img/watashikara_waku.gif) no-repeat;
		font-weight:bold;
    }
    #member .section{
        margin-bottom: 0;
    }
    .message_col .message_text{
        width: 80%;
        margin-bottom: 0 !important;
    }
    .message_col .message_text_inner{
        position: relative;
        width: 80%;
        padding: 20px 26px;
        border: 3px solid #b7e0eb;
        border-radius: 10px;
        z-index: -101;
    }
	.message_col .message_text_inner p{
		margin-bottom:0px !important;
		font-size:105%;
	 }
    .message_text.pc_right_col .message_text_inner{
        float: right;
    }
    .message_text_inner:before{
        position: absolute;
        top: 30px;
        width: 0;
        height: 0;
        content: '';
        display: block;
        border-top: 13px solid transparent;
        border-left: 23px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 23px solid #b7e0eb;
        z-index: -100;
    }
    .pc_left_col .message_text_inner:before{
        right: -46px;
        border-top: 13px solid transparent;
        border-left: 23px solid #b7e0eb;
        border-bottom: 13px solid transparent;
        border-right: 23px solid transparent;
    }
    .pc_right_col .message_text_inner:before{
        left: -46px;
        border-top: 13px solid transparent;
        border-left: 23px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 23px solid #b7e0eb;
    }
    .message_text_inner:after{
        position: absolute;
        top: 33px;
        width: 0;
        height: 0;
        content: '';
        display: block;
        border-top: 10px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid #fff;
        z-index: -100;
    }
    .pc_left_col .message_text_inner:after{
        right: -38px;
        border-top: 10px solid transparent;
        border-left: 20px solid #fff;
        border-bottom: 10px solid transparent;
        border-right: 20px solid transparent;
    }
    .pc_right_col .message_text_inner:after{
        left: -38px;
        border-top: 10px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid #fff;
    }
    .message_text.left_col .message_text_inner{
        float: left;
    }
    .message_col{
        margin-bottom: 1.5em;
    }
    .message_col .message_icon{
        width: 20%;
        margin-bottom: 0 !important;
    }
    .message_col .message_icon img{
        width: 100%;
    }

    
    /* 他の社員を見る */
    #others{
        margin-bottom: -40px;
    }
    #others .list_title{
        height: 59px;
        margin-bottom: 33px;
        text-indent: -9999px;
        background: url(../../active/img/midashi_hoka.gif) no-repeat;
    }
    #others li{
        float: left;
        width: 31%;
        margin: 0 1%;
        text-align: center;
    }
    .staff01 #others li.staff01,
    .staff02 #others li.staff02,
    .staff03 #others li.staff03,
    .staff04 #others li.staff04,
    .staff05 #others li.staff05{
        display: none;
    }
    
    /* flip */
    .flip_item{
        position: relative;
        display: block;
        width: 209px;
        height: 434px;
        margin: 0 auto;
    }
    .flip_item .flip_img.omote,
    .flip_item .flip_img.ura{
        position: absolute;
        top: 0;
        left: 0;
    }
    .flip .flip_item .flip_img.omote,
    .flip .flip_item .flip_img.ura{
        -webkit-transition: 0.5s;   
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .flip .flip_item .omote{
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        transform:translateZ(10);
        z-index: 10;
    }
    .flip .flip_item:hover img.omote{
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        transform:translateZ(-10);
        z-index: -10;
    }
    .flip .flip_item .ura{
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        transform:translateZ(-10);
        z-index: -10;
    }
    .flip .flip_item:hover img.ura{
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        transform:translateZ(10);
        z-index: 10;
    }
    .no_flip .flip_item .omote,
    .no_flip .flip_item:hover img.ura{
        z-index: 10;
    }
    .no_flip .flip_item .ura,
    .no_flip .flip_item:hover img.omote{
        z-index: -10;
    }

    #contentsTop{
        display: none;
    }

    /* 制度
     * ---------------------------------------- */
	 .seido h1 img{
		 width:320px;
	 }
    .seido #read{
        text-align: center;
        font-size: 14px;
        line-height: 36px;
    }

    #default.seido h3{
        font-size: 30px;
    }
    .seido .acc_item {
        height: inherit !important;
    }

    /* 家庭と仕事の両立支援制度 */
    #ryoritsuList{
        background: #f6f6f6;
        padding-top: 40px;
    }
    #ryoritsuList .row2{
        width: 780px;
        margin: 0 auto;
    }
    #ryoritsuList li{
        float: left;
        width: 180px;
        height: 208px;
        margin: 0 20px 40px 0;
        text-align: center;
    }
    #ryoritsuList a{
        display: block;
        height: 100%;
        text-indent: -9999px;
        background: url('../../seido/img/pagelink.gif');
    }
    #ryoritsuList a[href="#familyFriend"]{
        background-position: 0 0;
    }
    #ryoritsuList a[href="#familyFriend"]:hover{
        background-position: 0 -208px;
    }
    #ryoritsuList a[href="#giveBirth"]{
        background-position: -200px 0;
    }
    #ryoritsuList a[href="#giveBirth"]:hover{
        background-position: -200px -208px;
    }
    #ryoritsuList a[href="#childCare"]{
        background-position: -400px 0;
    }
    #ryoritsuList a[href="#childCare"]:hover{
        background-position: -400px -208px;
    }
    #ryoritsuList a[href="#childCareShort"]{
        background-position: -600px 0;
    }
    #ryoritsuList a[href="#childCareShort"]:hover{
        background-position: -600px -208px;
    }
    #ryoritsuList a[href="#nursingChild"]{
        background-position: -800px 0;
    }
    #ryoritsuList a[href="#nursingChild"]:hover{
        background-position: -800px -208px;
    }
    #ryoritsuList a[href="#nursing"]{
        background-position: 0 -416px;
    }
    #ryoritsuList a[href="#nursing"]:hover{
        background-position: 0 -624px;
    }
    #ryoritsuList a[href="#nursingShort"]{
        background-position: -200px -416px;
    }
    #ryoritsuList a[href="#nursingShort"]:hover{
        background-position: -200px -624px;
    }
    #ryoritsuList a[href="#careerReturn"]{
        background-position: -400px -416px;
    }
    #ryoritsuList a[href="#careerReturn"]:hover{
        background-position: -400px -624px;
    }
    #ryoritsuList a[href="#flextime"]{
        background-position: -600px -416px;
    }
    #ryoritsuList a[href="#flextime"]:hover{
        background-position: -600px -624px;
    }
    .user_voice_box{
        background: #fdffe2;
        padding: 20px 40px 0px 40px;
		border: 2px solid #dbdbdb;
    }
	.user_voice_box .column1_4 .pc_left_col{
		width:23% !important;
		text-align:center;
	}
	.user_voice_box .column1_4 .pc_right_col{
		margin-top:15px;
		width:75% !important;
	}
    #familyFriend h2,
    #giveBirth h2,
    #childCare h2,
    #childCareShort h2,
    #nursingChild h2,
    #nursing h2,
    #nursingShort h2,
    #careerReturn h2,
    #flextime h2{
        color: #36a5d8;
        margin: 10px 0 20px;
        line-height: 90px;
		border-bottom:3px solid #c9f1ff;
    }
    #familyFriend .icon,
    #giveBirth .icon,
    #childCare .icon,
    #childCareShort .icon,
    #nursingChild .icon,
    #nursing .icon,
    #nursingShort .icon,
    #careerReturn .icon,
    #flextime .icon{
        width: 90px;
        margin-right: 10px;
    }
    .user_voice_box .midashi{
        padding-left: 44px;
        font-size: 23px;
        color: #36a5d8;
        background: url('../../seido/img/icon_heart.jpg') left no-repeat;
		margin-bottom:0.5em !important;
    }
    .user_voice_box .caption{
        margin-bottom: 0 !important;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
    }
    .user_voice_box .left_col{
        margin-bottom: 0 !important;
    }
    
    /* FAQ
     * ---------------------------------------- */
    .faq #read{
        text-align: center;
        line-height: 36px;
    }
    #qa.section{
        padding-top: 1.5em;
        border-top: 2px dashed #e3e3e3;
    }
    #qa h3{
        color: #343434;
        font-size: 16px;
        line-height: 36px;
    }
    #qa .column1_1{
        border-bottom: 2px dashed #e3e3e3;
    }
    .a_col{
        *margin-right: 0 !important;
    }
    .q_box,
    .a_box{
        float: left;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        border-radius: 5px;
    }
    .q_box{
        background: #ceeffb;
    }
    .a_box{
        background: #ffd4d7;
    }
    .q_contents,
    .a_contents{
        float: right;
        width: 412px;
        margin-top: .5em;
    }
    .q_contents{
        font-weight: bold;
    }
    .faq .link{
        color: #e53c48;
    }
    .bunnkei_box{
        margin-bottom: 9px;
        padding: 13px 16px;
        background: #fff3f4;
        line-height: 100%;
    }
    .bunnkei_box .midashi{
        display: block;
        font-weight: bold;
        color: #c1313d;
        margin-bottom: 20px;
    }
    .rikei_box{
        margin-bottom: 9px;
        padding: 13px 16px;
        background: #e2f5fc;
        line-height: 100%;
    }
    .rikei_box .midashi{
        display: block;
        font-weight: bold;
        color: #59a9c8;
        margin-bottom: 20px;
    }

    /* フォトギャラリー
     * ---------------------------------------- */
    .photo .article > .inner{
        position: relative;
        min-height: 645px;
        overflow: visible;
    }
    .gallery_slide .photo.top .article > .inner{
        width: 100%;
    }
    .photo #mainImage{
        border-bottom: 7px solid #84d5f2;
    }
    .photo.top #mainImage .img_factory,
    .photo.nagoya #mainImage .img_factory,
    .photo.tokyo #mainImage .img_factory,
    .photo.chita #mainImage .img_not_factory,
    .photo.hoshizaki #mainImage .img_not_factory,
    .photo.chita_ryo #mainImage .img_factory{
        display: none;
    }
    #photoNav{
        position: absolute;
        top: 0;
        left: 0;
        width: 371px;
        margin: 0 -16px;
        padding: 0 0 0 16px;
        background: url('../../photo/img/gradation_left.png') left repeat-y;
        z-index: 5000;
    }
    #photoNavInner{
        float: right;
        width: 355px;
        height: 100%;
        min-height: 645px;
        padding: 0 16px 0 0;
        background: url('../../photo/img/gradation_right.png') right repeat-y;
    }
    #listBottom{
        padding: 0px 18px 37px;
        color: #5f5f5f;
        background: #fff;
    }
    #listBottom ul{
        border-bottom: 2px solid #cfeffa;;
        padding: 0 17px;
    }
    #listBottom li{
        float: left;
        width: 142px;
    }
    #listBottom a{
        display: block;
        padding: 20px 0;
        text-decoration: none;
    }
    #listBottom img{
        width: 24px;
        margin: 0 8px;
    }
    #listBottom a:hover,
    #listBottom a.this_page{
        color: #e74a57;
    }
    #allRow{
        padding: 0 17px;
        border-bottom: 2px solid #cfeffa;;
    }
    #allRow .all{
        display: block;
        margin-bottom: 0 !important;
        padding: 20px 0 10px;
        text-align: center;
    }
    .photo.child #gallery,
    .photo.gallery_list #gallery{
        position: relative;
        float: right;
        width: 610px;
        margin-right: -1em;
        padding: 20px 0;
    }
    /*#gallery ul{
        position: absolute;
        top: 1000px;
    }*/
    .photo.child #gallery li,
    .gallery_list .photo #gallery li{
        float: left;
        width: 31%;
        margin: 1%;
    }
    .photo.child #gallery a,
    .gallery_list .photo #gallery a{
        display: block;
        width: 100%;
    }
    .photo.child #gallery img,
    .gallery_list .photo #gallery img{
        width: 100%;
    }

    /* ギャラリー トップ */
    .gallery_slide .photo.top #gallery{
        position: absolute;
        height: 650px;
        overflow: hidden;
        line-height: 100%;
    }
    .gallery_slide .photo.top #gallery ul{
        position: relative;
        width: 3000px;
        height: 650px;
        margin-left: -1000px;
        opacity: 0;
    }
    .gallery_slide .photo.top #gallery li{
        position: absolute;
        overflow: hidden;
    }
    .gallery_slide .photo.top #gallery a{
        display: block;
    }
    .gallery_slide .photo.top #gallery .size1{
        width: 624px;
        height: 430px;
        z-index: 303;
    }
    .gallery_slide .photo.top #gallery .size2{
        width: 312px;
        height: 215px;
        z-index: 300;
    }
    .gallery_slide .photo.top #gallery .size3{
        width: 624px;
        height: 215px;
        z-index: 302;
    }
    .gallery_slide .photo.top #gallery .size4{
        width: 312px;
        height: 430px;
        z-index: 301;
    }
	 /* サイトポリシー */
	.sitepolicy #categoryTop {
        background-image: url("../../sitepolicy/img/category_title.gif");
	}
	.sitepolicy h2{
		border-bottom: 3px solid #c9f1ff;
		color: #292929;
		font-size: 20px;
		line-height: 100%;
		margin-bottom: 30px;
		padding: 0 0 10px;
	}
	.sitepolicy h3{
		margin-bottom:10px !important;
	}
	.sitepolicy .dl_format{
		margin-bottom:30px;
		padding-left:20px;
	}
	.sitepolicy .dl_format dt {
        background: url("../img/icon_list.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #36a3ca;
        font-size: 16px;
        font-weight: normal;
        padding-left: 15px;
	}
	.sitepolicy .dl_format dd {
        margin-bottom: 10px;
        padding-left: 15px;
	}
}


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

    /* ダイバーシティ
     * ---------------------------------------- */
    .wlb #read h2{
		margin:-20px 0px 0px;
		border-bottom:none;
    }   
    .wlb #point dl{
        margin-bottom: 40px;
        padding: 20px 16px;
        background: #ceeffb;
        border-radius: 10px;
    }
    .wlb #point dt{
        line-height: 48px;
        text-align: center;
        background: #fbffbd;
        border-radius: 5px;
        font-weight: bold;
    }
    .wlb dt.points{
        margin-top: 35px;
    }
    .wlb .white_box_inner{
        margin-top: 5px;
        text-align: center;
        background: #fff;
        border-radius: 5px;
		padding:0px 15px;
    }
	.wlb #contents p#btn_plan{
		margin-bottom: 2em;
		text-align: center;
	}
	.wlb #contents p#btn_plan img{
		max-width: 100%;
		height: auto;
	}
	.wlb .dl_format{
		margin-bottom:20px;
	}
	.wlb .dl_format dt{
		background:url(../img/icon_list.gif) no-repeat left 12px;
		background-size:8px 8px;
		padding-left:15px;
		color:#36a3ca;
	}
	.wlb .dl_format dd{
		margin-bottom:10px;
		padding-left:15px;
	}
    .wlb .white_box_text{
        margin: 0 !important;
        padding: .5em 0;
    }
    .wlb #about {
        padding: 20px 15px;
        border: 3px solid #ceeffb;
        border-radius: 10px;
    }
    .wlb #about h3,
    .wlb #about .pc_right_col{
        text-align: center;
    }
    .wlb #about img{
        width: 201px;
        margin: 0 auto;
    }
    .wlb #project img{
        width: 100%;
    }
	
    
    /* ダイバーシティ推進　行動計画
     * ---------------------------------------- */
	.wlb_plan .section{
		margin-bottom: 20px;
	}
	.wlb_plan #plan_read{
		margin-top: 20px;
	}
	#default .wlb_plan h2 {
	  border-bottom: 3px solid #c9f1ff;
	  color: #292929;
	  font-size: 18px;
	  line-height: 100%;
	  margin-bottom: 10px;
	  padding: 0 0 10px;
	}
	#default .wlb_plan h3{
		margin-bottom: 0.5em;
	}
	.wlb_plan table{
		margin-bottom: 25px;
	}
	.wlb_plan table th{
		font-weight: normal;
	}
	#plan_sec04 .pc_column3_2{
		margin-bottom: 20px;
	}
	#plan_sec04 .pc_right_col{
		margin-bottom: 20px;
	}
	#plan_sec04 .pc_right_col.figure img{
		max-width: 100%;
		height: auto;
	}
	#plan_sec04 table td{
		text-align: right;
	}
	.wlb_plan .btn_back a:hover{
		opacity: 0.8;
	}
	.wlb_plan .sp_wrap {
		display: inline-block;
		white-space: nowrap;
	}
    .woman-ratio{
        padding: 7px 12px;
    }
	
	
	
    /* 先輩社員（カテゴリ）
     * ---------------------------------------- */
    .active #categoryLink{
        margin: 20px 13px 0;
    }
    #categoryLink a{
        display: block;
        padding: 8px 0 12px;
        border-bottom: 1px solid #cfcfcf;
        background: url('../../active/img/icon_category_link.gif') right no-repeat;
        background-size: 14px 25px;
    }
    #categoryLink img{
        height: 113px;
    }
    /* 先輩社員
     * ---------------------------------------- */
    .active h1{
        margin: 0 !important;
    }
    #read img{
        width: 100%;
    }
    #read #message1{
        margin-bottom: 1em;
        padding: 15px 13px;
        background: #daf5fa;
    }
    #read #message2{
        padding: 0 13px;
    }

    /* タブ */
    #ta.active{
        height: inherit!important;
        background: none !important;
    }
    #tabClone {
        margin-bottom: 2.5em;
    }
    .tab_senior_item{
        margin-top: -1em;
        padding-top: 1em;
    }
    .tab_senior_back{
        display: none;
    }
    .tab_senior ul{
        margin: 0 10px;
    }
    .tab_senior li{
        float: left;
        width: 50%;
        margin: 0 0 1%;
        text-align: center;
    }
    .tab_senior li img.current,
    .tab_senior li.current img.img_hover{
        display: none;
    }
    .tab_senior li.current img.current{
        display: block;
    }
    .tab_senior a{
        display: block;
        width: 98%;
        margin: 0 auto;
    }
    .tab_senior img{
        width: 100%;
    }
    #ta.activeClone{
        display: none;
    }
   .tab_senior_contents{
        display: none;
    }
    .tab_senior_contents.current{
        display: block;
    }
    
    /* インタビュー */
    #interview img{
        width: 100%;
    }

    /* 一日のスケジュール */
    #schedule .column1_1{
        background: url('../../active/staff01/img/sp_schedule_border.png') 12px 7px no-repeat;
		background-size:4px 1146px;
    }
    .staff01 #schedule .column1_1{
        background-image: url('../../active/staff01/img/sp_schedule_border.png');
    }
    #schedule table{
        width: 100%;
    }
	  #schedule table p{
        margin-bottom: 0em !important;
    }
	  #schedule table p img{
		  margin-top:5px;
	  }
    #scheduleL{
        min-height:580px;
    }
    #scheduleR{
        min-height:580px;
    }
    #schedule th{
        width: 80px;
        padding-left: 35px;
        text-align: left;
    }
    #schedule td{
        padding-bottom: 1.5em;
    }
    #schedule th{
        background-repeat: no-repeat;
        background-position: 7px 28px;
        background-size: 15px;
        font-weight: bold;
    }
    #schedule .schedule_icon1 th{
        color: #3ebdfa;
        background-image: url('../../active/img/sp_schedule_icon_01.png');
		padding-top:21px;
    }
    #schedule .schedule_icon2 th{
        color: #ffa357;
        background-image: url('../../active/img/sp_schedule_icon_02.png');
		padding-top:21px;
    }
    #schedule .schedule_icon3 th{
        color: #7986d9;
        background-image: url('../../active/img/sp_schedule_icon_03.png');
		padding-top:21px;
    }
    #schedule .schedule_icon4 th{
        color: #174aaa;
        background-image: url('../../active/img/sp_schedule_icon_04.png');
		padding-top:21px;
    }
    #schedule img{
		margin-top:-1em;
       /* width: 100%;*/
    }
	#schedule .sp_sp_fukidashi_w{
		position:relative;
	}
	#schedule .sp_fukidashi01{
		position:absolute;
		top:-50px;
		left:-100px;
	}
	#schedule .sp_fukidashi05{
		position:absolute;
		top:-10px;
		left:-100px;
	}
    
    /* オフの過ごし方 */
    #off .figure{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #off img{
        width: 100%;
    }

    /* 私から見た */
    #member h3{
        padding-left: 60px;
        line-height: 31px;
        background: url('../../active/img/sp_icon_watashikara.png') no-repeat left;
        background-size: 44px 31px;
    }
    #member img{
        width: 100%;
    }
    .message_col{
        display: table;
        margin-bottom: 1em;
    }
    .message_col .message_text{
        display: table-cell;
        vertical-align: top;
    }
    .message_col .message_text p{
        margin-bottom: 0 !important;
    }
    .message_col .message_icon{
        display: table-cell;
        width: 62px;
        padding-top: 15px;
    }
    .message_col .message_icon img{
        width: 100%;
    }
    .message_col .message_text_inner{
        position: relative;
        width: 80%;
        padding: 11px 3%;
        border: 3px solid #ceeffb;
        border-radius: 10px;
        z-index: -101;
        background: #ceeffb;
    }
    .message_text.right_col .message_text_inner{
        float: right;
    }
    .message_text_inner:before{
        position: absolute;
        top: 30px;
        width: 0;
        height: 0;
        content: '';
        display: block;
        border-top: 13px solid transparent;
        border-left: 23px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 23px solid #ceeffb;
        z-index: -100;
    }
    .pc_left_col .message_text_inner:before{
        right: -46px;
        border-top: 13px solid transparent;
        border-left: 23px solid #ceeffb;
        border-bottom: 13px solid transparent;
        border-right: 23px solid transparent;
    }
    .pc_right_col .message_text_inner:before{
        left: -46px;
        border-top: 13px solid transparent;
        border-left: 23px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 23px solid #ceeffb;
    }/*
    .message_text_inner:after{
        position: absolute;
        top: 33px;
        width: 0;
        height: 0;
        content: '';
        display: block;
        border-top: 10px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid #fff;
        z-index: -100;
    }
    .left_col .message_text_inner:after{
        right: -38px;
        border-top: 10px solid transparent;
        border-left: 20px solid #fff;
        border-bottom: 10px solid transparent;
        border-right: 20px solid transparent;
    }
    .right_col .message_text_inner:after{
        left: -38px;
        border-top: 10px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid #fff;
    }*/
    .message_text.pc_left_col .message_text_inner{
        float: left;
    }
    .message_text.pc_right_col .message_text_inner{
        float: right;
    }


    /* 他の社員を見る */
    #others .list_title{
        margin-bottom: 1em;
        padding: 13px 0;
        background: #fff9a2;
        text-align: center;
        font-size: 18px;
        line-height: 100%;
        border-radius: 10px;
    }
    #others li{
        float: left;
			display: block;
        width: 50%;
			height: 260px;
        text-align: center;
        margin: 0 0 1em;
    }
    .staff01 #others li.staff01,
    .staff02 #others li.staff02,
    .staff03 #others li.staff03,
    .staff04 #others li.staff04,
    .staff05 #others li.staff05{
        display: none;
    }
    #others a{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    #others img{
        width: 100%;
    }

    /* コンテンツトップ */
    #contentsTop{
        position: fixed;
        right: 15px;
        bottom: 15px;
        display: block;
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
    #contentsTop img{
        width: 100%;
    }

    /* 制度
     * ---------------------------------------- */
	.seido h1 img{
		 width:210px;
	 }
    /* 家庭と仕事の両立支援制度 */
    #default.seido h2{
        display: table;
        width: 100%;
        height: 53px;
        /*padding: 10px 14px;*/
        padding: 10px 0;
        color: #373737;
        background-color: #d7f0f9;
        border-radius: 10px;
        line-height: 1.8;
    }
    .pc_device.sp_mode#default.seido h2{
        cursor: pointer;
    }
    #default.seido h2 .cell_icon{
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        width: 65px;
    }
    #default.seido h2 .cell_h2{
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px 0 10px;
    }
    #default.seido h2 .cell_h2_inner{
        display: block;
        padding-right: 21px;
        background: url('../img/icon_maru_bottom_blue.gif') right no-repeat;
        background-size: 21px;
    }
    #default.seido h2 .icon{
        height: 53px;
    }
    #ryoritsuList{
        display: none;
    }
    .user_voice_box{
        border: 2px solid #dbdbdb;
        background: #fdffe2;
        padding: 15px 23px;
    }
	.user_voice_box .column1_4 .pc_left_col .figure img{
		width:116px;
	}
    .user_voice_box .midashi{
        text-align: center;
        font-size: 20px;
        color: #36a5d8;
		margin-bottom:10px;
    }
    .user_voice_box .midashi span{
        padding-left: 27px;
        background: url('../../seido/img/sp_icon_heart.png') left center no-repeat;
        background-size: 17px 15px;
    }
    .user_voice_box .figure{
        text-align: center;
        margin-bottom: 10px;
    }
    .user_voice_box .caption{
        text-align: center;
        font-weight: bold;
        margin-bottom: 1em;
    }
    .user_voice_box .left_col{
        margin-bottom: 0 !important;
    }
    .user_voice_box .left_col img{
        width: 100%;
    }
	.fade_click_target{
        display: none;
    }
    .fade_click_target{
        display: none;
    }
    .seido a.close_btn{
        display: block;
        margin-top: 2em;
        padding: 15px 0;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #62c0e2;
        border: 2px solid #62c0e2;
        border-radius: 5px;
    }
    .pc_device .seido a.close_btn:hover{
        color: #fff;
        background-color: #62c0e2;
    }

    /* FAQ
     * ---------------------------------------- */
    .faq #read{
        font-size: 16px;
    }
    #qa h3{
        color: #343434;
        font-size: 16px;
        line-height: 36px;
    }
	#qa.section{
		 border-top: 2px dashed #e3e3e3;
		 padding-top:1em;
		 margin:0 10px;
	}
    #qa .column1_1{
        margin: 0px 0px 1em;
        border-bottom: 2px dashed #e3e3e3;
    }
    .q_col{
        color: #36a5d8;
        margin-bottom: 1em;
    }
    .a_col{
        margin-bottom: 1em;
    }
    .q_box,
    .a_box{
        width: 36px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        border-radius: 5px;
    }
    .q_box{
        background: #ceeffb;
    }
    .a_box{
        color: #e6424e;
        background: #ffd4d7;
    }
    .q_contents,
    .a_contents{
        margin-top: .5em;
    }
    .q_contents{
        font-weight: bold;
    }
    .faq .link{
        color: #e53c48;
    }
    .bunnkei_box{
        margin-bottom: 9px;
        padding: 13px 16px;
        background: #fff3f4;
        line-height: 100%;
		font-size:14px;
    }
    .bunnkei_box .midashi{
        display: block;
        font-weight: bold;
        color: #c1313d;
        margin-bottom: 5px;
    }
    .rikei_box{
        margin-bottom: 9px;
        padding: 13px 16px;
        background: #e2f5fc;
        line-height: 100%;
		font-size:14px;
    }
    .rikei_box .midashi{
        display: block;
        font-weight: bold;
        color: #59a9c8;
        margin-bottom: 5px;
    }

    /* フォトギャラリー
     * ---------------------------------------- */
    .photo #mainImage{
        /*margin-bottom: 15px;*/
    }
    .photo #mainImage img{
        width: 100%;
    }
    .photo.top #mainImage .img_factory,
    .photo.nagoya #mainImage .img_factory,
    .photo.tokyo #mainImage .img_factory,
    .photo.chita #mainImage .img_not_factory,
    .photo.hoshizaki #mainImage .img_not_factory,
    .photo.chita_ryo #mainImage .img_factory{
        display: none;
    }
    .photo #listBottom{
        /*margin: 0 13px;*/
    }
    .photo #listBottom a{
        display: block;
        color: #4a4a4a;
        font-weight: bold;
        text-decoration: none;
        background-color: #f6f6f6 !important;
        
    }
    .pc_device #listBottom a:hover,
    #listBottom a.this_page{
        background-color: #fbffbd !important; 
    }

    #allRow{
        float: left;
        width: 26%;
        *margin-right: -1px;
    }
    #allRow a{
        text-align: center;
        line-height: 152px;
        border-bottom: 1px solid #ccc;
    }
    #officeRow,
    #factoryRow,
    #ryoRow{
        float: right;
        width: 74%;
    }
    #officeRow li,
    #factoryRow li,
    #ryoRow li{
        *margin-right: -1px;
    }
    #officeRow a,
    #factoryRow a,
    #ryoRow a{
        line-height: 50px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    #officeRow img,
    #factoryRow img,
    #ryoRow img{
        width: 24px;
        margin: 0 7px;
        vertical-align: middle;
    }/*
    #officeRow,
    #factoryRow{
        margin-bottom: 7px;
    }*/
    #officeRow li,
    #factoryRow li{
        float: left;
        width: 50%;
    }

    .photo #gallery{
        margin: 1em .8em;
    }
    .photo #gallery li{
        float: left;
        width: 33%;
        margin-bottom: 10px;
    }
    .photo #gallery a{
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .photo #gallery img{
        width: 100%;
        margin: 0 !important;
    }
	/* サイトポリシー */
	
	.sitepolicy h3{
		margin-bottom:10px !important;
	}
	.sitepolicy .dl_format{
		margin-bottom:30px;
	}
	.sitepolicy .dl_format dt {
    background: url("../img/icon_list.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #36a3ca;
    font-size: 16px;
    font-weight: normal;
    padding-left: 15px;
	}
	.sitepolicy .dl_format dd {
    margin-bottom: 10px;
    padding-left: 15px;
	}
}