html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th, td {
	padding-left: 7px!important;
	padding-left: .5rem!important;
	font-weight: normal;
	text-align: left
}
th {
	padding: 5px;
	padding: .3571428571428571rem;
	background-color: #f2f2f2
}
h1, h2, h3, h4, h5, h6 {
	clear: both
}
fieldset {
	padding: 14px;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	border-radius: .3571428571428571rem;
	margin-bottom: 14px;
	margin-bottom: 1rem
}
legend {
	font-weight: bold;
	padding: 0 7px;
	padding: 0 .5rem
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none
}
del {
	color: #333
}
ins {
	background: none!important;
	text-decoration: none
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
small {
	font-size: smaller
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
.clear:after, .wrapper:after, .format-status .entry-header:after {
	clear: both
}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
	display: table;
	content: ""
}
* {
	box-sizing: border-box
}
@keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-ms-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeout {
from {
opacity:1
}
to {
opacity:0
}
}
@-moz-keyframes fadeout {
from {
opacity:1
}
to {
opacity:0
}
}
@-webkit-keyframes fadeout {
from {
opacity:1
}
to {
opacity:0
}
}
@-ms-keyframes fadeout {
from {
opacity:1
}
to {
opacity:0
}
}
@-o-keyframes fadeout {
from {
opacity:1
}
to {
opacity:0
}
}
body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック";
	line-height: 1.3
}
.mt-20 {
	margin-top: 20px
}
.mb-0 {
	margin-bottom: 0
}
.mb-5 {
	margin-bottom: 5px
}
.mb-10 {
	margin-bottom: 10px
}
.mb-15 {
	margin-bottom: 15px
}
.mb-20 {
	margin-bottom: 20px
}
.mb-25 {
	margin-bottom: 25px
}
.mb-30 {
	margin-bottom: 30px
}
.mb-35 {
	margin-bottom: 35px
}
.mb-40 {
	margin-bottom: 40px
}
.mb-45 {
	margin-bottom: 45px
}
.mb-50 {
	margin-bottom: 50px
}
.mb-55 {
	margin-bottom: 55px
}
.mb-60 {
	margin-bottom: 60px
}
.mb-65 {
	margin-bottom: 65px
}
.mb-70 {
	margin-bottom: 70px
}
.mr-2 {
	margin-right: 2%
}
.mr-3 {
	margin-right: 3%
}
.mr-4 {
	margin-right: 4%
}
.mr-5 {
	margin-right: 5%
}
.mr-10 {
	margin-right: 10px
}
.mr-15 {
	margin-right: 15px
}
.mr-20 {
	margin-right: 20px
}
.mr-25 {
	margin-right: 25px
}
.mr-30 {
	margin-right: 30px
}
.mr-35 {
	margin-right: 35px
}
.mr-40 {
	margin-right: 40px
}
.mr-45 {
	margin-right: 45px
}
.mr-50 {
	margin-right: 50px
}
.mr-55 {
	margin-right: 55px
}
.mr-60 {
	margin-right: 60px
}
.mt-10 {
	margin-top: 10px
}
.mt-30 {
	margin-top: 30px
}
.mt-45 {
	margin-top: 45px
}
.mt-50 {
	margin-top: 50px
}
.mt-75 {
	margin-top: 75px
}
.pb-0 {
	padding-bottom: 0
}
.pb-5 {
	padding-bottom: 5px
}
.pb-10 {
	padding-bottom: 10px
}
.pb-15 {
	padding-bottom: 15px
}
.pb-20 {
	padding-bottom: 20px
}
.pb-25 {
	padding-bottom: 25px
}
.pb-30 {
	padding-bottom: 30px
}
.pb-35 {
	padding-bottom: 35px
}
.pb-40 {
	padding-bottom: 40px
}
.pb-45 {
	padding-bottom: 45px
}
.pb-50 {
	padding-bottom: 50px
}
.pb-55 {
	padding-bottom: 55px
}
.pb-60 {
	padding-bottom: 60px
}
.pb-65 {
	padding-bottom: 65px
}
.pb-70 {
	padding-bottom: 70px
}
.pt-5 {
	padding-top: 5px
}
.p-10 {
	padding: 0 15px
}
.pt-10 {
	padding-top: 10px
}
.pt-15 {
	padding-top: 15px
}
.pt-20 {
	padding-top: 20px
}
.pt-25 {
	padding-top: 25px
}
.pt-30 {
	padding-top: 30px
}
.pt-35 {
	padding-top: 35px
}
.pt-40 {
	padding-top: 40px
}
.pt-45 {
	padding-top: 45px
}
.pt-50 {
	padding-top: 50px
}
.clearfix:after {
	display: block;
	content: "";
	clear: both
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	display: block
}
.text-center {
	text-align: center;
	margin: 0 auto;
	display: block
}
.menu-page ul li {
	float: left;
	list-style: none;
	padding: 0 28px;
	line-height: 1.4em
}
.menu-page ul {
	margin: 0 auto;
	display: table
}
.bd-menu {
	border-left: 2px solid #fff
}
.menu-page ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 16px
}
.img-full {
	width: 100%
}
.section-2 {
	color: #fff
}
.title-page {
	font-size: 30px;
	text-align: center;
	color: #fff;
	padding: 0;
	line-height: 46px;
	padding-bottom: 20px;
	margin-bottom: 21px;
	font-weight: 600;
	letter-spacing: 7px;
	border-bottom: 1px solid #fff
}
.service {
	margin: 50px auto 0;
	padding: 0;
	overflow: hidden
}
.service li {
	width: 50%;
	margin-bottom: 20px;
	float: left;
	list-style: none;
	padding-left: 22px
}
.pr-20 {
	padding-right: 20px
}
header {
	overflow: hidden;
	background: #221714
}
.logo_top {
	float: left
}
nav.menu-page {
	float: right
}
.dt-item {
	float: left;
	width: 14%
}
.dt-item img {
	margin: 0 auto;
	display: table
}
.box-privacy, .box-contact {
	line-height: 2em;
	padding: 0 10px
}
.box-contact {
	padding: 0 220px;
	font-size: 19px
}
.copy-right a {
	color: #fff;
	text-decoration: none
}
.disnone {
	display: none
}
.service li:nth-child(2n+1) {
	text-align: right;
	padding-right: 23px;
	padding-left: 0
}
.owl-carousel .owl-item img {
	width: auto!important;
	text-align: center;
	margin: 0 auto
}
.title_repar {
	color: #0a375d;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 600
}
.service li a {
	padding: 14px 0;
	text-decoration: none;
	color: #5788b4;
	background: #fff;
	display: inline-block;
	width: 61%;
	font-size: 15px;
	letter-spacing: 7px
}
.title-text {
	color: #fff;
	font-size: 36px;
	font-weight: 800
}
.title-o {
	color: #fff;
	font-size: 36px;
	position: absolute;
	width: 46px;
	height: 250px;
	left: 0;
	bottom: 0
}
.title-o>.title-i {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform-origin: 0 46px 0;
	-webkit-transform-origin: 0 46px 0;
	-ms-transform-origin: 0 46px 0;
	-moz-transform-origin: 0 46px 0;
	color: #fff;
	position: absolute;
	left: 0
}
.section-8 .title-o>.title-i {
	top: -30px;
	left: 0;
	color: #0a375d
}
.section-3 .title-o>.title-i {
	color: #0a375d
}
.section-3 .title-o {
	bottom: 0px
}
.section-5 .title-o {
	right: 0;
	left: inherit
}
.section-5 .title-o>.title-i {
	transform-origin: 14px 26px 0;
	-webkit-transform-origin: 14px 26px 0;
	-ms-transform-origin: 14px 26px 0;
	-moz-transform-origin: 14px 26px 0;
	color: #0a375d
}
.title-text1 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	font-size: 36px;
	position: absolute;
	right: 200px;
	margin-top: 150px;
	color: #0a375d
}
.section-3 {
	background: url('../images/top-img03.jpg') no-repeat center center;
	height: 728px;
	margin-top: -42px;
	padding-top: 42px;
	margin-bottom: -42px;
	padding-bottom: 42px;
	position: relative
}
.top-content {
	color: #0a375d
}
.title-company, .title-rec, .title-par, .title-topix {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 6px;
	border-bottom: 2px solid #fff;
	padding-bottom: 17px;
	margin-bottom: 30px
}
.section-5 .title-par {
	border-color: #1e4769;
	padding-bottom: 10px;
	margin-bottom: 15px
}
.section-5 .top-par>p {
	line-height: 2
}
.section-4 .title-rec {
	display: block;
	letter-spacing: 2px;
	margin-bottom: 0;
	border-bottom: 0
}
.section-4 .container p.line1 {
	line-height: 2
}
.section-4 .container p.line2 {
	line-height: 2.6;
	font-size: 17px
}
.section-4 .title-rec span {
	display: block;
	font-size: 20px;
	font-weight: normal
}
.section-3 .title-company {
	border-color: #184366
}
.section-3 .top-content {
	margin-left: 36%;
	padding-top: 8%;
	max-width: 56%;
}

.section-3 .top-content p {
font;
	font-size: 19px;
	line-height: 2;
}
.section-4 {
	color: #fff;
	padding: 30px 0;
	height: 553px
}
.section-5 {
	background: url('../images/top-img4.png') no-repeat center center;
	height: 655px;
	margin-top: -42px;
	padding-top: 90px
}
.top-par {
	float: right;
	color: #0a375d;
	padding: 50px 0;
	line-height: 2em
}
.section-6 {
	padding: 50px 0
}
.title-topix {
	color: #0a375d
}
.item-topix {
	background: #e9eff5;
	padding: 10px 0;
	margin-top: 10px
}
.section-6 .box-item {
	max-width: 844px;
	margin: 0 auto
}
.section-6 .box-item .item-topix {
	text-align: left;
	padding-left: 15px;
	color: #5c738a;
	padding-right: 15px
}
.section-6 .box-item .item-topix>.date {
	margin-right: 31px
}
.section-6 .box-item .item-topix>span {
	display: inline-block
}
.title-footer {
	font-size: 40px;
	color: #0a375d;
	margin-bottom: 30px;
	font-weight: 400
}
.menu-footer ul li {
	display: inline-block;
	list-style: none;
	padding: 2px 31px;
	line-height: 1.5em
}
.menu-footer ul {
	margin: 0 auto;
	display: block
}
.menu-footer ul li a {
	text-decoration: none;
	font-size: 14px;
	color: #fff
}
.copy-right {
	background: #000;
	text-align: right;
	color: #fff;
	padding: 10px 0;
	font-size: 12px;
	padding-right: 15px
}
.owl-theme .owl-controls {
	display: none!important
}
.section-brand {
	margin-bottom: 30px
}
.intro {
	background: url(../images/service-img1.png) no-repeat center center;
	background-size: auto 100%
}
.main-rec {
	background: url(../images/agency-img1.png) no-repeat center center;
	background-size: cover
}
.main-ca {
	background: url(../images/adopted-img1.png) no-repeat center center;
	background-size: cover
}
.text-top {
	color: #fff;
	padding: 160px 0
}
.text-jp {
	font-size: 23px
}
.text-en {
	font-size: 60px
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right;
	color: #0a375d
}
.text-right .text-jp {
	margin-right: 23%
}
.section-8 h3 {
	text-align: center;
	padding: 40px 0 50px 0;
	font-size: 40px;
	color: #0a375d
}
.section-8 .title-o {
	bottom: inherit
}
.col-33 {
	width: 33.33334%;
	float: left;
	padding: 0 20px;
	position: relative
}
.col-20 {
	width: 20%;
	float: left;
	padding: 0 10px;
	position: relative
}
.col-40 {
	float: left;
	width: 40%
}
.col-60 {
	float: left;
	width: 60%;
	position: relative
}
.pdl-20 {
	padding-left: 60px
}
.box-intro {
	padding: 0 50px
}
.text-info span {
	font-size: 28px;
	color: #fff;
	text-shadow: 2px 0 0 rgba(33,150,243,0.56), -2px 0 0 rgba(33,150,243,0.56), 0 2px 0 rgba(33,150,243,0.56), 0 -2px 0 rgba(33,150,243,0.56), 1px 1px rgba(33,150,243,0.56), -1px -1px 0 rgba(33,150,243,0.56), 1px -1px 0 rgba(33,150,243,0.56), -1px 1px 0 rgba(33,150,243,0.56)
}
.text-info {
	position: absolute;
	text-align: center;
	bottom: 50px;
	width: 100%;
	left: 0;
	color: #fff
}
.boxx-t {
	position: absolute;
	text-align: center;
	bottom: 70px;
	width: 100%;
	left: 0;
	color: #0a375d;
	font-size: 18px
}
.text-info p {
	font-size: 16px
}
.box-sec {
	width: 80%;
	background: #fff;
	box-shadow: 5px 10px #041531;
	padding: 20px;
	margin: 0 auto
}
.section-9 {
	background: url(../images/service-img5.png) no-repeat center center;
	background-size: auto 100%;
	padding: 20px 0 50px
}
.title-9 {
	color: #fff;
	font-size: 40px;
	margin-bottom: 30px
}
.title-9 p {
	font-size: 22px;
	padding-top: 10px
}
.section-10 {
	padding: 50px 0;
	background: #5788b4
}
.title-10 h3 {
	color: #fff;
	font-size: 40px;
	padding-bottom: 10px
}
.title-10 p {
	color: #0a375d;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px
}
span.btn-v {
	font-size: 160%
}
.section-11 {
	padding: 50px 0;
	color: #0a375d
}
.title-11 h3 {
	font-size: 40px
}
.title-11 p {
	font-size: 36px;
	padding: 35px 0;
	font-weight: bold
}
.mb-am50 {
	margin-top: -50px
}
.box-11 {
	width: 80%;
	margin: 0 auto;
	border-top: 1px solid #0a375d;
	border-bottom: 1px solid #0a375d;
	padding: 20px 0
}
.box-11 p {
	padding: 20px 0;
	line-height: 2em
}
.section-13 {
	padding: 30px 0;
	color: #0a375d
}
.title-13 h3 {
	font-size: 40px;
	padding: 20px 0
}
.img-page {
	text-align: right;
	margin-top: -110px;
	margin-bottom: 50px
}
.img-page1 {
	text-align: left;
	margin-top: -70px;
	margin-bottom: 50px
}
.fl-r {
	float: right
}
.pdr-60 {
	padding-right: 60px
}
.bd-1 {
	border-bottom: 1px dotted #0a375d;
	padding-bottom: 50px
}
.bd-2 {
	border-bottom: 1px solid #0a375d;
	padding-bottom: 50px
}
.section-15 {
	color: #0a375d;
	padding: 30px 0 30px 0
}
.section-15 h3 {
	text-align: center;
	padding: 20px;
	font-size: 40px;
	color: #0a375d
}
.section-15 .title-o>.title-i {
	color: #0a375d;
	top: 40px
}
.section-15 .title-o {
	top: -60px
}
.pd-40 {
	padding: 0 40px
}
.box-rec {
	padding: 45px 0
}
.box-ca {
	margin-top: 70px;
	padding: 0 40px 50px;
	border-bottom: 1px solid #0a375d
}
.col-6 {
	float: left;
	padding-right: 20px;
	width: 60%
}
.col-6 p {
	font-size: 20px
}
.col-50 {
	width: 50%;
	float: left;
	height: 140px;
	margin: 20px 0;
	display: table
}
.col-50 p {
	font-size: 18px;
	color: #0a375d;
	padding-left: 120px;
	display: table-cell;
	vertical-align: middle
}
footer {
	clear: both
}
.section-16 {
	position: relative
}
.before-1:before {
	content: url(../images/adopted-img13.png);
	position: absolute
}
.before-2:before {
	content: url(../images/adopted-img14.png);
	position: absolute
}
.before-3:before {
	content: url(../images/adopted-img15.png);
	position: absolute
}
.before-4:before {
	content: url(../images/adopted-img16.png);
	position: absolute
}
.before-5:before {
	content: url(../images/adopted-img17.png);
	position: absolute
}
.headermobile span.bt_colosape.openxo:before, .headermobile span.bt_colosape.closexo:before {
	content: " ";
	background-image: url(../images/icon_open.png);
	height: 40px;
	width: 40px;
	display: block;
	position: absolute;
	top: 5px;
	left: calc(50% - 20px);
	background-size: 100% 100%;
	-webkit-transition: all ease-out .2s;
	transition: all ease-out .2s
}
.headermobile span.bt_colosape.closexo:before {
	background-image: url(../images/icon_close.png);
	-ms-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	transform: rotate(45deg);
	-moz-transform: rotate(45deg)
}
body {
	transition: .3s ease
}
body p {
	font-size: 22px
}
.section-2 {
	height: 520px;
	position: relative;
	margin-top: -42px;
	padding-top: 60px
}
.section-4 {
	position: relative;
	padding-top: 50px
}
.section-30 {
	background: url(../images/service-img30.png) no-repeat center center;
	background-size: auto 100%;
	padding: 20px 0 50px
}
.section-2 .bg_outer {
	position: absolute;
	height: 150%;
	width: 110%;
	background: #011419;
	top: 0px;
	left: -5%;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	overflow: hidden;
	z-index: 6
}
.section-4 .bg_outer {
	position: absolute;
	height: 100%;
	width: 110%;
	background: #011419;
	top: 0;
	left: -5%;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	overflow: hidden;
	z-index: 6
}
.service_more_btn {
	padding: 14px 0;
	text-decoration: none;
	color: #5788b4;
	background: #fff;
	display: inline-block;
	width: 61%;
	font-size: 15px;
	letter-spacing: 7px;
	max-width: 320px;
	margin-top: 20px;
}
.menu-footer {
	background: #000;
	padding: 10px;
	color: #fff;
}
.section-2 .bg_inner, .section-4 .bg_inner {
	position: absolute;
	height: 120%;
	width: 110%;
	background: url(../images/top-img2.jpg);
	top: -10%;
	left: -5%;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg)
}
.section-4 .bg_outer {
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg)
}
.section-4 .bg_inner {
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	background: #5788b3
}
.section-2 .container, .section-4 .container {
	z-index: 7;
	position: relative
}
.section-2 .bg_inner:after {
	content: " ";
	position: absolute;
	height: 120%;
	width: 110%;
	background: rgba(9,50,87,0.8);
	top: -10%;
	left: -5%;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg)
}
.wrapmain {
	overflow: hidden
}
.header-fixed nav.menu-page {
	position: fixed;
	z-index: 9;
	width: 100%;
	left: 0;
	top: 0;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s
}

nav.menu-footer {
	text-align: center
}
.section-2 .inner_content {
	padding: 54px 0;
	max-width: 700px;
	display: block;
	margin: 0 auto;
	line-height: 250%;
}
.section-4 .inner_content {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 54px 0;
	max-width: 700px;
	display: block;
	margin: 0 auto
}
table.info {
	margin: 0 auto;
	width: 100%;
	max-width: 740px
}
table.info th {
	border-bottom: 1px dashed #abb6bf;
	padding: 15px;
	text-align: right
}
table.info td {
	border-bottom: 1px dashed #abb6bf;
	line-height: 1.6;
	padding: 15px
}
.contact_page .title-company {
	border-color: #184366;
	color: #184366;
	text-align: left;
	margin: 0 auto;
	width: 100%;
	max-width: 740px;
	margin-bottom: 20px
}
/*20180622追加*/
.box-privacy ol {
	padding-left: 2em;
}
.box-privacy li {
	text-indent: -2em;
}
.box-privacy p, .box-privacy div {
	margin-bottom: 1em;
}

@media screen and (min-width:641px) {
body {
	padding-top: 90px;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.topics_box table tr td {
	border-bottom: #a5a5a5 solid 1px;
	padding: 10px;
}
.topics_box table {
	width: 900px;
	margin: 0 auto;
}
.topics_box table tr .topics_date {
	width: 120px;
}
.group_list_ttl {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
}
.partner_link {
	position: relative;
	display: block;
	background: #fff;
	border: solid 1px #111;
	font-size: 0.7rem;
	font-weight: bold;
	line-height: 38px;
	color: #000;
	text-align: center;
}
.group__list {
	width: 900px;
	margin: 40px auto;
}
.group__list > dl {
	display: table;
	width: 100%;
}
.group__list > dl > dt {
	display: table-cell;
	font-size: 1rem;
	line-height: 1.0;
	vertical-align: top;
	width: 300px;
	font-weight: bold;
}
.group__list > dl > dd {
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 0 28px;
}
.group__list > dl > dd + dd {
	border-top: solid 1px #ddd;
	padding: 27px 0 28px;
}
.group__list > dl + dl {
	border-top: solid 1px #ddd;
	padding: 27px 0 0;
}
.group__list__cont {
	margin: 4px 0 0;
}
.group__list__name {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 0 18px;
}
.group__list__info dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.7rem;
	line-height: 1.5;
}
.group__list__info dl dt {
	font-weight: bold;
	width: 60px;
}
.group__list__info dl dd {
	width: 450px;
}
.group__list__btns {
	margin: 2px 0 0;
	width: 200px;
}
.group__list__btns .btn {
	width: 180px;
	float: right;
}
a {
	text-decoration: none;
}
.group__list__btns .btn a i {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}
.group__list__btns .btn + .btn {
	margin: 10px 0 0;
}
.recruit_php .section-13 {
	padding-top: 0!important
}
.sec {
	margin-top: 70px
}
	
.other_ds .inner_ds>div {
	z-index: 1;
	position: relative
}
.other_ds .inner_ds {
	position: relative
}
.other_ds .inner_ds:before, .other_ds .inner_ds:after {
	content: " ";
	position: absolute;
	height: 225px;
	width: 225px;
	background-image: url('../images/agency-img2.png')
}
.other_ds .inner_ds:before {
	top: -30px;
	left: -30px
}
.other_ds.o_r .inner_ds:before {
	right: -30px;
	left: inherit;
	background-image: url('../images/agency-img8.png')
}
.other_ds .inner_ds:after {
	bottom: -21px;
	right: 0;
	width: 188px;
	height: 42px;
	background-image: url('../images/agency-img5.png')
}
table.info th {
	width: 20%
}
.brsp {
	display: none
}
body, .container {
	min-width: 1164px;
	z-index: 999;
	position: relative;
	height: 100%
}
.headermain {
	max-width: 100%;
	background: url(../images/top-img1.png) center bottom no-repeat;
	height: 939px;
	background-size: cover;
}
.headermain img {
	display: none
}
nav.menu-page {
	margin-top: 30px
}
.hidden_by_container {
	display: none
}
}

@media screen and (max-width:640px) {
.careers .section-15 {
	position: relative
}
.mb-am50 {
	display: none
}
.careers .section-15 .title-o {
	top: 50px
}
.careers .title-o {
	top: 50px
}
.careers .title-o>.title-i {
	transform: inherit;
	transform-origin: inherit;
	-webkit-transform-origin: inherit;
	-ms-transform-origin: inherit;
	-moz-transform-origin: inherit;
	top: 24px;
	left: -5px;
	position: absolute;
	transform: rotate(90deg)
}
.box-contact {
	padding: 0 10px;
	font-size: 15px
}
.brpc {
	display: none
}
.section-2 {
	margin-top: -19px
}
body {
	height: 120vh
}
.container {
	width: calc(100% - 20px)
}
.hidden-xs {
	display: none
}
.headermobile {
	position: relative;
	display: block;
	height: 60px;
	background: #685a4f
}
.headermobile {
	position: relative;
	display: block;
	height: 75px;
	right: 0;
	overflow: hidden;
	background: #fff
}
.header-fixed .headermobile {
	height: 60px
}
.pd-40 {
	padding: 0
}
span.headermobile .logo_top {
	padding-left: 0
}
span.headermobile .logo_top img {
	max-height: 60px
}
span.logo {
	display: block;
	background: #fff;
	text-align: center;
	padding-right: 50px
}
span.logo img {
	max-height: 60px
}
nav.menu-page ul {
	display: none;
	background: #221816;
	padding: 10px 0
}
nav.menu-page ul li {
	text-align: center;
	line-height: 50px;
	float: none;
	border-left: 0
}
nav.menu-page ul li a {
	color: #fff;
	text-decoration: none;
	text-align: center
}
.headermobile span.bt_colosape {
	position: absolute;
	top: 10px;
	right: 0;
	width: 55px;
	height: 60px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0;
	padding-top: 44px;
	vertical-align: bottom;
	font-size: 13px
}
.header-fixed .headermobile span.bt_colosape {
	top: 0
}
div#top-menu ul {
	display: none;
	background: #c54c61;
	padding: 10px 0
}
.headermobile span.bt_colosape i {
	font-size: 32px
}
.dt-item {
	width: 20%;
	padding: 0 1%
}
.dt-item img {
	width: 100%
}
.col-6 {
	padding-right: 0;
	width: 100%
}
.col-40 img {
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
	width: 100%
}
.col-50 {
	width: 100%
}
.col-50 p {
	padding-left: 100px;
	font-size: 15px
}
.section-15 .title-o>.title-i {
	color: #0a375d
}
.section-15 .title-o img {
	display: none
}
.section-15 .title-o {
	top: auto
}
.box-ca {
	padding-bottom: 40px
}
.section-3 {
	background: url('../images/top-img03sp.jpg') no-repeat center center;
	height: 550px;
	background-color: #FFFFFF;
	background-size: cover;
}

.section-3 .top-content {
	margin: 0 auto;
	padding-top: 8%;
	max-width: 90%;
}

.title-company{
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 6px;
	border-bottom: 2px solid #fff;
	padding-bottom: 17px;
	margin-bottom: 30px;
	text-align: center;
}
	
.top-par {
	max-width: 54%
}
.section-5 .container {
	position: relative;
	height: 100%
}
body p {
	font-size: 17px
}
.section-2 .container, .section-4 .container {
	height: 100%
}
.section-5 {
	height: 413px;
	background: url(../images/top-img4-sp.jpg) top right no-repeat;
	background-size: cover
}
.title-company, .title-rec, .title-par, .title-topix {
	font-size: 27px
}
.contact_page .title-company {
	padding-left: 15px
}
.title-text {
	font-size: 20px
}
.section-5 .title-o>.title-i {
	transform-origin: -28px 69px;
	-webkit-transform-origin: -28px 69px;
	-ms-transform-origin: -28px 69px;
	-moz-transform-origin: -28px 69px
}
.title-o>.title-i {
	transform-origin: -39px 73px 0;
	-webkit-transform-origin: -39px 73px 0;
	-ms-transform-origin: -39px 73px 0;
	-moz-transform-origin: -39px 73px 0
}
.service li a {
	width: 95%;
	font-size: 12px;
	letter-spacing: 2px
}

.section-5 .top-par {
	padding-top: 20px;
	max-width: 57%
}
.section-5 .top-par>p {
	line-height: 2.5;
	font-size: 15px;
	padding-right: 10px
}
.service li {
	padding-left: 10px
}
.service li:nth-child(2n+1) {
	padding-right: 10px
}
nav.menu-page {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 8;
	right: 0
}
nav.menu-page .headermobile {
	background: transparent
}
.logo_top {
	z-index: 9;
	position: relative;
	display: inline-block;
	max-width: 208px
}
.logo_top img {
	max-width: 100%
}
body:not(.header-fixed) nav.menu-page .headermobile .logo_top {
	display: none
}
body:not(.header-fixed) nav.menu-page ul {
	padding-top: 25px
}
.header-fixed nav.menu-page .headermobile {
	background: #221714;
	box-shadow: 0 0 10px #000
}
.menu-footer ul li.dl_block {
	display: block;
	padding: 0
}
.menu-footer ul li {
	padding: 15px 27px
}
.top-sp-10 {
	margin-top: 10px
}
.dt-sp {
	width: 80%;
	margin: 0 auto
}
.dt-sp .dt-item {
	width: 25%
}
.col-20 {
	width: 50%;
	margin-bottom: 20px
}
.col-33 {
	width: 100%;
	margin-top: 10px
}
.text-top {
	padding: 100px 0
}
.col-40, .col-60 {
	width: 100%
}
.pdl-20 {
	padding-left: 0
}
.pdr-60 {
	padding-right: 0
}
.img-page, .img-page1 {
	text-align: right;
	margin-top: 0;
	margin-bottom: 50px;
	width: 20%;
	float: left
}
.col-60 p {
	width: 80%;
	float: left;
	padding: 0 10px
}
.img-sp {
	width: 100%
}
.bd-2, .bd-1 {
	padding-bottom: 30px
}
.section-13 {
	padding: 10px 0
}
.topics_box table tr td {
	border-bottom: #a5a5a5 solid 1px;
	padding: 7px;
	font-size: 10px;
}
.group__list {
	width: 80%;
	margin: 15px auto;
}
.group_list_ttl {
	font-weight: bold;
	text-align: center;
}
.group__list > dl {
	display: block;
	width: 100%;
}
.group__list > dl > dt {
	display: block;
	font-size: 12px;
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
}
.group__list > dl > dd {
	display: block;
	padding: 0 0 20px;
}
.group__list > dl > dd + dd {
	padding: 17px 0 20px;
}
.group__list > dl + dl {
	padding: 30px 0 0;
}
.group__list__name {
	font-size: 14px;
	margin: 0 0 8px;
	text-align: left;
	word-wrap: normal;
}
.group__list__info dl {
	font-size: 12px;
}
.group__list__info dl dt {
	width: 63px;
}
.group__list__info dl dd {
	width: 272px;
}
.group__list__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 12px 0 0;
	width: 100%;
}
.group__list__btns .btn {
	width: 100%;
}
.group__list__btns .btn a i {
	position: absolute;
	right: 12px;
	line-height: 40px;
}
.group__list__btns .btn {
	margin: 0 0 0 15px;
}
.group__list a {
	text-decoration: none;
}
.section-4 {
	height: 380px
}
.title-10 h3, .title-11 h3, .title-13 h3 {
	font-size: 30px;
}
.section-8 h3, .section-15 h3 {
	font-size: 30px;
}
.title-9 {
	font-size: 27px;
}
}

@media(max-width:480px) {
.box-intro {
	padding: 0 10px
}
.text-info span {
	font-size: 17px
}
.boxx-t {
	bottom: 40px;
	font-size: 15px
}
.text-en {
	font-size: 40px
}

.section-3 .top-content {
	margin: 0 auto;
padding-top: 4%;
max-width: 98%;
}
	
.section-8 .title-o>.title-i {
	top: -80px
}
.topics_box table tr td {
	border-bottom: #a5a5a5 solid 1px;
	padding: 7px;
	font-size: 10px;
}
.group_list_ttl {
	font-weight: bold;
	text-align: center;
}
.group__list {
	width: 85%;
	margin: 15px auto;
}
.group__list > dl {
	display: block;
	width: 100%;
}
.group__list > dl > dt {
	display: block;
	font-size: 12px;
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
}
.group__list > dl > dd {
	display: block;
	padding: 0 0 20px;
}
.group__list > dl > dd + dd {
	padding: 17px 0 20px;
}
.group__list > dl + dl {
	padding: 30px 0 0;
}
.group__list__name {
	font-size: 14px;
	margin: 0 0 8px;
	text-align: left;
	word-wrap: normal;
}
.group__list__info dl {
	font-size: 12px;
}
.group__list__info dl dt {
	width: 63px;
}
.group__list__info dl dd {
	width: 272px;
}
.group__list__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 12px 0 0;
	width: 100%;
}
.group__list__btns .btn {
	width: 100%;
}
.group__list__btns .btn a i {
	position: absolute;
	right: 12px;
	line-height: 40px;
}
.group__list__btns .btn {
	margin: 0 0 0 15px;
}
.group__list a {
	text-decoration: none;
}
}

@media(max-width:460px) {
.sp-mt-10 {
	margin-top: 10px
}
.topics_box table tr td {
	border-bottom: #a5a5a5 solid 1px;
	padding: 7px;
	font-size: 10px;
}
.group_list_ttl {
	font-weight: bold;
	text-align: center;
}
.group__list {
	width: 85%;
	margin: 15px auto;
}
.group__list > dl {
	display: block;
	width: 100%;
}
.group__list > dl > dt {
	display: block;
	font-size: 12px;
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
}
.group__list > dl > dd {
	display: block;
	padding: 0 0 20px;
}
.group__list > dl > dd + dd {
	padding: 17px 0 20px;
}
.group__list > dl + dl {
	padding: 30px 0 0;
}
.group__list__name {
	font-size: 14px;
	margin: 0 0 8px;
	text-align: left;
	word-wrap: normal;
}
.group__list__info dl {
	font-size: 12px;
}
.group__list__info dl dt {
	width: 63px;
}
.group__list__info dl dd {
	width: 272px;
}
.group__list__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 12px 0 0;
	width: 100%;
}
.group__list__btns .btn {
	width: 100%;
}
.group__list__btns .btn a i {
	position: absolute;
	right: 12px;
	line-height: 40px;
}
.group__list__btns .btn {
	margin: 0 0 0 15px;
}
.group__list a {
	text-decoration: none;
}
}

@media(max-width:414px) {
.section-6 .box-item {
	max-width: 480px
}
.section-3 .top-content p {
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff
}
.section-5 .top-par {
	max-width: 100%;
	float: none;
	padding: 10px
}
.section-4 .container p.line2 {
	font-size: 14px
}
.section-3 .top-content {
	max-width: 97%
}
.section-3:after, .section-5:after {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.82);
	top: 0
}
.section-5 {
	position: relative;
	background: url(../images/top-img4.png) top left no-repeat;
	background-size: cover
}
.section-3 .container, .section-5 .container {
	position: relative;
	height: 100%;
	z-index: 7
}
.section-3 .title-o {
	bottom: 30px
}
.service li a {
	font-size: 12px;
	letter-spacing: 0
}
.title-footer {
	font-weight: 600;
	font-size: 23px
}
.menu-footer ul li {
	padding: 15px 17px
}
.section-3 .top-content p {
font;
	font-size: 14px;
	line-height: 2;
}
.topics_box table tr td {
	border-bottom: #a5a5a5 solid 1px;
	padding: 7px;
	font-size: 10px;
}
body p {
	font-size: 14px;
}
.group_list_ttl {
	font-weight: bold;
	text-align: center;
}
.group__list {
	width: 85%;
	margin: 15px auto;
}
.group__list a {
	text-decoration: none;
}
.group__list > dl {
	display: block;
	width: 100%;
}
.group__list > dl > dt {
	display: block;
	font-size: 12px;
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
}
.group__list > dl > dd {
	display: block;
	padding: 0 0 20px;
}
.group__list > dl > dd + dd {
	padding: 17px 0 20px;
}
.group__list > dl + dl {
	padding: 30px 0 0;
}
.group__list__name {
	font-size: 14px;
	margin: 0 0 8px;
	text-align: left;
	word-wrap: normal;
}
.group__list__info dl {
	font-size: 12px;
}
.group__list__info dl dt {
	width: 63px;
}
.group__list__info dl dd {
	width: 272px;
}
.group__list__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 12px 0 0;
	width: 100%;
}
.group__list__btns .btn {
	width: 100%;
}
.group__list__btns .btn a i {
	position: absolute;
	right: 12px;
	line-height: 40px;
}
.group__list__btns .btn {
	margin: 0 0 0 15px;
}
}