@charset "UTF-8";

/*
Theme Name: common
Version: 1.0.0
*/

/* =Reset
-------------------------------------------------------------- */
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;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: inherit;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select,
button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
textarea,
select,
button {
	*font-size: 100%;
}

legend {
	color: #000;
}

img {
	vertical-align: top;
}

input[type="radio"],
input[type="checkbox"] {
	vertical-align: -2px;
}

label {
	cursor: pointer;
}


/* =Common
-------------------------------------------------------------- */
body {
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}

@media (hover) {

	a,
	a img,
	input[type="submit"],
	input[type="reset"],
	svg * {
		transition-property: color, background-color, border-color, fill;
		transition-duration: .3s;
	}
}

img {
	max-width: 100%;
	height: auto;
}

input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

/* clearfix */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.clr {
	clear: both;
}


/* =Styles 
-------------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #555;
	background: #fff;
}

a {
	text-decoration: none;
	color: #000;
}

.img_guidelines {
	max-width: 400px;
	margin: 0 auto;
}

@media (min-width: 480px) {
	body {
		font-size: 16px;
	}

	.sp {
		display: none !important;
	}

	.inner {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
	}
}

@media (min-width: 897px) {
	.sptab {
		display: none !important;
	}
}

@media (max-width: 896px) {
	.pc {
		display: none !important;
	}
}

@media (max-width: 479px) {
	body {
		font-size: 4vw;
	}

	.pctab {
		display: none !important;
	}

	.inner {
		padding: 0 4.4vw;
		position: relative;
	}
}

@media (min-width: 1101px) {
	.menu_btn {
		display: none;
	}
}

@media (max-width: 1100px) {
	.gnav {
		display: none;
	}
}

/*========================================
	common
========================================*/
.common_title {
	display: inline-block;
	color: #0954eb;
}

.common_title.eng {
	font-family: 'Prata', serif;
}

.common_title.jp {
	font-family: 'Sawarabi Mincho', sans-serif;
}

.common_subtitle {
	color: #0954eb;
	font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
	font-weight: bold;
	margin: 0 0 1em;
}

.common_subtitle br.tab {
	display: none;
}

@media (min-width: 480px) {
	.common_title {
		font-size: 40px;
		padding: 30px 67px 32px;
		border-top: 1px solid #0954eb;
		border-bottom: 1px solid #0954eb;
		margin: 0 auto 60px;
	}

	.common_subtitle {
		font-size: 36px;
	}
}

@media (max-width: 896px) {
	.common_title {
		line-height: 1.3;
	}
}

@media (max-width: 479px) {
	.common_title {
		font-size: 6.93vw;
		padding: 5.33vw 14.4vw 5.87vw;
		border-top: 0.27vw solid #0954eb;
		border-bottom: 0.27vw solid #0954eb;
		margin: 0 auto 9.33vw;
	}

	.common_subtitle {
		font-size: 5.6vw;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	.common_subtitle {
		line-height: 1.4;
	}

	.common_subtitle br.tab {
		display: block;
	}
}

#pagetop {
	position: fixed;
	z-index: 999;
}

#pagetop a {
	display: block;
	border-radius: 50%;
	background: #ccd5df;
	color: #0954eb;
	font-weight: bold;
	position: relative;
	text-align: center;
}

#pagetop i {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#pagetop i::before {
	font-family: FontAwesome;
}

@media (min-width: 480px) {
	#pagetop {
		bottom: 20px;
		right: 20px;
	}

	#pagetop a {
		width: 35px;
		height: 35px;
	}

	#pagetop i {
		width: 15px;
		height: 15px;
		top: 8px;
	}
}

@media (max-width: 479px) {
	#pagetop {
		bottom: 5.33vw;
		right: 5.33vw;
	}

	#pagetop a {
		width: 9.33vw;
		height: 9.33vw;
	}

	#pagetop i {
		width: 4vw;
		height: 4vw;
		top: 2.13vw;
	}
}

/*========================================
	header
========================================*/
header {
	width: 100%;
	background: #fff;
	padding: 0 0 0 4%;
	z-index: 1000;
	box-sizing: border-box;
}

header .logo {
	position: relative;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 160px;
}

header .logo a {
	display: block;
	width: 100%;
}

header .contact {
	position: relative;
	float: right;
	color: #fff;
	background: #0954eb;
	box-sizing: border-box;
	text-align: left;
}

@media (min-width: 1101px) {
	header .gnav {
		float: left;
		margin: 20px 0.5% 0 0;
	}

	header .gnav li {
		float: left;
		font-size: 14px;
		height: 44px;
		margin: 0 54px 0 0;
	}

	header .gnav li:last-child {
		margin: 0;
	}

	header .gnav li a {
		white-space: nowrap;
		display: block;
		position: relative;
		color: #0954eb;
		padding: 14px 7px;
	}

	header .gnav li a::before {
		content: '';
		width: 100%;
		height: 2px;
		background: -webkit-linear-gradient(90deg, rgb(0, 170, 255), rgb(0, 170, 255));
		background: linear-gradient(90deg, rgb(0, 170, 255), rgb(0, 170, 255));
		position: absolute;
		bottom: -2px;
		left: 0;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}

	header .gnav li a.select::before,
	header .gnav li a:hover::before {
		transform: scale(1, 1);
	}

	.menu_area {
		display: none;
	}

	header .contact {
		width: 30%;
		height: 80px;
		max-width: 360px;
		min-width: 318px;
		padding: 0 0 0 2.5%;
	}

	header .contact .tel {
		position: relative;
		display: inline-block;
		text-align: center;
		padding: 20px 0 0;
	}

	header .contact .tel .number {
		font-size: 18px;
		margin: 0 0 10px;
	}

	header .contact .tel .number::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 15px;
		height: 18px;
		background: url('img/tel_icon.png') no-repeat;
		background-size: auto 100%;
		margin: 0 5px 0 0;
		vertical-align: bottom;
	}

	header .contact .tel .time {
		font-size: 14px;
	}

	header .contact .mail {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 8.5%;
		margin: auto 0;
	}

	header .contact .mail a {
		display: block;
		background: #00aaff;
		border-radius: 50%;
		width: 60px;
		height: 60px;
	}

	header .contact .mail a img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
}

@media (max-width: 1100px) {
	header {
		position: fixed;
	}

	header .contact {
		display: none;
	}

	header .menu_btn {
		overflow: hidden;
		float: right;
		z-index: 10000;
		position: relative;
	}

	header .menu_btn .ham {
		position: relative;
		cursor: pointer;
		background: #ccd5df;
	}

	header .menu_btn .ham_line {
		width: 55%;
		background: #0954eb;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: all 0.3s;
	}

	header .menu_btn .clicked .ham_line1 {
		transform: rotate(45deg);
		top: 0;
		bottom: 0;
		margin: auto;
	}

	header .menu_btn .clicked .ham_line2 {
		width: 0px;
	}

	header .menu_btn .clicked .ham_line3 {
		transform: rotate(-45deg);
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.grayout {
		position: fixed;
		z-index: 1000;
		display: block;
		width: 100%;
		height: 100vh;
		transition: 0.5s;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0);
		visibility: hidden;
		top: 0;
		left: 0;
	}

	.grayout.active {
		background-color: rgba(0, 0, 0, 0.5);
		visibility: visible;
	}

	.menu_area {
		position: fixed;
		top: 0;
		transition: 0.5s;
		z-index: 1001;
		height: 100%;
		background: #ccd5df;
		overflow-y: auto;
	}

	.menu_area .inbox {
		box-sizing: border-box;
		padding: 0 0 3em;
		position: absolute;
		box-sizing: border-box;
		right: 0;
		left: 0;
		margin: 0 auto;
	}

	.menu_area .inbox li {
		text-align: left;
	}

	.menu_area .inbox li a {
		white-space: nowrap;
		display: block;
		position: relative;
		color: #0954eb;
	}

	.menu_area .inbox li a::before {
		content: '';
		width: 100%;
		background: -webkit-linear-gradient(90deg, rgb(63, 130, 109), rgb(63, 130, 109));
		background: linear-gradient(90deg, rgb(63, 130, 109), rgb(63, 130, 109));
		position: absolute;
		left: 0;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}

	.menu_area .inbox li a.select::before {
		transform: scale(1, 1);
	}

	.menu_area .inbox .contact_area .btn {
		width: 100%;
	}

	.menu_area .inbox .contact_area .btn a {
		position: relative;
		color: #fff;
		background: rgba(9, 84, 235, 1);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		line-height: 1;
	}

	.menu_area .inbox .contact_area .btn a::after {
		content: '';
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23fff' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
		background-size: auto 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}

	.menu_area .inbox .contact_area .btn a .outer {
		margin: 0 0 0 -0.8em;
	}

	.menu_area .inbox .contact_area .btn a .number {
		position: relative;
	}

	.menu_area .inbox .contact_area .btn a .number::before {
		content: '';
		display: inline-block;
		background: url(img/tel_icon.png) no-repeat;
		background-size: cover;
		margin: 0 0.5em 0 0;
	}

	.menu_area .inbox .contact_area .btn.mail .outer::before {
		content: '';
		display: inline-block;
		background: url(img/mail_icon.png) no-repeat;
		background-size: cover;
		margin: 0 0.5em 0 0;
	}
}

@media (min-width: 480px) and (max-width: 1100px) {
	.menu_area {
		right: -350px;
		width: 350px;
	}

	.menu_area.active {
		transform: translateX(-350px);
	}

	.menu_area .inbox {
		top: 150px;
		width: 300px;
	}

	.menu_area .inbox ul {
		margin: 0 0 60px;
	}

	.menu_area .inbox li a {
		padding: 14px 7px;
	}

	.menu_area .inbox li a::before {
		height: 2px;
		bottom: -2px;
	}

	.menu_area .inbox li a:hover::before {
		transform: scale(1, 1);
	}

	.menu_area .inbox .contact_area .btn.tel {
		margin: 0 0 30px;
	}

	.menu_area .inbox .contact_area .btn a {
		font-size: 18px;
		height: 80px;
	}

	.menu_area .inbox .contact_area .btn a:hover {
		background: rgba(0, 44, 96, 0.7);
	}

	.menu_area .inbox .contact_area .btn a::after {
		width: 8px;
		height: 15px;
		right: 25px;
	}

	.menu_area .inbox .contact_area .btn.tel a .number {
		margin: 0 0 15px;
	}

	.menu_area .inbox .contact_area .btn.tel a .number::before {
		width: 14px;
		height: 18px;
	}

	.menu_area .inbox .contact_area .btn.tel a .comment {
		font-size: 14px;
	}

	.menu_area .inbox .contact_area .btn.mail .outer::before {
		width: 26px;
		height: 19px;
	}
}

@media (min-width: 896px) and (max-width: 1100px) {
	.menu_area .inbox li {
		font-size: 20px;
		margin: 0 0 25px;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	.menu_area .inbox li {
		font-size: 18px;
		margin: 0 0 20px;
	}
}

@media (min-width: 480px) {
	header {
		height: 80px;
	}

	header .logo {
		margin: 0 4% 0 0;
	}
}

@media (min-width: 480px) and (max-width: 1100px) {
	header .menu_btn {
		width: 80px;
		height: 80px;
	}

	header .menu_btn .ham {
		width: 80px;
		height: 80px;
	}

	header .menu_btn .ham_line {
		height: 2px;
	}

	header .menu_btn .ham_line1 {
		top: 20px;
	}

	header .menu_btn .ham_line2 {
		top: 36px;
	}

	header .menu_btn .ham_line3 {
		top: 53px;
	}
}

@media (max-width: 479px) {
	header {
		height: 12.8vw;
	}

	header .logo {
		width: 25.33vw;
		margin: 3.3vw 0 0;
	}

	header .contact {
		width: 12.8vw;
		height: 12.8vw;
		padding: 0;
		background: none;
	}

	header .contact .mail a {
		display: block;
		background: #0954eb;
		width: 12.8vw;
		height: 12.8vw;
		position: relative;
	}

	header .contact .mail a img {
		width: 7.73vw;
		height: 5.33vw;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	header .menu_btn {
		width: 12.8vw;
		height: 12.8vw;
	}

	header .menu_btn .ham {
		width: 12.8vw;
		height: 12.8vw;
	}

	header .menu_btn .ham_line {
		height: 0.27vw;
	}

	header .menu_btn .ham_line1 {
		top: 3.2vw;
	}

	header .menu_btn .ham_line2 {
		top: 5.87vw;
	}

	header .menu_btn .ham_line3 {
		top: 8.53vw;
	}

	.menu_area {
		width: 100%;
		right: -100%;
	}

	.menu_area.active {
		transform: translateX(-100%);
	}

	.menu_area .inbox {
		top: 20vw;
		width: 80vw;
	}

	.menu_area .inbox ul {
		margin: 0 0 10vw;
	}

	.menu_area .inbox li {
		margin: 0 0 5.33vw;
	}

	.menu_area .inbox li a {
		padding: 0 1.33vw 1.87vw;
	}

	.menu_area .inbox li a::before {
		height: 0.53vw;
		bottom: -0.53vw;
	}

	.menu_area .inbox .contact_area .btn {
		margin: 0 0 4vw;
	}

	.menu_area .inbox .contact_area .btn a {
		font-size: 4.27vw;
		height: 21.33vw;
	}

	.menu_area .inbox .contact_area .btn a .number {
		margin: 0 0 3.2vw;
	}

	.menu_area .inbox .contact_area .btn a .comment {
		font-size: 3.47vw;
	}

	.menu_area .inbox .contact_area .btn.tel a .number::before {
		width: 3.2vw;
		height: 4.27vw;
	}

	.menu_area .inbox .contact_area .btn.mail .outer::before {
		width: 5.87vw;
		height: 4.27vw;
	}
}

/*===============================================
	#top_kv
===============================================*/

#top_kv .slide_outer {
	margin: 0 auto;
	position: relative;
}

#top_kv .swiper-container .swiper-slide a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

@media (max-width: 1100px) {
	#top_kv {
		padding: 80px 0 0;
	}
}

@media (min-width: 480px) {
	#top_kv {
		margin: 0 0 120px;
	}

	#top_kv .swiper-container .swiper-slide a:hover::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.4);
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (min-width: 897px) {
	#top_kv .slide_outer {
		width: 96%;
		max-width: 1450px;
	}

	#top_kv .swiper-container {
		width: 91%;
		max-width: 1366px;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	#top_kv .slide_outer {
		width: 95%;
	}

	#top_kv .swiper-container {
		width: 85%;
	}
}

@media (max-width: 479px) {
	#top_kv {
		margin: 0 0 12vw;
		padding: 12.8vw 0 0;
	}

	#top_kv .slide_outer {
		width: 100%;
	}

	#top_kv .swiper-container {
		width: 100%;
	}

	#top_kv .swiper-container .swiper-slide {
		height: 80vw;
	}
}

/*===============================================
	#top_news
===============================================*/
#top_news .news_area {
	background: #f0f3f7;
	box-sizing: border-box;
}

#top_news .news_area .innbox {
	overflow-y: auto;
	z-index: 1;
}

#top_news .news_area dl {
	width: 100%;
	text-align: left;
	position: relative;
}

#top_news .news_area dl:last-of-type {
	border-bottom: none;
}

#top_news .news_area dl.new::after {
	content: 'NEW';
	display: block;
	text-align: center;
	color: #fff;
	background: #0954eb;
	position: absolute;
}

#top_news .news_area dl dt,
#top_news .news_area dl dd {
	vertical-align: middle;
}

#top_news .news_area dl dt {
	color: #0954eb;
	white-space: nowrap;
}

#top_news .news_area dl dd {
	line-height: 1.6;
}

#top_news .news_area dl dd a {
	text-decoration: underline;
	color: #0058c1;
}

#top_news .news_area dl dd a:hover {
	text-decoration: none;
}

#top_news .news_area .innbox::-webkit-scrollbar-thumb {
	background: #d8dfe8;
	box-shadow: none;
}

@media (min-width: 480px) {
	#top_news {
		margin: 0 0 140px;
	}

	#top_news .news_area {
		max-height: 320px;
		padding: 10px 4px;
	}

	#top_news .news_area .innbox {
		max-height: 300px;
		padding: 0 26px;
	}

	#top_news .news_area dl {
		display: table;
		border-bottom: 1px solid #d8dfe8;
	}

	#top_news .news_area dl.new::after {
		font-size: 13px;
		width: 50px;
		height: 20px;
		line-height: 20px;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}

	#top_news .news_area dl dt,
	#top_news .news_area dl dd {
		display: table-cell;
		padding: 25px 10px;
		font-size: 14px;
	}

	#top_news .news_area dl dt {
		width: 13%;
	}

	#top_news .news_area dl.new dd {
		padding: 25px 70px 25px 10px;
	}

	#top_news .news_area .innbox::-webkit-scrollbar {
		width: 8px;
	}

	#top_news .news_area .innbox::-webkit-scrollbar-thumb {
		border-radius: 4px;
	}
}

@media (max-width: 479px) {
	#top_news {
		margin: 0 0 12vw;
	}

	#top_news .news_area {
		max-height: 82vw;
		padding: 1vw 1.07vw 1vw 0;
	}

	#top_news .news_area .innbox {
		max-height: 80vw;
		padding: 0 3.2vw 0 1.33vw;
	}

	#top_news .news_area dl {
		border-bottom: 0.27vw solid #d8dfe8;
	}

	#top_news .news_area dl.new::after {
		font-size: 2.67vw;
		width: 9.33vw;
		height: 4.8vw;
		line-height: 4.8vw;
		right: 2.67vw;
		top: 2.67vw;
	}

	#top_news .news_area dl dt,
	#top_news .news_area dl dd {
		box-sizing: border-box;
		display: block;
		font-size: 3.73vw;
	}

	#top_news .news_area dl dt {
		padding: 2.67vw 2.67vw 1.33vw 2.67vw;
	}

	#top_news .news_area dl dd,
	#top_news .news_area dl.new dd {
		width: 100%;
		padding: 1.33vw 2.67vw 2.67vw;
	}

	#top_news .news_area .innbox::-webkit-scrollbar {
		width: 2.13vw;
	}

	#top_news .news_area .innbox::-webkit-scrollbar-thumb {
		border-radius: 1.07vw;
	}
}

/*===============================================
	#top_philosophy
===============================================*/
#top_philosophy .inner .lead {
	line-height: 2;
}

#top_philosophy .layout_wrap {
	position: relative;
	overflow: hidden;
}

#top_philosophy .layout_wrap .image_block {
	position: absolute;
	top: 0;
	left: 0;
}

#top_philosophy .layout_wrap .image_block::after {
	content: '';
	display: block;
	padding-bottom: calc(100%*642/817);
	position: relative;
}

#top_philosophy .layout_wrap .image_block .inbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#top_philosophy .layout_wrap .content_block {
	position: relative;
	z-index: 2;
}

#top_philosophy .layout_wrap .content_block li {
	text-align: left;
}

#top_philosophy .layout_wrap .content_block li:nth-child(3) {
	margin: 0;
}

#top_philosophy .layout_wrap .content_block li .title {
	color: #0954eb;
	font-weight: 600;
	display: flex;
	flex-direction: column;
}

#top_philosophy .layout_wrap .content_block li .title span {
	font-family: 'Prata', serif;
	white-space: nowrap;
}

@media (min-width: 1101px) {
	#top_philosophy .layout_wrap .content_block {
		padding: 40px 10px 15px 47%;
	}

	#top_philosophy .layout_wrap .content_block li {
		margin: 0 0 50px;
	}

	#top_philosophy .layout_wrap .content_block li:nth-child(2) {
		padding: 0 0 0 7.2em;
	}

	#top_philosophy .layout_wrap .content_block li:nth-child(3) {
		padding: 0 0 0 2.5em;
	}

	#top_philosophy .layout_wrap .content_block li .title {
		flex-direction: row;
		align-items: center;
	}

	#top_philosophy .layout_wrap .content_block li .title span {
		font-size: 70px;
		margin: 0 0.35em 0 0;
	}

	#top_philosophy .layout_wrap .content_block li dd {
		line-height: 2;
	}
}

@media (max-width: 1100px) and (min-width: 897px) {
	#top_philosophy .layout_wrap .content_block {
		padding: 0 10px 0 47%;
	}

	#top_philosophy .layout_wrap .content_block li:nth-child(2) {
		padding: 0 0 0 4.5em;
	}

	#top_philosophy .layout_wrap .content_block li:nth-child(3) {
		padding: 0 0 0 1.5em;
	}
}

@media (max-width: 896px) and (min-width: 480px) {
	#top_philosophy .layout_wrap {
		padding: 30px 0 0 30px;
	}

	#top_philosophy .layout_wrap .bg_wrap {
		padding: 140px 30px 30px;
	}

	#top_philosophy .layout_wrap .image_block {
		width: 250px;
		height: 150px;
	}
}

@media (max-width: 1100px) and (min-width: 480px) {
	#top_philosophy .layout_wrap .content_block li {
		margin: 0 0 30px;
	}

	#top_philosophy .layout_wrap .content_block li .title span {
		font-size: 50px;
	}
}

@media (max-width: 1100px) {
	#top_philosophy .layout_wrap .content_block li dd {
		line-height: 1.6;
	}
}

@media (min-width: 897px) {
	#top_philosophy .layout_wrap .image_block {
		width: 52%;
		height: auto;
	}

	#top_philosophy .layout_wrap .image_block::after {
		padding-bottom: calc(100%*642/817);
	}

	#top_philosophy .layout_wrap .image_block .inbox {
		background: url('img/top_philosophy_bg.jpg') no-repeat;
		background-size: cover;
	}
}

@media (min-width: 480px) {
	#top_philosophy {
		margin: 0 0 140px;
	}

	#top_philosophy .inner .lead {
		margin: 0 0 60px;
	}

	#top_philosophy .layout_wrap .content_block li .title {
		margin: 0 0 10px;
	}
}

@media (max-width: 896px) {
	#top_philosophy .layout_wrap .bg_wrap {
		background: #f0f3f7;
	}

	#top_philosophy .layout_wrap .image_block::after {
		padding-bottom: 0;
	}

	#top_philosophy .layout_wrap .image_block .inbox {
		background: url('img/top_philosophy_bg_sp.jpg') no-repeat;
		background-size: cover;
	}

	#top_philosophy .layout_wrap .content_block ul {
		display: inline-block;
	}
}

@media (max-width: 479px) {
	#top_philosophy {
		margin: 0 0 12vw;
		overflow: hidden;
	}

	#top_philosophy .inner .lead {
		text-align: left;
		margin: 0 0 5.33vw;
	}

	#top_philosophy .layout_wrap {
		padding: 4vw 0 0 4vw;
	}

	#top_philosophy .layout_wrap .bg_wrap {
		padding: 24vw 4vw 8vw;
	}

	#top_philosophy .layout_wrap .image_block {
		width: 48.8vw;
		height: 22.4vw;
	}

	#top_philosophy .layout_wrap .content_block li {
		margin: 0 0 5.33vw;
	}

	#top_philosophy .layout_wrap .content_block li .title {
		margin: 0 0 2.67vw;
	}

	#top_philosophy .layout_wrap .content_block li .title span {
		font-size: 10.13vw;
	}
}

/*===============================================
	#top_guide
===============================================*/
#top_guide h2+p.lead {
	line-height: 2;
}

#top_guide .layout_wrap .business {
	width: 100%;
}

#top_guide .layout_wrap .business .content_block {
	box-sizing: border-box;
	color: #fff;
}

#top_guide .layout_wrap .business.communication .content_block {
	background: #0954eb;
}

#top_guide .layout_wrap .business.sales .content_block {
	background: #4f8aff;
}

#top_guide .layout_wrap .business.consulting .content_block {
	background: #60B893;
}

#top_guide .layout_wrap .business.web_branding .content_block {
	background: #013c83;
}

#top_guide .layout_wrap .business .content_block .title {
	font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '羝御篏', ' ProN', 'Hiragino Mincho ProN', sans-serif;
	font-weight: bold;
	position: relative;
}

#top_guide .layout_wrap .business .content_block .title::before {
	content: '';
	width: 94%;
	background: rgba(255, 255, 255, 0.45);
	position: absolute;
	left: 0;
	bottom: 0;
}

#top_guide .layout_wrap .business.sales .web_branding .content_block .title::before {
	right: 0;
	left: auto;
}

#top_guide .layout_wrap .business .content_block .text {
	text-align: left;
	line-height: 2;
}

#top_guide .layout_wrap .business .content_block .more {
	position: relative;
	display: block;
	color: #fff;
	background: rgba(256, 256, 256, 0.1);
}

#top_guide .layout_wrap .business .content_block .more::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

#top_guide .more a {
	position: relative;
	display: inline-block;
	color: #0954eb;
	background: #f0f3f7;
	margin: 0 auto;
	overflow: hidden;
	z-index: 2;
}

#top_guide .more a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

@media (min-width: 897px) {
	#top_guide .layout_wrap .business {
		display: table;
	}

	#top_guide .layout_wrap .business .image_block {
		display: table-cell;
		width: 52%;
	}

	#top_guide .layout_wrap .business.communication .image_block {
		background: url('img/s_business01.jpg') no-repeat;
		background-size: cover;
	}

	#top_guide .layout_wrap .business.sales .image_block {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/business.jpg') no-repeat;
		background-size: cover;
	}

	#top_guide .layout_wrap .business.consulting .image_block {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/business.jpg') no-repeat;
		background-size: cover;
	}

	#top_guide .layout_wrap .business.web_branding .image_block {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/business.jpg') no-repeat;
		background-size: cover;
	}

	#top_guide .layout_wrap .business .content_block {
		display: table-cell;
		width: 48%;
		padding: 105px 0 50px;
	}

	#top_guide .layout_wrap .business .content_block .text {
		padding: 35px 12.5% 0;
		margin: 0 0 70px;
	}
}

@media (max-width: 896px) {
	#top_guide .layout_wrap .business .image_block {
		width: 100%;
	}
}

@media (max-width: 896px) and (min-width: 480px) {
	#top_guide .layout_wrap .business .content_block {
		padding: 50px 0;
	}

	#top_guide .layout_wrap .business .content_block .text {
		padding: 35px 5% 0;
		margin: 0 0 35px;
	}
}

@media (min-width: 480px) {
	#top_guide {
		margin: 0 0 197px;
	}

	#top_guide h2+p.lead {
		margin: 0 0 55px;
	}

	#top_guide .layout_wrap {
		margin: 0 0 60px;
	}

	#top_guide .layout_wrap .business .content_block .title {
		font-size: 30px;
		padding: 0 0 30px;
	}

	#top_guide .layout_wrap .business .content_block .title::before {
		height: 1px;
	}

	#top_guide .layout_wrap .business .content_block .more {
		width: 320px;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		border-radius: 30px;
		margin: 0 auto;
	}

	#top_guide .layout_wrap .business .content_block .more:hover {
		background: rgba(256, 256, 256, 0.4);
	}

	#top_guide .layout_wrap .business .content_block .more::before {
		width: 8px;
		height: 15px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23fff' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
		background-size: auto 100%;
		right: 25px;
	}

	#top_guide .more a {
		width: 340px;
		line-height: 80px;
		border-radius: 40px;
		font-size: 16px;
	}

	#top_guide .more a:hover {
		color: #f0f3f7;
		background-color: #0954eb;
	}

	#top_guide .more a::before {
		width: 8px;
		height: 15px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23002c60' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
		right: 30px;
	}

	#top_guide .more a::after {
		content: '';
		display: block;
		position: absolute;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#top_guide .more a:hover::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23fff' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E");
	}
}

@media (max-width: 479px) {
	#top_guide {
		margin: 0 0 21vw;
	}

	#top_guide h2+p.lead {
		text-align: left;
		margin: 0 0 5.33vw;
	}

	#top_guide .layout_wrap {
		margin: 0 0 8vw;
	}

	#top_guide .layout_wrap .business .content_block {
		padding: 8vw 0;
	}

	#top_guide .layout_wrap .business .content_block .title {
		font-size: 6.13vw;
		padding: 0 0 0.7em;
	}

	#top_guide .layout_wrap .business .content_block .title::before {
		height: 0.27vw;
	}

	#top_guide .layout_wrap .business .content_block .text {
		padding: 0.8em 5% 0;
		margin: 0 0 0.8em;
	}

	#top_guide .layout_wrap .business .content_block .more {
		width: 80%;
		height: 13.33vw;
		line-height: 13.33vw;
		font-size: 3.73vw;
		border-radius: 8vw;
		margin: 0 auto;
	}

	#top_guide .layout_wrap .business .content_block .more::before {
		width: 1.87vw;
		height: 3.73vw;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23fff' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
		background-size: auto 100%;
		right: 6.67vw;
	}

	#top_guide .more a {
		width: 80%;
		line-height: 17.33vw;
		border-radius: 10.67vw;
		font-size: 4vw;
	}

	#top_guide .more a::after {
		content: '';
		display: block;
		position: absolute;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#top_guide .more a::before {
		width: 1.87vw;
		height: 3.47vw;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23002c60' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-size: auto 100%;
		right: 30px;
	}
}

/*===============================
	#top_message
===============================*/
#top_message {
	position: relative;
	background: #f0f3f7;
}

#top_message .triangle_left,
#top_message .triangle_right {
	height: auto;
	position: absolute;
}

#top_message .triangle_left {
	top: 0;
	left: 0;
}

#top_message .triangle_right {
	bottom: 0;
	right: 0;
}

#top_message .triangle_left::before,
#top_message .triangle_right::before {
	content: '';
	display: block;
	width: 100%;
}

#top_message .inner .content_area {
	position: relative;
	z-index: 2;
}

#top_message .inner .content_area .text_area {
	color: #0954eb;
}

#top_message .inner .content_area .text_area .text {
	line-height: 2;
}

#top_message .inner .content_area .text_area .sign {
	font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '羝御篏', ' ProN', 'Hiragino Mincho ProN', sans-serif;
	font-weight: bold;
}

@media (min-width: 897px) {
	#top_message .inner {
		max-width: 1170px;
	}

	#top_message .triangle_left::before,
	#top_message .triangle_right::before {
		padding-bottom: calc(100%*339/635);
	}

	#top_message .triangle_left::before {
		background: url('img/top_message_bg_left.png') no-repeat;
		background-size: cover;
	}

	#top_message .triangle_right::before {
		background: url('img/top_message_bg_right.png') no-repeat;
		background-size: cover;
	}

	#top_message .inner .content_area .image_block {
		float: left;
		width: 34%;
		margin: -57px 5% -13px 0;
	}

	#top_message .inner .content_area .text_area {
		/* text-align: left; */
		/* float: right; */
		/* width: 100%; */
		padding: 0 0 30px;
		margin: -57px 0 0;
	}
}

@media (max-width: 896px) and (min-width: 480px) {
	#top_message .inner .content_area .text_area {
		margin: -57px 0 0;
		padding: 0 0 60px;
	}

	#top_message .inner .content_area .text_area .image_block {
		margin: 0 auto 60px;
	}
}

@media (max-width: 896px) {

	#top_message .triangle_left::before,
	#top_message .triangle_right::before {
		padding-bottom: 100%;
	}

	#top_message .triangle_left::before {
		background: url('img/top_message_bg_left_sp.png') no-repeat;
		background-size: cover;
	}

	#top_message .triangle_right::before {
		background: url('img/top_message_bg_right_sp.png') no-repeat;
		background-size: cover;
	}

	#top_message .inner .content_area .text_area {
		text-align: center;
	}

	#top_message .inner .content_area .text_area .image_block {
		width: 58%;
	}

	#top_message .inner .content_area .text_area .text {
		text-align: left;
	}

	#top_message .inner .content_area .text_area .sign {
		text-align: left;
	}
}

@media (min-width: 480px) {
	#top_message {
		margin: 0 0 140px;
	}

	#top_message .triangle_left,
	#top_message .triangle_right {
		width: 42%;
	}

	#top_message .inner .content_area .text_area .text {
		margin: 0 0 60px;
	}

	#top_message .inner .content_area .text_area .sign {
		font-size: 26px;
	}
}

@media (max-width: 479px) {
	#top_message {
		margin: 0 0 12vw;
	}

	#top_message .triangle_left,
	#top_message .triangle_right {
		width: 60%;
	}

	#top_message .inner .content_area .text_area {
		text-align: center;
		padding: 0 0 8vw;
		margin: -9vw 0 0;
	}

	#top_message .inner .content_area .text_area .image_block {
		margin: 0 auto 4vw;
	}

	#top_message .inner .content_area .text_area .text {
		margin: 0 0 4vw;
	}

	#top_message .inner .content_area .text_area .sign {
		font-size: 5.33vw;
	}
}

/*===============================
	#top_media
===============================*/
#top_media .tbl_wrap {
	background: #f0f3f7;
}

#top_media .tbl_wrap table {
	width: 100%;
}

#top_media .tbl_wrap th,
#top_media .tbl_wrap td {
	text-align: left;
	line-height: 1.4;
	box-sizing: border-box;
}

#top_media .tbl_wrap tr:last-child th,
#top_media .tbl_wrap tr:last-child td {
	border-bottom: none;
}

#top_media .tbl_wrap th {
	color: #555;
	white-space: nowrap;
}

#top_media .tbl_wrap td {
	color: #0954eb;
}

#top_media .tbl_wrap td a {
	text-decoration: underline;
	color: #0058c1;
}

#top_media .tbl_wrap td a:hover {
	text-decoration: none;
}

#top_media .tbl_wrap td .comment {
	color: #555;
}

#top_media .tbl_wrap td .big {
	font-size: 1.12em;
}

#top_media .tbl_wrap td .small {
	font-size: 0.87em;
}

@media (min-width: 897px) {
	#top_media .tbl_wrap th .tab {
		display: none;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	#top_media .tbl_wrap th .tab {
		display: block;
	}
}

@media (min-width: 480px) {
	#top_media {
		margin: 0 0 80px;
	}

	#top_media .tbl_wrap {
		padding: 10px 30px;
		margin: 0 0 60px;
	}

	#top_media .tbl_wrap th,
	#top_media .tbl_wrap td {
		padding: 25px 10px;
		border-bottom: 1px solid #d8dfe8;
	}

	#top_media .tbl_wrap th {
		width: 26%;
	}

	#top_media .tbl_wrap td li {
		margin: 0 0 25px;
	}

	#top_media .googlemap {
		height: 304px;
	}
}

@media (max-width: 479px) {
	#top_media {
		margin: 0 0 12vw;
	}

	#top_media .tbl_wrap {
		padding: 4vw;
		margin: 0 0 8vw;
	}

	#top_media .tbl_wrap table,
	#top_media .tbl_wrap tbody {
		display: block;
	}

	#top_media .tbl_wrap tr {
		display: block;
	}

	#top_media .tbl_wrap th,
	#top_media .tbl_wrap td {
		display: block;
		border-bottom: 1px solid #d8dfe8;
	}

	#top_media .tbl_wrap th {
		width: 100%;
		border-bottom: none;
		padding: 2.67vw 1.33vw 1.33vw 1.33vw;
	}

	#top_media .tbl_wrap td {
		padding: 1.33vw 1.33vw 2.67vw 1.33vw;
	}

	#top_media .tbl_wrap td li {
		margin: 0 0 2.67vw;
	}

	#top_media .tbl_wrap th .tab {
		display: none;
	}

	#top_media .googlemap {
		height: 304px;
	}

}

/*===============================
	#top_profile
===============================*/
#top_profile .tbl_wrap {
	background: #f0f3f7;
}

#top_profile .tbl_wrap table {
	width: 100%;
}

#top_profile .tbl_wrap th,
#top_profile .tbl_wrap td {
	text-align: left;
	line-height: 1.4;
	box-sizing: border-box;
}

#top_profile .tbl_wrap tr:last-child th,
#top_profile .tbl_wrap tr:last-child td {
	border-bottom: none;
}

#top_profile .tbl_wrap th {
	color: #555;
	white-space: nowrap;
}

#top_profile .tbl_wrap td {
	color: #0954eb;
}

#top_profile .tbl_wrap td .comment {
	color: #555;
}

#top_profile .tbl_wrap td .big {
	font-size: 1.12em;
}

#top_profile .tbl_wrap td .small {
	font-size: 0.87em;
}

#top_profile .googlemap iframe {
	width: 100%;
	height: 100%;
}

@media (min-width: 897px) {
	#top_profile .tbl_wrap th .tab {
		display: none;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	#top_profile .tbl_wrap th .tab {
		display: block;
	}
}

@media (min-width: 480px) {
	#top_profile {
		margin: 0 0 80px;
	}

	#top_profile .tbl_wrap {
		padding: 10px 30px;
		margin: 0 0 60px;
	}

	#top_profile .tbl_wrap th,
	#top_profile .tbl_wrap td {
		padding: 25px 10px;
		border-bottom: 1px solid #d8dfe8;
	}

	#top_profile .tbl_wrap th {
		width: 26%;
	}

	#top_profile .tbl_wrap td li {
		margin: 0 0 25px;
	}

	#top_profile .googlemap {
		height: 304px;
	}
}

@media (max-width: 479px) {
	#top_profile {
		margin: 0 0 12vw;
	}

	#top_profile .tbl_wrap {
		padding: 4vw;
		margin: 0 0 8vw;
	}

	#top_profile .tbl_wrap table {
		display: block;
	}

	#top_profile .tbl_wrap th,
	#top_profile .tbl_wrap td {
		display: block;
		border-bottom: 1px solid #d8dfe8;
	}

	#top_profile .tbl_wrap th {
		width: 100%;
		border-bottom: none;
		padding: 2.67vw 1.33vw 1.33vw 1.33vw;
	}

	#top_profile .tbl_wrap td {
		padding: 1.33vw 1.33vw 2.67vw 1.33vw;
	}

	#top_profile .tbl_wrap td li {
		margin: 0 0 2.67vw;
	}

	#top_profile .tbl_wrap th .tab {
		display: none;
	}

	#top_profile .googlemap {
		height: 304px;
	}

}

/*===============================
	footer
===============================*/
#foot {
	color: #d4e8ff;
	background: #0954eb;
}

#foot .title {
	color: #fff;
}

#foot .contact_area .btn a {
	position: relative;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	line-height: 1;
}

#foot .contact_area .btn a:hover {
	background: rgba(255, 255, 255, 0.4);
}

#foot .contact_area .btn a .outer {
	margin: 0 0 0 -0.8em;
}

#foot .contact_area .btn a .number {
	position: relative;
}

#foot .contact_area .btn a .number::before {
	content: '';
	display: inline-block;
	background: url('img/tel_icon.png') no-repeat;
	background-size: cover;
	margin: 0 0.5em 0 0;
}

#foot .contact_area .btn.mail .outer {
	position: relative;
}

#foot .contact_area .btn.mail .outer::before {
	content: '';
	display: block;
	background: url('img/mail_icon.png') no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
}

#foot .contact_area .btn a::after {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23fff' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
	background-size: auto 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

#foot .footnavi li a {
	position: relative;
	color: #bcdbff;
}

#foot .footnavi li a::before {
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}

#foot .footnavi li.select a,
#foot .footnavi li a:hover {
	color: #fff;
}

#foot .footnavi li.select a {
	font-weight: 600;
}

#foot .footnavi li.select a::before,
#foot .footnavi li a:hover::before {
	transform: scale(1, 1);
}

@media (min-width: 1101px) {
	#foot .contact_area .btn a {
		font-size: 30px;
	}
}

@media (max-width: 1100px) {
	#foot .contact_area .btn a {
		font-size: 22px;
	}
}

@media (min-width: 897px) {
	#foot .contact_area {
		margin: 0 0 80px;
	}

	#foot .contact_area .btn {
		width: 49%;
	}

	#foot .contact_area .btn.tel {
		margin: 0 auto;
		padding: 0px 0 30px;
	}

	/* #foot .contact_area .btn.tel {
		float: left;
	} */
	#foot .contact_area .btn.mail {
		float: right;
	}

	#foot .contact_area .btn a {
		height: 80px;
	}

	/* #foot .contact_area .btn a {
		height: 150px;
	} */
	#foot .footnavi ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#foot .footnavi li a {
		padding: 0 7px 12px;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	#foot .contact_area {
		margin: 0 0 65px;
	}

	#foot .contact_area .btn {
		width: 85%;
	}

	#foot .contact_area .btn.tel {
		margin: 0 auto 30px;
	}

	#foot .contact_area .btn.mail {
		margin: 0 auto;
	}

	#foot .contact_area .btn a {
		height: 80px;
	}

	#foot .footnavi ul {
		display: inline-block;
		width: 85%;
	}

	#foot .footnavi ul li {
		margin: 0 0 30px;
	}

	#foot .footnavi li a {
		padding: 0 7px 7px;
	}
}

@media (min-width: 480px) {
	#foot {
		padding: 60px 0 40px;
	}

	#foot .title {
		font-size: 30px;
		margin: 0 0 20px;
	}

	#foot .lead {
		margin: 0 0 35px;
	}

	#foot .contact_area .btn a .number {
		margin: 0 0 15px;
	}

	#foot .contact_area .btn a .number::before {
		width: 24px;
		height: 32px;
	}

	#foot .contact_area .btn a .comment {
		font-size: 14px;
	}

	#foot .contact_area .btn.mail .outer {
		padding: 0 0 0 42px;
	}

	#foot .contact_area .btn.mail .outer::before {
		width: 32px;
		height: 23px;
	}

	#foot .contact_area .btn a::after {
		width: 8px;
		height: 15px;
		right: 25px;
	}

	#foot .footnavi {
		margin: 0 0 55px;
	}

	#foot .footnavi li a {
		font-size: 14px;
	}

	#foot .footnavi li a::before {
		height: 2px;
		bottom: -2px;
	}

	#foot .footnavi li.select a::before {
		height: 2px;
	}

	#foot .copyright {
		font-size: 12px;
	}
}

@media (max-width: 896px) {
	#foot .footnavi ul li {
		text-align: left;
		float: left;
		width: 33%;
	}

	#foot .footnavi ul li:last-child {
		width: 100%;
		margin: 0;
	}
}

@media (max-width: 479px) {
	#foot {
		padding: 10.67vw 0 6vw;
	}

	#foot .title {
		font-size: 5.33vw;
		margin: 0 0 4vw;
	}

	#foot .lead {
		margin: 0 0 5.33vw;
		line-height: 1.5;
	}

	#foot .contact_area {
		margin: 0 0 8vw;
	}

	#foot .contact_area .btn {
		width: 100%;
	}

	#foot .contact_area .btn a {
		font-size: 4.8vw;
		height: 21.33vw;
	}

	#foot .contact_area .btn a::after {
		width: 2.13vw;
		height: 4vw;
		right: 6.67vw;
	}

	#foot .contact_area .btn a .number {
		margin: 0 0 3.2vw;
		padding: 0 0 0 4.8vw;
	}

	#foot .contact_area .btn a .number::before {
		width: 4.8vw;
		height: 6.4vw;
	}

	#foot .contact_area .btn a .comment {
		font-size: 3.47vw;
	}

	#foot .contact_area .btn.mail .outer {
		padding: 0 0 0 8.53vw;
	}

	#foot .contact_area .btn.mail .outer::before {
		width: 6.67vw;
		height: 4.8vw;
	}

	#foot .contact_area .btn.tel {
		margin: 0 auto 4vw;
	}

	#foot .footnavi {
		margin: 0 0 6.67vw;
	}

	#foot .footnavi ul li {
		margin: 0 0 5.33vw;
	}

	#foot .copyright {
		font-size: 2.67vw;
	}

	#foot .footnavi li a {
		font-size: 3.47vw;
		padding: 0 1.87vw 0.8vw;
	}

	#foot .footnavi li.select a::before {
		height: 0.53vw;
		bottom: -0.53vw;
	}
}

/*============================
	swiper
============================*/
#top_kv .swiper-button-next,
#top_kv .swiper-button-prev {
	color: #0954eb;
}

#top_kv .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0;
	right: auto;
}

#top_kv .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 0;
	left: auto;
}

.swiper-button-next::after,
.swiper-container-rtl,
.swiper-button-prev::after {
	content: '';
	display: block;
	width: 16px;
	height: 28px;
}

.swiper-button-next::after {
	background: url('img/slider_next.png') no-repeat;
	background-size: cover;
}

.swiper-button-prev::after {
	background: url('img/slider_prev.png') no-repeat;
	background-size: cover;
}

#top_kv .swiper-pagination {
	width: 100%;
	margin: 20px auto 0;
	position: relative;
	bottom: 0;
}

#top_kv .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #0954eb;
	margin: 0 10px;
}

@media (max-width: 479px) {

	#top_kv .swiper-button-next,
	#top_kv .swiper-button-prev {
		display: none;
	}

	#top_kv .swiper-pagination {
		margin: 2.67vw auto 0;
	}

	#top_kv .swiper-pagination-bullet {
		width: 2.13vw;
		height: 2.13vw;
		margin: 0 2.67vw;
		outline: none;
	}
}

/*****************************************
lower common
*****************************************/
#lower_kv .title_area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	line-height: 1;
}

#lower_kv .title {
	font-family: 'Sawarabi Mincho', sans-serif;
	letter-spacing: 0.1em;
}

#lower_kv .lead {
	font-weight: 500;
}

@media (min-width: 480px) {
	#lower_kv .bgwrap {
		height: 380px;
	}

	#lower_kv .title_area {
		height: 380px;
	}

	#lower_kv.welfare .bgwrap {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/pc_back.jpg') no-repeat center top;
		background-size: cover;
	}

	#lower_kv.guide .bgwrap {
		background: url('img/s_bgpc01.jpg') no-repeat center top;
		background-size: cover;
	}

	#lower_kv.voice .bgwrap {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/pc_back.jpg') no-repeat;
		background-size: cover;
	}

	#lower_kv .lead {
		letter-spacing: 0.5em;
	}
}

/* PC ( and TABLET landscape ) */
@media (min-width: 897px) {
	#lower_kv .title {
		font-size: 70px;
		margin: 0 0 30px;
	}

	#lower_kv .lead {
		font-size: 25px;
	}

	#lower_kv.voice .bgwrap {
		background-position: center center;
	}
}

/* TABLET ( and SP landscape ) */
@media (min-width: 480px) and (max-width: 896px) {
	#lower_kv .title {
		font-size: 54px;
		margin: 0 0 20px;
	}

	#lower_kv .title.lng {
		font-size: 40px;
	}

	#lower_kv .lead {
		font-size: 19px;
	}

	#lower_kv.voice .bgwrap {
		background-position: -100px center;
	}
}

@media (max-width: 1100px) and (min-width: 480px) {
	#lower_kv {
		padding: 80px 0 0;
	}
}

@media (max-width: 479px) {
	#lower_kv {
		padding: 12.8vw 0 0;
	}

	#lower_kv .bgwrap {
		height: 50vw;
	}

	#lower_kv .title_area {
		height: 50vw;
	}

	#lower_kv .title {
		font-size: 9vw;
		margin: 0 0 4vw;
	}

	#lower_kv .title.lng {
		font-size: 8vw;
	}

	#lower_kv .lead {
		font-size: 4vw;
		letter-spacing: 0.3em;
	}

	#lower_kv.welfare .bgwrap {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/sp_back.jpg') no-repeat;
		background-size: 100% auto;
	}

	#lower_kv.guide .bgwrap {
		background: url('img/s_bgsp01.jpg') no-repeat;
		background-size: 100% auto;
	}

	#lower_kv.voice .bgwrap {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/sp_back.jpg') no-repeat left center;
		background-size: cover;
	}
}

/*------------------------------
.lower_page_navi
------------------------------*/
.lower_page_navi li a {
	color: #fff;
	display: block;
	opacity: 1;
	width: 100%;
	font-family: 'Sawarabi Mincho', sans-serif;
}

.lower_page_navi li:first-child a {
	background: rgba(0, 85, 255, 1);
}

.lower_page_navi li:nth-child(2) a {
	background: rgba(79, 108, 255, 1);
}

.lower_page_navi li:nth-child(3) a {
	background: rgba(79, 108, 255, 1);
}

.lower_page_navi li:last-child a {
	background: rgba(79, 108, 255, 1);
}

.lower_page_navi li a .text {
	position: relative;
	display: table;
	width: 100%;
}

.lower_page_navi li a .text span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
	width: 100%;
}

.lower_page_navi li a .text::after {
	content: '';
	display: block;
	background: url('img/lower_page_navi_arrow.png') no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.lower_page_navi li a .text.rotate::after {
	transform: rotate(-90deg);
}

/*over*/
@media (min-width: 1101px) {
	.lower_page_navi li a {
		font-size: 1.32rem;
	}
}

/*under*/
@media (max-width: 1100px) and (min-width: 897px) {
	.lower_page_navi li a {
		font-size: 1.25rem;
	}
}

/*PC and TABLET ( and SP landscape )*/
@media (min-width: 480px) {
	.lower_page_navi {
		margin: 0 0 80px;
	}

	.lower_page_navi .inner {
		max-width: 1350px;
	}

	.lower_page_navi li:first-child a:hover {
		background: rgba(0, 39, 235, 0.7);
	}

	.lower_page_navi li:nth-child(2) a:hover {
		background: rgba(0, 39, 235, 0.7);
	}

	.lower_page_navi li:nth-child(3) a:hover {
		background: rgba(0, 39, 235, 0.7);
	}

	.lower_page_navi li:last-child a:hover {
		background: rgba(0, 39, 235, 0.7);
	}

	.lower_page_navi li a .text::after {
		width: 22px;
		height: 13px;
		right: 23px;
	}
}

/*PC ( and TABLET landscape )*/
@media (min-width: 897px) {
	.lower_page_navi li {
		float: left;
		width: 49%;
	}

	.lower_page_navi li:nth-child(2) {
		margin: 0 0.5%;
	}

	.lower_page_navi li:nth-child(3) {
		margin: 0 0.5% 0 0;
	}

	.lower_page_navi li a,
	.lower_page_navi li a .text {
		height: 100px;
	}

	.lower_page_navi li a {
		transform: skewX(10deg);
	}

	.lower_page_navi li a .text {
		transform: skewX(-10deg);
	}
}

/*TABLET ( and SP landscape )*/
@media (min-width: 480px) and (max-width: 896px) {

	.lower_page_navi li a,
	.lower_page_navi li a .text {
		height: 60px;
	}

	.lower_page_navi li a {
		font-size: 22px;
	}
}

/*SP ( only portrait )*/
@media (max-width: 479px) {
	.lower_page_navi {
		margin: 0 0 12vw;
	}

	.lower_page_navi li a,
	.lower_page_navi li a .text {
		height: 12vw;
	}

	.lower_page_navi li a {
		font-size: 4.8vw;
	}

	.lower_page_navi li a .text::after {
		width: 4.53vw;
		height: 2.67vw;
		right: 5.33vw;
	}
}

/*-------------------------------
.lower_content_wrap
-------------------------------*/
.lower_content_wrap.bg {
	background: #f0f3f7;
}

.lower_content_wrap .title {
	display: inline-block;
	color: #4f8aff;
	font-family: 'Sawarabi Mincho', sans-serif;
}

.lower_content_wrap.bg .title {
	color: #0954eb;
}

/*PC and TABLET ( and SP landscape )*/
@media (min-width: 480px) {
	.lower_content_wrap {
		padding: 80px 0;
	}

	.lower_content_wrap .title {
		font-size: 36px;
		padding: 0 62px 30px;
		margin: 0 0 60px;
		border-bottom: 1px solid #4f8aff;
	}

	.lower_content_wrap.bg .title {
		border-bottom: 1px solid #0954eb;
	}
}

/*TABLET and SP ( not TABLET landscape )*/
@media (max-width: 896px) {
	.lower_content_wrap .title {
		line-height: 1.2;
	}
}

/*SP ( only portrait )*/
@media (max-width: 479px) {
	.lower_content_wrap {
		padding: 12vw 0;
	}

	.lower_content_wrap .title {
		font-size: 6.4vw;
		padding: 0 13.33vw 4vw;
		margin: 0 0 8vw;
		border-bottom: 0.27vw solid #4f8aff;
	}

	.lower_content_wrap.bg .title {
		border-bottom: 0.27vw solid #0954eb;
	}
}

/*****************************************
welfare.html
*****************************************/
/*---------------------------
.lower_content_wrap.welfare 
---------------------------*/
.lower_content_wrap.welfare .list_wrap ul {
	display: flex;
}

.lower_content_wrap.welfare .list_wrap li {
	background: #f9f9f9;
}

.lower_content_wrap.welfare.bg .list_wrap li {
	background: #fff;
}

.lower_content_wrap.welfare .list_wrap li:last-child {
	margin: 0;
}

.lower_content_wrap.welfare .list_wrap li dt {
	color: #fff;
	box-sizing: border-box;
}

.lower_content_wrap.welfare .list_wrap li dt span.number {
	position: relative;
	display: block;
	font-family: 'M PLUS 1p', sans-serif;
}

.lower_content_wrap.welfare .list_wrap li dt span::after {
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.lower_content_wrap.welfare .list_wrap li dt .heading {
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.17;
}

.lower_content_wrap.welfare .list_wrap li dd .subtitle {
	color: #4f8aff;
	line-height: 1.2;
	font-family: 'Sawarabi Mincho', sans-serif;
}

.lower_content_wrap.bg.welfare .list_wrap li dd .subtitle {
	color: #0954eb;
}

.lower_content_wrap.welfare .list_wrap li dd .text {
	text-align: left;
	line-height: 1.5;
}

@media (min-width: 1101px) {
	.lower_content_wrap.welfare .list_wrap li dt .heading {
		font-size: 28px;
	}
}

@media (max-width: 1100px) {
	.lower_content_wrap.welfare .list_wrap li dt .heading {
		font-size: 26px;
	}
}

@media (min-width: 480px) {
	.lower_first_block.welfare {
		padding: 80px 0 0;
	}

	.lower_content_wrap.welfare .inner {
		max-width: 1380px;
	}

	.lower_content_wrap.welfare .list_wrap li dt {
		height: 246px;
	}

	/* .lower_dt1 {
		background: url('img/welfare_cw4_list2.jpg') no-repeat;
		background-size: cover;
		background-position: top left;
	}
	.lower_dt2 {
		background: url('img/welfare_cw4_list3.jpg') no-repeat;
		background-size: cover;
		background-position: top right;
	} */
	.lower_content_wrap.welfare.part1 .list_wrap li:first-child dt {
		background: url('img/welfare_cw1_list1.jpg') no-repeat;
		background-size: cover;
		background-position: top center;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:nth-child(2) dt {
		background: url('img/welfare_cw1_list2.jpg') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:nth-child(3) dt {
		background: url('img/welfare_cw1_list3.jpg') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:last-child dt {
		background: url('img/welfare_cw_list4.jpg') no-repeat;
		background-size: cover;
		background-position: top center;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:first-child dt {
		background: url('img/welfare_cw2_list1.jpg') no-repeat;
		background-size: cover;
		background-position: top center;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:nth-child(2) dt {
		background: url('img/welfare_cw2_list2.jpg') no-repeat;
		background-size: cover;
		background-position: top right;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:nth-child(3) dt {
		background: url('img/welfare_cw2_list3.jpg') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:last-child dt {
		background: url('img/welfare_cw2_list4.jpg') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:first-child dt {
		background: url('img/welfare_cw3_list1.jpg') no-repeat;
		background-size: cover;
		background-position: top center;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:nth-child(2) dt {
		background: url('img/welfare_cw3_list2.jpg') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:nth-child(3) dt {
		background: url('img/welfare_cw3_list3.jpg') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:last-child dt {
		background: url('img/welfare_cw3_list4.jpg') no-repeat;
		background-size: cover;
		background-position: top center;
	}

	.lower_content_wrap.welfare .list_wrap li dt span::after {
		width: 140px;
		height: 1px;
	}

	.lower_content_wrap.welfare .list_wrap li dt .heading {
		padding: 0 5px;
	}

	.lower_content_wrap.welfare .list_wrap li dd {
		padding: 30px 15px 40px;
	}

	.lower_content_wrap.welfare .list_wrap li dd .subtitle {
		font-size: 20px;
	}
}

@media (min-width: 897px) {
	.lower_content_wrap.welfare .list_wrap li {
		width: 25%;
		margin: 0 4px 0 0;
	}

	.lower_content_wrap.welfare .list_wrap li dt {
		padding: 32px 0 0;
	}

	.lower_content_wrap.welfare .list_wrap li dt span.number {
		font-size: 68px;
		padding: 0 0 27px;
		margin: 0 0 22px;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:last-child dt span.number,
	.lower_content_wrap.welfare.part3 .list_wrap li:first-child dt span.number {
		padding: 0 0 17px;
		margin: 0 0 12px;
	}

	.lower_content_wrap.welfare .list_wrap li dd .subtitle {
		margin: 0 0 30px;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	.lower_content_wrap.welfare .list_wrap li {
		margin: 0 0 30px;
	}

	.lower_content_wrap.welfare .list_wrap li dl {
		display: table;
	}

	.lower_content_wrap.welfare .list_wrap li dt,
	.lower_content_wrap.welfare .list_wrap li dd {
		display: table-cell;
		vertical-align: middle;
	}

	.lower_content_wrap.welfare .list_wrap li dt {
		width: 45%;
	}

	.lower_content_wrap.welfare .list_wrap li dt span.number {
		font-size: 62px;
		padding: 0 0 16px;
		margin: 0 0 18px;
	}

	.lower_content_wrap.welfare .list_wrap li dt .heading {
		font-size: 24px;
	}

	.lower_content_wrap.welfare .list_wrap li dd .subtitle {
		margin: 0 0 15px;
	}
}

@media (max-width: 896px) {
	.lower_content_wrap .title {
		line-height: 1.2;
	}

	.lower_content_wrap.welfare .list_wrap ul {
		flex-wrap: wrap;
	}

	.lower_content_wrap.welfare .list_wrap li {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.lower_first_block.welfare {
		padding: 12vw 0 0;
	}

	.lower_content_wrap.welfare .list_wrap li {
		margin: 0 0 4vw;
	}

	.lower_content_wrap.welfare .list_wrap li dt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 40vw;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:first-child dt {
		background: url(img/welfare_cw1_list1_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:nth-child(2) dt {
		background: url(img/welfare_cw1_list2_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:nth-child(3) dt {
		background: url(img/welfare_cw1_list3_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part1 .list_wrap li:last-child dt {
		background: url(img/welfare_cw1_list4_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:first-child dt {
		background: url(img/welfare_cw2_list1_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:nth-child(2) dt {
		background: url(img/welfare_cw2_list2_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:nth-child(3) dt {
		background: url(img/welfare_cw2_list3_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part2 .list_wrap li:last-child dt {
		background: url(img/welfare_cw2_list4_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:first-child dt {
		background: url(img/welfare_cw3_list1_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:nth-child(2) dt {
		background: url(img/welfare_cw3_list2_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:nth-child(3) dt {
		background: url(img/welfare_cw3_list3_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare.part3 .list_wrap li:last-child dt {
		background: url(img/welfare_cw3_list4_sp.jpg) no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.welfare .list_wrap li dt span.number {
		font-size: 13.33vw;
		padding: 0 0 2.13vw;
		margin: 0 0 2.67vw;
	}

	.lower_content_wrap.welfare .list_wrap li dt span::after {
		width: 37.33vw;
		height: 0.27vw;
	}

	.lower_content_wrap.welfare .list_wrap li dt .heading {
		font-size: 6.4vw;
	}

	.lower_content_wrap.welfare .list_wrap li dd {
		padding: 4vw;
	}

	.lower_content_wrap.welfare .list_wrap li dd .subtitle {
		font-size: 4.8vw;
		margin: 0 0 2.67vw;
	}
}

/*****************************************
guide.html
*****************************************/
.lower_content_wrap.guide {
	overflow: hidden;
}

.lower_content_wrap.guide .title+.subtitle {
	color: #4f8aff;
	font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '羝御篏', ' ProN', 'Hiragino Mincho ProN', sans-serif;
	font-weight: bold;
	line-height: 1.5;
}

.lower_content_wrap.bg.guide .title+.subtitle {
	color: #0954eb;
	position: relative;
	z-index: 2;
}

.lower_content_wrap.guide .content_block {
	position: relative;
}

.lower_content_wrap.guide .layout_wrap .img_block,
.lower_content_wrap.guide .layout_wrap .text_block {
	position: relative;
}

.lower_content_wrap.guide .layout_wrap .img_block .image {
	position: relative;
	z-index: 1;
}

.lower_content_wrap.guide .layout_wrap .img_block .image::before {
	content: '';
	display: block;
	z-index: -1;
	position: absolute;
}

.lower_content_wrap.guide .nuro {
	width: 100%;
	position: relative;
	background: #fff;
	box-sizing: border-box;
	text-align: left;
	z-index: 5;
}

.lower_content_wrap.guide .layout_wrap .text_block {
	box-sizing: border-box;
	z-index: 2;
}

.lower_content_wrap.guide .layout_wrap .text_block p {
	line-height: 2;
	text-align: left;
	margin: 0 0 1em;
}

.lower_content_wrap.guide .layout_wrap .text_block p:last-of-type {
	margin: 0;
}

/*over*/
@media (min-width: 1101px) {
	#business1.lower_content_wrap.guide.bg .layout_wrap .text_block {
		padding: 1em 0 3em 40px;
	}

	.lower_content_wrap.guide .nuro {
		max-width: 780px;
		transform: translate(0, -15%);
		margin: 0 auto;
	}

	.lower_content_wrap.guide .nuro .logo_img {
		width: 30%;
	}

	.lower_content_wrap.guide .nuro .text {
		width: 70%;
		padding: 0 0 0 30px;
	}
}

/*under*/
@media (max-width: 1100px) and (min-width: 480px) {
	.lower_content_wrap.guide .nuro {
		margin: 30px auto 0;
	}

	.lower_content_wrap.guide .nuro .logo_img {
		width: 25%;
	}

	.lower_content_wrap.guide .nuro .text {
		width: 75%;
	}
}

/*PC and TABLET ( and SP landscape )*/
@media (min-width: 480px) {
	.lower_first_block.guide {
		padding: 60px 0 0;
	}

	.lower_first_block.guide .lead {
		line-height: 2;
		margin: 0 0 40px;
	}

	.lower_content_wrap.guide .title {
		margin: 0 0 40px;
	}

	.lower_content_wrap.guide .title+.subtitle {
		font-size: 30px;
		margin: 0 0 60px;
	}

	.lower_content_wrap.guide .inner {
		max-width: 1365px;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image::before {
		background: url('img/guide_cw_img_bg.png') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.bg.guide .layout_wrap .img_block .image::before {
		background: url('img/guide_cwbg_img_bg.png') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.guide .nuro {
		padding: 15px;
		display: table;
	}

	.lower_content_wrap.guide .nuro .logo_img,
	.lower_content_wrap.guide .nuro .text {
		display: table-cell;
		vertical-align: top;
		box-sizing: border-box;
	}

	.lower_content_wrap.guide .nuro .text {
		padding: 0 0 0 30px;
		line-height: 2;
	}
}

/*PC ( and TABLET landscape )*/
@media (min-width: 897px) {
	.lower_content_wrap.guide .layout_wrap {}

	.lower_content_wrap.guide .layout_wrap .img_block,
	.lower_content_wrap.guide .layout_wrap .text_block {
		float: left;
	}

	.lower_content_wrap.guide .layout_wrap .img_block {
		width: 45%;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image {
		width: 100%;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image::before {
		width: 769px;
		height: 590px;
		top: -92px;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image::before {
		right: 73px;
	}

	.lower_content_wrap.bg.guide .layout_wrap .img_block .image::before {
		left: 73px;
	}

	.lower_content_wrap.guide .layout_wrap .text_block {
		width: 55%;
		padding: 1em 40px 0 0;
	}

	.lower_content_wrap.guide.bg .layout_wrap .text_block {
		padding: 1em 0 0 40px;
	}
}

/*TABLET ( and SP landscape )*/
@media (min-width: 480px) and (max-width: 896px) {
	.lower_content_wrap.guide .layout_wrap .img_block .image {
		margin: 0 auto 30px;
		width: 80%;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image::before {
		right: -12.5%;
		width: 94.79vw;
		height: 72.79vw;
		top: -70px;
	}

	.lower_content_wrap.bg.guide .layout_wrap .img_block .image::before {
		left: -12.5%;
	}

	.lower_content_wrap.guide .nuro .text {
		font-size: 14px;
	}
}

/*SP ( only portrait )*/
@media (max-width: 479px) {
	.lower_first_block.guide {
		padding: 9.33vw 0 0;
	}

	.lower_first_block.guide .lead {
		text-align: left;
		line-height: 1.6;
		margin: 0 0 4vw;
	}

	.lower_content_wrap.bg.guide .title {
		margin: 0 0 4vw;
	}

	.lower_content_wrap.guide .title+.subtitle {
		font-size: 4.8vw;
		margin: 0 0 5.33vw;
	}

	.lower_content_wrap.guide .layout_wrap .text_block p {
		line-height: 1.6;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image {
		width: 90%;
		margin: 0 auto 4vw;
	}

	.lower_content_wrap.guide .layout_wrap .img_block .image::before {
		background: url('img/guide_cw_img_bg_sp.png') no-repeat;
		background-size: cover;
		width: 91.2vw;
		height: 70vw;
		top: -9.33vw;
		left: -4vw;
	}

	.lower_content_wrap.bg.guide .layout_wrap .img_block .image::before {
		background: url('img/guide_cwbg_img_bg_sp.png') no-repeat;
		background-size: cover;
	}

	.lower_content_wrap.guide .nuro {
		padding: 4vw;
		margin: 4vw 0 0;
	}

	.lower_content_wrap.guide .nuro .logo_img {
		width: 30%;
		float: left;
		margin: 0 4vw 2vw 0;
	}

	.lower_content_wrap.guide .nuro .text {
		font-size: 3.73vw;
		line-height: 1.6;
	}
}

/*****************************************
voice.html
*****************************************/
.lower_content_wrap.voice .content_block {
	display: none;
}

.lower_content_wrap.voice .content_block.active {
	display: block;
	opacity: 1;
}

.lower_first_block.voice .title_area .title {
	color: #0954eb;
	font-family: 'Sawarabi Mincho', sans-serif;
	line-height: 1.4;
}

.lower_first_block.voice .title_area .lead {
	line-height: 1.5;
}

.lower_first_block.voice .voice_page_navi ul {
	display: flex;
	justify-content: space-between;
}

.lower_first_block.voice .voice_page_navi li {
	box-sizing: border-box;
}

.lower_first_block.voice .voice_page_navi li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.lower_first_block.voice .voice_page_navi li:first-child a {
	background: url('img/voice_page_navi_list1.jpg') no-repeat top center;
	background-size: cover;

}

.lower_first_block.voice .voice_page_navi li:nth-child(2) a {
	background: url('img/voice_page_navi_list2.jpg') no-repeat top center;
	background-size: cover;

}

.lower_first_block.voice .voice_page_navi li:nth-child(3) a {
	background: url('img/voice_page_navi_list3.jpg') no-repeat top center;
	background-size: cover;
}

.lower_first_block.voice .voice_page_navi li:nth-child(4) a {
	background: url('img/voice_page_navi_list4.jpg') no-repeat top center;
	background-size: cover;
}

.lower_first_block.voice .voice_page_navi li:nth-child(5) a {
	background: url('img/voice_page_navi_list5.jpg') no-repeat top center;
	background-size: cover;
}

.lower_first_block.voice .voice_page_navi li:last-child a {
	background: url('img/voice_page_navi_list6.jpg') no-repeat;
	background-size: cover;
}

.lower_first_block.voice .voice_page_navi li a::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s;
}

.lower_first_block.voice .voice_page_navi li a.select::after {
	content: none;
}

.lower_first_block.voice .voice_page_navi li .info {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: .4s;
}

.lower_first_block.voice .voice_page_navi li a.select .info {
	background: rgba(0, 44, 96, 0.5);
}

.lower_first_block.voice .voice_page_navi li .info .affiliation,
.lower_first_block.voice .voice_page_navi li .info .name {
	position: relative;
	z-index: 2;
}

.lower_first_block.voice .voice_page_navi li .info .affiliation {
	display: block;
	line-height: 1.2;
}

.lower_content_wrap.voice .content_block .photo_text {
	box-sizing: border-box;
	width: 100%;
}

.lower_content_wrap.voice .content_block .photo_text .photo_area {
	text-align: left;
	box-sizing: border-box;
}

.lower_content_wrap.voice .content_block .photo_text .photo_area .photo {
	position: relative;
	width: 100%;
	padding-bottom: calc(100%*600/460);
	z-index: 2;
	background-position: center center;
}

.lower_content_wrap.voice #voice1.content_block .photo_text .photo_area .photo {
	background: url('img/voice1_photo.jpg') no-repeat;
	background-size: cover;
}

.lower_content_wrap.voice #voice2.content_block .photo_text .photo_area .photo {
	background: url('img/voice2_photo.jpg') no-repeat;
	background-size: cover;
}

.lower_content_wrap.voice #voice3.content_block .photo_text .photo_area .photo {
	background: url('img/voice3_photo.jpg') no-repeat;
	background-size: cover;
}

.lower_content_wrap.voice #voice4.content_block .photo_text .photo_area .photo {
	background: url('img/voice4_photo.jpg') no-repeat;
	background-size: cover;
}

.lower_content_wrap.voice #voice5.content_block .photo_text .photo_area .photo {
	background: url('img/voice5_photo.jpg') no-repeat;
	background-size: cover;
}

.lower_content_wrap.voice #voice6.content_block .photo_text .photo_area .photo {
	background: url('img/voice6_photo.jpg') no-repeat;
	background-size: cover;
}

.lower_content_wrap.voice .content_block .photo_text .photo_area::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: calc(100%*600/460);
	background: url('img/voice_photo_bg.jpg') no-repeat;
	background-size: auto 100%;
	position: absolute;
	z-index: 1;
}

.lower_content_wrap.voice .content_block .photo_text .text_area {
	text-align: left;
}

.lower_content_wrap.voice .content_block .photo_text .text_area .title_area {
	background: #0954eb;
}

.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .title {
	text-align: left;
	line-height: 1.3;
	color: #fff;
	padding: 0;
	border-bottom: none;
}

.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info {
	font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
	color: #fff;
}

.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a {
	color: #0954eb;
}

.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a .question_no {
	color: #5691d8;
}

.lower_content_wrap.voice .content_block .qa_wrap {
	text-align: left;
}

.lower_content_wrap.voice .content_block .qa_wrap dt {
	color: #0954eb;
}

.lower_content_wrap.voice .content_block .qa_wrap dt .question_no {
	display: inline-block;
	position: relative;
	text-align: center;
	color: #fff;
	background: #0954eb;
}

.lower_content_wrap.voice .content_block .qa_wrap dt .question_no::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #ea460a;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

/*over*/
@media (min-width: 1101px) {
	.lower_first_block.voice .voice_page_navi li .info .affiliation {
		font-size: 14px;
	}

	.lower_first_block.voice .voice_page_navi li .info .name {
		font-size: 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area {
		padding: 0 0 50px 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area::before {
		top: 50px;
		left: -50px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area {
		padding: 30px 0 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area {
		padding: 45px 60px;
		margin: 0 0 35px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .title {
		font-size: 40px;
		margin: 0 0 30px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .affiliation {
		font-size: 26px;
		margin: 0 0 15px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .name {
		font-size: 34px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi {
		padding: 0 60px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li {
		margin: 0 0 1.8em;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a {
		font-size: 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a .question_no {
		margin: 0 28px 0 0;
	}
}

/*under*/
@media (max-width: 1100px) and (min-width: 480px) {
	.lower_first_block.voice .voice_page_navi li .info .affiliation {
		font-size: 12px;
	}

	.lower_first_block.voice .voice_page_navi li .info .name {
		font-size: 16px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li {
		margin: 0 0 1em;
	}
}

@media (max-width: 1100px) and (min-width: 897px) {
	.lower_content_wrap.voice .content_block .photo_text .photo_area {
		padding: 0 0 30px;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area::before {
		top: 30px;
		left: -30px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area {
		padding: 30px 0 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area {
		padding: 30px 40px;
		margin: 0 0 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .title {
		font-size: 30px;
		margin: 0 0 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .affiliation {
		font-size: 20px;
		margin: 0 0 10px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .name {
		font-size: 26px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi {
		padding: 0 40px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a {
		font-size: 18px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a .question_no {
		margin: 0 1em 0 0;
	}
}

/*PC and TABLET ( and SP landscape )*/
@media (min-width: 480px) {
	.lower_first_block.voice {
		padding: 60px 0 0;
		margin: 0 0 40px;
	}

	.lower_first_block.voice .inner {
		max-width: 1340px;
	}

	.lower_first_block.voice .title_area {
		margin: 0 0 40px;
	}

	.lower_first_block.voice .title_area .title {
		font-size: 30px;
		margin: 0 0 20px;
	}

	.lower_first_block.voice .voice_page_navi li:last-child a {
		background-position: top center;
	}

	.lower_first_block.voice .voice_page_navi li a:hover::after {
		background: transparent;
	}

	.lower_first_block.voice .voice_page_navi li a:hover .info {
		background: rgba(0, 44, 96, 0.5);
	}

	.lower_first_block.voice .voice_page_navi li .info {
		padding: 15px 0.3em;
	}

	.lower_first_block.voice .voice_page_navi li .info .affiliation {
		margin: 0 0 5px;
	}

	.lower_content_wrap.voice {
		padding: 0 0 120px;
	}

	.lower_content_wrap.voice .content_block .photo_text {
		margin: 0 0 40px;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area,
	.lower_content_wrap.voice .content_block .photo_text .text_area {
		float: left;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area {
		position: relative;
		width: 34%;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area {
		width: 66%;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .affiliation {
		display: block;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt .question_no {
		font-size: 16px;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt .question_no::after {
		border-width: 6px 0 6px 6px;
		right: -6px;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dd {
		line-height: 1.5;
	}
}

/*PC ( and TABLET landscape )*/
@media (min-width: 897px) {
	.lower_first_block.voice .title_area .title {
		font-size: 30px;
	}

	.lower_first_block.voice .voice_page_navi li {
		width: 16%;
		height: 280px;
	}

	.lower_content_wrap.voice .content_block .photo_text {
		padding: 0 0 0 6.4%;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dl {
		margin: 0 0 40px;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt {
		font-size: 24px;
		margin: 0 0 30px
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt .question_no {
		width: 60px;
		height: 46px;
		line-height: 46px;
		margin: 0 24px 0 0;
	}
}

/*TABLET ( and SP landscape )*/
@media (min-width: 480px) and (max-width: 896px) {
	.lower_first_block.voice .title_area .title {
		font-size: 26px;
	}

	.lower_first_block.voice .voice_page_navi li {
		width: 32%;
		margin: 0 0 1em;
		height: 250px;
	}

	.lower_content_wrap.voice .content_block .photo_text {
		padding: 0 0 0 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area {
		padding: 0 0 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area::before {
		top: 20px;
		left: -20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area {
		padding: 20px 0 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area {
		padding: 20px;
		margin: 0 0 30px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .title {
		font-size: 26px;
		margin: 0 0 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .affiliation {
		margin: 0 0 10px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .name {
		font-size: 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi {
		padding: 0 20px;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a .question_no {
		margin: 0 12px 0 0;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dl {
		margin: 0 0 20px;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt {
		font-size: 20px;
		margin: 0 0 15px
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt .question_no {
		width: 55px;
		height: 37px;
		line-height: 37px;
		margin: 0 18px 0 0;
	}
}

/*TABLET and SP ( not TABLET landscape )*/
@media (max-width: 896px) {
	.lower_first_block.voice .voice_page_navi ul {
		flex-wrap: wrap;
	}
}

/*SP ( only portrait )*/
@media (max-width: 479px) {
	.lower_first_block.voice {
		padding: 12vw 0 0;
		margin: 0 0 40px;
	}

	.lower_first_block.voice .title_area {
		margin: 0 0 8vw;
	}

	.lower_first_block.voice .title_area .title {
		font-size: 6.4vw;
		margin: 0 0 2vw;
	}

	.lower_first_block.voice .title_area .lead {
		text-align: left;
	}

	.lower_first_block.voice .voice_page_navi li {
		width: 49%;
		height: 45.33vw;
		margin: 0 0 0.5em;
	}

	.lower_first_block.voice .voice_page_navi li:last-child a {
		background-position: center -4vw;
	}

	.lower_first_block.voice .voice_page_navi li a .info {
		padding: 2.13vw 0.3em;
	}

	.lower_first_block.voice .voice_page_navi li .info .affiliation {
		font-size: 3.2vw;
		margin: 0 0 1.33vw;
	}

	.lower_content_wrap.voice {
		padding: 0 0 10vw;
	}

	.lower_content_wrap.voice .content_block .photo_text {
		position: relative;
		margin: 0 0 8vw;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area {
		position: absolute;
		padding: 0 0 2.67vw 2.67vw;
		bottom: 0;
		left: 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area .photo {
		width: 34.67vw;
		height: 45.87vw;
		padding: 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .photo_area::before {
		width: 34.67vw;
		height: 45.87vw;
		padding: 0;
		top: 2.67vw;
		left: -2.67vw;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area {
		padding: 4vw;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .title {
		font-size: 5.87vw;
		margin: 0 0 2vw;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .affiliation {
		font-size: 3.73vw;
		margin: 0 0.5em 0 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .title_area .info .name {
		font-size: 4.53vw;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi {
		width: 60%;
		position: relative;
		bottom: 0;
		left: 40%;
		padding: 8vw 0;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li {
		margin: 0 0 1em;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a {
		font-size: 3.73vw;
	}

	.lower_content_wrap.voice .content_block .photo_text .text_area .question_navi li a .question_no {
		margin: 0 0.5em 0 0;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dl {
		margin: 0 0 5.33vw;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt {
		margin: 0 0 4vw;
		font-size: 4.8vw;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt .question_no {
		font-size: 3.73vw;
		width: 10.67vw;
		height: 7.2vw;
		line-height: 7.2vw;
		margin: 0 1em 0 0;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dt .question_no::after {
		border-width: 1.6vw 0 1.6vw 1.6vw;
		right: -1.6vw;
	}

	.lower_content_wrap.voice .content_block .qa_wrap dd {
		line-height: 1.7;
	}
}

/*--------------------------contact--------------------------*/
#lower_kv.contact .bgwrap {
	background: url(http://cloud-co.net/wp-content/uploads/2024/10/pc_back.jpg) no-repeat center top;
	background-size: cover;
}

.lower_content_wrap.contact {
	line-height: 1.7;
}

.lower_content_wrap.contact .lead_box {
	background: #eee;
}

.lower_content_wrap.contact .lead_box a {
	text-decoration: underline;
	color: #0b358b;
}

.lower_content_wrap.contact .lead_box a:hover {
	text-decoration: none;
}

.lower_content_wrap.contact .contact_table {
	text-align: left;
	background: #f0f3f7;
}

.lower_content_wrap.contact .contact_table table {
	width: 100%;
}

.lower_content_wrap.contact .contact_table tr th,
.lower_content_wrap.contact .contact_table tr td {
	line-height: 1.7;
	box-sizing: border-box;
}

.lower_content_wrap.contact .contact_table tr td {
	border-bottom: 1px solid #d8dfe8;
}

.lower_content_wrap.contact .contact_table tr:last-child th,
.lower_content_wrap.contact .contact_table tr:last-child td {
	border: none;
}

.lower_content_wrap.contact .contact_table tr th .imp {
	display: inline-block;
	background: #bd0000;
	color: #fff;
	border-radius: 3px;
}

.lower_content_wrap.contact .contact_table tr td input,
.lower_content_wrap.contact .contact_table tr td textarea {
	border: 1px solid #c6c6c6;
	width: 100%;
	box-sizing: border-box;
	outline: none;
}

.lower_content_wrap.contact .contact_table tr td select {
	border: 1px solid #c6c6c6;
	outline: none;
}

.lower_content_wrap.contact .contact_table tr td textarea {
	resize: vertical;
}

.lower_content_wrap.contact .mw_wp_form_confirm .contact_table tr td {
	font-weight: bold;
}

.lower_content_wrap.contact .contact_table .submit {
	text-align: center;
}

.lower_content_wrap.contact .submit input[type="submit"] {
	position: relative;
	display: inline-block;
	color: #f0f3f7;
	background: #0954eb;
	margin: 0 auto;
	overflow: hidden;
	z-index: 2;
	border: none;
	cursor: pointer;
	transition: .4s;
}

.lower_content_wrap.contact .submit input[type="submit"]:before {
	content: '';
	width: 8px;
	height: 15px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15'%3E%3Cpath fill='%23002c60' d='M0.885,0L8,7.5l-0.89.937L-0.005.937ZM7.111,6.562L8,7.5,0.885,15l-0.89-.938Z'/%3E%3C/svg%3E%0A");
	right: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.lower_content_wrap.contact .submit input[type="submit"]:hover {
	opacity: 0.7;
}

@media(min-width: 480px) {
	.lower_content_wrap.contact .lead_box {
		margin: 0 auto 30px;
		padding: 20px;
	}

	.lower_content_wrap.contact .contact_table {
		font-size: 16px;
		padding: 10px 30px;
		margin: 0 0 40px;
	}

	.lower_content_wrap.contact .contact_table tr th,
	.lower_content_wrap.contact .contact_table tr td {
		padding: 25px 10px;
	}

	.lower_content_wrap.contact .contact_table tr th {
		width: 26%;
		border-bottom: 1px solid #d8dfe8;
	}

	.lower_content_wrap.contact .contact_table tr th .imp {
		margin: 0 0 0 10px;
		padding: 0 10px;
		font-size: 14px;
	}

	.lower_content_wrap.contact .contact_table tr td input {
		border: 1px solid #c6c6c6;
		width: 100%;
		line-height: 46px;
		padding: 0 5px;
		box-sizing: border-box;
	}

	.lower_content_wrap.contact .contact_table tr td textarea {
		line-height: 1.7;
		padding: 10px;
	}

	.lower_content_wrap.contact .contact_table tr td select {
		height: 46px;
	}

	.lower_content_wrap.contact .contact_table .submit {
		margin: 50px 0 0 0;
	}

	.lower_content_wrap.contact.finish {
		padding: 150px 0;
	}

	.lower_content_wrap.contact.finish .finish_txt {
		font-size: 22px;
	}

	.lower_content_wrap.contact .contact_table tr td input[type="text"] {
		max-width: 236px;
		width: 100%;
	}

	.lower_content_wrap.contact .contact_table tr td.full input[type="text"] {
		max-width: none;
	}

	.lower_content_wrap.contact .submit input[type="submit"] {
		width: 340px;
		line-height: 80px;
		font-size: 16px;
		border: none;
	}
}

@media(max-width: 8976px) {}

@media(max-width: 479px) {
	#lower_kv.contact .bgwrap {
		background: url(http://cloud-co.net/wp-content/uploads/2024/10/sp_back.jpg) no-repeat;
		background-size: 100% auto;
	}

	.lower_content_wrap.contact .lead_box {
		padding: 3vw;
		margin: 0 0 5vw;
		text-align: left;
	}

	.lower_content_wrap.contact .contact_table {
		padding: 4vw;
		margin: 0 0 5vw;
	}

	.lower_content_wrap.contact .contact_table table,
	.lower_content_wrap.contact .contact_table table tbody,
	.lower_content_wrap.contact .contact_table table tr {
		display: block;
	}

	.lower_content_wrap.contact .contact_table tr th,
	.lower_content_wrap.contact .contact_table tr td {
		display: block;
		width: 100%;
	}

	.lower_content_wrap.contact .contact_table tr th {
		padding: 2.67vw 1.33vw 1.33vw 1.33vw;
	}

	.lower_content_wrap.contact .contact_table tr td {
		padding: 1.33vw 1.33vw 2.67vw 1.33vw;
	}

	.lower_content_wrap.contact .contact_table tr th .imp {
		font-size: 3.5vw;
		margin: 0 0 0 3vw;
		padding: 0 2.5vw;
	}

	.lower_content_wrap.contact .contact_table tr td input {
		line-height: 10vw;
		padding: 0 2vw;
	}

	.lower_content_wrap.contact .contact_table tr td textarea {
		padding: 2vw;
	}

	.lower_content_wrap.contact .contact_table tr td select {
		height: 11vw;
		width: 100%;
	}

	.lower_content_wrap.contact .submit input[type="submit"] {
		width: 80%;
		line-height: 17.33vw;
		font-size: 4vw;
	}

	.lower_content_wrap.contact .submit {
		margin: 10vw 0 0 0;
	}

	.lower_content_wrap.contact.finish {
		padding: 20vw 0;
	}
}

/*-----------------------------privacy-----------------------------*/
#lower_kv.privacy .bgwrap {
	background: url(img/s_bgpc01.jpg) no-repeat center top;
	background-size: cover;
}

.lower_content_wrap.privacy {
	text-align: left;
	line-height: 1.7;
}

.lower_content_wrap.privacy .privacy_content .box .tit {
	font-weight: bold;
}

@media(min-width: 480px) {
	.lower_content_wrap.privacy .privacy_content .box {
		margin: 0 0 30px;
	}

	.lower_content_wrap.privacy .privacy_content .box .tit {
		margin: 0 0 10px;
		font-size: 18px;
	}
}

@media(max-width: 479px) {
	#lower_kv.privacy .bgwrap {
		background: url(img/s_bgsp01.jpg) no-repeat;
		background-size: 100% auto;
	}

	.lower_content_wrap.privacy .privacy_content .box {
		margin: 0 0 5vw;
	}

	.lower_content_wrap.privacy .privacy_content .box .tit {
		margin: 0 0 2vw;
	}
}

/*-------------------------------recruit-------------------------------*/
#lower_kv.recruit .bgwrap {
	background: url(http://cloud-co.net/wp-content/uploads/2024/10/pc_back.jpg) no-repeat center top;
	background-size: cover;
}

.lower_first_block.recruit .lead_txt {
	line-height: 2;
}

.lower_content_wrap.recruit#system1 {
	background: #f0f3f7;
	padding: 0;
}

.lower_content_wrap.recruit#system1 .inner {
	margin: 0 auto;
	background: url(img/recruit_bg.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
}

.lower_content_wrap.recruit .recruit_box .content .box_tit {
	font-weight: bold;
	font-family: 'Sawarabi Mincho', sans-serif;
	border-top: solid 1px;
	border-bottom: solid 1px;
	color: #0954eb;
}

.lower_content_wrap.recruit .recruit_box .content {
	line-height: 2;
	text-align: left;
	box-sizing: border-box;
}

.lower_content_wrap.recruit .recruit_box .content .bold {
	font-size: 125%;
	font-weight: bold;
}

.lower_content_wrap.recruit .sub_tit {
	font-family: 'Sawarabi Mincho', sans-serif;
	color: #4f8aff;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap {
	text-align: left;
	background: #f0f3f7;
}

.lower_content_wrap.recruit .in_sec:last-child .tbl_wrap {
	margin: 0;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap table {
	width: 100%;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap table tr th,
.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td {
	line-height: 1.4;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td {
	color: #0954eb;
	border-bottom: 1px solid #d8dfe8;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td .ex {
	margin: 1.5em 0 0 0;
	font-size: 95%;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td .bold {
	font-weight: bold;
	font-size: 110%;
	display: block;
	margin: 0 0 5px;
}

.lower_content_wrap.recruit .in_sec .tbl_wrap table tr:last-child th,
.lower_content_wrap.recruit .in_sec .tbl_wrap table tr:last-child td {
	border: none;
}

.lower_content_wrap.recruit#system2 .anchor_box .anchor a {
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
	border: solid 2px #84afc3;
	box-sizing: border-box;
	font-family: 'Sawarabi Mincho', sans-serif;
	color: #4f8aff;
	transition: .4s;
}

.lower_content_wrap.recruit#system2 .anchor_box .anchor a:after {
	content: '';
	display: block;
	background: url(img/lower_page_navi_arrow_white.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.lower_content_wrap.recruit#system2 .anchor_box .anchor a:hover {
	opacity: 0.7;
}

.lower_content_wrap.recruit#system2 .anchor_box .anchor a span {
	display: table-cell;
	vertical-align: middle;
}

.lower_content_wrap.recruit#system2 .anchor_btn a {
	position: relative;
	display: inline-block;
	color: #f0f3f7;
	background: #0954eb;
	margin: 0 auto;
	overflow: hidden;
	z-index: 2;
	transition: .4s;
}

.lower_content_wrap.recruit#system2 .anchor_btn a:after {
	content: '';
	display: block;
	background: url(img/lower_page_navi_arrow.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.lower_content_wrap.recruit#system2 .anchor_btn a:hover {
	opacity: 0.7;
}

.lower_content_wrap.recruit#system3 .tbl_wrap {
	text-align: left;
	background: #fff;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table {
	width: 100%;
	font-size: 16px;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr th,
.lower_content_wrap.recruit#system3 .tbl_wrap table tr td {
	line-height: 1.7;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr td {
	padding: 25px 10px;
	color: #0954eb;
	border-bottom: 1px solid #d8dfe8;
}

.lower_content_wrap.recruit#system3 .mw_wp_form_confirm .tbl_wrap table tr td {
	font-weight: bold;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr th .imp {
	display: inline-block;
	background: #bd0000;
	color: #fff;
	border-radius: 3px;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr:last-child th,
.lower_content_wrap.recruit#system3 .tbl_wrap table tr:last-child td {
	border: none;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr td input {
	outline: none;
	box-sizing: border-box;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr td input[type="text"] {
	width: 100%;
	border: 1px solid #d8dfe8;
	box-sizing: border-box;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr td select {
	border: 1px solid #d8dfe8;
	box-sizing: border-box;
	padding: 0 10px;
	outline: none;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr td.full input[type="text"] {
	max-width: none;
}

.lower_content_wrap.recruit#system3 .tbl_wrap table tr td textarea {
	width: 100%;
	border: 1px solid #d8dfe8;
	resize: vertical;
	outline: none;
	box-sizing: border-box;
}

.lower_content_wrap.recruit#system3 form .submit input[type="submit"] {
	position: relative;
	display: inline-block;
	color: #f0f3f7;
	background: #ea460a;
	margin: 0 auto;
	overflow: hidden;
	z-index: 2;
	border: none;
	cursor: pointer;
	transition: .4s;
}

.lower_content_wrap.recruit#system3 form .submit input[type="submit"]:hover {
	opacity: 0.7;
}

.lower_content_wrap.recruit#system3 .lead_txt {
	line-height: 2;
}

.lower_content_wrap.recruit#system3 .lead_txt a {
	text-decoration: underline;
	color: #0b358b;
}

.lower_content_wrap.recruit#system3 .lead_txt a:hover {
	text-decoration: none;
}

.lower_content_wrap.recruit#system2 .in_sec:last-child {
	margin: 0;
}

@media(min-width: 480px) {
	.lower_content_wrap.recruit#system1 .inner {
		padding: 100px 20px;
	}

	.lower_first_block.recruit {
		padding: 49px 0 0 0;
	}

	.lower_first_block.recruit .lead_txt {
		font-size: 16px;
		margin: 0 0 40px;
	}

	.lower_content_wrap.recruit#system1 .inner {
		max-width: 1370px;
	}

	.lower_content_wrap.recruit#system2 .anchor_box {
		margin: 0 0 41px;
	}

	.lower_content_wrap.recruit .recruit_box .content .box_tit {
		font-size: 30px;
		padding: 33px 0;
		margin: 0 0 43px;
	}

	.lower_content_wrap.recruit .recruit_box .content {
		font-size: 16px;
	}

	.lower_content_wrap.recruit .sub_tit {
		font-size: 30px;
		margin: 0 0 30px;
		padding: 30px 0 0 0;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap {
		padding: 10px 30px;
		margin: 0 0 60px;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table {
		font-size: 16px;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr th {
		border-bottom: 1px solid #d8dfe8;
		width: 26%;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr th .imp {
		margin: 0 0 0 10px;
		padding: 0 10px;
		font-size: 14px;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr th,
	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td {
		padding: 25px 10px;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap {
		padding: 10px 30px;
		margin: 0 0 40px;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr th {
		width: 26%;
		padding: 25px 10px;
		border-bottom: 1px solid #d8dfe8;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td textarea {
		line-height: 1.7;
		padding: 10px;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td input[type="text"] {
		line-height: 45px;
		padding: 0 10px;
		max-width: 236px;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td select {
		height: 46px;
	}

	.lower_content_wrap.recruit#system3 form .submit {
		text-align: center;
	}

	.lower_content_wrap.recruit#system3 form .submit input {
		width: 340px;
		line-height: 80px;
		font-size: 16px;
		border: none;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor a:after {
		width: 22px;
		height: 13px;
		right: 23px;
	}

	.lower_content_wrap.recruit#system2 .in_sec {
		margin: 0 0 50px;
	}

	.lower_content_wrap.recruit#system2 .tbl_wrap {
		margin: 0 0 40px;
	}

	.lower_content_wrap.recruit#system2 .anchor_btn a {
		width: 340px;
		line-height: 80px;
		font-size: 16px;
		border: none;
	}

	.lower_content_wrap.recruit#system3 .lead_txt {
		margin: 0 0 30px;
	}

	.lower_content_wrap.recruit#system2 .anchor_btn a:after {
		width: 22px;
		height: 13px;
		right: 23px;
	}
}

@media(min-width: 897px) {
	.lower_content_wrap.recruit#system2 .anchor_box .anchor {
		float: left;
		width: 49.5%;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor:last-child {
		float: right;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor a {
		height: 87px;
		transform: skewX(10deg);
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor a span {
		transform: skewX(-10deg);
	}

	.lower_content_wrap.recruit .recruit_box {
		margin: 0 0 100px;
	}

	.lower_content_wrap.recruit .recruit_box:last-child {
		margin: 0;
	}

	.lower_content_wrap.recruit .recruit_box:nth-child(odd) .content {
		float: left;
		padding: 0 0 0 40px;
	}

	.lower_content_wrap.recruit .recruit_box .img {
		width: 44.8%;
	}

	.lower_content_wrap.recruit .recruit_box:nth-child(odd) .img {
		float: left;
	}

	.lower_content_wrap.recruit .recruit_box:nth-child(even) .img {
		float: right;
	}

	.lower_content_wrap.recruit .recruit_box:nth-child(even) .content {
		float: left;
		padding: 0 0 0 90px;
	}

	.lower_content_wrap.recruit .recruit_box .content {
		width: 52.2%;
	}

	.lower_content_wrap.recruit .recruit_box .content .box_tit {
		max-width: 400px;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor a:after {
		transform: skewX(-10deg);
	}
}

@media (max-width: 1100px) and (min-width: 897px) {
	.lower_content_wrap.recruit .recruit_box:nth-child(even) .content {
		padding: 0 0 40px;
	}
}

@media (min-width: 480px) and (max-width: 896px) {
	.lower_content_wrap.recruit#system2 .anchor_box .anchor a {
		height: 60px;
	}

	.lower_content_wrap.recruit .recruit_box .img {
		margin: 0 0 30px;
	}

	.lower_content_wrap.recruit .recruit_box {
		margin: 0 0 50px;
	}
}

@media(max-width: 896px) {
	.lower_content_wrap.recruit#system2 .anchor_box .anchor a {
		transform: none;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor:last-child a {
		border-top: none;
	}

	.lower_content_wrap.recruit .recruit_box .img img {
		width: 100%;
	}

	.lower_content_wrap.recruit .recruit_box:last-child {
		margin: 0;
	}
}

@media(max-width: 479px) {
	.lower_content_wrap.recruit#system1 {
		padding: 5vw 0;
	}

	#lower_kv.recruit .bgwrap {
		background: url('http://cloud-co.net/wp-content/uploads/2024/10/sp_back.jpg') no-repeat;
		background-size: 100% auto;
	}

	.lower_content_wrap.recruit#system2 .anchor_box {
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor a {
		height: 12vw;
		font-size: 4.8vw;
	}

	.lower_first_block.recruit {
		padding: 10vw 0 0 0;
	}

	.lower_first_block.recruit .lead_txt {
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit .recruit_box .img img {
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit .recruit_box {
		margin: 0 0 10vw;
	}

	.lower_content_wrap.recruit .recruit_box .content .box_tit {
		padding: 3vw 0;
		margin: 0 0 3vw;
		font-size: 5.5vw;
	}

	.lower_content_wrap.recruit .recruit_box .content .bold {
		font-size: 110%;
	}

	.lower_content_wrap.recruit .sub_tit {
		font-size: 5.5vw;
		margin: 0 0 5vw;
		padding: 5vw 0 0 0;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap {
		padding: 4vw;
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr th,
	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td {
		display: block;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr th {
		padding: 2.67vw 1.33vw 1.33vw 1.33vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr th .imp {
		font-size: 3.5vw;
		margin: 0 0 0 3vw;
		padding: 0 2.5vw;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td {
		padding: 1.33vw 1.33vw 2.67vw 1.33vw;
	}

	.lower_content_wrap.recruit .in_sec .tbl_wrap table tr td .bold {
		margin: 0 0 2vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap {
		padding: 4vw;
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr th,
	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td {
		display: block;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr th {
		padding: 2.67vw 1.33vw 1.33vw 1.33vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td {
		padding: 1.33vw 1.33vw 2.67vw 1.33vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td input[type="text"] {
		line-height: 10vw;
		padding: 0 2vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td textarea {
		padding: 2vw;
	}

	.lower_content_wrap.recruit#system3 .tbl_wrap table tr td select {
		height: 12vw;
		width: 100%;
	}

	.lower_content_wrap.recruit#system3 form .submit input {
		width: 80%;
		line-height: 17.33vw;
		font-size: 4vw;
	}

	.lower_content_wrap.recruit#system2 .anchor_box .anchor a:after {
		width: 4.53vw;
		height: 2.67vw;
		right: 5.33vw;
	}

	.lower_content_wrap.recruit#system3 .lead_txt {
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit#system2 .in_sec {
		margin: 0 0 10vw;
	}

	.lower_content_wrap.recruit#system2 .in_sec .tbl_wrap {
		margin: 0 0 5vw;
	}

	.lower_content_wrap.recruit#system2 .anchor_btn a {
		width: 80%;
		line-height: 17.33vw;
		font-size: 4vw;
	}

	.lower_content_wrap.recruit#system2 .anchor_btn a:after {
		width: 4.53vw;
		height: 2.67vw;
		right: 5.33vw;
	}
}

/*-------------------------------custom-------------------------------*/

#system4 {
	padding: 80px 0;
}

#system4 .inner {
	max-width: 800px;
}

.interview_img {
	margin: 50px 0;
}

.example_holiday {
	/*親div*/
	position: relative;
	/*相対配置*/
}

.example_holiday .main_title_holiday {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	/*文字の装飾は省略*/
	color: white;
	width: 100%;
}


.example_holiday img {
	width: 100%;
}

.unique_title {
	font-size: 36px;
	padding: 0 62px 30px;
	margin: 0 0 60px;
	color: #0954eb;
	border-bottom: 1px solid #0954eb;
	display: inline-block;
	font-family: 'Sawarabi Mincho', sans-serif;
}
}

#system4 .col_2_1,
#system4 .col_2_2 {
	margin: 0px;
	background: #1dd1a1;
}

.main_title_holiday {
	padding: 0 1rem 1rem;
	/*     border-bottom: 6px double #777; */
	font-size: 28px;
	color: #0954eb;
	font-family: 'Sawarabi Mincho', sans-serif;
}

.unique_box {
	color: #555;
	padding: 30px 15px 40px;
}

.unique_box .subtitle {
	color: #0954eb;
	margin: 0px 0 15px;
	font-size: 20px;
	line-height: 1.2;
	font-family: 'Sawarabi Mincho', sans-serif;
}

.unique_box p {
	text-align: left;
}

.img_bg {

	background-color: #4a69bd;

	display: inline-block;

}

.img_bg img {

	opacity: 0.5;

	display: block;

}

/* 2カラム */
*,
*:before,
*:after {
	box-sizing: border-box;
}

.col_2 {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
	/* background-color: #005693;  */
	/* 背景の色 */
	color: #FFF;
	/* 文字の色 */
	text-align: center;
	/* 内容は中央配置 */
}

.col_2>div {
	width: 49%;
	/* padding: 10px; */
	margin: 0 3px;
	background-color: #F9F9F9;
}

@media screen and (min-width: 650px) {
	.br-pc {
		display: block;
	}

	.br-sp {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.col_2>div {
		width: 100%;
	}

	.br-pc {
		display: none;
	}

	.br-sp {
		display: block;
	}
}

@media screen and (max-width: 479px) {
	.col_2>div {
		margin: 0px 0px 13px;
	}

	.unique_title {
		font-size: 6.4vw;
		padding: 0 0 4vw;
		margin: 0 0 8vw;
		border-bottom: 0.27vw solid;
	}

	#system4 {
		padding: 12vw 0 0;
	}

	.box_tit_interview {
		font-size: 4.8vw !important;
		text-align: center;
	}

	.main_title_holiday {
		font-size: 6.3vw;
	}

	.unique_box .subtitle {
		font-size: 4.8vw;
	}

	.interview_img {
		margin: 0;
	}

}

.tbl_style {
	overflow-y: auto;
	height: 350px;
	width: 100%;
}

.top-chara01 {
	width: 200px;
	position: absolute;
	top: -70px;
	right: 0;
}

@media screen and (max-width:768px) {
	.top-chara01 {
		width: 150px;
		top: -10px;
		right: 50%;
		transform: translateX(calc(50% + 230px));
	}
}

@media screen and (max-width:560px) {
	.top-chara01 {
		width: 120px;
		top: -30px;
		transform: translateX(calc(50% + 170px));
	}
}