@charset "UTF-8";

/* 全体 */
.inner {
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 1080px;
	padding: 0 20px;
}
@media (max-width: 700px) {
.inner {
	padding: 0 10px;
}
}
/* ヘッダー */
header#top-page {
    position: fixed;
    top: 0;
    left: 0;
	width: 175px;
    height: 100%;
	background: #f9f9f9;
	border-right: 1px solid #ccc;
	z-index: 20;
}
header .Company-name {
    padding: 24px 0 31px;
}
header .Company-name h1 a {
    color: #2b719b;
}
header .Company-name h1 a:hover {
    text-decoration: none;
}
header .Company-name h1 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
	font-weight: normal;
}
header .Company-name .text-year {
    line-height: 1;
    display: block;
    font-size: 16px;
    background: #81b1cd;
    padding: 10px 0 8px;
    color: #fff;
    margin: 10px auto 0;
    width: 88px;
}
header .Company-name h1 .sub-text {
    display: inline-block;
    font-size: 18px;
	line-height: 1;
}
header .Company-name h1 .main-text {
    display:inline-block;
    font-size: 28px;
	line-height: 1;
}
header .Company-name h1 a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
header#top-page .Company-name img {
    display: block;
    margin: 0 auto 5px;
}
@media (max-width: 700px) {
header#top-page {
    position: static;
	width: auto;  
    height: auto;
	background: #fff;
}
header .Company-name {
    padding: 12px 0 10px;
}
header#top-page .Company-name h1 .sub-text {
    vertical-align: middle;
}
header#top-page .Company-name h1 .main-text {
    vertical-align: middle;
}
header .Company-name .text-year {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 6px 0 4px;
    width: 80px;
}
header#top-page .Company-name img {
    display: inline-block;
    margin: 0 2px 0 0;
    vertical-align: middle;
}
}
header#second-page .Company-name {
    padding: 12px 0 10px;
}
header#second-page .Company-name h1 .sub-text {
    vertical-align: middle;
}
header#second-page .Company-name h1 .main-text {
    vertical-align: middle;
}
header#second-page .Company-name .text-year {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 6px 0 4px;
    width: 80px;
}
header#second-page .Company-name img {
    display: inline-block;
    margin: 0 2px 0 0;
    vertical-align: middle;
}
@media (max-width: 500px) {
header .Company-name,
header#second-page .Company-name {
    padding: 8px 0 7px;
}
header .Company-name h1 .sub-text {
    font-size: 14px;
}
header .Company-name h1 .main-text {
    font-size: 24px;
}
header .Company-name .text-year,
header#second-page .Company-name .text-year {
    font-size: 14px;
    padding: 4px 0;
    width: 68px;
}
header#top-page .Company-name img,
header#second-page .Company-name img {
    margin: 0;
    width: 38px;
}
}
/* メニュー */
.gnav {
}
.gnav .inner {
    padding: 0;
}
.gnav ul {
	border-top: 1px solid #ccc;
}
.gnav ul li {
	border-bottom: 1px solid #ccc;
}
.gnav ul li a {
    display: block;
    padding: 12px 24px;
    line-height: 1.4;
    color: #333;
    box-sizing: border-box;
    transition: none 0.2s ease-in-out;
    transition-property: background-color, color;
}
.gnav ul li a:hover {
    background: #dddddd;
	text-decoration: none;
}
.gnav ul li a span {
	display: inline-block;
}
.gnav ul li a.is-active {
	color: #fff;
	background: #7c7c7c;
}
@media (max-width: 700px) {
.gnav {
	background: #f9f9f9;		
}
.gnav .inner {
    max-width: 100%;
    padding: 0;
}
.gnav ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.gnav ul li {
    -webkit-box-flex:auto;
    -webkit-flex:auto;
    -ms-flex:auto;
    flex:auto;
    display: table;
	width:50%;
	height: auto;
	border-bottom: 1px solid #ccc;
	margin:0px;
	box-sizing: border-box;
	justify-content: center;
}
.gnav ul li:last-child,
.gnav ul li:nth-last-child(2) {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
	border-bottom: none;
}
.gnav ul li:nth-child(odd)  a {
	border-right: 1px solid #ccc;
}
.gnav ul li a {
	height: auto;
	font-size: 14px;
	padding: 12px 5px;
	display: block;
    text-align: center;
}
.gnav ul li a.is-active {
	color: #333;
	background: none;
}
}
/* 共通 */
section[id^="section-"] {
     padding: 61px 0 0;
}
section[id^="section-"] h2 {
    display: block;
	text-align: center;
	margin-bottom: 10px;
}	
section[id^="section-"] h2 span.title {
    display: inline-block;
    font-size: 64px;
    font-family: 'Poppins', sans-serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    margin-bottom: 8px;
    padding: 0 18px 7px;
    line-height: 1;
	letter-spacing: 1px;
}
section[id^="section-"] h2 span.caption {
    display: block;
	font-size: 20px;
	/*font-weight: 500;*/
}
section[id^="section-"] p.text {
	line-height: 1.8;
	text-align:center;
    margin-bottom: 20px;
}
section[id^="section-"] .question p.text {
	text-align: left;
    margin: 0 auto 45px;
    max-width: 700px;
}
@media (max-width: 440px) {
section[id^="section-"] p.text {
	text-align:left;
}
}
@media (max-width: 700px) {
section[id^="section-"] {
    padding: 37px 0 0;
}
section[id^="section-"] h2 {
	margin-bottom: -6px;
}	
section[id^="section-"] h2 span.title {
    font-size: 44px;
}
section[id^="section-"] h2 span.caption {
	font-size: 18px;
}
section[id^="section-"] p.text {
    font-size: 16px;
    line-height: 1.8;
}
}
.image-box {
	text-align: center;
	margin: 20px 0;
	line-height: 0;
    font-size: 0;
}
.top-image-box.image-box {
	margin: 0 0 38px;
}
.image-box.m-b-0 {
	margin-bottom: 0;
}
@media (max-width: 700px) {
.image-box {
    margin: 0 0 26px;
}
}
.image-box .image {
	display: inline-block;
    position: relative;
    width: 50%;
    max-width: 334px;
    margin: 0 0 4px;
	box-sizing: border-box;
}
.image-box .image:nth-child(odd) {
	padding-right: 5px;
}
.image-box .image:nth-child(even) {
	padding-left: 5px;
}
.image-box .image:last-child:nth-child(odd) {
	padding-right: 0;
	margin: 0 auto;
}
@media (max-width: 700px) {
.image-box .image {
	display: block;
    width: 100%;
    margin: 0 auto 10px;
	padding: 0 15px;
}
.image-box .image:nth-child(odd) {
	padding-right: 15px;
}
.image-box .image:nth-child(even) {
	padding-left: 15px;
}
.image-box .image:last-child:nth-child(odd) {
    margin: 0 auto 10px;
}
}
.image-box .image img {
    max-width: 100%;
}
.image-box img {
	max-width: 100%;
}
.column {
	display: table;
	width: 100%;
    max-width: 600px;
    margin: 30px auto 0;
}
.column-img-wrap {
    display: table-cell;
    width: 108px;
    text-align: center;
	vertical-align: top;
	line-height: 1.5;
}
@media (max-width: 440px) {
.column-img-wrap {
    width: 66px;
}
}
.column-img-wrap p {
    display: inline-block;
    color: #fff;
}
#section-block02 .column-img-wrap p {
    color: #000;
}
.column-img {
    display: inline-block;
    width: 86px;
    height: 86px;
    border-radius: 100%;
    background: #fff;
    overflow: hidden;
}
@media (max-width: 440px) {
.column-img {
    width: 60px;
    height: 60px;
}
}
.column-img img {
	width: 100%;
}
.column-text {
    display: table-cell;
	padding-left: 20px;
	vertical-align: top;
}
@media (max-width: 440px) {
.column-text {
    padding-left: 16px;
}
}
.column-text p {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
	position: relative;
}
.column-text p:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    left: -13px;
    top: 19px;
}
@media (max-width: 440px) {
.column-text p:before {
    border-top-width: 10px;
    border-right-width: 12px;
    border-bottom-width: 10px;
    left: -12px;
}
}
.bgcolor-white .column-img-wrap p,
.bgcolor-beige .column-img-wrap p {
    color: #333;
}
.column-img,
.bgcolor-white .column-text p {
    background: #f6f5f5;
}
.bgcolor-beige .column-img,
.bgcolor-beige .column-text p {
    background: #f0efee;
}
#section-block02 .column-img {
    background: #ffffff;
}
.bgcolor-white .column-text p:before {
    border-right-color: #f6f5f5;
}
.bgcolor-beige .column-text p:before {
    border-right-color: #f0efee;
}

#section-block01,
#section-block02,
#section-block03,
#section-block04,
#section-block05 {
	position: relative;
}
#section-block01 {
	z-index: 1;
}
#section-block02 {
	z-index: 2;
}
#section-block03 {
	z-index: 3;
}
#section-block04 {
	z-index: 4;
}
#section-block05 {
	z-index: 5;
}
/* ブロック プロローグ */
#section-prologue{
    padding-top: 0;
}
.topimage {
	padding: 68px 0 22px;
    /*margin-bottom: 30px;*/
    background: rgb(205 129 129 / 25%);
}
@media (max-width: 700px) {
.topimage {
	padding: 39px 0 15px;
}
}
.site-theme {
    text-align: center;
    padding: 36px 0 0;
    overflow: visible;
}
.site-theme dt {
    display: inline-block;
    background: #474747;
    color: #fff;
    padding: 11px 14px;
    margin-bottom: 14px;
    font-size: 14px;
}
a.aboutsite {
    display: inline-block;
    background: #474747;
    color: #fff;
    padding: 11px 14px;
    margin-bottom: 14px;
    font-size: 14px;
    cursor: pointer;
	border-bottom: solid #bba7a7 2px;
    border-radius: 6px;
	
}
a.aboutsite:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration: none;
}
a.aboutsite:active  {
  	text-decoration:none;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.tuzuki {
    display: block;
    cursor: pointer;
    width: 106px;
    margin: 0 auto;
}
@media (max-width: 440px) { 
.tuzuki {
	display: inline-block;
}
}
.tuzuki:hover {
  text-decoration: under-line;
}
.tuzuki:before {
  content: "[";
  color: initial;
}
.tuzuki:after {
  content: "]";
  color: initial;
}
#popup {
    display: none;
    position: fixed;
    /*left: 175px;*/
    left: 0;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: 78%;
    max-width: 435px;
    min-width: 295px;
	max-height: 530px;
    margin: 0 auto;
    z-index: 1001;
    background: #fff;
    padding: 38px 10px;
    border-radius: 20px;
    border: solid 5px #474747;
	box-shadow: 2px 2px 4px 0px #0000007d;
}	
@media (max-width: 700px) {
#popup {
    left: 0;
    width: 90%;
    max-width: 470px;
    min-width: initial;
	max-height: 644px;
    padding: 38px 5px;
    box-sizing: border-box;
}
}
@media (max-width: 440px) { 
#popup {
	padding: 22px 5px;
}
}
#popup p {
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 0 20px;
}
@media (max-width: 440px) { 
#popup p {
	top: 5%;
    bottom: 5%;
    text-align: left;
}
}
#popup .popup-title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #81b1cd;
    border-bottom: 3px solid;
	margin-bottom: 30px;
}
@media (max-width: 440px) { 
#popup .popup-title {
    text-align: center;
    margin-bottom: 22px;
}
}
/*.close-btn {
    position: absolute;
    top: -17px;
    right: -17px;
    padding: 5px 7px;
    line-height: 1;
    border-radius: 44px;
    background: #fff98c;
    color: #474747;
    border: solid 5px #474747;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
	cursor: pointer;
}*/
.close-btn {
    position: absolute;
    top: -17px;
    right: -17px;
	cursor: pointer;
}
a.close-btn:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#popup .default-btn {
    background-image: none;
    padding: 6px 12px;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: 10px auto 5px;
}
#layer-alert {
    display: none;
    position: fixed; 
    /*left: 175px;*/
    left: 0;
    top: 0px;
    width: 100vw;
    height: 100vh;
    background-color: black;
    opacity: 0.3;
    z-index: 1000;
	cursor: pointer;
}
@media (max-width: 700px) {
#layer-alert {
    left: 0;
}
}
#section-prologue .image-box.topimage-sub {
    padding: 0;
    background: #81b1cd;
    margin: 43px 0 5px
}
.topimage-sub img {
    /*display: block;*/
    margin: 0 auto;
}
#section-prologue .topimage .image-box {
    margin: 0;
}
#section-prologue .topimage img {
    vertical-align: top;
}
#section-prologue .btn {
	margin-bottom: 15px;
}
#section-prologue .shokugyo-list {
	width: 476px;
}
@media (max-width: 800px) {
#section-prologue .image-box.topimage-sub {
    margin: 0;
}
/*#section-prologue .image-box img{
	max-width: 100%;
}*/
#section-prologue .shokugyo-list {
	width: 94%;
	padding: 10px;
	box-sizing: border-box;
}
}
.checkitem-list {
    margin: 38px 0;
    text-align: center;
}
@media (max-width: 700px) {
.checkitem-list {
    margin: 30px 0 0px;
}
}
.checkitem-list ul {
    display: inline-block;
    text-align: left;
    background: #ffffff;
    padding: 30px;
    border: 10px solid #FCFAF8;
    box-shadow: inset 0px 0px 0px 1px #d5cfba;
}
@media (max-width: 700px) {
.checkitem-list ul {
    padding: 15px;
}
}
.checkitem-list li:before {
  content: url(img/icon-checkbox.png);
  display: inline-block;
  width: 18px;
  height: auto;
  margin-right: 10px;
  position: relative;
  top: 5px;
  left: 0;
}
.checkitem-list li:first-child {
    margin-bottom: 10px;
    color: #ffffff;
    background: #e78787;
    text-align: center;
    padding: 7px 10px 4px;
}
.checkitem-list li:first-child:before {
  content: "";
  width: auto;
  margin-right: 0;
}
.atfirst .txt_marker-title-red {
  margin-top: 0;
}
.atfirst + .wrap-bg {
    padding: 0px 0 57px;
}
/* ブロック1 */
#section-block01 {
	background: #006697;
}
#section-block01 h2 {
	color: #fff;
}
#section-block01 .step-list h2 {
	color: #333;
}
#section-block01 p.text {
	color: #fff;
}
#section-block01 .txt-accent p {
	color: #fff;
	border-color: #fff;
}
.table-area1 {
    max-width: 274px;
    margin: 0 auto 20px;
}
#section-block01 .step-title {
	text-align: center;
	margin-top: 12px;
}
#section-block01 .step-title h2 {
    display: inline-block;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    letter-spacing: 3px;
    margin-bottom: 16px;
    border-bottom: solid 3px #333;
    padding: 0 5px;
}
.step-kinou .table-area1 {
    max-width: 700px;
    margin: 0 auto 20px;
}
.step-kinou .table-area1 th{
    width: 30%;
}
#section-block01 .search-engine-title {
	text-align: center;
	margin-top: 30px;
}
#section-block01 .search-engine-title h2 {
	display: inline-block;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 30px;
	border: solid 1px #fff;
	padding: 0 20px;
}
#section-block01 .line-career-title {
	text-align: center;
}
#section-block01 .line-career h2 {
	display: inline-block;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 30px;
	border: solid 1px #fff;
	padding: 0 20px;
}
#section-block01 .line-career h2 .en {
    font-size: 35px;
}
#section-block01 .btn {
	color: #000;
    background: #ffdf12;
}
#section-block01 .recflow-title {
    text-align: center;
	margin-top: 50px;
}
.recruitsite-tab .step-text {
}
.recruitsite-tab .step-midashi {
    display: block;
    color: #f36b6b;
    margin-bottom: 10px;
    font-weight: 600;
    background: #f3f3f3;
    padding: 10px 15px;
}
@media (max-width: 800px) {
.recruitsite-step .step-midashi {
    margin-bottom: 7px;
}
}
/* ブロック2 */
#section-block02 {
    background: #a7d5e9;
}
#section-block02 h2 {
	color: #115489;
}
#section-block02 .txt-accent p {
    color: #115489;
    border-color: #115489;
}
#section-block02 h2 span.title {
    border-bottom-color: #04386e;
}
#section-block02 .btn-area img {
    margin-bottom: -5px;
}
#section-block02 .recflow-title {
    text-align: center;
	margin-top: 50px;
}
#section-block02 .recflow-title h2 {
    color: #fff;
    background: #115489;
    border-width: 0;
}
.title-tokka-agent {
    margin-top: 28px;
    margin-bottom: 40px;
}
@media (max-width: 700px) {
.title-tokka-agent {
    margin-top: 17px;
    margin-bottom: 30px;
}
}
/* ブロック3 */
#section-block03 {
    background: #f5e5d8;
}
#section-block03 h2 span b {
	display: inline-block;
	margin-left: 0.4em;
}
.txt_marker-title {
	text-align:center;
    margin: 22px 0 20px;
}
#section-prologue .txt_marker-title {
    margin: 30px 0 20px;
}
.txt_marker-title p{
    display: inline-block;
    background-color: #ffff8c;
    padding: 15px 20px 12px;
    font-weight: 500;
    line-height: 1.5;
}
#section-block03 .txt_marker-title p{
	color: #fff;
    background-color: #979797;
}
#section-block03 .job-traning-title {
    text-align: center;
    margin-top: 30px;
}
#section-block03 .job-traning-title h2 {
    display: inline-block;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 30px 0;
    border: solid 1px #333;
    padding: 0 20px;
}
/*#section-block03 .txt-accent p {
    color: #f19d58;
    border-color: #f19d58;
}*/
#section-block03 .table-area2 {
    margin-bottom: 30px;
}
#section-block03 .step-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}	
#section-block03 .step-list {
    width: 48%;
    max-width: unset;
	background: #ffffff;
	padding: 0;
	border-radius: 4px;
}
#section-block03 .step-list .step-inner {
    padding: 20px;
}
#section-block03 .banner-box .step-inner{
    padding: 8px 0 20px;
}
#section-block03 .banner-box .step-inner.step1{
    padding: 8px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bdbdbd;
}
#section-block03 .btn-area {
    margin-top: 10px;
	text-align: center;
}
#section-block03 .banner-box .step-inner .text-Area .step-midash {
    text-align: center;
    margin: 4px 0 12px;
    background: #f1f1f1;
    padding: 10px;
}
#section-block03 .step-list li:first-child .text-Area .step-midash {
    line-height: 1.5;
    background: #ebeced;
    border-bottom: none;
    font-weight: normal;
    padding: 20px 5px 16px;
    margin-bottom: 10px;
}
#section-block03 .step-list li:first-child .text-Area .step-midash span{
    display: inline-block;
    font-size: 16px;
}
#section-block03 .step-list .text-Area .step-text {
    text-align: center;
	line-height: 1.7;
}
#section-block03 .step-list .text-Area .step-text .btn {
    width: auto;
}
.seido {
	margin-bottom: 30px;
}
@media (max-width: 970px) {
#section-block03 .step-wrap {
    display: block;
}	
#section-block03 .step-list {
    max-width: 100%;
	width: auto;
}
#section-block03 .step-wrap ul.step-list:first-child {
	margin-bottom: 30px;
}
}
@media (max-width: 800px) {
#section-block03 .step-list li:first-child .text-Area .step-midash {
	font-size: 18px;
}
}
@media (max-width: 440px) {
#section-block03 .hyougaki .text-Area .step-text {
    text-align: left;
}
}
@media (max-width: 374px) {
#section-block03 h2 span b {
	display: block;
	margin-left: 0;
}
}
/*#section-block03 .hyougaki a.recruitsite-btn {
    padding: 16px 22px 15px 12px;
	text-align: center;
}
@media (max-width: 700px) {
#section-block03 .hyougaki a.recruitsite-btn {
    padding: 11px 22px 10px 12px;
}
}*/
#hellow-support .banner-box .step-inner {
	padding-bottom: 0;
}
/* ブロック4 */
#section-block04 {
  background: #006697;
}
#section-block04 h2 {
	color: #fff;
}
#section-block04 p.text {
	color: #fff;
}
#section-block04 .link-list li:nth-child(odd) {
    background: #f6f9fb;
}
#section-block04 .link-list li:nth-child(even) {
    background: #fff;
}
#section-block04 .top_banner_area {
    /*margin-bottom: 20px;*/
}
#section-block04 .question {
    margin-top: 35px;
}
/* ブロック5 */
#section-block05 {
    background: #f9f8d8;
}
#section-block05 h2 span.title {
    border-bottom-color: #000;
}
.roumu-search {
  background: #fff;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 6px 18px 18px;
  border-radius: 4px;
}
.roumu-search.roumu-search-2nd {
  padding-top: 0;
  padding-bottom: 30px;
}
@media (max-width: 800px) {
.roumu-search {
  padding: 0 0 18px;
}
.roumu-search.roumu-search-2nd {
  padding-bottom: 0;
}
}
.roumu-search-wrap {
  text-align: left;
  border: 1px solid #d5cfba;
  border-top: none;
 }
 #section-block05 .roumu-search h2 {
  font-size: 20px;
  color: #333;
  margin: 0 0 35px;
  border-bottom: solid 4px #333;
  display: inline-block;
}
.roumu-search-wrap dt {
    padding: 12px 25px 10px;
    cursor: pointer;
    background-color: #fcfaf8;
    border-top: 1px solid #d5cfba;
    border-bottom: 1px solid #d5cfba;
}
.roumu-search-wrap dd {
  padding: 18px 25px;
  background:#fff;

}
@media (max-width: 800px) {
.roumu-search-wrap dt {
    padding: 10px 15px 9px;
}
.roumu-search-wrap dd {
    padding: 15px 15px;
}
}
.roumu-search-wrap dd .default-btn{
  margin: 10px 0 20px;
}
.roumu-search-wrap dt b {
  display: inline-block;
  color: #fff;
  line-height: 2;
  padding: 0 12px;
  margin-right: 8px;
  background:#f18c8c;
}
@media (max-width: 970px) {
.roumu-search {
  max-width: none;
}
}
.rouki-list {
  margin-bottom: 30px;
  text-align: center;
}
.rouki-list.hellow-kankatsu {
  margin-bottom: 50px;
}
#hellow-support .rouki-list {
  margin-bottom: 25px;
}
@media (max-width: 700px) {
.rouki-list.hellow-kankatsu {
  margin-bottom: 35px;
}
}
.rouki-list ul {
    display: inline-block;
    text-align: left;
    background: #ffffff;
    border: 1px solid #bdbdbd;
    padding: 24px;
}
.rouki-list.hellow-kankatsu ul {
    padding: 30px;
    border: 10px solid #f3ebe2;
    box-shadow: inset 0px 0px 0px 1px #bdbdbd;
}	
	
@media (max-width: 700px) {
.rouki-list ul,
.rouki-list.hellow-kankatsu ul {
    padding: 15px;
}
}
.rouki-list li:before,
#hellow-support .rouki-list li:before {
  content: url(img/icon-checkbox.png);
  display: inline-block;
  width: 18px;
  height: auto;
  margin-right: 10px;
  position: relative;
  top: 5px;
  left: 0;
}
.rouki-list li:last-child:before {
  content:"";
}
.rouki-list.hellow-kankatsu li:first-child {
    margin-bottom: 10px;
    color: #ffffff;
    background: #e78787;
    text-align: center;
    padding: 7px 20px 4px;
}
.rouki-list.hellow-kankatsu li:first-child:before {
  content: "";
  width: auto;
  margin-right: 0;
}
.rouki-list.onlykankatsu li:before {
  content: "●";
}
#hellow-support .rouki-list.onlykankatsu li:before {
  content: "●";
}
.rouki-list.onlykankatsu li:first-child {
    margin-bottom: 10px;
    background: #ededed;
    text-align: center;
    padding: 7px 20px 4px;
}
#hellow-support .rouki-list.onlykankatsu li:first-child {
    margin-bottom: 0;
    background: none;
    text-align: left;
    padding: unset;
}
.rouki-list.onlykankatsu li:first-child:before {
  content: "";
  width: auto;
  margin-right: 0;
}
.rouki-list.onlykankatsu li:last-child:before {
  content:"";
}
#legal-rouki .btn-area,
#legal-roudoukyoku .btn-area,
#legal-soudan .btn-area {
	text-align: center;
}
.roumu-search-wrap .btn-area {
	text-align: left;
}
#legal-roudoukyoku .roumu-search dl.roumu-search-wrap dd a {
    margin-top: 5px;
}
#legal-roudoukyoku .roumu-search dl.roumu-search-wrap dd a span {
   display: inline-block;
}
#legal-roudoukyoku .roumu-search dl.roumu-search-wrap dd a span:first-child {
   margin-right: 15px;
}
@media (max-width: 400px) {
#legal-roudoukyoku .roumu-search dl.roumu-search-wrap dd a {
    display: block;
    max-width: 257px;
    margin: 10px auto 30px;
}
#legal-roudoukyoku .roumu-search dl.roumu-search-wrap dd a span {
   display: block;
}
#legal-roudoukyoku .roumu-search dl.roumu-search-wrap dd a span:first-child {
   margin-right: 0;
}
}	
/* お問い合わせページ */
#inquiry {
  background: #f5f5f5;
}
#inquiry .inner {
	max-width: 800px;
	margin: 0 auto;
}
#inquiry h2 {
	color: #fff;
    font-size: 24px;
    padding: 10px 0;
    font-weight: normal;
	text-align: center;
    background: #81b1cd;
}
#inquiry h3 {
    color: #393939;
    font-size: 18px;
    padding: 6px 0 4px;
    font-weight: normal;
    text-align: center;
    margin: 10px auto 29px;
    border: solid 3px #393939;
    width: 148px;
}
#inquiry h3 + p{
    text-align:center;
}
#inquiry .form-btn-area {
	padding: 0;
}
#inquiry h2 span.inner,
#inquiry h3 span.inner {
    display: block;
}
#inquiry #form-area {
    padding: 0 0 50px;
}
.outline {
    padding-bottom: 50px;
}
.outline .box {
    padding: 40px;
    background: #fff;
    box-shadow: 6px 6px #d8d8d8;
}
.outline .box ul {
    list-style: none;
	 background: #fff;
}
.outline .box ul li {
    margin-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
    /*border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;*/
}
.outline .box ul li:before{
	content:"■"
}
#inquiry .outline .text{
    padding: 40px;
    background: #fff;
    box-shadow: 6px 6px #d8d8d8;
    margin-bottom: 30px;
}
.table-inquiry {
	display: inline-block;
	border: 2px solid #cdcdcd;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 3px;
}
.table-inquiry table {

    border-spacing: initial;
	padding-top: 5px;
}
.table-inquiry table tr {
    border-bottom: 1px dotted #a7a7a7;
}
.table-inquiry table tr:last-child {
    border-bottom: none;
}
.table-inquiry table th,
.table-inquiry table td {
    height: 28px;
    padding: 5px 10px;
    text-indent: initial;
}
.table-inquiry table th {
    text-align: left;
    width: 80px;
    font-weight: normal;
    background: #f7f7f7;
}
@media (max-width: 800px) {
#inquiry h2 {
    font-size: 20px;
}
.outline {
    padding-bottom: 25px;
}
#inquiry #form-area {
    padding: 0 0 30px;
}
.outline .box {
    padding: 14px;
	box-shadow: 4px 4px #d8d8d8;
}
#inquiry .outline .text{
    padding: 14px;
}
}
/* フッター */
footer {
	color: #fff;
	background: #393939;
	padding-left: 175px;
}
#finish-form-Wrap footer {
	padding-left: 0px;
}
footer nav {
	dispay: block;
	text-align: center;
	padding: 20px 0;
}
footer nav ul li {
	display: inline-block;
}
footer nav ul li:before {
    content: "|";
    margin-left: 15px;
    padding-right: 15px;
	color: #fff;
}
footer nav ul li:first-child:before {
    content: "";
    margin-left: 0;
    padding-right: 0;
}
footer nav ul li a {
	color: #fff;
}
footer small {
    display: block;
    text-align: center;
    font-size: small;
    padding: 20px 0;
	color: #fff;
}
footer .attention {
    display: block;
    text-align: center;
    font-size: small;
    padding: 20px 0;
	color: #fff;	
}
footer .contact {
	text-align: center;
	margin: 2px 0 6px;
}
@media (max-width: 700px) {
footer .contact {
    margin: 20px 0 6px;
}
}
footer .contact a,
footer .contact iframe{
    vertical-align: middle;
}
footer .contact a {
    font-size: 14px;
    color: #fff;
    border: solid 1px #fff;
    text-decoration: none;
    padding: 2px 10px;
    margin-right: 5px;
}
footer .contact a:hover {
	text-decoration:underline;
}
@media (max-width: 700px) {
footer {
	padding-left: 0;
}
footer nav {
    padding: 0;
}
footer nav .inner{
    padding: 0;
}
footer nav ul {
    display: block;
	overflow: auto;
	border-bottom: 1px solid #ccc;
}
footer nav ul li {
    display: block;
    float: left;
    width:50%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
footer nav ul li:nth-of-type(-n+2) {
	border-bottom: none;
}
footer nav ul li:before {
    content: "";
    margin-left: 0;
    padding-right: 0;
}
footer nav ul li a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    padding: 12px 5px;
    box-sizing: border-box;
}
footer small {
    font-size: 11px;
	clear: left;
}
}