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

/*contactbnr*/
#contact_banner {background: url("img/contactbnr/bg.jpg")top left repeat; padding: 40px 0 80px;}
#contact_banner .title {font-size: 40px; line-height: 1; margin: 0 20px;}
#contact_banner .menu_box {margin-top: 30px;}
#contact_banner .menu_box a {box-sizing: border-box; border: 1px solid #0f0f74; padding-left: 30px; width: 600px; height: 100px; font-size: 20px; line-height: 1; background-color: #fff;}
#contact_banner .menu_box a img {margin-right: 30px;}
#contact_banner .contact_btn {background: #0d0d8c; width: 800px; margin: 50px auto 0; font-size: 25px; line-height: 1; padding: 20px 0;}
#contact_banner .contact_btn img {margin-right: 40px;}

h1,h2,h3,h4,h5 {font-weight: bold;}

/*contact*/

#contact .entry_box table {width: 100%; box-sizing: border-box; border: 1px solid #e6e6e6; margin-bottom: 40px;}
#contact .entry_box table th,#contact .entry_box table td {padding: 20px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; font-size: 16px;}
#contact .entry_box table th{font-weight: bold; vertical-align: middle; width: 320px; background-color: #161978; color: #fff; position: relative;}
#contact .entry_box table input,#contact .entry_box table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 20px; font-weight: bold; border: 2px solid #e6e6e6;}
#contact .entry_box table textarea {font: inherit; height: 200px;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
#contact .entry_box table .tel_area {width: auto;}

/*確認画面へ進むボタン用*/
.wpcf7-form .btn input:hover { opacity: 0.7;}
.wpcf7-form .btn input{
    font-size: 20px;
    width: 350px;
    padding: 16px 0;
    line-height: 1;
	color: #fff;
	background: url("img/contact_icon.png")center left 85px no-repeat;
	background-color: #0d0d8c;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
}
#contact .essential {background-color: #fff; color: #161978; position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: 24px; line-height: 1; top: 0; bottom: 0; right: 20px; margin: auto;}
#contact .thanks {margin-bottom: 40px;}

#contact .entry_box table .check input {width: auto; cursor: pointer;}

/*entry*/
#contact .scroll {box-sizing: border-box; border: 1px solid #e5e5e5; padding: 20px; overflow-y: scroll; font-size: 16px; height: 180px; margin: 20px 0;}
#contact .scroll p {margin-top: 10px;}
#contact .scroll .txt01 {margin-top: 0;}

/*interview*/
#interview .box00 {background: url("img/interview/box00_bg.jpg")top left repeat; font-size: 16px; padding: 40px; margin-top: -50px; position: relative; z-index: 10;}
#interview .box00 h2 {font-size: 25px; position: relative; margin-bottom: 30px; display: inline-block;}
#interview .box00 h2::before {content: ''; position: absolute; width: 100px; height: 2px; background-color: #0d0d8c; right: -120px; top: 0; bottom: 0; margin: auto;}
#interview .no {font-size: 100px; position: absolute; left: 20px; top: -45px; line-height: 1; font-style: italic;}
#interview .no02 {left: inherit; right: 20px;}
#interview .text_box {margin-top: 100px; box-sizing: border-box; border: 1px solid #000; background-color: #fff; font-size: 16px; width: 680px; z-index: 10; padding-bottom: 30px; line-height: 1.9;}
#interview .text_box01 {margin-left: -130px;}
#interview .text_box02 {margin-right: -130px;}
#interview .box01 h2 {font-size: 25px; line-height: 1.4; margin: 30px 0;}
#interview .box01 .icon {position: absolute; right: 100px; top: 90px;}
#interview .box01 .icon02 {position: absolute; right: 20px; top: 90px;}
#interview .q_text {font-size: 20px; line-height: 1; box-sizing: border-box; border-left: 4px solid #0d0d8c; padding-left: 10px;}
#interview .image_area .inner {margin-top: 10px;}
#interview .last h2 {display: block; text-align: center;} 
#interview .last h2::before {display: none;}
#interview .link_area .big {font-size: 70px; line-height: 1;}
#interview .link_area .txt01 {font-size: 20px; line-height: 1; margin: 20px auto 40px;}
#interview .link_area .btn {width: 366px; height: 50px; background-color: #eeb31d; font-size: 16px; line-height: 1; margin-top: 20px; letter-spacing: 2px;}

/*initiatives*/
#initiatives h2 {font-size: 50px; box-sizing: border-box; border-bottom: 2px solid #0f0f74; padding-bottom: 10px; letter-spacing: 3px;}
#initiatives .box01 {font-size: 16px; line-height: 2;}
#initiatives .box01 h3 {font-size: 30px; line-height: 1.5; margin-bottom: 20px;}
#initiatives .box01 .img01 {margin-left: 50px;}
#initiatives .box01 .img02 {margin-right: 50px;}
#initiatives .box01 .big_text {font-size: 100px; color: #0f0f74; opacity: .3; position: absolute; top: -40px; line-height: 1; letter-spacing: 3px;}
#initiatives .box01 .big_text01 {right: 0;}
#initiatives .box01 .big_text02 {left: 0;}
#initiatives .box01 .inner {margin-top: 50px;}
#initiatives .box01 .inner03 {padding-top: 80px;}
#initiatives .box02 .txt_box {background: url("img/initiatives/box02_txt_box_bg.png")center center no-repeat; background-color: #0f0f74; font-size: 16px; position: relative; padding: 50px 0;}
#initiatives .box02 .txt01 {font-size: 30px; line-height: 1;}
#initiatives .box02 .txt02 {font-size: 30px; margin: 20px auto;}
#initiatives .box02 .big {font-size: 150px; opacity: .05; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; line-height: 1.2;}
#initiatives .box02 .inner {background: url("img/initiatives/box02_inner_bg.jpg")top left repeat; font-size: 16px; padding-left: 20px;}
#initiatives .box02 .inner02 {padding-left: 0; padding-right: 20px;}
#initiatives .box02 .img {box-sizing: border-box; border: 10px solid #f4810b; position: relative; min-width: 611px;}
#initiatives .box02 .icon {position: absolute; top:-13px; left: -8px;}
#initiatives .box02 .img01 {margin-left: 30px;}
#initiatives .box02 .img02 {margin-right: 30px;}
#initiatives .box02 h3 {font-size: 50px; display: inline; position: relative;}
#initiatives .box02 h3::before {content: ''; position: absolute; top: -5px; left: -20px;; background: url("img/initiatives/box02_h3_icon.png")no-repeat; width: 74px; height: 44px;}
#initiatives .box02 h4 {font-size: 28px; margin-bottom: 30px; line-height: 1.4;}
#initiatives .bdrbox01{box-sizing: border-box;border:solid 2px #e5e5e5; margin-top: 30px; padding: 40px;}
#initiatives .bdrbox01 .bdr_title{margin-bottom: 20px;}
#initiatives .bdrbox01 h4{margin-bottom: 0px;}
#initiatives .bdr_title .m_icon{width: 2.4%; margin-right: 5px;}
#initiatives .bdrbox_txt{font-size: 16px;}
#initiatives .link_area {background: url("img/initiatives/link_bg.png")center center no-repeat; background-color: #0f0f74; padding: 50px;}
#initiatives .link_area .title {font-size: 50px; line-height: 1; margin-bottom: 40px;}
#initiatives .link_area .txt01 {font-size: 25px; line-height: 1; position: relative; transform: rotate(-5deg);}
#initiatives .link_area .txt01::before {content: ''; position: absolute; background: url("img/index/box05_text_shadow.png")no-repeat; width: 250px; height: 24px; transform: rotate(5deg); bottom: -15px;}
#initiatives .link_area li:nth-child(2) .txt01::before {background: url("img/index/box05_text_shadow02.png")no-repeat;}
#initiatives .link_area .txt02 {font-size: 16px; line-height: 1; margin: 30px auto 16px;}
#initiatives .link_area .btn {background-color: #f4810b; width: 250px; height: 50px; font-size: 16px; line-height: 1;}
#initiatives .link_area li:nth-child(2) .btn {background-color: #eeb31d;}
#initiatives .link_area .text_area {position: relative; background-color: #fff; width: 400px; padding: 40px 0 20px; margin: -80px auto 0;}
#initiatives .link_area .text_area::before {content: ''; position: absolute; top: -3px; left: 0; right: 0; margin: auto; background: url("img/index/box05_li_icon.png")no-repeat; width: 18px; height: 28px;}

/*benefits*/
#benefits .box00 .txt {font-size: 25px; margin-left: 50px; margin-top: 50px;}
#benefits .box00 .big {font-size: 50px; line-height: 1.2; display: inline-block; background: rgba(255,255,255,.9); margin-right: -350px; position: relative; z-index: 10; padding: 5px;}
#benefits .box00 .big span {font-size: 70px;}
#benefits .box00 .img {margin-left: 50px;}
#benefits .box01 .big {font-size: 70px; line-height: 1; margin-bottom: 80px;}
#benefits .box01 .inner {font-size: 16px;}
#benefits .box01 .txt {font-size: 35px; margin-bottom: 40px; line-height: 1.5;}
#benefits .box01 .inner img:nth-of-type(2) {margin: -70px 50px 0 20px;}
#benefits .title_area {font-size: 20px; line-height: 1; box-sizing: border-box; border-bottom: 2px solid #0f0f74; padding-bottom: 20px;}
#benefits h2 {font-size: 50px; margin-right: 20px;}
#benefits .box02 .inner {font-size: 16px;}
#benefits .box02 .img01 {margin-right: 50px;}
#benefits .box02 .big {font-size: 40px; margin-bottom: 40px; line-height: 1;}
#benefits .box02 .big::after {content: ''; height: 3px; background-color: #0f0f74; margin-left: 20px; flex-grow: 1;}
#benefits .box02 .txt_enjoy{font-size: 25px; text-align: center; margin-top: 50px;}
#benefits .box02 ul {width: 1100px; margin: auto;}
#benefits .box02 li {width: 333px; font-size: 16px; margin-top: 50px; margin-right: 50px;}
#benefits .box02 li:nth-child(3n){margin-right: 0;}
#benefits .box02 h3 {font-size: 30px; display: inline-block; box-sizing: border-box; border-bottom: 5px solid #0d0d8c; margin: 20px auto;}
#benefits .box02 table {box-sizing: border-box; border-top: 1px solid #0f0f74; width: 100%; font-size: 20px;}
#benefits .box02 th,#benefits .box02 td {box-sizing: border-box; border-bottom: 1px solid #0f0f74; font-size: 20px; line-height: 1.5; padding: 20px;}
#benefits .box02 th {background-color: #e7e7e7; text-align: center; width: 15%;}
#benefits .link_area {background: url("img/initiatives/link_bg.png")center center no-repeat; background-color: #0f0f74; padding: 50px;}
#benefits .link_area .title {font-size: 50px; line-height: 1; margin-bottom: 40px;}
#benefits .link_area .txt01 {font-size: 25px; line-height: 1; position: relative; transform: rotate(-5deg);}
#benefits .link_area .txt01::before {content: ''; position: absolute; background: url("img/benefits/text_shadow.png")no-repeat; width: 250px; height: 24px; transform: rotate(5deg); bottom: -15px; left: 0; right: 0; margin: auto;}
#benefits .link_area li:nth-child(2) .txt01::before {background: url("img/index/box05_text_shadow02.png")no-repeat;}
#benefits .link_area .txt02 {font-size: 16px; line-height: 1; margin: 30px auto 16px;}
#benefits .link_area .btn {background-color: #000; width: 250px; height: 50px; font-size: 16px; line-height: 1;}
#benefits .link_area li:nth-child(2) .btn {background-color: #eeb31d;}
#benefits .link_area .text_area {position: relative; background-color: #fff; width: 400px; padding: 40px 0 20px; margin: -80px auto 0;}
#benefits .link_area .text_area::before {content: ''; position: absolute; top: -3px; left: 0; right: 0; margin: auto; background: url("img/index/box05_li_icon.png")no-repeat; width: 18px; height: 28px;}

/*work*/
#work .box00 .big {font-size: 35px; line-height: 1.3; margin-bottom: 40px;}
#work .box00 .inner {font-size: 16px;}
#work .box00 .img {margin-left: 40px;}
#work .box00 .txt01 {font-size: 25px; line-height: 1; margin: 50px auto;}
#work .box00 li {margin-right:50px;}
#work .box00 li:nth-child(4) {margin-right: 0;}
#work h2 {font-size: 40px; line-height: 1.2; box-sizing: border-box; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px 0;}
#work h3 {font-size: 80px;}
#work .box01 .txt01 {font-size: 25px; margin-top: 25px;}
#work .box01 .inner {font-size: 16px; line-height: 1.8;}
#work .box01 .inner img {margin-right: 50px;}
#work .box01 .no {position: absolute; top: 0; left: 0;}
#work .con01 {padding-top: 50px; margin-bottom: 50px;}
#work .box01 ul {width: 1100px; margin: 50px auto 0;}
#work .box02 h2 {margin-bottom: 30px;}
#work .box02 li {margin-top: 20px;}
#work .link_area {background: url("img/initiatives/link_bg.png")center center no-repeat; background-color: #0f0f74; padding: 50px;}
#work .link_area .title {font-size: 50px; line-height: 1; margin-bottom: 40px;}
#work .link_area .txt01 {font-size: 25px; line-height: 1; position: relative; transform: rotate(-5deg);}
#work .link_area .txt01::before {content: ''; position: absolute; background: url("img/index/box05_text_shadow.png")no-repeat; width: 250px; height: 24px; transform: rotate(5deg); bottom: -15px; left: 0; right: 0; margin: auto;}
#work .link_area li:nth-child(2) .txt01::before {background: url("img/benefits/text_shadow.png")no-repeat;}
#work .link_area .txt02 {font-size: 16px; line-height: 1; margin: 30px auto 16px;}
#work .link_area .btn {background-color: #f4810b; width: 250px; height: 50px; font-size: 16px; line-height: 1;}
#work .link_area li:nth-child(2) .btn {background-color: #000;}
#work .link_area .text_area {position: relative; background-color: #fff; width: 400px; padding: 40px 0 20px; margin: -80px auto 0;}
#work .link_area .text_area::before {content: ''; position: absolute; top: -3px; left: 0; right: 0; margin: auto; background: url("img/index/box05_li_icon.png")no-repeat; width: 18px; height: 28px;}

/*menu*/
#menu .box01 {background: url("img/menu/box01_bg_icon.png")left bottom no-repeat,url("img/menu/box01_bg.jpg")top left repeat; padding: 50px 0;}
#menu .box01 h2 img {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#menu .box01 .inner .img {margin-left: auto;}
#menu .box01 .big {font-size: 40px; margin: 30px auto; line-height: 1.3;}
#menu .box01 .txt01 {font-size: 20px; margin-bottom: 40px;}
#menu .box02 .big {font-size: 70px; line-height: 1; letter-spacing: 5px;}
#menu .box02 h2 {font-size: 20px; margin: 10px auto 40px;}
#menu .box02 table {margin: auto; font-size: 18px; border-collapse: separate; border-spacing: 0 5px;}
.Job_descriptions {background: url("img/menu/box03_bg_icon.png")left top repeat,url("img/menu/box01_bg.jpg")top left repeat; padding: 50px 0;}
.Job_descriptions h2 img {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.Job_descriptions .inner .img {margin-left: auto;}
.Job_descriptions .con01 {width: 48%;}
.Job_descriptions .con01:nth-child(n + 3) {margin-top: 20px;}
.Job_descriptions h4 {font-size: 25px; box-sizing: border-box; border-left: 7px solid #0d0d8c; padding-left: 10px; margin-bottom: 10px;}
.Job_descriptions p {font-size: 16px; line-height: 1.5;}
#menu .box04 {background: url("img/menu/box01_bg_icon.png")left bottom no-repeat,url("img/menu/box01_bg.jpg")top left repeat; padding: 50px 0;}
#menu .box04 h2 img {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#menu .box04 .inner .img {margin-left: auto;}
#menu .box04 .big {font-size: 40px; margin: 30px auto; line-height: 1.3;}
#menu .box04 .txt01 {font-size: 20px;}
#menu .box04 ul {width: 1100px; margin: 50px auto 0;}
#menu .box04 li {font-size: 16px; width: 237px;}
#menu .box04 h3 {font-size: 22px; margin: 20px auto 15px;}
#menu .box05 .big {font-size: 70px; letter-spacing: 5px;}
#menu .box05 h2 {font-size: 20px; margin-top: 10px;}
#menu .box05 table {width: 100%; font-size: 20px; box-sizing: border-box; border-top: 1px solid #0f0f74; margin-top: 50px;}
#menu .box05 th,#menu .box05 td {padding: 20px; line-height: 1.5; box-sizing: border-box; border-bottom: 1px solid #0f0f74;}
#menu .box05 th {background-color: #e7e7e7; width: 175px; text-align: center;}
#menu .box06 .big {font-size: 70px; line-height: 1;}
#menu .box06 h2 {font-size: 20px; margin-top: 10px;}
#menu .box06 table {width: 100%; margin-top: 40px;}
#menu .box06 th,#menu .box06 td {vertical-align: middle; font-size: 20px;}
#menu .box06 th {width: 50px;}
#menu .box06 td {padding-left: 20px;}
#menu .box06 .a_answer {background-color: #ffdfbe;}
#menu .box07 .big {font-size: 70px; letter-spacing: 5px;}
#menu .box07 h2 {font-size: 20px; margin-top: 10px;}
#menu .box07 .sub {font-size: 20px; line-height: 1; margin: 50px 0 10px;}
#menu .box07 h3 {font-size: 25px; line-height: 1; margin-bottom: 10px;}
#menu .box07 ul {margin-left: 100px; font-size: 18px; line-height: 2;}
#menu .box07 .inner {margin-bottom: 30px;}
#menu .box07 .inner:last-child {margin-bottom: 0;}
#menu .box07 .inner01 {margin-left: 100px; position: relative;}
#menu .box07 .inner01::before {content: ''; position: absolute; box-sizing: border-box; border-left: solid 50px #000; width: 50px; height: 2px; top: 15px; left: -70px;}
#menu .box07 .inner02 {position: relative;}
#menu .box07 .inner02::after {position: absolute; content: ''; box-sizing: border-box; border: solid 1px #000; width: 1px; height: 377px; top: 50px; left: 30px;}

#menu .link_area {background: url("img/initiatives/link_bg.png")center center no-repeat; background-color: #0f0f74; padding: 50px;}
#menu .link_area .title {font-size: 50px; line-height: 1; margin-bottom: 40px;}
#menu .link_area .txt01 {font-size: 25px; line-height: 1; position: relative; transform: rotate(-5deg);}
#menu .link_area .txt01::before {content: ''; position: absolute; background: url("img/benefits/text_shadow.png")no-repeat; width: 250px; height: 24px; transform: rotate(5deg); bottom: -15px; left: 0; right: 0; margin: auto;}
#menu .link_area li:nth-child(2) .txt01::before {background: url("img/index/box05_text_shadow02.png")no-repeat;}
#menu .link_area li:nth-child(3) .txt01::before {background: url("img/index/box05_text_shadow.png")no-repeat;}
#menu .link_area .txt02 {font-size: 16px; line-height: 1; margin: 30px auto 16px;}
#menu .link_area .btn {background-color: #000; width: 250px; height: 50px; font-size: 16px; line-height: 1;}
#menu .link_area li:nth-child(2) .btn {background-color: #eeb31d;}
#menu .link_area li:nth-child(3) .btn {background-color: #f4810b;}
#menu .link_area .text_area {position: relative; background-color: #fff; width: 333px; padding: 40px 0 20px; margin: 0 auto;}
#menu .link_area .text_area::before {content: ''; position: absolute; top: -3px; left: 0; right: 0; margin: auto; background: url("img/index/box05_li_icon.png")no-repeat; width: 18px; height: 28px;}
.Job_descriptions .recruit01 h3 {font-size: 40px; line-height: 1; margin: 50px auto 20px;}
.Job_descriptions .recruit01 p {font-size: 30px; line-height: 1;}
.Job_descriptions .recruit01 table {width: 90%; font-size: 20px; box-sizing: border-box; border: 1px solid #0f0f74; margin: 50px auto;}
.Job_descriptions .recruit01 th,.Job_descriptions .recruit01 td {padding: 20px; line-height: 1.5; box-sizing: border-box; border-bottom: 1px solid #0f0f74; vertical-align: middle;}
.Job_descriptions .recruit01 .welfare td {border-bottom: none;}
.Job_descriptions .recruit01 th {background-color: #e7e7e7; width: 200px; text-align: center;}
.Job_descriptions .recruit01 td {background: #fff;}





/*blog*/
#blog_single .box01 {box-sizing: border-box; border: 5px solid #ccc; margin-bottom: 40px; line-height: 2;}
#blog_single .box01 h3 {line-height: 1.5; font-size: 16px; display: inline; background-color: #00A0E9;}
#blog_single .box01 .news_h3 {background-color: #E62388;}
#blog_single .box01 p {margin-top: 10px;}
#blog_single .box01 .time {margin-bottom: 10px;}
#blog .time {font-size: 16px;}
#blog .blog_area {font-size: 14px; box-sizing: border-box; padding: 35px; background-color: #0d0d8c;}
#blog .blog_item {box-sizing: border-box; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; line-height: 1;}
#blog .blog_item:nth-last-child(1) {margin-bottom: 0;}
#blog .tag {background-color: #eeb31d; width: 50px; height: 18px; margin: 0 15px;}
#blog .tag02 {background-color: #f4810b;} 

/*diagnose*/
#diagnose .big_txt,#diagnose_q .big_txt,#diagnose_a .big_txt {font-size: 30px; margin-bottom: 40px; line-height: 1.3;}
#diagnose .box01 {box-sizing: border-box; border: 5px solid #e5e5e5; background: url("img/diagnose/box01_bg.jpg")center center no-repeat; font-size: 20px; padding: 50px 0; background-size: cover;}
#diagnose .box01 p {margin-top: 30px;}
#diagnose .btn {background: #0d0d8c; width: 800px; font-size: 20px; line-height: 1; padding: 37px 0; margin: 50px auto 0;}
#diagnose .btn img {margin-right: 20px;}
#diagnose_q .q_txt {font-size: 30px; line-height: 1; margin-bottom: 50px;}
#diagnose_q .inner a {width: 320px; height: 160px; font-size: 20px; background: url("img/diagnose/q_btn_bg.png")bottom left no-repeat; background-color: #0d0d8c;}
#diagnose_q .inner a:nth-child(2) {background: url("img/diagnose/q_btn_bg02.png")bottom left no-repeat; background-color: #f4810b; margin-left: 40px;}
#diagnose_a .a_txt {font-size: 60px; line-height: 1;}
#diagnose_a .a_box {box-sizing: border-box; border: 2px solid #e5e5e5; background: url("img/diagnose/a_box_bg.jpg")top left repeat; padding: 50px 0; font-size: 20px;}
#diagnose_a .a_txt02 {font-size: 35px; margin: 40px auto; line-height: 1.3;}
#diagnose_a .a_txt03 {font-size: 40px; line-height: 1; margin-bottom: 40px;}
#diagnose_a .a_txt04 {font-size: 20px; margin: 30px auto;}
#diagnose_a .a_inner .quest {font-size: 40px; line-height: 1; margin-bottom: -10px;}
#diagnose_a .a_inner a {width: 575px; background: #f4810b; font-size: 25px; line-height: 1; padding: 20px 0;}
#diagnose_a .a_inner a img {margin-right: 20px;}
#diagnose_a .a_inner div:nth-child(2) a {background: #0d0d8c;}

pre {word-break: break-all; white-space: pre-wrap;}