@import "default.css";
@import "standard.css";

/* 印刷用レイアウト
------------------------------------------------ */
body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "MS P ゴシック", "MS P Gothic", "sans-Serif";
	font-size: 16px;
	color: #333333;
	-webkit-text-size-adjust: none;
}

/* スタイル
------------------------------------------------ */

/* ヘッダー */
header{
	position: absolute;
	position: fixed;
	z-index: 999;
	width: 100%;
	background-color: rgba( 255, 255, 255, 0.55 );
}
header #header{
	width: auto;
	max-width: 1200px;
	min-width: 990px;
	margin: 0 auto;
}
header #header #logo{
	width: auto;
    padding: 5px 0;
	float: left;
	display: flex;
	align-items: center;
}
header #header #logo span img{
	width: 230px;
	height: auto;
}

/* フッター */
footer{
	padding: 30px 0;
	background-color: #333399;
	color: #FFF;
}
footer #foot{
	width: auto;
	max-width: 1100px;
	min-width: 990px;
	margin: 0 auto;
}
footer #foot #flink{
	float: left;
}
footer #foot #flink li{
	margin-right: 5px;
	font-size: 14px;
	display: inline-block;
}
footer #foot #flink li a{
    text-decoration: none;
    color: #fff;
}
footer #foot #copyright{
	float: right;
	text-align:right;
}
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}

/* ナビゲーション
------------------------------------------------ */
#gnav{
	width: auto;
    float: right;
}
#gnav > ul{
	display: table;
}
#gnav > ul > li{
	display: table-cell;
	margin-right: 2em;
	margin: 0;
	padding: 0;
}
#gnav > ul > li > a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#gnav > ul > li:hover > a{
	color: #666;
}
#gnav > ul > li:hover .menu{
	max-height: 9999px;
	opacity: 1;
}
#gnav > ul > li > a{
	display: block;
	padding: 0 1em 10px;
	transition: all .2s ease-in;
}
#gnav > ul .menu{
	transition: all .2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	left: 0;
	text-align: center;
	position: absolute;
	background-color: #19192b;
}
#gnav > ul .menu .menu_inner{
	padding: 1em 0;
}
#gnav > ul .menu .menu_inner li{
	display: inline-block;
	margin: 0 .5em;
}
#gnav > ul .menu a{
	color: #fff;
}
#header #sns_nav{
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 1em;
	text-align: right;
}
#header #sns_nav li{
	width: 30px;
	margin: 0 5px;
	display: inline-block;
}
#header #sns_nav li img{
	width: 100%;
}

.navToggle{
	display: none;
}

/* パンくずナビ
------------------------------------------------ */
#rootlist{
	width: 950px;
	margin: 0 auto 30px;
	font-size: 12px;
}
#rootlist span{
	margin: 0 5px;
}
#rootlist a{
	text-decoration: none;
}

/* Hタグ */
h2.title{
	margin: 0 auto 30px;
	padding-top: 170px;
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 1px #666,0px 0px 2px #666,0px 0px 3px #666,0px 0px 4px #666,0px 0px 5px #666,0px 0px 6px #666;
}
h3.title span{
	padding: 0 40px;
	border-bottom: 5px #EFEFEF solid;
}
h3.title{
	margin-bottom: 30px;
	color: #333399;
	font-size: 32px;
	text-align: center;
}
h4.title{
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
h4.title_btm{
	margin-bottom: 30px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
h4.title2{
	margin-bottom: 40px;
	padding: 10px 14px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
    letter-spacing: .2em;
    border: 1px solid #DDDDDD;
    border-bottom: 2px solid #00008C;
    background: -moz-linear-gradient(88deg, #F0F0F7, #FFF 60%, #FFF); 
    background: -webkit-linear-gradient(88deg, #F0F0F7, #FFF 60%, #FFF); 
    background: linear-gradient(2deg, #F0F0F7, #FFF 60%, #FFF);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
}
h4.title3,
h5.title3{
	margin-bottom: 30px;
	padding: 8px;
	color: #000;
	font-size: 18px;
    font-weight: bold;
    background: #f2f2f2;
}
h4.title3:before,
h5.title3:before{
    content: "●";
}
h4.title4{
	margin-bottom: 60px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
h5.title{
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}
h5.title:before{
    margin-right: 5px;
    content: url(../image/common/point_big.gif);
}
h5.title2{
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
}
h5.title4{
    margin-bottom: 30px;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #333399;
    background: url(../image/common/h5_title4_bg.gif);
}

/* ヘッドイメージ
------------------------------------------------ */
#head_img{
	width: auto;
	height: 340px;
}
#p_company #head_img,
#p_privacy #head_img,
#p_compliance #head_img,
#p_link #head_img,
#p_news #head_img{
	background: url(../company/image/copany_img.jpg) no-repeat;
	background-size: cover;
}
#p_business #head_img{
	background: url(../business/image/business_img.jpg) no-repeat;
	background-size: cover;
}
#p_contact #head_img{
	background: url(../contact/image/contact_img.jpg) no-repeat;
	background-size: cover;
}
#p_faq #head_img{
	background: url(../faq/image/faq_img.jpg) no-repeat;
	background-size: cover;
}
#p_recruitment #head_img{
	background: url(../recruitment/image/recruitment_img.jpg) no-repeat;
	background-size: cover;
}

/* 共通
------------------------------------------------ */
.cbox{
	width: 950px;
	margin: 0 auto 80px;
}
.inbox{
	width: auto;
	margin-bottom: 60px;
	padding: 0 5px;
}
a.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}
br.sp{
	display: none;
}

/* テーブル */
table.stdt1{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #e0e0e0;
}
table.stdt1 caption{
	text-align: left;
}
table.stdt1 th,
table.stdt1 td{
	border: solid 1px #e0e0e0;
	padding: 10px;
	text-align: left;
}
table.stdt1 th{
	background: #F5F5F5;
	white-space: nowrap;
	color: #333333;
}
table.stdt2{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
}
table.stdt2 caption{
	text-align: left;
}
table.stdt2 th,
table.stdt2 td{
	border: solid 1px #CCCCCC;
	padding: 15px;
	text-align: left;
}
table.stdt2 th{
    width: 180px;
	background: #7E87D1;
	white-space: nowrap;
	color: #FFF;
    font-weight: normal;
}

/*一覧表*/
.outline{
	border-top: 1px #CCC solid;
}
.outline li{
	padding: 10px 0;
	border-bottom: 1px #CCC solid;
	clear: both;
}
.outline li dt{
	width: 200px;
    margin-left: 1.4em;
	padding: 5px;
	float: left;
    position: relative;
}
.outline li dt:before{
    content: url(../image/common/point.gif);
    top: 4px;
    left: -12px;
    position: absolute;
}
.outline li dd{
	width: 700px;
	padding: 5px;
	float: right;
}

/* トップページ
------------------------------------------------ */
#p_top #main{
	margin-bottom: 60px;
	padding-top: 84px;
}
#p_top #main img{
	width: 100%;
	height: auto;
}
#p_top{
	background: none;
}
#p_top #log_wrap{
    width: 970px;
    margin: 0 auto 70px;
	/*margin: 0 auto 60px;*/
}
#p_top #log_wrap .left{
    width: 170px;
    height: 115px;
    padding-top: 60px;
    background: url(../image/top/info_bg.gif) no-repeat;
    color: #FFF;
    text-align: center;
    float: left;
}
#p_top #log_wrap .left h2{
    font-size: 24px;
}
#p_top #log_wrap .left h2 span{
    font-size: 16px;
    display: block;
    color: #9393C9;
}
#p_top #log_wrap .right{
    width: 770px;
    float: right;
    border-top: 1px solid #D6D6D6;
}
#p_top #log_wrap .right .log{
    padding: 20px 5px;
    border-bottom: 1px solid #D6D6D6;
}
#p_top #log_wrap .right .log dt{
    margin-bottom: 5px;
}
#p_top #banner_wrap{
	width: 970px;
	margin: 0 auto 60px;
    text-align: center;
}
#p_top #banner_wrap .banner{
    width: 310px;
    margin: 0 4px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
#p_top #banner_wrap .banner a{
    text-decoration: none;
    color: #333399;
}
#p_top #banner_wrap .banner dt{
    margin-bottom: 5px;
    font-size: 20px;
}
#p_top #banner_wrap .banner dd.photo{
    margin-bottom: 5px;
}
#p_top #banner_wrap .banner dd.url{
    font-size: 14px;
}
#p_top #staff{
	height: 300px;
	background: url(../image/top/staff.jpg) no-repeat center bottom;
}

/* ニュース
------------------------------------------------ */
#p_news .float_l{
	width: 630px;
}
#p_news .float_r{
	width: 280px;
}
#p_news .float_r img{
	width: 280px;
}

/* news-抗菌ページ用 */
#p_news .main_wrap .main{
    width: 1010px;
    margin: 0 auto;
}
#p_news .main_wrap{
	margin: 0 auto 80px;
    padding: 130px 0;
    position: relative;
}
#p_news .main_wrap:before{
    content: "";
    width: 100%;
    height: 52px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/common/stripe_border.jpg) no-repeat top center;
}
#p_news .main_wrap:after{
    content: "";
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../image/common/stripe_border.jpg) no-repeat top center;
}

#p_news .sub .left{
    width: 30%;
    float: left;
}
#p_news .sub .right{
    width: 70%;
    padding-top: 1em;
    float: right;
}
#p_news .sub .right li{
	font-size: 27px;
	margin-bottom: 10px;
	
}
#p_news .lock{
	display: inline-block;	
}

#p_news .item .left{
    width: 50%;
	height: 50px;
	text-align:center;
    float: left;
}
#p_news .item .right{
    width: 50%;
	height: 50px;
	text-align:center;
    float: right;
}
#p_news .voice{
	margin-top: 40px;
	padding: 20px;
	border: 1px #39C solid;
}

#p_news .button{
	text-align: center;
	margin-bottom: 60px;
}
#p_news .button li a{
	padding: 10px 20px;
	background: #F60;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}
#p_news .button li a:hover{
	color: #FC9;
}
/* 会社案内
------------------------------------------------ */
/*ナビ部分*/
#p_company .snavi_cp{
	width: 950px;
    margin: 0 auto 40px;
	font-size: 0;
	background: #F3F3F3;
}
#p_company .snavi_cp li{
	width: 100px;
	display: inline-block;
	font-size: 15px;
    font-weight: bold;
}
#p_company .snavi_cp li a{
	width: 100%;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	display: block;
    color:  #000;
}
#p_company .snavi_cp li a:hover{
	background: #039;
	color: #FFF;
}
#p_company .snavi_cp li.tvcm{
	width: 140px;
}
#p_company.p_greeting .greeting a,
#p_company.p_mission .mission a,
#p_company.p_overview .overview a,
#p_company.p_history .history a,
#p_company.p_office .office a,
#p_company.p_license .license a,
#p_company.p_cm .tvcm a,
#p_company.p_intern .intern a{
	background: #039;
	color: #FFF;
}

/*経営理念*/
#p_company .rinen{
    padding: 50px 0;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    background: url(../company/image/mission/mission_bg.jpg) no-repeat center top;
    background-size: cover;
}
#p_company .rinen li{
    margin-bottom: 50px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
    line-height: 1.3em;
}
#p_company .rinen li:last-child{
    margin-bottom: 0px;
}
#p_company .health .sengen{
    padding: 30px;
    background: url(../company/image/mission/health_bg.jpg);
	background-size: cover;
	color: #006633;
    font-size: 24px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    transform: rotate(.03deg);
    line-height: 1.5em;
}
#p_company .health .sengen .name{
    text-align: right;
	color: #000;
    font-size: 18px;
    line-height: 1.5em;
}
#p_company .health-bn{
	text-align: center;
}
#p_company .health-bn li a{
	padding: 5px 100px;
	border: 1px #CCC solid;
	display: inline-block;
}

/*会社概要*/
#p_company .outline .office{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
#p_company .outline .office:last-child{
	margin-bottom: 10px;
	padding: 0;
	border-bottom: none;
}
#p_company .outline .office dt{
	width: auto;
    margin-left: 0;
	padding: 0;
	background: none;
	border-radius: 0;
	color: #333;
	float: none; /*ここまでリセット*/
	width: 165px;
	display: inline-block;
	vertical-align: top;
}
#p_company .outline .office dt:before{
    content: none;
}
#p_company .outline .office dd{
	width: auto;
	padding: 0;
	float: none; /*ここまでリセット*/
	display: inline-block;
	vertical-align: top;
}
#p_company .outline .bank li{
	margin-bottom: 10px;
	padding: 0;
	border-bottom: none;
}
#p_company .outline .bank li:last-child{
	margin: 0;
}
#p_company .outline .staff{
	margin-bottom: 10px;
}
#p_company .outline .staff dt{
	width: auto;
	padding: 0;
	background: none;
	border-radius: 0;
	color: #333;
	float: none; /*ここまでリセット*/
	/**width: 350px; 役職変更に伴う2021.09.10**/
	width: 500px;
    margin-left: 0;
	display: inline-block;
	vertical-align: top;
}
#p_company .outline .staff dt:before{
    content: none;
}
#p_company .outline .staff dd{
	width: auto;
	padding: 0;
	float: none; /*ここまでリセット*/
	display: inline-block;
	vertical-align: top;
}
#p_company .outline .staff .people{
	width: 80px;
	padding: 0;
	display: inline-block;
	text-align: right;
}
#p_company .outline .end{
    margin-bottom: 0;
}

/*沿革*/
#p_company .multi li{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
#p_company .multi li:last-child{
	margin-bottom: 10px;
	padding: 0;
	border-bottom: none;
}

/*登録資格等*/
#p_company #license li dt{
	width: 350px;
}
#p_company #license li dd{
	width: 550px;
}

/*ISO*/
#p_company #iso .iso_lead{
    margin-bottom: 30px;
    font-size: 28px;
    color: #2C3385;
    text-align: center;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
}
#p_company #iso .logo_wrap .left{
    width: 720px;
    float: left;
}
#p_company #iso .logo_wrap .right{
    width: 200px;
    float: right;
}
#p_company #iso .logo_wrap .right dl.logo dt{
    margin-bottom: 10px;
}
#p_company #iso .logo_wrap .right dl.logo dd{
    font-size: 14px;
    text-align: center;
}
#p_company #iso .policy{
    margin-bottom: 20px;
    counter-reset: number;
}
#p_company #iso .policy li{
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 35px;
    position: relative;
}
#p_company #iso .policy li:before{
    position: absolute;/* 以下数字をつける */
    counter-increment: number;
    content: counter(number);
    display:inline-block;/*以下数字のデザイン変える*/
    background: #333399;
    color: #FFF;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
    border-radius: 5px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align:center;
    top: 50%;/*以下 上下中央寄せのため*/
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#p_company #iso dl.policy2{
    margin-bottom: 20px;
}
#p_company #iso dl.policy2 dt{
    margin-bottom: 10px;
    font-weight: bold;
}
#p_company #iso dl.policy2 dt span{
    width: 25px;
    height: 25px;
    margin-right: 0.5em;
    line-height: 25px;
    background: #333399;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
    display: inline-block;
}
#p_company #iso dl.date{
    margin-bottom: 20px;
    text-align: right;
}
#p_company #iso .certificate{
    padding: 30px;
    border: 2px solid #CCC;
    text-align: center;
}
#p_company #iso .certificate li{
    margin: 0 24px;
    display: inline-block;
}
#p_company #iso .scope{
    padding: 30px 50px;
    border: 5px solid #9999CC;
}
#p_company #iso .scope dt{
    margin-bottom: 20px;
    text-align: center;
    color: #333399;
    font-weight: bold;
    font-size: 18px;
}

/*事業所紹介*/
#p_company .title_office{
    margin-bottom: 30px;
    padding: 10px;
    padding-left: 40px;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    background: #F8F8F8;
    position: relative
}
#p_company .title_office:before{
    top: 12px;
    left: 8px;
    font-family: "Font Awesome 5 Free";
    content: "\f1ad";
    font-size: 24px;
    color: #333399;
    font-weight: 900;
    position: absolute;
}
#p_company .office_box{
    margin: 0 10px 60px;
    }
#p_company .office_box .left{
    width: 440px;
    float: left;
}
#p_company .office_box .left .address{
    margin-bottom: 15px;
}
#p_company .office_box .left .address dt{
    margin-bottom: 5px;
}
#p_company .office_box .left .address .tel,
#p_company .office_box .left .address .fax{
    margin-left: 5px;
    margin-bottom: 5px;
}
#p_company .office_box .left .address .tel:before{
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f095";
    font-size: 16px;
    color: #000;
    font-weight: 900;
}
#p_company .office_box .left .address .fax:before{
    margin-right: 6px;
    font-family: "Font Awesome 5 Free";
    content: "\f02f";
    font-size: 16px;
    color: #000;
    font-weight: 900;
}
#p_company .office_box .left .access li{
	display: inline-block;
	vertical-align: top;
}
#p_company .office_box .right{
    width: 440px;
    float: right;
}

/*社長挨拶*/
#p_company .president{
    height: 300px;
    margin-bottom: 70px;
    padding: 50px 20px 0;
    background: url(../company/image/greeting/president.jpg) no-repeat top center;
}
#p_company .president .voice{
    margin-left: 500px;
    margin-bottom: 120px;
    font-size: 34px;
    line-height: 1.5em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
    text-shadow: 0px 0px 1px #FFF,0px 0px 2px #FFF,0px 0px 3px #FFF,0px 0px 4px #FFF,0px 0px 5px #FFF,0px 0px 6px #FFF,0px 0px 7px #FFF,0px 0px 8px #FFF,0px 0px 9px #FFF,0px 0px 10px #FFF;
    position: relative;
}
#p_company .president .voice:before{
    content: "";
    width: 6px;
    height: 100%;
    top: 0;
    left: -20px;
    background: -moz-linear-gradient(top, #6565CB, #333399);
    background: -webkit-linear-gradient(top, #6565CB, #333399);
    background: linear-gradient(to bottom, #6565CB, #333399);
    position: absolute;
}
#p_company .president .name{
    text-align: right;
    font-size:18px;
}
#p_company .president .name dd span{
    font-size: 22px;
}
#p_company .reeting_lead{
    margin-bottom: 70px;
    font-size: 30px;
    color: #5252B8;
    text-align: center;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
}
#p_company ul.banner{
    text-align: center;
}
#p_company ul.banner li{
    width: 220px;
    margin: 0 25px;
    display: inline-block;
}

/*TVCM*/
#p_company .cm_lead{
    margin-bottom: 50px;
    text-align: center;
}
#p_company .cm_wrap{
    margin-bottom: 60px;
    padding: 50px;
    border: 1px solid #CCC;
    text-align: center;
}
#p_company .cm_wrap video{
    width: 700px;
}

/*社員教育 致知*/
#p_company .chichi_lead{
    margin-bottom: 40px;
    font-size: 30px;
    color: #000;
    text-align: center;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
}
#p_company .award_wrap{
    padding: 20px;
    background: url(../company/image/chichi/award_bg.jpg) top center no-repeat;
}
#p_company .award{
    padding: 20px;
    background: #FFF;
}
#p_company .award .left{
    width: 450px;
    float: left;
}
#p_company .award .right{
    width: 390px;
    padding-top: 30px;
    float: right;
}
#p_company ._about{
    margin: 0 5px
}
#p_company .chichi_about .left{
    width: 440px;
    float: left;
}
#p_company .chichi_about .right{
    width: 440px;
    float: right;
}
#p_company .award .right .end{
    margin-bottom: 60px;
}
#p_company .chichi_about .title_box{
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #CCC;
}
#p_company .chichi_about .title_box dt{
    padding-top: 25px;
    padding-left: 5px;
    font-size: 22px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 900;
    transform: rotate(.03deg);
    float: left;
}
#p_company .chichi_about .title_box dd{
    width: 110px;
    float: right;
}
#p_company .chichi_about .text{
    padding: 0 5px;
}

/* 業務案内
------------------------------------------------ */
#p_business #sv_bg{
    margin-bottom: 50px;
	padding: 50px 0;
	background: url(../image/top/sv_bg.jpg);
}
#p_business .sv_wrap{
	max-width: 1200px;
	min-width: 940px;
	margin: 0 auto 25px;
	font-size: 0;
	text-align: center;
}
#p_business .sv_wrap .sv{
	width: 47%;
	margin: 0 15px 30px;
	display: inline-block;
}
#p_business .sv_wrap .sv dt{
    padding: 10px;
    color: #FFF;
    font-size: 24px;
    background: #333399;
}
#p_business .sv_wrap .sv dd img{
	width: 100%;
	height: auto;
}
#p_business .sv_wrap .sv dt.blue_bg{
    background: #56A3F8;
}
#p_business  p.lead_business{
    margin-bottom: 50px;
    font-size: 34px;
    color: #000;
    text-align: center;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
}
#p_business .main_wrap{
	margin: 0 auto 80px;
    padding: 130px 0;
    position: relative;
}
#p_business .main_wrap:before{
    content: "";
    width: 100%;
    height: 52px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/common/stripe_border.jpg) no-repeat top center;
}
#p_business .main_wrap:after{
    content: "";
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../image/common/stripe_border.jpg) no-repeat top center;
}
#p_business .main_wrap .main{
    width: 1010px;
    margin: 0 auto;
}
#p_business .main_wrap .first{
    margin-bottom: 50px;
}
#p_business .main_wrap .main .left{
    width: 460px;
    height: 310px;
    float: left;
}
#p_business .main_wrap .main .right{
    width: 510px;
    padding-top: 1em;
    float: right;
    font-size: 18px;
}
#p_business .main_wrap .main .right2{
    width: 510px;
    float: right;
    font-size: 18px;
}
#p_business .main_wrap .main .right2 .lead_s{
    margin-bottom: 20px;
    font-size: 26px;
    color: #5252B8;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
}
#p_business .item_wrap{
    margin-bottom: 30px;
    padding: 0 5px 30px;
    border-bottom: 1px solid #C3C3C3;
}
#p_business .no_border{
    border: none;
}
#p_business_ .business_item_wrap .left{
    width: 590px;
    float: left;
}
#p_business .item_wrap .left{
    width: 600px;
    float: left;
}
#p_business .item_wrap .left .item dt{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
#p_business .item_wrap .left .item dd{
    margin-bottom: 10px;
}
#p_business .item_wrap .left .item dd .list li{
    margin-left: 1em;
    position: relative;
}
#p_business .item_wrap .left .item dd .list li:before{
    top: 0;
    left: -1em;
    content: "・";
    position: absolute;
}
#p_business .item_wrap .float dt{
	width: 70px;
	margin: 0 !important;
    font-size: 16px !important;
	font-weight: normal !important;
	float: left;
}
#p_business .item_wrap .float dd{
	width: 530px;
	margin: 0 !important;
	float: right;
}
#p_business .item_wrap .right{
    width: 300px;
    float: right;
	text-align: center;
}
#p_business .item_wrap .right .img_list li{
    margin-bottom: 20px;
}
#p_business .item_wrap .right img{
    width: 100%;
}
#p_business .item_wrap .left .item dd .item_list{
    margin-bottom: 10px;
}
#p_business .item_wrap .left .item dd .item_list dt{
    font-size: 16px;
    margin-bottom: 0;
}
#p_business .voice{
	padding: 20px;
	border: 1px #39C solid;
}
#p_business .voice .photo{
	width: 230px;
	float: left;
}
#p_business .voice .comment{
	width: 640px;
	padding-top: 15px;
	float: right;
}
#p_business .voice .comment dt{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
#p_business #building{
	text-align: center;
}
#p_business #building dl{
	width: 300px;
	margin: 0 5px;
	display: inline-block;
}
#p_business #building dt{
	margin-bottom: 10px;
}
#p_business #building dd img{
	width: 300px;
	height: auto;
}
#p_business .button{
	text-align: center;
	margin-bottom: 60px;
}
#p_business .button li a{
	padding: 10px 20px;
	background: #F60;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}
#p_business .button li a:hover{
	color: #FC9;
}
#p_business .fnavi{
	text-align: center;
}
#p_business .fnavi li{
	margin: 0 8px;
	display: inline-block;
}
#p_business .topics .photo{
	text-align: center;
	font-size: 0;
}
#p_business .topics .photo li{
	margin: 0 5px;
	display: inline-block;
}
#p_business .topics .photo li img{
	width: 300px;
	height: auto;
}

/* 採用情報
------------------------------------------------ */

#p_recruitment #comment{
	margin-bottom: 60px;
    padding: 15px 410px 15px 0;
    background: url(/recruitment/image/comment_bg.jpg) right no-repeat;
	background-size: contain;
}
#p_recruitment #comment h4{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}
#p_recruitment #comment ul{
	margin-left: 15px;
}
#p_recruitment .select{
    margin-bottom: 70px;
    text-align: center;
    font-size: 0;
}
#p_recruitment .select li{
    display: inline-block;
}
#p_recruitment .select li.graduates{
    margin-right: 30px;
}
#p_recruitment .rec_banner li{
    width: 620px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    border: 1px solid #D6D6D6;
}

/*新卒採用・中途採用*/
#p_recruitment dl.pay{
    margin-bottom: 5px;
}
#p_recruitment dl.pay:last-child{
    margin-bottom: 0;
}
#p_recruitment dl.pay dt,
#p_recruitment dl.pay dd{
    display: inline-block;
}
#p_recruitment dl.pay dt{
    width: 80px;
}
#p_recruitment .entry{
    margin: 0 5px;
    padding: 40px;
    text-align: center;
    border: 4px solid #FFCC99;
}
#p_recruitment .entry p{
    margin-bottom: 20px;
    font-size: 20px;
}
#p_recruitment .entry .button{
    width: 300px;
    margin: 0 auto;
}
#p_recruitment .entry .button a{
    padding: 10px 0;
    background: #FF6600;
    border-radius: 30px;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    display: block;
}
#p_recruitment .flow{
    text-align: center;
    color: #FFF;
}
#p_recruitment .flow dl{
    width: 154px;
    margin: 0 15px;
    height: 134px;
    padding-top: 20px;
    background: #3D47AB;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}
#p_recruitment .flow dl:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    left: -24px;
    top: 65px;
    border: transparent solid 12px;
    border-left-color: #BBBBBB;
    position: absolute;
}
#p_recruitment .flow dl.first:before{
    content: none;
}
#p_recruitment .flow  dt{
    margin-bottom: 30px;
    font-size: 32px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    transform: rotate(.03deg);
}
#p_recruitment .flow  dt.few{
    margin-bottom: 10px;
}
#p_recruitment .flow dd{
    font-size: 18px;
    letter-spacing: .1em;
}
#p_recruitment .voice_box{
    width: 410px;
    margin: 0 13px 28px;
    padding: 15px;
    background: #F1F1F1;
    display: inline-block;
    position: relative;
}
#p_recruitment .voice_box:before{
    content: "";
    top: -6px;
    left: -6px;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #2F3586;
    position: absolute;
}
#p_recruitment .woman:before{
    border-bottom: 40px solid transparent;
    border-left: 40px solid #CC3399;
}
#p_recruitment .voice_box .name{
    width: 188px;
    float: right;
}
#p_recruitment .voice_box .name dl{
    margin-bottom: 35px;
    padding-top: 20px;
}
#p_recruitment .voice_box .name dt{
    margin-bottom: 15px;
    font-size: 26px;
}
#p_recruitment .voice_box .name .button{
    width: 170px;
    margin: 0 auto;
}
#p_recruitment .voice_box .name .button a{
    padding: 4px 0;
    display: block;
    text-align: center;
    background: #7E87D1;
    border-radius: 20px;
    color: #FFF;
    text-decoration: none;
}
#p_recruitment .voice_box .photo{
    width: 200px;
    height: 200px;
    float: left;
    background: #FAFAFA;
    /*position: relative;*/
}
#p_recruitment .voice_box .photo img{
    width: 100%;
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);*/
}

/*先輩の声*/
#p_recruitment #voice h4.title{
    margin-bottom: 40px;
}
#p_recruitment #voice p.lead{
    margin-bottom: 30px;
    font-size: 34px;
    color: #2C3385;
    text-align: center;
    line-height: 1.4em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
}
#p_recruitment #voice .detail_wrap{
    margin-bottom: 50px;
    padding: 20px;
    background: url(../recruitment/image/voice_name_bg.jpg) top center no-repeat;
}
#p_recruitment #voice .detail_wrap .left{
    width: 640px;
    float: left;
    color: #FFF;
}
#p_recruitment #voice .detail_wrap .left .detail{
    padding-top: 10px;
    padding-left: 10px;
}
#p_recruitment #voice .detail_wrap .left .detail .name{
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 40px;
    border-bottom: 1px solid #FFF;
}
#p_recruitment #voice .detail_wrap .left .detail .resume{
    padding-left: 5px;
}
#p_recruitment #voice .detail_wrap .left .detail .resume dl{
    margin-bottom: 5px;
}
#p_recruitment #voice .detail_wrap .left .detail .resume dt,
#p_recruitment #voice .detail_wrap .left .detail .resume dd{
    display: inline-block;
}
#p_recruitment #voice .detail_wrap .left .detail .resume dt{
    width: 90px;
}
#p_recruitment #voice .detail_wrap .right{
    width: 240px;


    height: 240px;
    background: #F3F3F3;
    float: right;
    position: relative;
}
#p_recruitment #voice .detail_wrap .right img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
#p_recruitment #voice .comment_wrap{
    margin-bottom: 20px;
    text-align: center;
}
#p_recruitment #voice .comment_wrap .comment{
    width: 440px;
    margin: 0 12px 36px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
#p_recruitment #voice .comment_wrap .comment dt{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #2F3586;
}
#p_recruitment #voice .comment_word{
    margin: 0 10px 80px;
    padding: 30px 40px;
    border: 1px solid #2F3586;
}
#p_recruitment #voice .comment_word dt{
    width: 480px;
    margin: 0 auto 20px;
    padding: 5px 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    background: #2F3586;
}
#p_recruitment #voice .back_button{
    width: 230px;
    margin: 0 auto;
}
#p_recruitment #voice .back_button a{
    padding: 5px 0;
    display: block;
    text-align: center;
    border-radius: 20px;
    background: #7E87D1;
    color: #FFF;
    border: 1px solid #7E87D1;
    text-decoration: none;
}

/* FAQ
------------------------------------------------ */
#p_faq .list dl{
    margin-bottom: 40px;
}
#p_faq .list dt{
    padding: 16px;
    padding-left: 60px;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #CCC;
    background: #F2F2F2;
    position: relative
}
#p_faq .list dt:before{
    content: "Q";
    width: 36px;
    height: 36px;
    top: 11px;
    left: 11px;
    background: #00238C;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
}
#p_faq .list dd{
    padding: 20px;
    border: 1px solid #CCC;
    border-top: none;
}

/* お問合せ
------------------------------------------------ */
#p_contact .tel_wrap{
    padding: 40px 0 30px;
    text-align: center;
    border: 1px solid #D6D6D6;
}
#p_contact .tel-fax{
    margin-bottom: 30px;
}
#p_contact .tel-fax li{
	margin: 0 15px;
	display: inline-block;
    vertical-align: top;
}
#p_contact .tel_wrap .office{
    width: 350px;
    margin: 0 auto;
    background: #35359A;
}
#p_contact .tel_wrap .office a{
    padding: 6px 0;
    display: block;
    color: #FFF;
    text-decoration: none;
}
form .wl{
	width: 96%;
}
form .ws{
	width: 50%;
}
form .wss{
	width: 25%;
}
form .wsss{
	width: 10%;
}

/* コンプライアンス
------------------------------------------------ */
#p_compliance .list dl{
    margin-bottom: 20px;
}
#p_compliance .list dt{
    margin-bottom: 5px;
    font-weight: bold;
}

/* リンク
------------------------------------------------ */
#p_link .outline li dt{
	width: 430px;
}
#p_link .outline li dd{
	width: 460px;
}