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

/*company*/
#company table {width: 100%;}
#company th,#company td {box-sizing: border-box; border-bottom: 1px solid #eee; padding: 12px 20px; font-size: 16px; line-height: 2;}
#company th {background: #e07e20; border-bottom: 1px solid #fff; width: 160px; color: #fff; font-weight: normal; word-break: keep-all;}
#company iframe {box-sizing: border-box; width: 1200px; height: 450px;}
#company .txt_box p {font-size: 14px; line-height: 2; margin-top: 30px;}
#company .txt_box p:nth-child(1) {margin-top: 0;}

/*contact_banner*/
#contact_banner .over {position: relative; background: url("img/c_bnr_bg.jpg")top center no-repeat; padding: 100px 0 150px;}
#contact_banner .txt01 {font-size: 30px; line-height: 1;}
#contact_banner .tel {font-size: 50px; line-height: 1; margin: 30px auto 10px;}
#contact_banner .tel span {font-size: 80px;}
#contact_banner .txt02 {font-size: 20px; line-height: 1;}
#contact_banner .txt03 {font-size: 25px; line-height: 1; margin-top: 40px;}
#contact_banner ul {position: absolute; left: 0; right: 0; bottom: -100px; margin: auto; z-index: 10;}
#contact_banner li {box-sizing: border-box; width: 300px; border: 2px dashed #e07e20; padding: 10px;}
#contact_banner li:nth-child(2) {border-color: #a31815;}
#contact_banner li:nth-child(3) {border-color: #626351;}
#contact_banner li .bg {background: url("img/index/box05_bg01.jpg")center center no-repeat; padding: 16px 0 20px;}
#contact_banner li:nth-child(2) .bg {background: url("img/index/box05_bg02.jpg")center center no-repeat;}
#contact_banner li:nth-child(3) .bg {background: url("img/index/box05_bg03.jpg")center center no-repeat;}
#contact_banner .min {font-size: 16px; line-height: 1.2;}
#contact_banner .big {font-size: 30px; line-height: 1; margin: 20px auto 16px;}
#contact_banner .btn {box-sizing: border-box; width: calc(100% - 40px); background: url("img/index/box01_arrow.svg")center right 10px no-repeat; background-color: #fff; height: 40px; font-size: 16px;}

/*about*/
#about .box01 .con {box-sizing: border-box; background: url("img/about/box01_con_bg01.png")left bottom no-repeat,url("img/about/box01_con_bg02.png")right top no-repeat,url("img/about/box01_con_bg.jpg")top left repeat; padding: 50px 0;}
#about .box01 .con h2 p {font-size: 50px; box-sizing: border-box; border-bottom: 2px solid #000; padding: 0 20px 20px; display: inline-block;}
#about .box01 .con .txt {font-size: 18px; line-height: 2; margin-top: 40px;}
#about .box01 .con02 .under {background: #e07e20; font-size: 40px; font-weight: bold; line-height: 1.2; padding: 12px; margin-top: 20px;}
#about .box01 .con02 .under span {margin-left: 150px;}
#about .box01 .inner {margin-top: 50px; font-size: 16px; line-height: 2;}
#about .box01 .con03 h3 {font-size: 30px; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 20px;}
#about .box01 .inner .img01 {margin-right: 20px;}
#about .box01 .inner .img02 {margin-left: 20px;}
#about .box01 .con03 .under {box-sizing: border-box; background: url("img/about/box01_under_bg02.png")right bottom no-repeat,url("img/about/box01_con03_under_bg.jpg")top left repeat; padding: 40px 50px; margin-top: 50px;}
#about .box01 .con03 .txt01 {font-size: 40px; line-height: 1; font-weight: bold;}
#about .box01 .con03 .txt01::after {content: ''; display: block; flex-grow: 1; height: 1px; background: #fff; margin-left: 20px;}
#about .box01 .con03 .under .txt {font-size: 16px; line-height: 2; margin-top: 40px;}
#about .box02 h2 {font-size: 40px; line-height: 1.1; margin-bottom: 50px;}
#about .box02 h2 .big01 {font-size: 60px;}
#about .box02 h2 .big02 {font-size: 50px;}
#about .box02 .link_box a {box-sizing: border-box; border: 2px dashed #e07e20; padding: 10px; width: 366px; text-align: center; color: #fff;}
#about .box02 .link_box div {background: url("img/about/box02_arrow.svg")bottom 5px right 5px no-repeat; background-color: #e07e20; padding: 20px 0;}
#about .box02 .txt01 {font-size: 16px; line-height: 1.2;}
#about .box02 .txt01 span {font-size: 30px}
#about .box02 .txt02 {font-size: 50px; line-height: 1; margin: 20px 0;}
#about .box02 .txt03 {font-size: 18px; line-height: 1.3;} 
#about .box02 .link_box a:nth-child(2) {border-color: #a31815;}
#about .box02 .link_box a:nth-child(2) div {background: #a31815;}
#about .box02 .link_box a:nth-child(3) {border-color: #626351;}
#about .box02 .link_box a:nth-child(3) div {background: #626351;}
#about .box02 .con {background: url("img/about/box02_bg.jpg")top left repeat;}
#about .box02 .title_box {background: #e07e20; padding: 5px 20px; font-size: 40px; font-weight: bold; height: 77px; color: #fff;}
#about .box02 h3 {font-size: 30px; line-height: 1; border-left: 1px dashed #fff; padding-left: 20px; margin-left: 20px; height: 100%; display: flex; align-items: center;}
#about .box02 .inner {margin: 50px; font-size: 16px; line-height: 2;}
#about .box02 .inner img {margin-right: 20px;}
#about .box02 .inner02 {padding: 0 50px 50px;}
#about .box02 .bnr {position: relative; width: 100%; background: url("img/about/box02_bnr_bg01.jpg")top left repeat; border: 3px solid #e07e20;}
#about .box02 .bnr p {position: absolute; right: 50px; top: 0; bottom: 0; margin: auto; z-index: 10; font-size: 30px; line-height: 1; padding-top: 50px;}
#about .box02 .bnr span {background: #fff; padding: 5px; display: inline-block;}
#about .box02 .bnr .big {font-size: 40px;}
#about .box02 .bnr span:nth-of-type(2) {margin: 10px 0;}
#about .box02 .con:nth-of-type(2) .title_box {background: #a31815;}
#about .box02 .con:nth-of-type(2) .bnr {background: url("img/about/box02_bnr_bg02.jpg")top left repeat; border-color: #a31815;}
#about .box02 .con:nth-of-type(3) .title_box {background: #626351;}
#about .box02 .con:nth-of-type(3) .bnr {background: url("img/about/box02_bnr_bg03.jpg")top left repeat; border-color: #626351;}

/*online*/
#online .main {box-sizing: border-box; background: url("img/online/main_bg.jpg")center center no-repeat; padding: 20px; font-size: 18px; line-height: 1.8;}
#online .main div {box-sizing: border-box; border: 2px dashed #fff; padding: 20px;}
#online .box01 h2 {font-size: 50px; line-height: 1.2; font-weight: normal; box-sizing: border-box; border-bottom: 2px solid #fff; padding-bottom: 25px; margin-bottom: 20px;}
#online .box01 .inner {font-size: 16px; line-height: 2; margin: 50px auto 20px;}
#online .box01 .inner img {margin-right: 20px;}
#online .box02 {background: url("img/online/box02_bg.jpg")top center repeat; padding-bottom: 50px;}
#online .box02 h2 {background: url("img/online/box02_title_bg.png")center left no-repeat,url("img/online/box02_title_icon.png")top 75px right 30px no-repeat,url("img/online/box02_title_bg02.png")top left repeat; padding: 10px; font-size: 35px; line-height: 1.3; height: 300px; box-sizing: border-box; font-weight: normal;}
#online .box02 h2 span {font-size: 50px;}
#online .box02 h2 div {box-sizing: border-box; border: 1px solid #fff; height: 100%; padding-right: 70px;}
#online .box02 .title_box {background: url("img/online/box02_title_box_bg.jpg")top left repeat; padding: 20px 0 30px; line-height: 1; margin: 0 50px;}
#online .box02 .title_box p {font-size: 30px;}
#online .box02 .title_box p span {font-size: 40px;}
#online .box02 .title_box p::before,#online .box02 .title_box p::after {content: ''; display: block; background: url("img/online/box02_bdr.png")repeat; height: 1px; flex-grow: 1;}
#online .box02 .title_box p::before {margin-right: 20px;}
#online .box02 .title_box p::after {margin-left: 20px;}
#online .box02 h3 {font-size: 40px; margin-top: 20px; font-weight: normal;}
#online .box02 .inner {margin: 50px; font-size: 16px; line-height: 2;}
#online .box02 .inner .img01 {margin-right: 20px;}
#online .box02 .inner .img02 {margin-left: 20px;}
#online .box02 .under_box {box-sizing: border-box; border: 2px dashed #e07e20; padding: 10px; margin: 0 50px;}
#online .box02 .under_box div {background: url("img/online/box02_under_bg01.png")top right no-repeat,url("img/online/box02_under_bg02.png")top left repeat; padding: 50px 50px 38px;}
#online .box02 li {font-size: 25px; line-height: 1;}
#online .box02 li:nth-child(2) {margin: 20px 0;}
#online .box02 .under_box p {font-size: 35px; line-height: 1.5; margin-top: 40px;}
#online .contact_box {background: url("img/online/contact_bg.jpg")center center no-repeat; box-sizing: border-box; border-top: 3px solid #e07e20; border-bottom: 3px solid #e07e20; padding: 50px 0; line-height: 1;}
#online .contact_box .txt01 span {font-size: 30px; background: #e07e20; padding: 0 5px;}
#online .contact_box .txt02 {font-size: 40px; line-height: 1.3; margin: 15px auto 40px;}
#online .contact_box .txt03 {font-size: 20px; margin-bottom: 20px;}
#online .contact_box .btn {width: 800px; height: 70px; font-size: 25px; background: -moz-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: -webkit-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); }

/*user*/
#user .box01 {background: url("img/user/box01_bg.jpg")center center no-repeat; padding: 50px 0 25px; box-sizing: border-box; border: 3px dashed #e07e20;}
#user .box01 .big {font-size: 40px; line-height: 1; margin-bottom: 10px;}
#user .box01 .min {font-size: 20px; line-height: 1; margin-bottom: 35px;}
#user .box01 .inner p {font-size: 18px; line-height: 1.3;}
#user .box01 .btn {box-sizing: border-box; background: url("img/index/box01_arrow.svg")center right 20px no-repeat; background-color: #fff; font-size: 18px; line-height: 1; width: 400px; height: 60px; margin-top: -55px; position: relative; z-index: 10;}
#user .box02 .title span {font-size: 30px; line-height: 1; background: #e07e20; padding: 5px 10px;}
#user .box02 .txt01 {font-size: 30px; line-height: 1; margin: 20px auto 50px;}
#user .box02 .under_box {box-sizing: border-box; background: url("img/user/box02_bg.jpg")center bottom no-repeat; border: 3px solid #e07e20; border-top: none;}
#user .box02 .title02 {font-size: 30px; line-height: 1; background: #e07e20; padding: 20px 0;}
#user .box02 .txt02 {font-size: 18px; margin: 40px auto; line-height: 1.8;}
#user .box03 .title p {font-size: 40px; line-height: 1; box-sizing: border-box; display: inline-block; border-bottom: 2px solid #e07e20; padding-bottom: 20px;}
#user .box03 .inner {font-size: 16px; line-height: 2; margin-top: 50px;}
#user .box03 .inner .img01 {margin-right: 20px;}
#user .box03 .inner .img02 {margin-left: 20px;}
#user .box04 {box-sizing: border-box; background: url("img/user/box04_bg01.svg")top left no-repeat,url("img/user/box04_bg02.svg")top right no-repeat,url("img/user/box04_bg03.svg")bottom left no-repeat,url("img/user/box04_bg04.svg")bottom right no-repeat; border: 3px dashed #e07e20; padding: 50px 100px;}
#user .box04 .title {font-size: 40px; line-height: 1; box-sizing: border-box; border-bottom: 2px solid #e07e20; padding-bottom: 20px; margin-bottom: 40px;}
#user .box04 .txt {font-size: 20px; line-height: 2;}
#user .box05 {background: url("img/user/box05_bg.jpg")top left repeat; box-sizing: border-box; border-bottom: 5px solid #e07e20; padding-bottom: 50px;}
#user .box05 h2 {background: url("img/user/box05_title_icon.svg")bottom right no-repeat,url("img/user/box05_title_bg.svg")top left repeat; height: 200px; font-size: 25px; line-height: 1.7; padding-left: 50px;}
#user .box05 h2 span {font-size: 50px;}
#user .box05 .con {padding-left: 50px;}
#user .box05 h3 {font-size: 35px; margin-bottom: 20px;}
#user .box05 .title01::after {content: ''; display: block; flex-grow: 1; height: 2px; background: #e07e20; margin-left: 20px;}
#user .box05 .title02::before {content: ''; display: block; flex-grow: 1; height: 2px; background: #e07e20; margin-right: 20px;}
#user .box05 .con:nth-of-type(2) {padding-right: 50px; padding-left: 0;}
#user .box05 .inner {font-size: 16px; line-height: 2; padding-right: 50px;}
#user .box05 .con:nth-of-type(2) .inner {padding-left: 50px; padding-right: 0;}
#user .box05 .inner .img01 {margin-right: 20px;}
#user .box05 .inner .img02 {margin-left: 20px;}
#user .box05 .under_txt {box-sizing: border-box; border: 2px dashed #e07e20; padding: 15px 20px; margin: 50px 50px 0; font-size: 16px; line-height: 2;}
#user .bnr {box-sizing: border-box; background: url("img/user/bnr_bg.jpg")top center no-repeat; border: 3px solid #e07e20; padding: 40px 0 50px; position: relative;}
#user .bnr .txt01 {font-size: 20px; line-height: 2;}
#user .bnr .txt02 {margin: 25px auto 20px;}
#user .bnr .txt02 span {display: inline-block; background: #e07e20; padding: 5px 10px; font-size: 30px; line-height: 1;}
#user .bnr .txt03 {font-size: 50px; line-height: 1;}
#user .bnr .icon {position: absolute; left: 50px; bottom: 100px;}

#blog .blog_area {box-sizing: border-box; border: 2px solid #a31815; padding: 20px;}
#blog .blog_item {box-sizing: border-box; border-bottom: 1px dashed #000; padding: 20px 0; font-size: 16px; line-height: 1; width: 100%;}
#blog .blog_item:nth-child(1) {padding-top: 0;}
#blog .tag {box-sizing: border-box; background: #a31815; width: 50px; height: 18px; line-height: 1; font-size: 14px; margin: 0 20px;}
#blog h2 {font-size: 16px;}
#blog_single h2 {font-size: 20px; line-height: 1.5; margin-bottom: 15px;}
#blog_single .box01 {box-sizing: border-box; border: 3px solid #a31815; background: #fff; padding: 20px; font-size: 14px; line-height: 2;}
#news .blog_area {box-sizing: border-box; border: 2px solid #e07e20; padding: 20px;}
#news .blog_item {box-sizing: border-box; border-bottom: 1px dashed #000; padding: 20px 0; font-size: 16px; line-height: 1; width: 100%;}
#news .blog_item:nth-child(1) {padding-top: 0;}
#news .tag {box-sizing: border-box; background: #e07e20; width: 50px; height: 18px; line-height: 1; font-size: 14px; margin: 0 20px;}
#news h2 {font-size: 16px;}
#news_single h2 {font-size: 20px; line-height: 1.5; margin-bottom: 15px;}
#news_single .box01 {box-sizing: border-box; border: 3px solid #e07e20; background: #fff; padding: 20px; font-size: 14px; line-height: 2;}
#news_single .nav_archive_btn {background: -moz-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: -webkit-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f);}

#interview h2 {font-size: 30px; line-height: 1.5; text-shadow: 0 0 5px #fff;}
#interview h2 span {font-size: 40px;}
#interview .txt01 {position: absolute; right: 0; top: -15px; font-size: 70px; line-height: 1;}
#interview .interview_list {margin: 45px auto;}
#interview .interview_list a {box-sizing: border-box; width: 262px; margin-right: 50px; border-bottom: 2px solid #000; padding-bottom: 15px;}
#interview .interview_list a:nth-child(4n) {margin-right: 0;}
#interview .interview_list a:nth-child(n + 5) {margin-top: 60px;}
#interview .img_box {position: relative; width: 100%; margin-bottom: 15px;}
#interview .img_box img {height: 196px; object-fit: cover;}
#interview .cat {position: absolute; top: -5px; left: 0; display: inline-block; font-size: 14px; line-height: 1; padding: 5px;}
#interview .cat01 {background: #e07e20;}
#interview .cat02 {background: #a31815;}
#interview .pick {position: absolute; left: 0; bottom: -5px; display: inline-block; font-size: 16px; line-height: 1; background: #000; padding: 3px 5px;}
#interview h3 {font-size: 16px; line-height: 1.5;}
#interview a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}
#interview_single .img_box img {width: 100%; height: auto;}
#interview_single .list {margin: 20px auto 50px;}
#interview_single .list a {width: 386px; margin-right: 20px;}
#interview_single .list a:nth-child(3n) {margin-right: 0;}
#interview_single .list a:nth-child(n + 4) {margin-top: 20px;}
#interview_single .list a img {width: 100%; height: 257px; object-fit: cover;}
#interview_single .txt_box {box-sizing: border-box; font-size: 16px; line-height: 2; padding: 20px; border: 3px solid #000;}
#interview_single h2 {margin-bottom: 50px; font-size: 20px; line-height: 1.5;}
#interview_single .title_box {box-sizing: border-box; background: #e07e20; line-height: 1; padding: 12px 20px; font-size: 14px;}
#interview_single h3 {font-size: 20px;}
#interview_single h3 span {font-size: 30px;}
#interview_single .nav_archive_btn {background: -moz-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: -webkit-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f);}

/*contact*/
#contact .box {background: #e07e20; padding: 10px;}
#contact .box div {box-sizing: border-box; border: 2px dashed #fff; padding: 20px 0; line-height: 1;}
#contact .txt01 {font-size: 25px;}
#contact .tel {font-size: 50px; margin: 5px auto 15px;}
#contact .tel span {font-size: 80px;}
#contact .txt02 {font-size: 25px;}
#contact .under {box-sizing: border-box; background: url("img/contact/under_bg.jpg")top center repeat; padding: 50px;}
#contact .txt03 {font-size: 30px; line-height: 1;}
#contact table {width: 100%; margin: 50px auto; box-sizing: border-box;}
#contact table th,#contact table td {padding-bottom: 20px; box-sizing: border-box; font-size: 20px; font-weight: normal;}
#contact table th{font-weight: normal; vertical-align: middle; width: 250px; position: relative; padding-right: 10px;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 16px; font-weight: normal; border: 1px solid #000; outline: none;}
#contact .message_box th {vertical-align: top;}
#contact .message_box th,#contact .message_box td {padding-bottom: 0;}
#contact table textarea {font: inherit; font-size: 16px;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: normal;}
.mwform-radio-field-text {font-weight: normal;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover { opacity: 0.7;}
.mw_wp_form_input .btn input{
    font-size: 20px;
    width: 400px;
    padding: 20px 0;
    line-height: 1;
	color: #fff;
	background: url("img/index/box02_arrow.svg")center right 20px no-repeat;
	background-color: #e07e20;
	box-sizing: border-box;
	border: none;
	font-weight: normal;
	outline: none;
}
#contact .thanks {font-size: 16px;}

/*business_person*/
#business_person .box01 .over {background: url("img/business_person/box01_bg01.jpg")top left repeat; padding: 20px; position: relative;}
#business_person .box01 h2 {font-size: 30px; font-weight: normal; line-height: 1.2; width: 700px; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 15px; margin-bottom: 20px;}
#business_person .box01 h2 span {font-size: 50px;}
#business_person .box01 .min {font-size: 30px; line-height: 1;}
#business_person .box01 .icon01 {position: absolute; right: 130px; top: -10px;}
#business_person .box01 .icon02 {position: absolute; right: 0; bottom: 15px;}
#business_person .box01 .under {background: url("img/business_person/box01_bg02.jpg")top center no-repeat; padding: 50px;}
#business_person .box01 .txt01 {box-sizing: border-box; border-bottom: 2px solid #fff; font-size: 30px; line-height: 1; margin-bottom: 20px; padding-bottom: 30px;}
#business_person .box01 .txt02 {font-size: 18px; line-height: 1.6;}
#business_person .box02 h2 {font-size: 35px; font-weight: normal;}
#business_person .box02 .inner {font-size: 16px; line-height: 2;}
#business_person .box02 .img01 {margin-right: 20px;}
#business_person .box02 .img02 {margin-left: 20px;}
#business_person .bnr02 {box-sizing: border-box; border: 3px solid #e07e20; position: relative; height: 194px; padding-left: 20px;}
#business_person .bnr02 .txt01 {font-size: 35px; line-height: 1.5; position: relative; z-index: 10;}
#business_person .bnr02 .img02 {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#business_person .bnr02 .txt02 {width: 205px; height: 30px; line-height: 1; font-size: 16px; background: url("img/business_person/arrow.svg")center right 10px no-repeat; background-color: #e07e20; position: absolute; right: 0; bottom: 0;}
#business_person .bnr02:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

/*sitemap*/
#sitemap li {font-size: 20px; padding-left: 20px; line-height: 1; border-left: 5px solid #E07E20; margin-top: 20px;}
#sitemap li:nth-child(1) {margin-top: 0;}