@charset "utf-8";/* CSS Document */* {  margin: 0;  padding: 0;  font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}ul, ol, li {  list-style: none;}a {  text-decoration: none;}/* plas cmc */.sub_f {font-size: 265%;letter-spacing: 0.15em;color: #ec6941;}.aruaru { text-align: center;}.sp_img {display: none;}.subm .inner h1 {}.subm header .inner {	height: 50px;}.mt30 {	margin-top: 30px;}.pt30 {	padding-top: 30px;}.center {	text-align: center;}.clear {	clear:both;}@media screen and (max-width:768px) {  body {    width: 100%;  }  p {    font-size: 16px;  }  .wrapper {    width: 100%;    overflow: hidden;  }  .inner {    width: 94%;    margin: 0 auto;  } .inner2 {    width: 94%;    margin: 0 auto;  }  img {    width: 100%;  }  header {    vertical-align: middle;    background: #fff;  }  header .inner {    display: flex;    padding: 3% 0 1% 0;    justify-content: center;  }  header p.logo {    display: inline;  }  header img {    width: 98%;  }  header h1 {    display: inline;    font-size: 3vw;    margin-left: 2%;    width: 60%;    margin-top: -1%;  }  .pc_img {display: none;}  .sp_img {display: inherit;}	.mt20 {		margin-top: 20px;	}	.mt30 {		margin-top: 30px;	}.but_back{		background-color: #DFEAF0;	margin-top: -0px;		padding-top: 10px;		padding-bottom: 10px;		text-align: center;	}	.but_back .button {		margin-top: 6%;		margin-bottom: 6%;	}  /*sp--key*/  .key {    background: url("../images/top/bg_key_sp202408.jpg") no-repeat top;    text-align: center;    padding: 68% 0 2% 0;    background-size: contain;    position: relative;	background-color: #DEE9EF;  }  .key .catch_wrap {    text-align: center;    position: absolute;    top:15%;    left: 50%;    transform: translateX(-50%);  }  .key .catch_wrap::after {    content: "";    height: 0;    display: block;  }  .key p.catch1, .key p.catch2 {    display: inline-block;    background: #fff;    color: #d95e6c;    font-weight: bold;    font-size: 5.5vw;    padding: 0.1em 0.5em;  }  .key p.catch1 {    margin-bottom: 22%;  }  .key h3 {    color: #fff;    font-size: 5vw;    margin-top: 1%;  }  .button {    margin-top: 10%;  }  .button a {    color: #fff;    background: #c30d23;    font-size: 4vw;    padding: 0.8em 4em;    font-weight: bold;    box-shadow: 2px 8px 10px #c3c3c3;	 border-radius: 10px;  	-webkit-border-radius: 10px; 	-moz-border-radius: 10px;   }  .key .button a {    box-shadow: 2px 8px 10px #4c4a4a;  }  .postscript {    margin-top: 9%;    color: #fff;    font-size: 3vw;  }	.key .top_copy1 {		font-size:180%;		font-weight: bold;		color: #FFD600;		margin-top: 50px;		text-shadow:0 0 10px #000;	}	  /*====key--end================*/  .good_points {    padding: 12% 0;    background: url("../images/top/bg_key_second.png") no-repeat;    background-size: cover;  }  .good_points ul {    display: flex;    flex-wrap: wrap;    justify-content: space-between;  }  .good_points ul li {    width: 50%;    text-align: center;    margin-bottom: 6%;  }  .good_points ul li img {    width: 70%;  }  .good_points ul li p {    margin: 2% 0 0 0;    font-size: 3.5vw;  }  .good_points ul li span {    color: #f36700;    font-weight: bold;  }  /*------job_offer--------------------------*/  .job_offer {    background: #e8e6da;    padding: 3% 0;  }  .job_offer h2.sub_ttl {    text-align: center;	font-size: 180%;  }  .job_offer h2.sub_ttl img {    width: 40%;    max-width: 244px;  }  .job_offer h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 40%;    margin: 2% auto 0 auto;  }  .job_offer h3 {    text-align: center;    font-size: 5.5vw;	line-height: 125%;    margin: 3% 0 6% 0;    font-weight: lighter;  }  .job_offer ul {    margin: 5% 0 8% 0;  }  .job_offer ul li {    width: 100%;    margin-bottom: 4%;  }  .job_offer li h4 {    color: #fff;    background: #d95e6c;    padding: 3% 4%;    font-size: 4.5vw;  }  .job_offer .box_inside {    background: #fff;    padding: 3% 4% 3% 4%;  }  .job_offer li h5 {    color: #d95e6c;    font-size: 20px;  }  .job_offer li dl {    padding: 1em 0;  }  .job_offer li dl {    display: flex;    font-size: 16px;  }  .job_offer li dt {    font-weight: bold;    width: 40%;  }  .job_offer li dt::before {    content: "-";    margin-right: 0.3em;    font-weight: bold;    color: #d95e6c;  }  .job_offer li dd {    width: 60%;    padding-left: 0.3em;  }  .job_offer li span {    color: #c30d23;    font-weight: bold;  }  .job_offer li dl.border {    border-bottom: 1px solid #e8e8e8;  }  .job_offer .button {    text-align: center;  }  .job_offer .postscript {    text-align: center;    color: #000;  }  .job_offer .other_recruit {    font-size: 5vw;    margin: 10% 0 12% 0;    text-align: center;  }	.job_offer .t_inex {		background-color: #603600;		color: #fff;		margin-left: 15px;		padding-left: 7px;		padding-right: 7px;		font-weight: normal;	}	.job_offer .t_inex2 {		background-color: #603600;		color: #fff;		padding-left: 7px;		padding-right: 7px;		font-weight: normal;	}	.job_offer table {		margin-top: 10px;	}	.job_offer th {		width: 30%;		vertical-align: top;	}	.job_offer td {		width: 70%;	}	  /*-----------voice---------------*/  .voice {    background: #fff;    padding: 1% 0;  }  .voice .voice_list_wrap {    width: 100%;    margin: 0 auto;  }  .voice h2.sub_ttl {    text-align: center;	  font-size: 180%;  }  .voice h2.sub_ttl img {    width: 24%;    max-width: 113px;  }  .voice h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 23%;    margin: 2% auto 0 auto;  }  .voice h3 {    text-align: center;    font-size: 5.5vw;	line-height: 125%;    margin: -3% 0 6% 0;    font-weight: lighter;  }  .voice .sub_ttl {    text-align: center;    margin: 3% 0 6% 0;  }  .voice .voice_list_wrap div {    text-align: left;    margin-bottom: 5%;    padding: 5% 3%;    border: 1px solid #d95e6c;  }  .voice h4 {    color: #f36700;    font-size: 5.5vw;  }  .voice div.first {    background: url("../images/top/sp_bg_voice_list01.gif") no-repeat left top #fff;    background-size: 30%;  }  .voice div.first h4 {    padding: 2% 0 2% 33%;    line-height: 220%;    margin-bottom: 3%;  }  .voice div.second {    background: url("../images/top/sp_bg_voice_list02.gif") no-repeat left top #fff;    background-size: 30%;  }  .voice div.second h4 {    padding: 2% 0 6% 33%;    margin-bottom: 3%;  }  .voice div.third {    background: url("../images/top/sp_bg_voice_list02.gif")no-repeat left top #fff;    background-size: 30%;  }  .voice div.third h4 {    padding: 2% 0 6% 33%;    margin-bottom: 3%;  }  .voice div.fourth {    background: url("../images/top/sp_bg_voice_list02.gif")no-repeat left top #fff;    background-size: 30%;  }  .voice div.fourth h4 {    padding: 0 0 2% 33%;    line-height: 1.3;    margin-bottom: 3%;  }  .voice .voice_list_wrap div p {    font-size: 16px;    border-top: 1px solid #d95e6c;    padding-top: 0.5em;  }		/*-----------difference---------------*/  .difference {    background: url("../images/top/bg_difference.jpg") center top repeat-y;    padding: 30px 0 30px 0;  }  .difference .voice_list_wrap {    width: 100%;    margin: 0 auto;  }  .difference h2.sub_ttl {    text-align: center;	  font-size: 180%;  }  .difference h2.sub_ttl img {    width: 24%;    max-width: 113px;  }  .difference h2.sub_ttl::after {    border-bottom: 1px solid #A25DAB;    content: "";    display: block;    width: 23%;    margin: 2% auto 0 auto;  }  .difference h3 {    text-align: center;    font-size: 5.5vw;	line-height: 125%;    margin: -3% 0 6% 0;    font-weight: lighter;  }  .difference .sub_ttl {    text-align: center;    margin: 3% 0 6% 0;  }  .difference .voice_list_wrap div {    text-align: left;    margin-bottom: 5%;    padding: 5% 3%;    border: 1px solid #d95e6c;  }  .difference h4 {    font-size: 5vw;	color: #A25DAB;    text-align: center;  }  .difference .voice_list_wrap {    display: flex;    justify-content: space-between;    flex-wrap: wrap;  }  .difference .voice_list_wrap div {    text-align: left;    position: relative;    margin-bottom: 27px;	  padding: 15px;    width: 100%;	  background-color: #FFFFFF;	  border-top: solid 5px #CCA1D1;  }  .difference .voice_list_wrap div p {    font-size: 14px;    width: 100%;    top: 32%;	  padding-top: 15px;    line-height: 1.7;  }	  /*------sp--reason-------------------------------*/  .reason {    background: url(../images/top/sp_bg_reason.jpg) no-repeat #763f9e;    padding: 10% 0 10% 0;    background-size: contain;  }  .reason h2.sub_ttl {    text-align: center;	  font-size: 180%;  }  .reason h2.sub_ttl img {    width: 32%;    max-width: 174px;  }  .reason h2.sub_ttl::after {    border-bottom: 1px solid #fff;    content: "";    display: block;    width: 40%;    margin: 2% auto 0 auto;  }  .reason h3 {    text-align: center;    font-size: 10vw;    margin: 0% 0 6% 0;    font-weight: lighter;    color: #fff;    line-height: 1.2;  }  .reason h3 span {    font-size: 5vw;  }  .reason ol {    margin: 8% 0 0 0;  }  .reason ol li {    margin-bottom: 5%;  }  .reason li p {    font-size: 16px;    padding: 0 3% 5% 3%;    background: #fff;    border-right: #dae5eb solid 1px;    border-bottom: #dae5eb solid 1px;    border-left: #dae5eb solid 1px;  }  .reason li:first-child {    background: url("../images/top/sp_bg_reason_list01.png") no-repeat;    background-size: contain;  }  .reason li:nth-child(2) {    background: url("../images/top/sp_bg_reason_list02.png") no-repeat;    background-size: contain;  }  .reason li:nth-child(3) {    background: url("../images/top/sp_bg_reason_list03.png") no-repeat;    background-size: contain;  }  .reason li:nth-child(4) {    background: url("../images/top/sp_bg_reason_list04.png") no-repeat;    background-size: contain;  }  .reason li:nth-child(5) {    background: url("../images/top/sp_bg_reason_list05.png") no-repeat;    background-size: contain;  }  .reason li h4 {    padding: 8% 0 10% 23%;    color: #f36700;    font-size: 5vw;  }  .reason li:nth-child(3) h4 {    padding: 3% 3% 5% 26%;  }/*-----------complex,message---------------*/  .complex,.message {    background: #fff;    padding: 5% 0;  }  .complex .voice_list_wrap {    width: 100%;    margin: 0 auto;  }  .complex h2.sub_ttl,	.message h2.sub_ttl{    text-align: center;	  font-size: 180%;  }  .complex h2.sub_ttl img {    width: 24%;    max-width: 113px;  }  .complex h2.sub_ttl::after,	.message h2.sub_ttl::after{    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 23%;    margin: 2% auto 0 auto;  }	 .message h3 {    text-align: center;    font-size: 5.5vw;	line-height: 125%;    margin: 4% 0 6% 0;    font-weight: lighter;  }	  /*----sp--flow------------------*/  .flow {    background: #e8e6da;    padding: 5% 0;  }  .flow .flow_list_wrap {    width: 100%;    margin: 0 auto;  }  .flow h2.sub_ttl {    text-align: center;	  font-size: 180%;  }  .flow h2.sub_ttl img {    width: 24%;    max-width: 113px;  }  .flow h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 23%;    margin: 2% auto 0 auto;  }  .flow h3 {    text-align: center;    font-size: 5.5vw;	line-height: 125%;    margin: -3% 0 6% 0;    font-weight: lighter;  }  .flow h4 {    color: #f36700;    font-size: 5.5vw;  }  .flow .sub_ttl {    text-align: center;    font-size: 5vw;    margin: 3% 0 6% 0;  }  .flow .flow_list_wrap div {    text-align: left;    margin-bottom: 5%;  }  .flow div.first h4 {    background: url("../images/top/sp_bg_flow_list01.png") no-repeat #fff;    background-size: contain;    padding: 8% 0 11% 23%;  }  .flow div.second h4 {    background: url("../images/top/sp_bg_flow_list02.png") no-repeat #fff;    background-size: contain;    padding: 8% 0 11% 23%;  }  .flow div.third h4 {    background: url("../images/top/sp_bg_flow_list03.png") no-repeat #fff;    background-size: contain;    padding: 8% 0 11% 20%;  }  .flow div.fourth h4 {    background: url("../images/top/sp_bg_flow_list04.png") no-repeat #fff;    background-size: contain;    padding: 8% 0 11% 23%;  }  .flow div.fifth h4 {    background: url("../images/top/sp_bg_flow_list05.png") no-repeat #fff;    background-size: contain;    padding: 8% 0 11% 23%;  }  .flow div.sixth h4 {    background: url("../images/top/sp_bg_flow_list06.png") no-repeat #fff;    background-size: contain;    padding: 8% 0 11% 23%;  }  .flow .flow_list_wrap div p {    font-size: 16px;    background: #fff;    padding: 0 3% 3% 3%;  }  .flow .flow_list_wrap .arrow {    text-align: center;    margin-bottom: 2%;  }  .flow .flow_list_wrap .arrow img {    width: 18%;  }  .flow .button {    text-align: center;    margin-top: 15%;  }  .flow .postscript {    text-align: center;    color: #000;  }  /*--sp-faq---------------*/  .faq {    padding: 5% 0 5% 0;  }  .faq h2.sub_ttl {    text-align: center;	  font-size: 180%;  }  .faq h2.sub_ttl img {    width: 18%;    max-width: 82px;  }  .faq h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 23%;    margin: 2% auto 0 auto;  }  .faq h3 {    text-align: center;    font-size: 5.5vw;	line-height: 125%;    margin: 3% 0 6% 0;    font-weight: lighter;  }  .faq dl {    width: 98%;    margin: 0 auto 5% auto;  }  .faq dl dt {    font-weight: bold;    color: #015a87;    border-bottom: #ccc solid 1px;    margin-bottom: 3%;  }  .faq dt {    padding: 0 0 0.5em 1.8em;    background: url(../images/top/icon_q.png) no-repeat;    background-position: 0 8%;    background-size: 20px;  }  .faq dd {    padding: 0 0 0.5em 1.8em;    background: url(../images/top/icon_a.png) no-repeat;    background-position: 0 5%;    background-size: 20px;  }  /*-----sp-suggestion----------*/  .suggestion {    background: url(../images/top/sp_bg_suggestion.jpg) no-repeat;    padding: 17% 0;    margin: 0 0 5%;    background-size: cover;  }  .suggestion .postscript {    text-align: center;    color: #fff;    font-size: 5.5vw;	line-height: 125%;    font-weight: bold;    margin-top: 0;  }  /*=====sp--#form=============================*/  #form {    padding: 10% 0;  }  #form .baloon {    background: url("../images/top/baloon.png") no-repeat;    display: inline-block;    color: #fff;    padding: 5px 21px 17px 21px;    font-size: 20px;    margin: 0 auto;    ;  }  #form h2 {    font-size: 7vw;    font-weight: bold;    text-align: center;    margin-bottom: 7%;  }  #form .inner {    text-align: center;  }  #form .container {    text-align: left;  }  .input-field > label:not(.label-icon).active, .form_txt {    font-size: 100% !important;    color: black !important;  }  .form_c.space {    margin-right: 1em;  }  .form_txt2 {    margin-top: 15px;    margin-bottom: 15px;  }  .clear {    clear: both;  }  .entry_tb {    border: #e5e5e5 1px solid;    border-spacing: 0;    font-size:16px;  }  .entry_tb dt {    padding: 2%;    vertical-align: top;    background-color: #efefef;  }  .entry_tb dd {        border-bottom: 1px solid #e5e5e5;    padding: 4% 2%;  }  .entry_tb dd select{    font-size:16px;  }  .entry_tb dd.prefecture div{    display:flex;    flex-wrap:wrap;      }  .entry_tb dd.prefecture div p{    width:50%;  }  .entry_tb dd.prefecture div p.etc{    width:100%;  }  .entry_tb dd.prefecture label{    display:block;  }  .entry_tb dd.prefecture p {    line-height: 2.3;  }   .entry_tb dd.how_often div{    display:flex;    flex-wrap:wrap;      }   .entry_tb dd.how_often div p{    width:33%;  }  .entry_tb dd.how_often div p.etc{    width:100%;    margin-top: 0.5em;  }  .how_often .row p {    line-height: 2.3;  }    .privacy_txt h2 {    font-size: 110%;    font-weight: bold;  }  .privacy_txt h3 {    font-size: 100%;    font-weight: bold;  }  #form .notice {    color: #c2172b;    font-size: 22px;    line-height: 0;  }  #form .skill_sheet span.helper-text{    font-size:3vw;  }    #form input {    font-size: 16px;  }  #form input.validate,#form input#birthdate{ padding: 0.5em;    width: 94%;    display: block;    border: 1px solid #e5e5e5;    margin: 0 auto;}   #form dd.how_often label{    display:block;  }  #form input.validate.none {    border: none;  }  .input-field.col.s12, .file-field.input-field {    line-height: 2em;  }  #form input.frequency_etc {  padding: 0.5em;    margin-top: 0.5em;    width: 94%;    display: block;    box-sizing: border-box;  }  #form .skill_sheet .file-path-wrapper{  margin-bottom: 1em;  }  #form .skill_sheet .file-field.input-field {    line-height: 1.3;  }  #form .skill_sheet input.validate{    margin: 0 auto 5% auto;  }  #form .second_box {    margin: 5% 0 8% 0;    border: #e5e5e5 solid 1px;  }  #form .second_box iframe {    width: 100%;    height: 164px;    border: none;  }  #form .btn_area {    text-align: center;  }  #form button {      color: #fff;    background: #c30d23;    border: none;    padding: 0.8em 5em;    font-weight: bold;    box-shadow: 2px 8px 10px #c3c3c3;    font-size: 5vw;	 border-radius: 10px;  	-webkit-border-radius: 10px; 	-moz-border-radius: 10px;  }  footer {    background: #362e2b;    color: #fff;    padding: 4% 0;  }  footer .inner {    text-align: center;  }  footer ul {    display: flex;    justify-content: center;    margin-bottom: 3%;  }  footer li {    text-align: center;    font-size: 4vw;  }  footer li:first-child::after {    content: "|";    margin: 0 0.5em;  }  footer li a {    color: #fff;  }  footer .copy {    font-size: 3vw;  }   .contact2 a {	   margin-bottom:10px;	   font-size:90% !important;   }  /*==================================================================*/} /*========   max-width:768px===end       =================================================*/@media screen and (min-width:1121px) {  body {    overflow-x: hidden;  }}@media screen and (min-width:769px) {  body {    min-width: 1120px;    max-width: 1920px;    margin: 0 auto;  }  .inner {    width: 1120px;    margin: 0 auto;  }.inner2 {    width: 1120px;    margin: 0 auto;	text-align: left;	padding-left: 25px;  }  header {    text-align: center;    vertical-align: middle;    height: 58px;    background: #fff;  }  header p.logo {     display: block;    float: left;  }  header img {    transform: translateY(13px);  }  header h1 {    display: block;    font-size: 14px;    margin-left: 1.5em;    float: left;    margin-top: 20px;  }  .key {    background: url("../images/top/bg_key.jpg") no-repeat top center;    text-align: center;    padding: 60px 0;    position: relative;  }	.key .top_copy1 {		font-size:230%;		font-weight: bold;		color: #FFD600;		margin-top: 360px;		text-shadow:0 0 10px #000;	}  .key h3 {    color: #fff;    font-size: 55px;    margin-top: 480px;	text-shadow:0 0 10px #000;  }  .key .catch_wrap {    text-align: center;    position: absolute;    top: 109px;    left: 50%;    transform: translateX(-50%);  }  .key .catch_wrap::after {    content: "";    height: 0;    display: block;  }  .key p.catch1, .key p.catch2 {    display: inline-block;    background: #fff;    color: #d95e6c;    font-weight: bold;    font-size: 50px;    padding: 0em 0.3em;  }  .key p.catch1 {    margin-bottom: 72px;  }  .button {    margin-top: 58px;  }  .button a {    color: #fff;    background: #c30d23;    font-size: 22px;    padding: 0.8em 6.5em;    font-weight: bold;    box-shadow: 2px 8px 10px #c3c3c3;	border-radius: 10px;  	-webkit-border-radius: 10px; 	-moz-border-radius: 10px;   }  .button a:hover {    background: #ffae00;    transition: 0.3s;  }  .key .button a {    box-shadow: 2px 8px 10px #4c4a4a;  }  .postscript {    margin: 40px 0;	  padding-bottom: 10px;    color: #fff;  }  /*==================================================*/  .good_points {    background: url("../images/top/bg_key_second.png") no-repeat center top;    padding: 73px 0 50px 0;  }  .good_points ul {    display: flex;    flex-wrap: wrap;    justify-content: center;    width: 86%;    margin: 0 auto;  }  .good_points ul li {    width: 30%;    text-align: center;    margin-bottom: 40px;    font-weight: bold;    font-size: 22px;  }  .good_points ul li img {    width: 196px;  }  .good_points ul li p {    margin: 10px 0 0 0;  }  .good_points ul li span {    color: #f36700;  }  /*-------------------job_offer--------------------*/  .job_offer {    background: #e8e6da;    padding: 50px 0 5px 0;	  margin-top: -5px;  }  .job_offer h2.sub_ttl {    text-align: center;  }  .job_offer h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 243px;    margin: 7px auto 0 auto;  }  .job_offer h3 {    text-align: center;    font-size: 30px;    margin: 13px 0 50px 0;    font-weight: lighter;  }  .job_offer ul {    display: flex;    justify-content: space-around;    flex-wrap: wrap;    margin-top: 30px 0 50px 0;  }  .job_offer ul li {    width: 30%;  }  .job_offer ul li:nth-child(1), .job_offer ul li:nth-child(2), .job_offer ul li:nth-child(3),  .job_offer ul li:nth-child(4), .job_offer ul li:nth-child(5), .job_offer ul li:nth-child(6){    margin-bottom: 40px;  }  .job_offer ul li:nth-child(1) h4, .job_offer ul li:nth-child(2) h4, .job_offer ul li:nth-child(3) h4 {    height: 38px;  }  .job_offer ul li:nth-child(4) h4, .job_offer ul li:nth-child(5) h4, .job_offer ul li:nth-child(6) h4 {    height: 38px;  }  .job_offer li h4 {    color: #fff;    background: #d95e6c;    padding: 10px 0 0 13px;    font-size: 18px;    height: 60px;  }  .job_offer .box_inside {    background: #fff;    padding: 0.6em 1.2em 1em 1.2em;  }  .job_offer .box_inside table {		margin-top: 0.7em;		font-size: 86%;		margin-left: 10px;	}	.job_offer .box_inside th {		width: 30%;		vertical-align: top;		padding-top: 5px;	}  .job_offer li h5 {    color: #d95e6c;    font-size: 22px;  }  .job_offer li dl {    padding: 1em 0;  }  .job_offer li dl {    display: flex;    font-size: 14px;  }  .job_offer li dt {    font-weight: bold;    width: 33%;  }  .job_offer li dt::before {    content: "-";    margin-right: 0.3em;    font-weight: bold;    color: #d95e6c;  }  .job_offer li dd {    width: 60%;  }  .job_offer li span {    color: #c30d23;    font-weight: bold;  }  .job_offer li dl.border {    border-bottom: 1px solid #e8e8e8;  }  .job_offer li dl.border dd br{    display:none;  }  .job_offer .button {    text-align: center;  }  .job_offer .postscript {    text-align: center;    color: #000;  }  .job_offer .other_recruit {    font-size: 40px;    margin: 50px 0;    text-align: center;  }	.job_offer .offer_title1 {		text-align: center;		background-color: #EFD1D1;		padding: 10px;		margin-bottom: 20px;	}	.job_offer .offer_title2 {		text-align: center;		background-color: #CEE9F8;		padding: 10px;		margin-bottom: 20px;		margin-top: 20px;	}	.job_offer .offer_title1 h4,	.job_offer .offer_title2 h4 {		font-size: 130%;		padding-bottom: 3px;	}	.job_offer .offer_title1 h5,	.job_offer .offer_title2 h5 {		font-size: 100%;	}	.job_offer .t_inex {		background-color: #603600;		color: #fff;		margin-left: 15px;		padding-left: 7px;		padding-right: 7px;		font-weight: normal;	}	.job_offer .t_inex2 {		background-color: #603600;		color: #fff;		padding-left: 7px;		padding-right: 7px;		font-weight: normal;	}	  /*------voice---------*/  .voice {    background: #fff;    padding: 50px 0 30px 0;  }  .voice h2.sub_ttl {    text-align: center;  }  .voice h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 114px;    margin: 7px auto 0 auto;  }  .voice h3 {    text-align: center;    font-size: 30px;    margin: 13px 0 50px 0;    font-weight: lighter;  }  .voice h4 {    color: #f36700;    font-size: 23px;    padding: 17px 0 0 190px;  }  .voice .voice_list_wrap {    display: flex;    justify-content: space-between;    flex-wrap: wrap;  }  .voice .voice_list_wrap div {    text-align: left;    position: relative;    margin-bottom: 27px;    height: 192px;    width: 49%;  }  .voice div.first {    background: url("../images/top/bg_voice_list02.jpg") no-repeat center top;    background-size: contain;  }  .voice div.second {    background: url("../images/top/bg_voice_list02.gif") no-repeat center top;    background-size: contain;  }  .voice div.third {    background: url("../images/top/bg_voice_list02.gif") no-repeat center top;    background-size: contain;  }  .voice div.fourth {    background: url("../images/top/bg_voice_list02.gif") no-repeat center top;    background-size: contain;  }  .voice .voice_list_wrap div p {    font-size: 14px;    position: absolute;    width: 60%;    left: 190px;    top: 32%;    line-height: 1.7;  }		/*------difference---------*/  .difference {	  background: url("../images/top/bg_difference.jpg") no-repeat center bottom;    padding: 50px 0 30px 0;  }  .difference h2.sub_ttl {    text-align: center;	  color: #A25DAB;  }  .difference h2.sub_ttl::after {    border-bottom: 1px solid #A25DAB;    content: "";    display: block;    width: 114px;    margin: 7px auto 0 auto;  }  .difference h3 {    text-align: center;    font-size: 30px;    margin: 13px 0 50px 0;    font-weight: lighter;  }  .difference h4 {    color: #A25DAB;    font-size: 23px;    text-align: center;  }  .difference .voice_list_wrap {    display: flex;    justify-content: space-between;    flex-wrap: wrap;  }  .difference .voice_list_wrap div {    text-align: left;    position: relative;    margin-bottom: 27px;    height: 150px;	  padding: 15px;    width: 46%;	  background-color: #FFFFFF;	  border-top: solid 5px #CCA1D1;  }  .difference .voice_list_wrap div p {    font-size: 14px;    width: 100%;    top: 32%;	  padding-top: 15px;    line-height: 1.7;  }	/*-----------complex,message---------------*/  .complex {    background: #fff;    padding: 0px 0 3% 0;  }	.message {    background: #fff;    padding: 15px 0 3% 0;  }  .complex .voice_list_wrap {    width: 100%;    margin: 0 auto;  }  .complex h2.sub_ttl	,.message h2.sub_ttl {    text-align: center;	  font-size: 250%;  }  .complex h2.sub_ttl img {    width: 24%;    max-width: 113px;  }  .complex h2.sub_ttl::after	 ,.message h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 14%;    margin: 2% auto 0 auto;  }	.message h3 {    text-align: center;    font-size: 30px;    margin: 13px 0 50px 0;    font-weight: lighter;		color: #000000;  }	  /*=====reason========================*/  .reason {    background: url("../images/top/bg_reason.jpg") center top no-repeat;    padding: 50px 0 70px 0;  }  .reason h2.sub_ttl {    text-align: center;  }  .reason h2.sub_ttl::after {    border-bottom: 1px solid #fff;    content: "";    display: block;    width: 177px;    margin: 16px auto 0 auto;  }  .reason h3 {    text-align: center;    font-size: 50px;    margin: -2px 0 50px 0;    font-weight: lighter;    color: #fff;    line-height: 1.3;  }  .reason h3 span {    font-size: 30px;  }  .reason ol {    display: flex;    justify-content: center;    flex-wrap: wrap;    margin: 50px 0 0 0;  }  .reason ol li {    width: 29%;    padding: 12px;  }  .reason li p {    font-size: 14px;    padding: 0 1em 2.2em 1em;  }  .reason li:first-child {    background: url("../images/top/bg_reason01.png") no-repeat;    margin-bottom: 40px;  }  .reason li:nth-child(2) {    background: url("../images/top/bg_reason02.png") no-repeat;    margin: 0 30px 40px 30px;  }  .reason li:nth-child(3) {    background: url("../images/top/bg_reason03.png") no-repeat;    margin-bottom: 40px;  }  .reason li:nth-child(4) {    background: url("../images/top/bg_reason04.png") no-repeat;    margin-right: 15px;  }  .reason li:nth-child(5) {    background: url("../images/top/bg_reason05.png") no-repeat;    margin-left: 15px;  }  .reason li h4 {    padding: 25px 0 43px 64px;    color: #f36700;    font-size: 21px;  }  .reason li:nth-child(3) h4 {    padding: 21px 0 43px 67px;    line-height: 1.2;  }  /*====flow=================================*/  .flow {    background: #e8e6da;    padding: 70px 0 20px 0;  }  .flow .flow_list_wrap {    width: 800px;    margin: 0 auto;  }  .flow h2.sub_ttl {    text-align: center;  }  .flow h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 114px;    margin: 7px auto 0 auto;  }  .flow h3 {    text-align: center;    font-size: 30px;    margin: 13px 0 50px 0;    font-weight: lighter;  }  .flow h4 {    color: #f36700;    font-size: 24px;    padding: 28px 0 0 260px;    margin-bottom: 50px;  }  .flow .flow_list_wrap div {    text-align: left;    position: relative;    height: 220px;    margin-bottom: 10px;  }  .flow ol li::after {    content: "";    background: url("../images/top/arrow_down.png") center no-repeat;    height: 23px;  }  .flow div.first {    background: url("../images/top/bg_flow01.png") no-repeat center top;  }  .flow div.second {    background: url("../images/top/bg_flow02.png") no-repeat center top;  }  .flow div.third {    background: url("../images/top/bg_flow03.png") no-repeat center top;  }  .flow div.fourth {    background: url("../images/top/bg_flow04.png") no-repeat center top;  }  .flow div.fifth {    background: url("../images/top/bg_flow05.png") no-repeat center top;  }  .flow div.sixth {    background: url("../images/top/bg_flow06.png") no-repeat center top;  }  .flow .flow_list_wrap div p {    font-size: 14px;    position: absolute;    width: 60%;    left: 32%;    top: 50%;  }  .flow .flow_list_wrap .arrow {    text-align: center;    margin-bottom: 3px;  }  .flow .button {    text-align: center;    margin-top: 80px;  }  .flow .postscript {    text-align: center;    color: #000;  }  /*=========faq============*/  .faq {    padding: 50px 0 60px 0;  }  .faq h2.sub_ttl {    text-align: center;  }  .faq h2.sub_ttl::after {    border-bottom: 1px solid #d95e6c;    content: "";    display: block;    width: 177px;    margin: 16px auto 0 auto;  }  .faq h3 {    text-align: center;    font-size: 30px;    margin: 18px 0 50px 0;    font-weight: lighter;    color: #d95e6c;  }  .faq dl {    width: 88%;    margin: 0 auto 50px auto;  }  .faq dl dt {    font-size: 22px;    font-weight: bold;    color: #d95e6c;    border-bottom: #ccc solid 1px;  }  .faq dt {    padding: 0 0 1em 2.4em;    background: url(../images/top/icon_q.png) no-repeat;    background-position: 0 3px;  }  .faq dd {    padding: 1.5em 0 1em 3.5em;    background: url(../images/top/icon_a.png) no-repeat;    background-position: 0 23px;  }  .faq dl dd {    font-size: 16px;  }  /*========suggestion==============*/  .suggestion {    background: url("../images/top/bg_suggestion.jpg") no-repeat center top;    padding: 60px 0;    margin: 0 0 65px;  }  .suggestion .postscript {    text-align: center;    color: #fff;    font-size: 42px;    font-weight: bold;  }  /*=====#form=============================*/  #form {    margin: 0 0 65px;  }  #form .baloon {    background: url("../images/top/baloon.png") no-repeat;    display: inline-block;    color: #fff;    padding: 5px 21px 17px 21px;    font-size: 20px;    margin: 0 auto;    ;  }  #form h2 {    font-size: 42px;    font-weight: bold;    text-align: center;    margin-bottom: 46px;  }  #form .inner {    width: 800px;    text-align: center;    margin: 0 auto;  }  #form .container {    text-align: left;  }  .input-field > label:not(.label-icon).active, .form_txt {    font-size: 100% !important;    color: black !important;  }  .form_c.space {    margin-right: 1em;  }  .form_txt2 {    margin-top: 15px;    margin-bottom: 15px;  }  .clear {    clear: both;  }	.cap {		font-size: 86%;	}  .entry_tb {    border: #e5e5e5 1px solid;    width: 90%;    margin: 0 auto;  }  .entry_tb dl {    display: flex;  }  .entry_tb dt {    width: 30%;    border-bottom: 1px solid #ccc;    background-color: #efefef;    padding: 9px;  }  .entry_tb dd {    width: 70%;    border-bottom: 1px solid #e5e5e5;    padding: 5px 5px 5px 10px;  }  .privacy_txt {    font-size: 90%;  }  .privacy_txt h2 {    font-size: 110%;    font-weight: bold;  }  .privacy_txt h3 {    font-size: 100%;    font-weight: bold;  }  .entry_tb .notice {    color: #c2172b;  }	.f_left {		float: left;		margin-right: 20px;	}	  /*書き加え*/  #form input.validate, #form input#birthdate {    padding: 0.5em 1em;    border: 1px solid #e5e5e5;    width: 93%;  }  #form input.validate.none {    border: none;  }  .input-field.col.s12, .file-field.input-field {    line-height: 2.5em;  }  #form input.frequency_etc {    padding: 0.5em;    width: 93%;    display: block;    box-sizing: border-box;  }  #form .second_box {    margin: 30px auto 50px auto;    border: #e5e5e5 solid 1px;    width: 90%;  }  #form .second_box iframe {    width: 100%;    height: 240px;    border: none;  }  #form .container.privacy_txt {    width: 90% !important;    margin: 0 auto !important;  }  #form .btn_area {    text-align: center;  }  #form button {    color: #fff;    background: #c30d23;    border: none;    font-size: 22px;    padding: 0.8em 8em;    font-weight: bold;	  border-radius: 10px;  	-webkit-border-radius: 10px; 	-moz-border-radius: 10px;  }  #form button:hover {    background: #ffae00;    transition: 0.3s;  }    .entry_tb dd.prefecture label{    display:block;  }  #form dd.how_often label{    display:block;  }    footer {    background: #362e2b;    color: #fff;    padding: 20px 0;  }  footer .inner {    display: flex;    justify-content: space-between;    width: 1070px;  }  footer ul {    display: flex;  }  footer li:first-child::after {    content: "|";    margin: 0 1em;  }  footer li a {    color: #fff;  }} .contact2 a {	color: #fff;	font-size: 105%;	font-weight: bold;	border-radius: 7px;	-webkit-border-radius: 7px;	-moz-border-radius: 7px;	background-color: #666;	float: right;	padding-top: 0.3em;	padding-right: 1em;	padding-bottom: 0.4em;	padding-left: 1em;	margin-top: 10px;	margin-right: 25px;  }    .contact2 a:hover {	transition: 0.3s;	background-color: #333;  }