@charset "UTF-8";


/*-- Anchor -------------------------------------------------------------*/
a         { resize: none; text-decoration: none; }
a:link    { color: #2e8ece; }
a:visited { color: #2e8ece; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }


/*-- Structure -------------------------------------------------------------*/
#wrapper {
}
header {
}
nav {
	clear: both;
}
footer {
	clear: both;
}
#content {
	clear: both;
}
article {
}
section {
}
main {
}
aside {
}

/* list */
ol {
	list-style: inside decimal;
	margin: auto auto 0.75em;
}
ol li {
	margin: 0 0 0.75em 1.3em;
	text-indent: -1.3em;
}
ol li:last-child {
	margin-bottom: 0;
}
.list-disc {
	list-style: inside disc;
	margin: auto auto 0.75em;
}
.list-disc li {
	margin: 0 0 0.75em 1em;
	text-indent: -1em;
}
.list-disc li:last-child {
	margin-bottom: 0;
}

/* pagetop */
#pagetop {
	clear: both;
	width: 100%;
	margin: 10px auto;
	text-align: right;
	font-size: 0.85em;
 }
#pagetop a {
	color: #2e8ece;
	text-decoration: none;
}

.dl01 {
	margin: 0 0 8%;
}
.dl01 dt, .dl01 dd {
	padding: 0 0 0 25px;
}
.dl01 dt {
	margin: 0 0 5px;
	font-weight: bold;
	color: #3a4ba2;
	background: url(../img/common/ico_arw01.jpg) 0 2px no-repeat;
}
.dl01 dd {
	margin: 0 0 15px;
  word-wrap: break-word;
}
.dl02 {
}
.dl02 dt, .dl02 dd {
}
.dl02 dt {
	counter-increment: serial;
	position: relative;
	margin: 0 0 5px;
	padding-left: 26px;
	font-weight: bold;
	color: #dc4f17;
}
.dl02 dt:before {
	content: counter(serial);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 18px;
	width: 17px;
	height: 18px;
	padding: 0 1px 0 0;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: -1px;
	border: solid 1px #dc4f17;
	border-radius: 16px;
}
.dl02 dd {
	margin: 0 0 15px;
}

.list-dl {
	margin: 0 0 4%;
}
.list-dl dt {
	margin: 0 0 2%;
}
.list-dl dt:before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	margin: 0 0.7em 0 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #e76f08;
}
.list-dl dt span.tag {
	position: relative;
	top: -1px;
	margin: 0 0 0 0.7em;
	padding: 0.1em 0.6em;
	line-height: 1;
	font-size: 0.8em;
	color: #fff;
	background: #33439a;
}
.list-dl dd {
	margin: 0 0 4%;
	padding: 0 4% 4%;
	border-bottom: solid 1px #c3c8ec;
}
.list-dl dd:last-child {
	margin-bottom: 0;
	border: none;
}

.tbl01 {
	width: 100%;
}
.tbl01 th, .tbl01 td {
	vertical-align: top;
	display: list-item;
	margin: 0 0 .5em;
	padding: .2em 0;
	text-align: left;
}
.tbl01 th {
	padding-left: 1em;
	font-size: 1.1em;
	border-left: solid 5px #c1c5d6;
}
.tbl01 td {
	margin: 0 0 1em;
	padding: 0 0 .5em 1.5em;
	border-bottom: solid 1px #dcdcdc;
}
.tbl01 td#yakuin span {
	display: inline-block;
	width: 8em;
	margin-right: 0.5em;
}

.tbl02 {
	width: 100%;
}
.tbl02 th, .tbl02 td {
	display: list-item;
	list-style: none;
	vertical-align: top;
	padding: 0.75em;
	vertical-align: middle;
	border-bottom: solid 3px #fff;
}
.tbl02 th {
	text-align: left;
	background: #e6e6e6;
}
.tbl02 td {
	background: #f5f5f5;
}

.btn01 {
	clear: both;
	text-align: center;
}
.btn01 a {
	display: block;
	padding: 0.8em;
	text-decoration: none;
	font-size: 1.15em;
	color: #fff;
	background: #ffa800;
}

/*タイトル*/
.ttl01 {
	clear: both;
	position: relative;
	margin: 0 0 2%;
	padding: 10px 15px 10px 0;
	font-size: 1.3em;
	color: #33439a;
	border-top: solid 3px #c1c5d6;
}
.ttl01:before {
	position: absolute;
	top: -3px;
	left: 0;
	display: block;
	content: '';
	width: 100px;
	height: 3px;
	background-color: #7883ac;
}
.ttl01 span.btn {
	position: absolute;
	top: 8px;
	right: 0;
}
.ttl01 span.btn a {
	display: block;
	padding: 0.7em 1.5em 0.7em 0.7em;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	font-size: 0.6em;
	color: #fff;
	background: url(../img/common/ico_arw02.png) 98% center no-repeat #ff6000;
	border: solid 1px #ff6000;
}
.ttl01 span.btn a:hover {
	color: #ff6000;
}
.ttl02 {
	clear: both;
	position: relative;
	margin: 0 0 15px;
	font-size: 1.15em;
	border: solid 1px #c1c5d6;
}
.ttl02 span.outer {
	display: block;
	padding: 7px 10px;
	border-left: solid 8px #3a4ba2;
}
.ttl02 span.btn {
	display: block;
	margin-top: 10px;
}
.ttl02 span.btn a {
	display: block;
	padding: 0.75em 1.5em 0.7em 0.7em;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	font-size: 0.8em;
	color: #ff6000;
	background: #fff;
	border: solid 1px #ff6000;
}
.ttl03 {
	clear: both;
	margin: 0 0 15px;
	padding: 8px 15px;
	font-weight: normal;
	color: #fff;
	background: #3a4ba2;
}

.btn02 {
	margin: 0 auto;
}
.btn02 a {
	display: block;
	padding: 0.5em 0.5em 0.4em;
	text-decoration: none;
	text-align: center;
	font-size: 1.3em;
	color: #fff;
	background-color: #d8cec2;
	background-image: -webkit-linear-gradient(bottom, #ff7e00, #f5aa00);
	background-image: -moz-linear-gradient(bottom, #ff7e00, #f5aa00);
	background-image: -o-linear-gradient(bottom, #ff7e00, #f5aa00);
	background-image: -ms-linear-gradient(bottom, #ff7e00, #f5aa00);
	background-image: linear-gradient(to top, #ff7e00, #f5aa00);
	border: solid 1px #e48639;
	border-radius: 6px;
}
.btn02 a span {
	display: block;
	background: url(../img/common/ico_arw03.png) 100% 40% no-repeat;
}


/*-- Header ----------------------------------------------------------------*/
#in-header {
	padding: 2%;
}
#in-header div {
	float: right;
	width: 40%;
	padding: 0.5% 0 0;
	text-align: right;
}
#in-header div a {
	margin-left: 2%;
}


/*-- Nav -------------------------------------------------------------------*/
#in-nav {
}


/*-- Footer ----------------------------------------------------------------*/
#in-footer {
}
#copyright {
	clear: both;
	margin: 0;
	padding: 0.75em 0;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	background: #121212;
}


/*-- Aside -----------------------------------------------------------------*/
.in-aside {
	clear: both;
	margin: 0 0 20px;
}
.list-aside-bnr {
	margin: 0 2%;
}
.list-aside-bnr li {
	margin-bottom: 2%;
}
.list-aside-bnr li img {
	width: 100%;
}

.aside-nav {
	margin: 0 2% 4%;
}
.aside-nav h5 {
	padding: 15px 0;
	line-height: 1;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	color: #fff;
	background: #3a4ba2;
}
.aside-nav ul {
	background: #f2f5ff;
}
.aside-nav ul li {
	position: relative;
	border-bottom: solid 1px #ddd;
}
.aside-nav ul li:last-child {
	border-bottom: none;
}
.aside-nav ul li:before {
	position: absolute;
	top: 18px;
	left: 15px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #dc4f17;
}
.aside-nav ul li a {
	display: block;
	padding: 13px 13px 13px 33px;
	text-decoration: none;
	color: #333;
}


/*-- Content ---------------------------------------------------------------*/
#ttl-page {
	clear: both;
	margin: 0;
}
#ttl-page img {
	width: 100%;
}

/* パンくず */
#breadcrumb {
	margin: 0 0 4%;
	background: #f1f1f1;
}
#breadcrumb, #breadcrumb a {
	font-size: 0.85em;
	color: #fff;
	overflow: hidden;
}
#breadcrumb span {
	position: relative;
	float: left;
	display: block;
	padding: 4px 5px 4px 15px;
	background: #8e97b9;
}
#breadcrumb span:first-child {
	padding-left: 10px;
}

#breadcrumb span:before {
	position: absolute;
	z-index: 100;
	top: -2px;
	right: -12px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 12px;
	border-color: transparent transparent transparent #fff;
}
#breadcrumb span:after {
	position: absolute;
	z-index: 100;
	top: 0;
	right: -10px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 10px;
	border-color: transparent transparent transparent #8e97b9;
}
/* currentpage */
#breadcrumb span:last-child {
	background: #3a4ba2;
}
#breadcrumb span:last-child:before {
	display: none;
}
#breadcrumb span:last-child:after {
	position: absolute;
	z-index: 100;
	top: 0;
	right: -10px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 10px;
	border-color: transparent transparent transparent #3a4ba2;
}

#in-content {
}
#in-content article {
	clear: both;
	margin: 0 2% 2%;
}


/**
 * 企業情報
 * ----------------------------------------------------------------------------
 */
.company-addr {
	margin: 0 0 2%;
	padding-left: 1em;
	border-left: solid 5px #c1c5d6;
}



/**
 * 事業概要
 * ----------------------------------------------------------------------------
 */
.block01 {
	clear: both;
	margin: 0 0 4%;
	padding: 0 0 4%;
	border-bottom: dotted 1px #ddd;
}
.block01 .image {
	width: 90%;
	margin: 0 auto 4%;
}
.block01 .image img {
	width: 100%;
}
.block01 .ofh {
}
.block01 .ofh h3 {
	margin: 0 0 0.7em;
	padding: 0 0.5em;
	font-size: 1.2em;
	border-left: solid 5px #c1c5d6;
}
.block01 .ofh .text {
	margin: 0 0 2%;
}
.block01 .ofh .btn01 a {
	background: #ff6000;
}

.wpTable {
	width: 100%;
}
.wpTable th, {
	width: 25%;
	text-align:center;
}
.wpTable td {
	width: 25%;
	text-align:left;
}
.wpTable th {
	padding: 2%;
	color:#FFFFFF;
	background:#8A93B0;
	border:#FFFFFF 1px solid;
}
.wpTable td {
	font-size: 0.9em;
	background:#E6EBFF;
	border:#FFFFFF 1px solid;
}	
.wpTable td span {
	display: block;
	padding: 4%;
}
.wpTable tr td:last-child {
	text-align: left;
}


/**
 * 採用情報
 * ----------------------------------------------------------------------------
 */
.block-training {
	margin: 0 0 2% 0;
	padding: 4%;
	background: #f8f8f8;
}
.block-training:nth-child(2n) {
	margin-right: 0;
}
.block-training h3 {
	line-height: 1.2;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	color: #3a4ba2;
}
.block-training div {
	margin: 10px 0;
}
.block-training div img {
	width: 100%;
}
.block-training p {
	margin: 0 5px;
	text-align: justify;
	font-size: 0.9em;
}

.career {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #F0F5FF;
}
.toggle {
	padding: 4%;
	cursor: pointer;
}
.toggle p.rTtl {
	font-weight: bold;
	font-size: 1.15em;
	color: #33439a;
	overflow: hidden;
}
.toggle p.rTtl span.rMark {
	float: left;
	display: inline-block;
	margin: 0 1% 0 0;
	padding: 1%;
	font-weight: normal;
	font-size: 0.75em;
	color: #fff;
	background: #33439a;
}
.toggle p.rText {
	font-size: 1em;
	margin-bottom: 0;
}
.career .toggleContent table {
	clear: both;
	width: 96%;
	margin: auto;
}
.career .toggleContent table th {
	background: #e6e6e6;
}
.career .toggleContent table td {
	background: #fff;
}

.faq_box dt {
	margin-bottom: 10px;
	padding-left: 40px;
	font-size: 1.1em;
	min-height: 30px;
	background: url(../img/faq/icon_Q.jpg) 0 0 no-repeat;
}
.faq_box dd {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #DEDEDE 1px dotted;
}
.faq_box dd p {
	overflow: hidden;
	padding: 10px;
	border-radius: 6px;
	background: #f2f5ff;
}



/**
 * 個人情報保護方針
 * ----------------------------------------------------------------------------
 */
.signature {
	margin: 0 0 20px;
	text-align: right;
	font-weight: bold;
}
.dl-privacy {
	margin: 20px 0;
}
.dl-privacy dt {
	margin: 0 0 0.75em;
	font-weight: bold;
}
.dl-privacy dd {
	margin: 0 0 1.5em;
	padding: 0 1em 1.5em;
	border-bottom: dotted 1px #ccc;
}
.dl-privacy dd:last-child {
	margin-bottom: 0.5em;
}
.dl-privacy dd ul.disc {
	margin: auto 2.65em;
}
.dl-privacy dd ul.abc {
	margin: 15px auto auto;
}
.dl-privacy dd ul li {
	margin-bottom: 0.35em;
}

.border-box {
	margin: 0 0 20px;
	padding: 15px;
	border: solid 1px #ccc;
}
.border-box h4 {
	margin: 0 0 15px;
}
.border-box p:last-child {
	margin-bottom: 0;
}


/**
 * サイトマップ
 * ----------------------------------------------------------------------------
 */
.list-sitemap {
}
.list-sitemap li {
	font-size: 1.1em;
	padding: 0.75em 0.75em 0.75em 0;
	border-bottom: dotted 1px #ccc;
}
.list-sitemap li ul {
	margin-left: 1.5em;
}
.list-sitemap li ul li {
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-size: 0.9em;
	border: none;
}
.list-sitemap li ul li:last-child {
	padding-bottom: 0;
}
.list-sitemap li:before {
	content: '\00bb';
	margin-right: 0.5em;
}
.list-sitemap li ul li:before {
	position: relative;
	top: -3px;
	content: '';
	display: inline-block;
	width: 6px;
	height: 8px;
	margin-right: 0.5em;
	border: solid 1px #888;
	border-top: none;
	border-right: none;
}

/*-- Form ------------------------------------------------------------------*/
.form-inquiry {
	width: 100%;
	margin: auto;
}
.form-inquiry th, .form-inquiry td {
	padding: 15px;
	vertical-align: top;
	font-weight: normal;
	font-size: 16px;
}
.form-inquiry tr:nth-child(odd) th, .form-inquiry tr:nth-child(odd) td {
	background: #f8f8f8;
}
.form-inquiry th {
	display: block;
	padding-bottom: 0;
	text-align: left;
}
.form-inquiry th em {
	position: relative;
	top: -2px;
	margin: 0 10px 0 0;
}
.form-inquiry td {
	display: block;
}
.form-inquiry em {
	display: inline-block;
	padding: 0.25em;
	font-style: normal;
	font-size: 13px;
	color: #fff;
	background: #c0392b;
}

.form-inquiry02 {
	width: 100%;
	margin: auto;
}
.form-inquiry02 th, .form-inquiry02 td {
	padding: 15px;
	vertical-align: top;
	font-weight: normal;
	font-size: 16px;
}

.form-inquiry02 th {
	display: block;
	padding-bottom: 0;
	text-align: left;
	background:#F4F4F4;
	border-bottom:1px dotted #DEDEDE;
}
.form-inquiry02 th em {
	float:right;
}
.form-inquiry02 td {
	display: block;
	border-bottom:1px solid #DEDEDE;
}
.form-inquiry02 em {
	display: inline-block;
	padding: 0.5px 0.25em;
	font-style: normal;
	font-size: 13px;
	color: #fff;
	background: #c0392b;
}
.form-inquiry02 select { width:20%; }

.form-inquiry02 input[type=text] { padding:1% 2%; }
.form-inquiry02 input[type=text]:focus { background:#FFFFE3; }

#btn-submit-container {
	clear: both;
	margin: 20px auto;
	text-align: center;
}

#contact-privacy {
	margin: 15px 0;
	padding: 10px;
	border: solid 1px #ccc;
}
#contact-privacy .scrlbox {
	height: 180px;
  overflow-y: scroll;
	background: #f8f8f8;
}
#contact-privacy h3 {
	margin: 0 0 10px;
	padding: 10px;
	text-align: center;
	background: #f8f8f8;
}
#contact-privacy dl {
	padding: 10px;
}
#contact-privacy dl dt {
	margin: 0 0 0.75em;
	font-weight: bold;
}
#contact-privacy dl dd {
	margin: 0 0 1.5em;
	padding: 0 1em;
}
#contact-privacy dl dd:last-child {
	margin-bottom: 0.5em;
}
#contact-privacy dd ul.disc {
	margin: auto 2.65em;
}
#contact-privacy dd ul.abc {
	margin: 15px auto auto;
}
#contact-privacy dd ul li {
	margin-bottom: 0.35em;
}



/*-- Input -----------------------------------------------------------------*/
input, textarea, select, button {
	font-family: "メイリオ", meiryo, Verdana, sans-serif;
}

/* appearance */
input:not(input[type=radio]):not(input[type=checkbox]), input::-webkit-file-upload-button, select, textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* scale */
input[type=radio], input[type=checkbox] {
	display: inline-block;
	margin: -0.35em 0.5em auto auto;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transition: scale(1.2);
	-o-transition: scale(1.2);
	transform: scale(1.2);
}

input[type=submit], input[type=button] {
	display: inline-block;
	cursor: pointer;
	border: none;
	-webkit-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}

input[type=submit]:hover, input[type=button]:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
}

.label-pointer {
	display: inline-block;
	margin: 0 12px 2px 0;
	cursor: pointer;
}
.label-pointer input {
	position: relative;
	top: 2px;
}

.btn-confirm, .btn-submit, .btn-back {
	margin: 0 auto 6%;
	text-align: center;
	font-family: "メイリオ", meiryo, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	border-radius: 6px;
}
.btn-confirm {
	width: 100%;
	padding: 12px 0;
	color: #fff;
	background: #c0392b;
	border: solid 1px #c0392b !important;
	box-shadow: 0 0 2px 0 #fff inset;
}
.btn-submit {
	width: 100%;
	padding: 12px 0;
	color: #fff;
	background: #c0392b;
	border: solid 1px #c0392b !important;
	box-shadow: 0 0 2px 0 #fff inset;
}
.btn-back {
	width: 100%;
	padding: 12px 0;
	color: #4d4d4d;
	background: #ecf0f1;
	border: solid 1px #ecf0f1 !important;
}

select {
	width: 97%;
}
.length-l {
	width: 96%;
}
.length-s {
	width: 100px;
}
.textarea-length {
	width: 98%;
	height: 200px;
	max-width: 98%;
	margin: 0 auto;
}

/*-- 中途採用
-------------------------------------------------------------*/
.career-single h2.ttl01 {
	color:#33439a;
	font-weight:bold;
}

.career-single h2.ttl01 span.rMark {
	background:#33439a;
	color:#fff;
	font-size:12px;
	padding:2px 5px;
	margin-right:10px;
	font-weight:normal;
}

.career-single table  {
	width:100%; border:1px solid #DEDEDE;
}
.career-single table th,.career-single table td {
	padding:2%;
	vertical-align: middle;
	font-weight: normal;
	border-bottom: solid 1px #DEDEDE;
}
.career-single table th {
	width:30%;
	background: #e6e6e6;
}
.career-single table td {
	width:62%;
	background: #fff;
}

.btn02 a:hover { cursor:pointer; opacity:0.7; }

/*-- bot-nav
-------------------------------------------------------------*/

.bot section { padding: 4%;}
.bot-mark { text-align: center; margin-bottom: 20px;}
.bot-ttl { font-size: 24px; text-align: center; margin-bottom: 0px;}
.bot-subttl { text-align: center;  font-family:'Roboto', sans-serif; font-weight:bold; margin-bottom: 20px;}
.bot #anch01 .bot-subttl { color:#63c0ad; }
.bot-lead { text-align: left; margin-bottom: 20px; font-size: 0.9rem; line-height: 1.7; }
.bot_list li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; }
.bot_list li:nth-child(2n) { margin-right: 0px;}
.bot-icon { text-align: center; margin-bottom: 20px;}
.bot_list h5 { text-align: center; margin-bottom: 10px; font-size: 0.75rem;}
.bot_list h4 { text-align: center; margin-bottom: 20px; color: #15ad7f; font-size: 18px; font-weight: bold;}

.bot #anch02 { background: #28A7E1; padding:4%; margin-bottom: 0px;}
.bot #anch02 .bot-ttl { color: #fff; }
.bot #anch02 .bot-subttl { color:#98d0ea; }
.bot #anch02 .bot-lead { color: #fff;}
.bot-list02 { margin: 0 4% 2%;}
.bot-list02 li { float: left; width: 23.5%; margin-right: 2%; }
.bot-list02 li:nth-child(4n) { margin-right: 0px;}
.bot-list02 li .bot-icon02 { width: 60%; margin: 0 20% 20px; }
.bot-list02 li h4 { text-align: center; margin-bottom: 20px; color: #fff; font-size: 15px; font-weight: bold;}

.bot #anch03 { background:#FFE33B; padding: 4%; margin-bottom: 20px;}
.bot #anch03 .bot-ttl { color: #000; }
.bot #anch03 .bot-subttl { color:#e9b200; }
.bot #anch03 .check_list { margin:  0 4% 20px;;}
.bot #anch03 .check_list li { margin-bottom: 10px; background: url("/common/img/bot/check_y.png") 0px 0px no-repeat; padding-left: 35px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid#e9b200; line-height: 1.7; }
.bot-list03 { margin: 0 4% 2%;}
.bot-list03 li { float: left; width: 23.5%; margin-right: 2%; }
.bot-list03 li:nth-child(4n) { margin-right: 0px;}
.bot-list03 li .bot-icon02 { width: 60%; margin: 0 20% 20px; }
.bot-list03 li h4 { text-align: center; margin-bottom: 20px; color: #000; font-size: 15px; font-weight: bold;}
.bot #anch03 .bot-list02 li h4 { text-align: center; margin-bottom: 20px; color: #000; font-size: 15px; font-weight: bold;}

.bot #anch04 { padding: 4%; }
.bot #anch04 .bot-ttl { color: #000; }
.bot #anch04 .bot-subttl { color:#63c0ad; }
.service-box { margin-bottom: 20px;}
.service-box p { font-size: 1.1rem; margin-bottom: 20px; }
.bot-list03 { margin: 0 4% 2%;}
.bot-list03 li { float: left; width: 23.5%; margin-right: 2%; }
.bot-list03 li:nth-child(4n) { margin-right: 0px;}
.bot-list03 li .bot-icon02 { width: 80%; margin: 0 10% 20px; }
.bot-list03 li h4 { text-align: center; margin-bottom: 20px; color: #000; font-size: 15px; font-weight: bold;}

.bot-L { width: 40%; margin:0 30% 20px; }
.bot-R {  }
.service-dl { margin-bottom: 20px;}
.service-dl dt { float: left; color: #fff; text-align: center; width: 25%; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 14px; height: 40px; line-height: 40px; }
.service-dl dd { float: left; color: #fff; text-align: left; width: 71%; padding: 0 2%; font-size: 15px; font-weight:bold; height: 40px; line-height:40px; }
.s-dl01 dt { background: #9F0E5F; }
.s-dl01 dd { background: #E4007F; }
.s-dl02 dt { background: #08486e; }
.s-dl02 dd { background: #0f6699; }
.s-dl03 dt { background: #c66200; }
.s-dl03 dd { background: #f5a100; }
.bot-sub-L { float: left; width: 20%; margin-right: 4%; }
.bot-sub-R { float: left; width: 76%; }

.pink-list li { margin-bottom: 10px; font-size: 1.0rem; }
.pink-list li:before { content: "●"; margin-right: 5px; color: #E4007F; }
.navy-list li { margin-bottom: 10px; font-size: 1.0rem; }
.navy-list li:before { content: "●"; margin-right: 5px; color: #0f6699; }

.bot #anch05 {
	background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	padding: 4%;
}
.bot #anch05 .in { background: #fff;  padding: 4%;}
.bot #anch05 .bot-ttl { color: #000; }
.bot #anch05 .bot-subttl { color:#c4a3a3; }
.step-dl { margin-bottom: 20px; }
.step-dl dt { float: left; width: 20%; background: #1E2746; color: #fff; text-align: center;  font-family:'Roboto', sans-serif; font-weight:bold; font-size: 14px; height: 40px; line-height: 40px; }
.step-dl dd { float: left; width: 76%; background: #154963; color: #fff; text-align: left; padding: 0 2%; font-weight:bold; font-size: 15px; height: 40px; line-height: 40px; }
.step-list { margin-bottom: 40px; }
.step-list li { margin-bottom: 20px; }
.step-list li img { width: 90%; margin: 0 5%; }
.step-list li:nth-child(2n) { margin-right: 0px;}
.step-list li h4 { text-align: center; color: #fff; background: #F8B62B; border-bottom: 5px solid #F6A828; margin-bottom: 20px; height: 40px; line-height: 40px; font-size: 15px;}

.bot #anch06 { padding: 4%; }
.bot #anch06 .bot-ttl { color: #000; }
.bot #anch06 .bot-subttl { color:#f5d076; }
.faq-dl { margin-bottom: 20px; }
.faq-dl dt { background:url("/common/img/bot/q_icon.png") 0 0 no-repeat; padding-left: 55px; font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.faq-dl dd { background: #f4f4f4; padding: 2%; border-radius: 6px; line-height: 1.7; }

.bot #anch07 { padding: 4%; }
.bot #anch07 .bot-ttl { color: #000; }
.bot #anch07 .bot-subttl { color:#63c0ad; }


/*-- リスト全体をリンク　hover透過　グループリンク
-------------------------------------------------------------*/
.g_box { position:relative; }
.g_box:hover { cursor:pointer; opacity:0.7; }
.g_link { margin-bottom:0px; }
.g_link a {position:absolute; text-indent:-9999px; top:0px; left:0px; width:100%; height:100%; }

/*-- Adjustment ------------------------------------------------------------*/
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.pg5  { padding:  5px !important; }
.pg10 { padding: 10px !important; }
.pg15 { padding: 15px !important; }
.pg20 { padding: 20px !important; }
.pg25 { padding: 25px !important; }
.pg30 { padding: 30px !important; }
.pg35 { padding: 35px !important; }
.pg40 { padding: 40px !important; }

.mg0  { margin: 0 !important; }
.pg0  { padding: 0 !important; }

.ofh  { overflow: hidden; }
.fltR { float: right; }
.fltL { float: left; }
.clr  { clear: both; }

.posRe { position: relative; }
.posAb { position: absolute; }

.alJ { text-align: justify; }
.alC { text-align: center; }
.alR { text-align: right; }
.alL { text-align: left; }

.xlarge { font-size: 1.2em; }
.large  { font-size: 1.1em; }

.xsmall { font-size: 0.8em; }
.small  { font-size: 0.9em; }

.bold { font-weight: bold; }
.red  { color: #c0392b; }

.border-dotted { display: block; clear: both; height: 1px; border: none; border-bottom: dotted 1px #ddd !important; }
.border-solid  { display: block; clear: both; height: 1px; border: none; border-bottom: solid 1px #ddd  !important; }

.link-hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.link-hover:hover { opacity: 0.7; filter: alpha(opacity=70); }