@charset "UTF-8";

html {
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	line-height: 180%;
	  font-family: "Roboto", sans-serif;
}
*, ::after, ::before {
	background-repeat: no-repeat;
	box-sizing: inherit
}
::after, ::before {
	text-decoration: inherit;
	vertical-align: inherit
}
* {
	padding: 0;
	margin: 0
}
audio:not([controls]) {
	display: none;
	height: 0
}
hr {
	height:1px;
	background-color: #dddee4;
	margin:	5rem 0;
	padding:0;
	border:none;
	clear:both;
		width:100%;
}


article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
summary {
	display: list-item
}
small {
	font-size: 80%;
}
[hidden], template {
	display: none
}
abbr[title] {
	border-bottom: 1px dotted;
	text-decoration: none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
code, kbd, pre, samp {
	font-family: monospace, monospace
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
sub, sup {
	font-size: 75%;
	line-height: 0!important;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
input {
	border-radius: 0
}
[role=button], [type=button], [type=reset], [type=submit], button {
	cursor: pointer
}
[disabled] {
	cursor: default
}
[type=number] {
	width: auto
}
[type=search] {
	-webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
textarea {
	overflow: auto;
	resize: vertical
}
button, input, optgroup, select, textarea {
	font: inherit
}
optgroup {
	font-weight: 700
}
button {
	overflow: visible
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: 0;
	padding: 0
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
	outline: 1px dotted ButtonText
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
button, select {
	text-transform: none
}
button, input, select, textarea {
	background-color: transparent;
	border-style: none;
	color: inherit
}
select {
	-moz-appearance: none;
	-webkit-appearance: none
}
select::-ms-expand {
	display: none
}
select::-ms-value {
	color: currentColor
}
legend {
	border: 0;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
img {
	border-style: none
}
progress {
	vertical-align: baseline
}
svg:not(:root) {
	overflow: hidden
}
audio, canvas, progress, video {
	display: inline-block
}
@media screen {
	[hidden~=screen] {
		display: inherit
	}
	[hidden~=screen]:not(:active):not(:focus):not(:target) {
		position: absolute!important;
		clip: rect(0 0 0 0)!important
	}
}
[aria-busy=true] {
	cursor: progress
}
[aria-controls] {
	cursor: pointer
}
[aria-disabled] {
	cursor: default
}
::-moz-selection {
	background-color: #b3d4fc;
	color: #000;
	text-shadow: none
}
::selection {
	background-color: #b3d4fc;
	color: #000;
	text-shadow: none
}
* {
	box-sizing: border-box
}
html {
	font-size: 70%
}
@media screen and (min-width:1500px) {
	html {
		font-size: 78.125%
	}
}
body {
color: #333;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 160%;
	line-break: normal!important;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "palt" 1;
	text-size-adjust: 100%;
	word-wrap: break-word
}
@media screen and (min-width:992px) {
	body {
		font-size: 1.5rem;
		line-height: 180%;
		font-weight:400;
	}
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}
svg {
	max-width: 100%
}
a {
	color: inherit;
	text-decoration: none
}
@media print, screen and (min-width:992px) {
	a.mobile-link {
		pointer-events: none
	}
}
ul, ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.8
}
ul.disc {
	padding-left: 1.5rem
}
ul.disc li {
	margin-bottom: .5rem
}
ul.disc, ul.disc li {
	list-style-type: disc;
	list-style-position: outside
}
h1, h2, h3, h4, h5 {
	margin: 1rem 0;
	font-weight: 600;
	line-height: 150%
}
@media print, screen and (min-width:992px) {
	h1, h2, h3, h4, h5 {
		line-height: 170%
	}
}

h4{color:#171c61;
font-size:1.8rem;}
p {
	letter-spacing: 1px;
	margin-bottom: .5rem
}
@media screen and (min-width:992px) {
	p {
		margin-bottom: 1.5rem
	}
}
p+p {
	margin-top: 1em
}
:focus {
	outline: 0
}
.wf-loading {
	visibility: hidden
}
.wf-active {
	visibility: visible
}
.large_container {
	width: 100%;
	padding:0 2rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	box-sizing: border-box
}
@media only screen and (min-width:768px) {
	.large_container {
		max-width: 900px
	}
}
@media only screen and (min-width:1500px) {
	.large_container {
		max-width: 1125px
	}
}
.middle_container {
	width: 100%;
	padding-right: 3rem;
	padding-left: 3rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	box-sizing: border-box
}
@media only screen and (min-width:768px) {
	.middle_container {
		padding-right: 0;
		padding-left: 0;
		max-width: 900px
	}
}
@media only screen and (min-width:1500px) {
	.middle_container {
		max-width: 1125px
	}
}
.container {
	width: 100%;
	padding-right: 3rem;
	padding-left: 3rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	box-sizing: border-box
}
@media only screen and (min-width:768px) {
	.container {
		max-width: 900px;
		padding-right: 0;
		padding-left: 0
	}
}
@media only screen and (min-width:1500px) {
	.container {
		max-width: 875px
	}
}
.page_container {
	width: 100%;
	padding-right: 1.5rem!important;
	padding-left: 1.5rem!important
}
@media only screen and (min-width:768px) {
	.page_container {
		padding-right: 3rem!important;
		padding-left: 3rem!important
	}
}
.page_middle_container {
	width: 100%;
	padding-left: 1.5rem;
	padding-left: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 90%;
	box-sizing: border-box
}

@media only screen and (min-width:768px) {
	.page_middle_container {
		padding-right: 0;
		padding-left: 0;
		max-width: 90%;
		padding-right: 3rem;
		padding-left: 3rem
	}
}
@media only screen and (min-width:1500px) {
	.page_middle_container {
		max-width: 1125px
	}
}
.flex_center {
	justify-content: center
}
.clearfix{
	width:100%;
	clear: both!important}


.inline-block {
	display: inline-block
}

.hover-opacity {
	-webkit-transition: .4s;
	transition: .4s
}
.hover-opacity:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6
}
.inner-link {
	color: #333
}
.inner-link:hover {
	text-decoration: underline
}
.text-bold {
	font-weight: 700
}
.text-note {
	font-size: .875em
}
.text-left {
	text-align: left!important
}
.text-center {
	text-align: center!important
}
.text-center__pc {
	text-align: left!important
}
@media only screen and (min-width:768px) {
	.text-center__pc {
		text-align: center!important
	}
}
.text-center__sp {
	text-align: center!important
}
@media only screen and (min-width:768px) {
	.text-center__sp {
		text-align: left!important
	}
}
.text-right {
	text-align: right!important
}
.text-justify {
	text-align: justify
}
.indent {
	text-indent: -1em;
	padding-left: 1em
}
.mt0 {
	margin-top: 0!important
}
.mb0 {
	margin-bottom: 0!important
}
.ml0 {
	margin-left: 0!important
}
.mr0 {
	margin-right: 0!important
}
.pt0 {
	padding-top: 0!important
}
.pb0 {
	padding-bottom: 0!important
}
.pl0 {
	padding-left: 0!important
}
.pr0 {
	padding-right: 0!important
}
.mt5 {
	margin-top: 5px!important
}
.mb5 {
	margin-bottom: 5px!important
}
.ml5 {
	margin-left: 5px!important
}
.mr5 {
	margin-right: 5px!important
}
.pt5 {
	padding-top: 5px!important
}
.pb5 {
	padding-bottom: 5px!important
}
.pl5 {
	padding-left: 5px!important
}
.pr5 {
	padding-right: 5px!important
}
.mt10 {
	margin-top: 10px!important
}
.mb10 {
	margin-bottom: 10px!important
}
.ml10 {
	margin-left: 10px!important
}
.mr10 {
	margin-right: 10px!important
}
.pt10 {
	padding-top: 10px!important
}
.pb10 {
	padding-bottom: 10px!important
}
.pl10 {
	padding-left: 10px!important
}
.pr10 {
	padding-right: 10px!important
}
.mt15 {
	margin-top: 15px!important
}
.mb15 {
	margin-bottom: 15px!important
}
.ml15 {
	margin-left: 15px!important
}
.mr15 {
	margin-right: 15px!important
}
.pt15 {
	padding-top: 15px!important
}
.pb15 {
	padding-bottom: 15px!important
}
.pl15 {
	padding-left: 15px!important
}
.pr15 {
	padding-right: 15px!important
}
.mt20 {
	margin-top: 20px!important
}
.mb20 {
	margin-bottom: 20px!important
}
.ml20 {
	margin-left: 20px!important
}
.mr20 {
	margin-right: 20px!important
}
.pt20 {
	padding-top: 20px!important
}
.pb20 {
	padding-bottom: 20px!important
}
.pl20 {
	padding-left: 20px!important
}
.pr20 {
	padding-right: 20px!important
}
.mt25 {
	margin-top: 25px!important
}
.mb25 {
	margin-bottom: 25px!important
}
.ml25 {
	margin-left: 25px!important
}
.mr25 {
	margin-right: 25px!important
}
.pt25 {
	padding-top: 25px!important
}
.pb25 {
	padding-bottom: 25px!important
}
.pl25 {
	padding-left: 25px!important
}
.pr25 {
	padding-right: 25px!important
}
.mt30 {
	margin-top: 30px!important
}
.mb30 {
	margin-bottom: 30px!important
}
.ml30 {
	margin-left: 30px!important
}
.mr30 {
	margin-right: 30px!important
}
.pt30 {
	padding-top: 30px!important
}
.pb30 {
	padding-bottom: 30px!important
}
.pl30 {
	padding-left: 30px!important
}
.pr30 {
	padding-right: 30px!important
}
.mt35 {
	margin-top: 35px!important
}
.mb35 {
	margin-bottom: 35px!important
}
.ml35 {
	margin-left: 35px!important
}
.mr35 {
	margin-right: 35px!important
}
.pt35 {
	padding-top: 35px!important
}
.pb35 {
	padding-bottom: 35px!important
}
.pl35 {
	padding-left: 35px!important
}
.pr35 {
	padding-right: 35px!important
}
.mt40 {
	margin-top: 40px!important
}
.mb40 {
	margin-bottom: 40px!important
}
.ml40 {
	margin-left: 40px!important
}
.mr40 {
	margin-right: 40px!important
}
.pt40 {
	padding-top: 40px!important
}
.pb40 {
	padding-bottom: 40px!important
}
.pl40 {
	padding-left: 40px!important
}
.pr40 {
	padding-right: 40px!important
}
.mt45 {
	margin-top: 45px!important
}
.mb45 {
	margin-bottom: 45px!important
}
.ml45 {
	margin-left: 45px!important
}
.mr45 {
	margin-right: 45px!important
}
.pt45 {
	padding-top: 45px!important
}
.pb45 {
	padding-bottom: 45px!important
}
.pl45 {
	padding-left: 45px!important
}
.pr45 {
	padding-right: 45px!important
}
.mt50 {
	margin-top: 50px!important
}
.mb50 {
	margin-bottom: 50px!important
}
.ml50 {
	margin-left: 50px!important
}
.mr50 {
	margin-right: 50px!important
}
.pt50 {
	padding-top: 50px!important
}
.pb50 {
	padding-bottom: 50px!important
}
.pl50 {
	padding-left: 50px!important
}
.pr50 {
	padding-right: 50px!important
}
.mt55 {
	margin-top: 55px!important
}
.mb55 {
	margin-bottom: 55px!important
}
.ml55 {
	margin-left: 55px!important
}
.mr55 {
	margin-right: 55px!important
}
.pt55 {
	padding-top: 55px!important
}
.pb55 {
	padding-bottom: 55px!important
}
.pl55 {
	padding-left: 55px!important
}
.pr55 {
	padding-right: 55px!important
}
.mt60 {
	margin-top: 60px!important
}
.mb60 {
	margin-bottom: 60px!important
}
.ml60 {
	margin-left: 60px!important
}
.mr60 {
	margin-right: 60px!important
}
.pt60 {
	padding-top: 60px!important
}
.pb60 {
	padding-bottom: 60px!important
}
.pl60 {
	padding-left: 60px!important
}
.pr60 {
	padding-right: 60px!important
}
.mt65 {
	margin-top: 65px!important
}
.mb65 {
	margin-bottom: 65px!important
}
.ml65 {
	margin-left: 65px!important
}
.mr65 {
	margin-right: 65px!important
}
.pt65 {
	padding-top: 65px!important
}
.pb65 {
	padding-bottom: 65px!important
}
.pl65 {
	padding-left: 65px!important
}
.pr65 {
	padding-right: 65px!important
}
.mt70 {
	margin-top: 70px!important
}
.mb70 {
	margin-bottom: 70px!important
}
.ml70 {
	margin-left: 70px!important
}
.mr70 {
	margin-right: 70px!important
}
.pt70 {
	padding-top: 70px!important
}
.pb70 {
	padding-bottom: 70px!important
}
.pl70 {
	padding-left: 70px!important
}
.pr70 {
	padding-right: 70px!important
}
.mt75 {
	margin-top: 75px!important
}
.mb75 {
	margin-bottom: 75px!important
}
.ml75 {
	margin-left: 75px!important
}
.mr75 {
	margin-right: 75px!important
}
.pt75 {
	padding-top: 75px!important
}
.pb75 {
	padding-bottom: 75px!important
}
.pl75 {
	padding-left: 75px!important
}
.pr75 {
	padding-right: 75px!important
}
.mt80 {
	margin-top: 80px!important
}
.mb80 {
	margin-bottom: 80px!important
}
.ml80 {
	margin-left: 80px!important
}
.mr80 {
	margin-right: 80px!important
}
.pt80 {
	padding-top: 80px!important
}
.pb80 {
	padding-bottom: 80px!important
}
.pl80 {
	padding-left: 80px!important
}
.pr80 {
	padding-right: 80px!important
}
.mt85 {
	margin-top: 85px!important
}
.mb85 {
	margin-bottom: 85px!important
}
.ml85 {
	margin-left: 85px!important
}
.mr85 {
	margin-right: 85px!important
}
.pt85 {
	padding-top: 85px!important
}
.pb85 {
	padding-bottom: 85px!important
}
.pl85 {
	padding-left: 85px!important
}
.pr85 {
	padding-right: 85px!important
}
.mt90 {
	margin-top: 90px!important
}
.mb90 {
	margin-bottom: 90px!important
}
.ml90 {
	margin-left: 90px!important
}
.mr90 {
	margin-right: 90px!important
}
.pt90 {
	padding-top: 90px!important
}
.pb90 {
	padding-bottom: 90px!important
}
.pl90 {
	padding-left: 90px!important
}
.pr90 {
	padding-right: 90px!important
}
.mt95 {
	margin-top: 95px!important
}
.mb95 {
	margin-bottom: 95px!important
}
.ml95 {
	margin-left: 95px!important
}
.mr95 {
	margin-right: 95px!important
}
.pt95 {
	padding-top: 95px!important
}
.pb95 {
	padding-bottom: 95px!important
}
.pl95 {
	padding-left: 95px!important
}
.pr95 {
	padding-right: 95px!important
}
.mt100 {
	margin-top: 100px!important
}
.mb100 {
	margin-bottom: 100px!important
}
.ml100 {
	margin-left: 100px!important
}
.mr100 {
	margin-right: 100px!important
}
.pt100 {
	padding-top: 100px!important
}
.pb100 {
	padding-bottom: 100px!important
}
.pl100 {
	padding-left: 100px!important
}
.pr100 {
	padding-right: 100px!important
}
.mte0 {
	margin-top: 0!important
}
.mbe0 {
	margin-bottom: 0!important
}
.mtr0 {
	margin-top: 0!important
}
.mbr0 {
	margin-bottom: 0!important
}
.mte5 {
	margin-top: .5em!important
}
.mbe5 {
	margin-bottom: .5em!important
}
.mtr5 {
	margin-top: .5rem!important
}
.mbr5 {
	margin-bottom: .5rem!important
}
.mte10 {
	margin-top: 1em!important
}
.mbe10 {
	margin-bottom: 1em!important
}
.mtr10 {
	margin-top: 1rem!important
}
.mbr10 {
	margin-bottom: 1rem!important
}
.mte15 {
	margin-top: 1.5em!important
}
.mbe15 {
	margin-bottom: 1.5em!important
}
.mtr15 {
	margin-top: 1.5rem!important
}
.mbr15 {
	margin-bottom: 1.5rem!important
}
.mte20 {
	margin-top: 2em!important
}
.mbe20 {
	margin-bottom: 2em!important
}
.mtr20 {
	margin-top: 2rem!important
}
.mbr20 {
	margin-bottom: 2rem!important
}
.mte25 {
	margin-top: 2.5em!important
}
.mbe25 {
	margin-bottom: 2.5em!important
}
.mtr25 {
	margin-top: 2.5rem!important
}
.mbr25 {
	margin-bottom: 2.5rem!important
}
.mte30 {
	margin-top: 3em!important
}
.mbe30 {
	margin-bottom: 3em!important
}
.mtr30 {
	margin-top: 3rem!important
}
.mbr30 {
	margin-bottom: 3rem!important
}
.mte35 {
	margin-top: 3.5em!important
}
.mbe35 {
	margin-bottom: 3.5em!important
}
.mtr35 {

	margin-top: 3.5rem!important
}
.mbr35 {
	margin-bottom: 3.5rem!important
}
.mte40 {
	margin-top: 4em!important
}
.mbe40 {
	margin-bottom: 4em!important
}
.mtr40 {
	margin-top: 4rem!important
}
.mbr40 {
	margin-bottom: 4rem!important
}
.mte45 {
	margin-top: 4.5em!important
}
.mbe45 {
	margin-bottom: 4.5em!important
}
.mtr45 {
	margin-top: 4.5rem!important
}
.mbr45 {
	margin-bottom: 4.5rem!important
}
.mte50 {
	margin-top: 5em!important
}
.mbe50 {
	margin-bottom: 5em!important
}
.mtr50 {
	margin-top: 5rem!important
}
.mbr50 {
	margin-bottom: 5rem!important
}
.mte55 {
	margin-top: 5.5em!important
}
.mbe55 {
	margin-bottom: 5.5em!important
}
.mtr55 {
	margin-top: 5.5rem!important
}
.mbr55 {
	margin-bottom: 5.5rem!important
}
.mte60 {
	margin-top: 6em!important
}
.mbe60 {
	margin-bottom: 6em!important
}
.mtr60 {
	margin-top: 6rem!important
}
.mbr60 {
	margin-bottom: 6rem!important
}
.mte65 {
	margin-top: 6.5em!important
}
.mbe65 {
	margin-bottom: 6.5em!important
}
.mtr65 {
	margin-top: 6.5rem!important
}
.mbr65 {
	margin-bottom: 6.5rem!important
}
.mte70 {
	margin-top: 7em!important
}
.mbe70 {
	margin-bottom: 7em!important
}
.mtr70 {
	margin-top: 7rem!important
}
.mbr70 {
	margin-bottom: 7rem!important
}
.mte75 {
	margin-top: 7.5em!important
}
.mbe75 {
	margin-bottom: 7.5em!important
}
.mtr75 {
	margin-top: 7.5rem!important
}
.mbr75 {
	margin-bottom: 7.5rem!important
}
.mte80 {
	margin-top: 8em!important
}
.mbe80 {
	margin-bottom: 8em!important
}
.mtr80 {
	margin-top: 8rem!important
}
.mbr80 {
	margin-bottom: 8rem!important
}
.mte85 {
	margin-top: 8.5em!important
}
.mbe85 {
	margin-bottom: 8.5em!important
}
.mtr85 {
	margin-top: 8.5rem!important
}
.mbr85 {
	margin-bottom: 8.5rem!important
}
.mte90 {
	margin-top: 9em!important
}
.mbe90 {
	margin-bottom: 9em!important
}
.mtr90 {
	margin-top: 9rem!important
}
.mbr90 {
	margin-bottom: 9rem!important
}
.mte95 {
	margin-top: 9.5em!important
}
.mbe95 {
	margin-bottom: 9.5em!important
}
.mtr95 {
	margin-top: 9.5rem!important
}
.mbr95 {
	margin-bottom: 9.5rem!important
}
.mte100 {
	margin-top: 10em!important
}
.mbe100 {
	margin-bottom: 10em!important
}
.mtr100 {
	margin-top: 10rem!important
}
.mbr100 {
	margin-bottom: 10rem!important
}
.wdp80{width:80%; margin:0 10%;}
.t-center{text-align:center!important;}

.sort-vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}
.sort-vertical-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse
}
.content-right {
	-webkit-box-pack: end;
	justify-content: flex-end
}
.content-center {
	-webkit-box-pack: center;
	justify-content: center
}
.content-between {
	-webkit-box-pack: justify;
	justify-content: space-between
}
.content-around {
	justify-content: space-around
}
.content-top {
	-webkit-box-align: start;
	align-items: flex-start
}
.content-bottom {
	-webkit-box-align: end;
	align-items: flex-end
}
.content-middle {
	-webkit-box-align: center;
	align-items: center
}
.content-baseline {
	-webkit-box-align: baseline;
	align-items: baseline
}
span.br {
	display: inline
}
@media only screen and (min-width:1024px) {
	span.br {
		display: block
	}
}
span.sp_br {
	display: block
}
@media only screen and (min-width:1024px) {
	span.sp_br {
		display: inline
	}
}

span.pc_br {
	display: inline
}
@media only screen and (min-width:1024px) {
	span.pc_br {
		display: block
	}
}

.pc_content {
	display: none
}
@media only screen and (min-width:768px) {
	.pc_content {
		display: block
	}
}
.sp_content {
	display: block
}
@media only screen and (min-width:768px) {
	.sp_content {
		display: none
	}
}
.section {
	padding: 6rem 0 6rem 0
}
@media only screen and (min-width:768px) {
	.section {
		padding: 5rem 0 5rem 0
	}
}
.large_section {
	padding: 5rem 0 5rem 0
}
@media only screen and (min-width:768px) {
	.large_section {
		padding: 13rem 0 10rem 0
	}
}
.fadein {
	opacity: 1;
	transform: translateY(0);
	transition: all 1s
}
@media only screen and (min-width:768px) {
	.fadein {
		opacity: 0;
		transform: translateY(20px)
	}
}
.fadein__right {
	opacity: 1;
	transform: translateX(0);
	transition: all 1s
}
@media only screen and (min-width:768px) {
	.fadein__right {
		opacity: 0;
		transform: translateX(50%)
	}
}
.fadein__left {
	opacity: 1;
	transform: translateX(0);
	transition: all 1s
}
@media only screen and (min-width:768px) {
	.fadein__left {
		opacity: 0;
		transform: translateX(-50%)
	}
}
.white {
	color: #fff
}
.red {
color:#D20003
}
.black {
	font-color: #333333!important;
}
.overflow_hidden {
	overflow: hidden
}
#fadein_wrap {
	opacity: 0
}
#fadein_wrap.is_open {
	opacity: 1;
	transition: 3.6s cubic-bezier(.19, 1, .22, 1) .5s
}
#fadein_wrap_page {
	opacity: 0
}
#fadein_wrap_page.is_open {
	opacity: 1;
	transition: 4.6s cubic-bezier(.19, 1, .22, 1) .5s
}
.popout {
	overflow: hidden;
	display: block;
	position: relative
}
.popout .popout_active {
	position: relative;
	display: block;
	animation: popanime 1.4s cubic-bezier(.19, 1, .22, 1) .7s forwards;
	transform: translateY(6rem)
}
.popout_page {
	overflow: hidden;
	display: block;
	position: relative
}
.popout_page .popout_page_active {
	position: relative;
	display: block;
	animation: popanime 1.4s cubic-bezier(.19, 1, .22, 1) .7s forwards;
	transform: translateY(6rem)
}
@keyframes popanime {
	from {
		transform: translateY(6rem)
	}
	to {
		transform: translateY(0)
	}
}
#main_sp_slide__illust.fade_active {
	animation: fadein 1s cubic-bezier(.19, 1, .22, 1) .7s forwards;
	opacity: 0
}
.popout_bottom_text {
	color:#FFF;
	opacity: 0
}
.popout_bottom_text.fade_active {
	animation: fadein  cubic-bezier(.19, 0.5, .22, 0.5) .3s forwards;
	opacity: 0
}
@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
#loading {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: #fff
}
#loading_box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18rem;
	transform: translate(-50%, -50%) scale(1, 1)
}
#loading_box.loading_logo__scale {
	transition: 1.2s cubic-bezier(.19, 1, .22, 1);
	transform: translate(-50%, -50%) scale(1.4, 1.4);
	filter: blur(1px);
	opacity: 0
}
svg.spinner {
	animation: rotator 2s ease-in infinite
}
svg.spinner>.path {
	stroke-dasharray: 100;
	stroke-dashoffset: 0;
	transform-origin: center;
	animation: dash 1.5s ease-out infinite;
	stroke: #777
}
svg.spinner>.path.spinner__finish {
	opacity: 0;
	transition: .5s ease-out
}
@keyframes rotator {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(366deg)
	}
}
@keyframes dash {
	0% {
		stroke-dashoffset: 100
	}
	50% {
		stroke-dashoffset: 40;
		transform: rotate(125deg)
	}
	100% {
		stroke-dashoffset: 100;
		transform: rotate(366deg)
	}
}


header {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
			z-index:100;
			position: fixed;
	justify-content: space-between;
			height:6rem;
			background-color: #171c61!important;
}
@media only screen and (min-width:1024px) {
	header {
		z-index:100;
		top: 0;
		position: fixed;
		background-color: #171c61!important;
	}
}

header a.head_logo {
	width: 9rem;
	height: 9rem;
	display: block;
	border-radius: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: .4s;
   margin: 1.5rem 0 0 10rem;
}
@media only screen and (min-width:544px) {
	header a.head_logo {
		width: 14rem;
		height: 14rem;
		margin: 1.5rem 0 0 16rem;
	}
}
@media only screen and (min-width:768px) {
	header a.head_logo {
		width: 8rem;
		height: 8rem;
		margin: 2rem 0 0 15rem;
	}
}
@media only screen and (min-width:1024px) {
	header a.head_logo {
		padding: 0;
		width: 10rem;
		height: 10rem;
		left: 0;
		transform: translateX(0);
		margin: 1.5rem 0 0 12rem;
	}
}
@media only screen and (min-width:1500px) {
	header a.head_logo {
		width: 10rem;
		height: 10rem;
		margin: 1.5rem 0 0 10rem;

	}
}
header a.head_logo img {
		width: 10rem;
	position: absolute;
	transform: translate(-50%, -50%);
	transition: .4s;
		margin-top:1.5rem;
}
@media only screen and (min-width:544px) {
	header a.head_logo img {
		width: 15rem
	}
}
@media only screen and (min-width:768px) {
	header a.head_logo img {
		width: 18rem
	}
}
@media only screen and (min-width:1024px) {
	header a.head_logo img {
		padding: 0;
		width: 18rem
	}
}
@media only screen and (min-width:1500px) {
	header a.head_logo img {
		width: 15rem;
	}
}
header nav.pc_nav_menu {
	padding: 1.5rem 3rem 0 0;
	margin: 0 0 0 auto;
	display: none;
	margin-bottom:1.5rem;
}
@media only screen and (min-width:1024px) {
	header nav.pc_nav_menu {
		display: block;
	}
}
header nav.pc_nav_menu ul {
	align-items: center;
	display: flex
}
header nav.pc_nav_menu ul li {
	margin: 0 1.5rem
}
header nav.pc_nav_menu ul li:first-child {
	margin: 0 1.5rem 0 0
}
header nav.pc_nav_menu ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 1.3rem;
		color:#FFF;
	font-weight:600;
	padding: .4rem 0 .4rem
}



#sp-nav-toggle {
	position: fixed;
	top: 0rem;
	right: 0rem;
	height: 5rem;
	cursor: pointer;
	z-index: 9999;
	display: block;
	background-color: #171c61;
}
@media only screen and (min-width:544px) {
	#sp-nav-toggle {
		height: 6rem;
		right: 1.5rem
	}
}
@media only screen and (min-width:768px) {
	#sp-nav-toggle {
		height: 6rem;
		right: 3rem
	}
}
@media only screen and (min-width:1024px) {
	#sp-nav-toggle {
		display: none
	}
			#sp-nav-toggle .menu {
		display:none!important
	}
}
#sp-nav-toggle>div {
	position: relative;
	height: 5rem;
	width: 5rem
}
@media only screen and (min-width:544px) {
	#sp-nav-toggle>div {
		height: 6rem;
		width: 6rem
	}
}
@media only screen and (min-width:768px) {
	#sp-nav-toggle>div {
		height: 8rem;
		width: 8rem
	}
}
#sp-nav-toggle>div:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 5rem;
	width: 5rem;
}
@media only screen and (min-width:544px) {
	#sp-nav-toggle>div:after {
		height: 6rem;
		width: 6rem
	}
}
@media only screen and (min-width:768px) {
	#sp-nav-toggle>div:after {
		height: 8rem;
		width: 8rem
	}
}
#sp-nav-toggle span {
	width: 40%;
	height: 2px;
	left: 0;
	display: block;
	background: #FFF;
	position: absolute;
	transition: transform .3s ease-in-out, top .4s ease;
	top: 50%;
	left: 50%;
	margin-top:5px;
	z-index: 10
}
@media only screen and (min-width:768px) {
#sp-nav-toggle span {
	margin-top:-10px;

}
}

#sp-nav-toggle .menu {
		color:#FFF!important;
text-align:center!important;
	margin-bottom:15px;
	margin-top:7px;
	}
@media only screen and (min-width:768px) {
	#sp-nav-toggle span {
		height: 3px
	}

}
#sp-nav-toggle span:nth-child(1) {
	transform: translate(-50%, -.5rem)
}
@media only screen and (min-width:544px) {
	#sp-nav-toggle span:nth-child(1) {
		transform: translate(-50%, -.55rem)
	}
}
@media only screen and (min-width:768px) {
	#sp-nav-toggle span:nth-child(1) {
		transform: translate(-50%, -.7rem)
	}
}
#sp-nav-toggle span:nth-child(2) {
	transform: translate(-50%, .3rem)
}
@media only screen and (min-width:544px) {
	#sp-nav-toggle span:nth-child(2) {
		transform: translate(-50%, .35rem)
	}
}
@media only screen and (min-width:768px) {
	#sp-nav-toggle span:nth-child(2) {
		transform: translate(-50%, .5rem)
	}
}
body.open .sp-nav-toggle__open>div:after {
	border-radius: 50%;
	box-shadow: 0 0 0 transparent!important;
}
body.open #sp-nav-toggle span {
	background: #fff
}


body.open #sp-nav-toggle span:nth-child(1) {
	transform-origin: 0 0;
	transform: rotate(45deg) translate(-50%, -.1rem);
	width: 40%
}
body.open #sp-nav-toggle span:nth-child(2) {
	transform-origin: 0 0;
	transform: rotate(-45deg) translate(-50%, -.1rem);
	width: 40%
}
#gloval-sp-nav {
	background: #171c61;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	padding: 5rem 3rem 5rem 3rem;
	pointer-events: none;
	overflow-y: scroll
}
@media only screen and (min-width:544px) {
	#gloval-sp-nav {
		padding: 6rem 3rem 6rem 3rem
	}
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav {
		padding: 8rem 6rem 8rem 6rem
	}
}
#gloval-sp-nav ul.head_nav__sp {
	list-style: none
}
#gloval-sp-nav ul.head_nav__sp li {
	opacity: 0;
	transition: transform .6s ease, opacity .2s ease;
	margin: 2rem 0
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp li {
		margin: 4rem 0
	}
}
#gloval-sp-nav ul.head_nav__sp li a {
	font-size: 1.6rem
}
@media only screen and (min-width:544px) {
	#gloval-sp-nav ul.head_nav__sp li a {
		font-size: 1.6rem
	}
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp li a {
		font-size: 1.8rem
	}
}
#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub {
	padding: .3rem 0;
	border-left: .1rem solid rgba(245, 245, 245, .4);
	margin: 1.2rem 0 3rem 0
}
#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li {
	margin: 2.5rem 0 2.5rem 1.5rem;
	line-height: .5
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li {
		margin: 3rem 0 3rem 3rem
	}
}
#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li:nth-child(1) {
	margin: 0 0 2.5rem 1.5rem
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li:nth-child(1) {
		margin: 0 0 3rem 3rem
	}
}
#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li:last-child {
	margin: 2.5rem 0 0 1.5rem
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li:last-child {
		margin: 3rem 0 0 3rem
	}
}
#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li a {
	font-size: 1.2rem;
	opacity: .6
}
@media only screen and (min-width:544px) {
	#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li a {
		font-size: 1.4rem
	}
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp li ul.head_nav__sp_sub li a {
		font-size: 1.6rem
	}
}

#gloval-sp-nav ul.head_nav__sp_bottom {
	display: flex;
	margin-top: 3rem;
	padding-top: 2rem
}
#gloval-sp-nav ul.head_nav__sp_bottom li {
	margin-right: 2rem
}
#gloval-sp-nav ul.head_nav__sp_bottom li a {
	font-size: 1.2rem
}
@media only screen and (min-width:544px) {
	#gloval-sp-nav ul.head_nav__sp_bottom li a {
		font-size: 1.3rem
	}
}
@media only screen and (min-width:768px) {
	#gloval-sp-nav ul.head_nav__sp_bottom li a {
		font-size: 1.5rem
	}
}
body.open {
	overflow: hidden
}
body.open #gloval-sp-nav {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}
body.open #gloval-sp-nav li {
	opacity: 1;
	transition: transform .8s ease, opacity .7s ease
}
.pc_nav_menu .head_nav>li.has-dropdown>a {
	position: relative
}
.pc_nav_menu .head_nav>li.has-dropdown>a.active:after, .pc_nav_menu .head_nav>li.has-dropdown>a:after {
	-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s!important;
	transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s!important;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -.7rem;
	border-right: 1rem solid transparent;
	border-bottom: .7rem solid #f5f5f5;
	border-left: 1rem solid transparent;
	height: auto;
	transform: scale(1, 1) translateX(-50%);
	width: auto;
	background: 0 0!important;
	opacity: 0;
	visibility: hidden
}
.pc_nav_menu .head_nav>li.has-dropdown>a.active:before {
	transform: scale(1, 1)
}
.pc_nav_menu .head_nav>li.is-open>a.active:after, .pc_nav_menu .head_nav>li.is-open>a:after {
	opacity: 1;
	visibility: visible
}
.pc_nav_menu .head_nav>li .dropdownBg {
	-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	transition-property: visibility, opacity;
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	pointer-events: none;
	visibility: hidden;
	opacity: 0
}
.pc_nav_menu .head_nav>li .dropdownBg {
	-webkit-transition-property: visibility, opacity
}
.pc_nav_menu .head_nav>li.is-open .dropdownBg {
	visibility: visible;
	opacity: 1
}
.pc_nav_menu .head_nav>li .dropdown {
	-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	-webkit-transition-property: visibility, opacity, top;
	transition-property: visibility, opacity, top;
	position: absolute;
	top: 7.7rem;
	width: 100%;
	right: 0;
	left: 0;
	max-width: 80rem;
	margin: 0 auto;
	overflow: hidden;
	background: #f5f5f5;
	border-radius: 2.5rem;
	box-shadow: 0 2rem 2.9rem rgba(0, 0, 0, .1);
	padding: 0 3rem;
	pointer-events: none;
	opacity: 0;
	visibility: hidden
}
.pc_nav_menu .head_nav>li.is-open .dropdown {
	pointer-events: auto;
	opacity: 1;
	visibility: visible
}
.pc_nav_menu .head_nav>li ul.service_head__list {
	display: block;
	justify-content: space-between;
	margin: 3rem auto;
	width: 100%;
	max-width: 50rem
}
@media only screen and (min-width:768px) {
	.pc_nav_menu .head_nav>li ul.service_head__list {
		display: flex;
		margin: 3rem 0 2rem 0;
		width: 100%;
		max-width: 100%
	}
}
.pc_nav_menu .head_nav>li ul.service_head__list li {
	width: 100%;
	margin: 0
}
@media only screen and (min-width:768px) {
	.pc_nav_menu .head_nav>li ul.service_head__list li {
		width: 32%
	}
}
.pc_nav_menu .head_nav>li ul.service_head__list li a:after {
	display: none
}
.pc_nav_menu .head_nav>li ul.service_head__list li a figure {
	position: relative
}
.pc_nav_menu .head_nav>li ul.service_head__list li a figure img {
	border-radius: 1.5rem
}
@media only screen and (min-width:768px) {
	.pc_nav_menu .head_nav>li ul.service_head__list li a figure img {
		border-radius: 2rem
	}
}
.pc_nav_menu .head_nav>li ul.service_head__list li a figure:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: .2rem solid #171c61;
	z-index: 10;
	opacity: 0;
	transition: .4s;
	border-radius: 1.5rem
}
@media only screen and (min-width:768px) {
	.pc_nav_menu .head_nav>li ul.service_head__list li a figure:after {
		border-radius: 2rem
	}
}

.pc_nav_menu .head_nav>li ul.service_head__list li a:hover figure:after {
	opacity: 1;
	transition: .4s
}

.pc_nav_menu .head_nav>li ul.service_head__list li a.active:before {
	display: none
}
.pc_nav_menu .head_nav>li ul.service_head__list li a.active:after {
	display: none
}
.pc_nav_menu .head_nav>li ul.service_head__list li a.active figure:after {
	opacity: 1
}

.pc_nav_menu .head_nav>li .dropdown_bottom_link {
	border-top: 1px solid rgba(112, 112, 112, .1);
	padding: 1.5rem 0 1.8rem 0
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link .link_btn__wrap {
	text-align: center
}
@media only screen and (min-width:1024px) {
	.pc_nav_menu .head_nav>li .dropdown_bottom_link .link_btn__wrap {
		text-align: center
	}
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn {
	display: block;
	margin: .5rem 0 .8rem 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	font-size: 1.4rem;
	line-height: 1.67;
	text-decoration: none;
	vertical-align: top;
	color: #000
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn::after {
	display: none!important
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn .txt {
	font-weight: 700;
	position: relative
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn .txt::after {
	display: none!important
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn .txt::before {
	position: absolute;
	bottom: -.3rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #000;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn:hover .txt::before {
	transition: transform .3s ease-out;
	transform-origin: left top;
	transform: scale(1, 1)
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn .circle {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: -2rem;
	transform: translateY(-50%);
	z-index: 0;
	width: 1.4rem;
	height: 1.4rem
}
@media only screen and (min-width:768px) {
	.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn .circle {
		top: 55%
	}
}
.pc_nav_menu .head_nav>li .dropdown_bottom_link a.link_btn .circle img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.4rem;
	height: 1.4rem
}
footer {
	background: #171c61;
	color: #fff;
	padding: 3rem 0
}
@media only screen and (min-width:1024px) {
	footer {
		padding: 4rem 0
	}
}
footer a.foot_head_logo {
	max-width: 17rem;
	min-width: 10rem;
	width: 33vw;
	display: block;
	margin: 0 auto 2rem auto
}
@media only screen and (min-width:1024px) {
	footer a.foot_head_logo {
		width: 17rem
	}
}
footer nav {
	padding: 1rem 2rem
}
@media only screen and (min-width:1024px) {
	footer nav {
		padding: 0 2rem
	}
}
footer nav ul.foot_nav_list {
	display: block;
	justify-content: space-between;
	text-align: center;
	padding: 0 0
}
@media only screen and (min-width:1024px) {
	footer nav ul.foot_nav_list {
		display: flex;
		justify-content: center;
		text-align: left
	}
}
footer nav ul.foot_nav_list li {
	margin: 2rem 0;
			font-size:1.2rem;
}
@media only screen and (min-width:1024px) {
	footer nav ul.foot_nav_list li {
		margin: 2rem 1.5rem;

	}
}
footer nav ul.foot_nav_list li a {
	paddfing: .4rem 0;
	position: relative;
	display: inline-block;
	text-decoration: none
}


.fixed_sns_share {
	position: fixed;
	left: 2.5rem;
	bottom: 2.5rem;
	z-index: 100;
	display: none
}
@media only screen and (min-width:1024px) {
	.fixed_sns_share {
		display: block
	}
}
.fixed_sns_share__list {
	display: flex;
	align-items: center
}
.fixed_sns_share__list li {
	margin: 1rem .5rem 1rem 0
}
.fixed_sns_share__list li:last-child {
	margin: 1rem .5rem 1rem .5rem;
	font-size: 1.2rem
}
.fixed_sns_share__list li img {
	width: 3rem
}
.fixed_sns_share__white ul li {
	color: #fff
}
.fixed_bottom_bar {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 50;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(.48rem);
	-webkit-backdrop-filter: blur(.48rem);
	box-shadow: 0 -3.7rem 5.4rem rgba(0, 0, 0, .1);
	padding: 1rem 1.5rem
}
@media only screen and (min-width:544px) {
	.fixed_bottom_bar {
		padding: 1rem 3rem
	}
}
@media only screen and (min-width:1024px) {
	.fixed_bottom_bar {
		display: none
	}
}
.fixed_bottom_bar p {
	margin: 0;
	line-height: 1.5;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0
}
@media only screen and (min-width:544px) {
	.fixed_bottom_bar p {
		font-size: 1.6rem
	}
}
.fixed_bottom_bar p .orange {
	color: #171c61
}
.fixed_bottom_bar a.fixed_bottom_bar__link_btn {
	background: #171c61;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42%;
	color: #fff;
	padding: 1rem 1rem 1.2rem 1rem;
	font-weight: 900;
	border-radius: 1.2rem;
	font-size: 1.2rem
}
@media only screen and (min-width:544px) {
	.fixed_bottom_bar a.fixed_bottom_bar__link_btn {
		width: auto;
		font-size: 1.6rem;
		padding: 1.5rem 2.5rem 1.8rem 2.5rem;
		border-radius: 1.6rem
	}
}
.fixed_bottom_bar a.fixed_bottom_bar__link_btn img {
	width: 1.2rem;
	margin-right: .5rem
}
@media only screen and (min-width:544px) {
	.fixed_bottom_bar a.fixed_bottom_bar__link_btn img {
		width: 1.8rem;
		margin-right: .8rem
	}
}
a.under_link {
	paddfing: 0 0 .4rem 0;
	position: relative;
	display: inline-block;
	text-decoration: none
}
a.under_link:before {
	position: absolute;
	bottom: -.2rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s
}
a.under_link:after {
	position: absolute;
	bottom: -.2rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s
}
a.under_link:hover::after {
	transform-origin: left top;
	transform: scale(1, 1)
}
.wrap {
	overflow: hidden
}



.main_visual {
	background: linear-gradient(to bottom, #171c61 50%, #2c3283);
	height: auto;
	min-height: auto;
	max-height: auto;
	width: 100%;
	position: relative;
	padding-top: 10rem;
	padding-bottom: 2rem
}
@media only screen and (min-width:544px) {
	.main_visual {
		padding-top: 12rem;
		padding-bottom: 3rem
	}
}
@media only screen and (min-width:1024px) {
	.main_visual {
		height: 100vh;
		min-height: 60rem;
		max-height: 110rem;
		padding-top: 10rem;
	}
}



.main_visual ul#main_visual__bg_slide {
	width: 130rem;
	top: 19%;
	left: 0;
	transform: translate(-10%, -50%);
	position: absolute;
	z-index: 0;
	display: flex;
	align-items: center;
    opacity: 0.6;
}

@media only screen and (min-width:544px) {
	.main_visual ul#main_visual__bg_slide {
		width: 140rem
	}
}


@media only screen and (max-width:644px) {
    .main_visual ul#main_visual__bg_slide {
	transform: translate(-20%, -20%);
	}
}


@media only screen and (min-width:1024px) {
	.main_visual ul#main_visual__bg_slide {
		width: 180rem;
		top: 42%
	}
}
.main_visual ul#main_visual__bg_slide img {
	width: 115rem;
	height: auto
}



@media only screen and (min-width:544px) {
	.main_visual ul#main_visual__bg_slide img {
		top: 42%;
		width: 130rem
	}
}


@media only screen and (min-width:644px) {
    .main_visual ul#main_visual__bg_slide {
		top: 42%;
		width: 200rem
	}
}
@media only screen and (min-width:768px) {
	.main_visual ul#main_visual__bg_slide img {
		top: 42%;
		width: 150rem
	}
}
@media only screen and (min-width:1024px) {
	.main_visual ul#main_visual__bg_slide img {
		width: 180rem;
		top: 42%
	}
}

.main_visual .large_container {
	height: 100%;
	position: relative
}
.main_visual .main_visual__text_group {
	margin: 0 0 3rem 0;
}

@media only screen and (min-width:764px) {
.main_visual .main_visual__text_group {
	top: 0;
	left: 0;
	transform: translateY(0);
	position: relative;
	z-index: 10;
	margin: 0 0 3rem 0;
	z-index: 15
}
}
@media only screen and (min-width:1024px) {
	.main_visual .main_visual__text_group {
		margin: 0;
		top: 45%;
		margin-left: -3rem;
		position: absolute;
		transform: translateY(-50%)
	}
}

@media only screen and (min-width:1200px) {
	.main_visual .main_visual__text_group {
		margin: 0;
		top: 45%;
		margin-left: -9rem;
		position: absolute;
		transform: translateY(-50%)
	}
}
@media only screen and (min-width:1500px) {
	.main_visual .main_visual__text_group {
		margin-left: -10rem;
		transform: translateY(-50%)
	}
}
@media screen and (max-height:700px) {
	.main_visual .main_visual__text_group {
		margin-top: 2rem
	}
}
.main_visual .main_visual__text_group p.main_visual__h1_top_text {
	margin: 0;
	text-align: center;
	color:#FFF;
			font-size:1.5rem;
	margin-bottom:30px;
}
@media only screen and (min-width:768px) {
	.main_visual .main_visual__text_group p.main_visual__h1_top_text {

	}
}
@media only screen and (min-width:1024px) {
	.main_visual .main_visual__text_group p.main_visual__h1_top_text {
		text-align: left;
			color:#FFF;
		font-size:2rem;
	}
}
.main_visual .main_visual__text_group h1.main_visual__h1 {
	font-size: 2rem;
	line-height: 130%;
	letter-spacing: .1rem;
	margin: .5rem 0 1.5rem 0;
	text-align: center;
	line-height: 1.4;
	color:#FFF;
}


@media only screen and (min-width:544px) {
	.main_visual .main_visual__text_group h1.main_visual__h1 {
		margin: .5rem 0 1rem 0;
				font-size: 3rem;
		line-height: 1.6;
	}
}
@media only screen and (min-width:768px) {
	.main_visual .main_visual__text_group h1.main_visual__h1 {
		margin: .5rem 0 1rem 0;
		font-size: 4.8rem;
		letter-spacing: .3rem;
		line-height: 1.3;
	}
}
@media only screen and (min-width:1024px) {
	.main_visual .main_visual__text_group h1.main_visual__h1 {
		font-size: 4rem;
		text-align: left;
		line-height: 1.2;
		transform: translateX(0);
	}
}
@media only screen and (min-width:1500px) {
	.main_visual .main_visual__text_group h1.main_visual__h1 {
		transform: translateX(-5px)
	}
}
.main_visual .main_visual__text_group h1.main_visual__h1 span.orange {
	color: #FFF;
}
.main_visual .main_visual__text_group p.h1_bottom {
	text-align: center;
	display: block;
		margin: 2rem 0 3rem 0;
	font-size:2.2rem;
	font-weight:600;
}
@media only screen and (min-width:1024px) {
	.main_visual .main_visual__text_group p.h1_bottom {
		margin: 2rem 0 .5rem 0;
		text-align: left;
		max-width: 100%
	}
}

.main_visual #main_sp_slide {
	display: flex
}
.main_visual ul#main_sp_slide__screen {
	width: 25rem;
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	z-index: 51;
	display: block;
	margin: 30px auto 30px;
}


@media only screen and (min-width:544px) {
	.main_visual ul#main_sp_slide__screen {
		width: 30rem;
        margin-top:50px!important;
	}
}
@media only screen and (min-width:768px) {
	.main_visual ul#main_sp_slide__screen {
        margin-top:-10px!important;
		width: 50rem;
	}
}
@media only screen and (min-width:1024px) {
	.main_visual ul#main_sp_slide__screen {
                margin-top:0px!important;
		top: 50%;
		left: 80%;
				width: 50rem;
		position: absolute;
		transform: translate(-50%, -50%);
	}
}
@media only screen and (min-width:1500px) {
	.main_visual ul#main_sp_slide__screen {
		transform: translate(-50%, -50%);
							width: 50rem;
	}
}
@media screen and (max-height:700px) {
	.main_visual ul#main_sp_slide__screen {
		margin-top: 6rem!
	}
}



@keyframes rotate-anime {
	0% {
		transform: rotate(0)
	}
	70% {
		transform: rotate(280deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
@keyframes move-y {
	0% {
		transform: translateY(0) translate(-50%, -50%)
	}
	100% {
		transform: translateY(5px) translate(-50%, -50%)
	}
}
@keyframes loop-slide {
	from {
		transform: translateX(0)
	}
	to {
		transform: translateX(-100%)
	}
}
@keyframes loop-slide_r {
	from {
		transform: translateX(-100%)
	}
	to {
		transform: translateX(0)
	}
}
#sample {
	width: 5rem;
	height: 5rem
}

section.main_bottom_section {
	padding: 4rem 0 4rem 0;
	background: #FFF;
	position: relative;
	overflow: hidden
}

section.main_bottom_section_m {
	padding: 0;
	background:none;
	position: relative;
	overflow: hidden
}

@media only screen and (min-width:544px) {
	section.main_bottom_section, section.main_bottom_section_m {
		padding: 10rem 0 8rem 0
	}
}
@media only screen and (min-width:768px) {
	section.main_bottom_section, section.main_bottom_section_m {
		padding: 2rem 0 2rem 0
	}
}
section.main_bottom_section:after, section.main_bottom_section_m:after {
	content: "";
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 0%;
	background: #FFF;
}

section.main_bottom_section .container {
	position: relative;
	z-index: 50
}
section.main_bottom_section .container p.main_bottom_introduction_txt {
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	margin: 3rem 0;
	line-height: 180%;
	letter-spacing: 0
}
@media only screen and (min-width:544px) {
	section.main_bottom_section .container p.main_bottom_introduction_txt {
		font-size: 1.6rem;
		letter-spacing: 1px
	}
}
@media only screen and (min-width:768px) {
	section.main_bottom_section .container p.main_bottom_introduction_txt {
		font-size: 1.8rem;
		line-height: 200%
	}
}
section.main_bottom_section .middle_container {
	position: relative;
	z-index: 50
}
.top_main_download_area {
	background: #fff;
	box-shadow: 0 2rem 2.9rem rgba(0, 0, 0, .1);
	border-radius: 1.8rem;
	margin: 5rem 0
}
@media only screen and (min-width:768px) {
	.top_main_download_area {
		margin: 8rem 0 8rem 0
	}
}
.top_main_download_area .top_main_download_area__head {
	border-bottom: .1rem solid rgba(255, 255, 255, .2);
	padding: 1.5rem 1rem 2rem 1rem
}
@media only screen and (min-width:768px) {
	.top_main_download_area .top_main_download_area__head {
		padding: 4rem 1rem 2rem 1rem
	}
}
.top_main_download_area .top_main_download_area__head p {
	color: #fff;
	text-align: center;
	margin: 2rem 0 0 0
}
@media only screen and (min-width:768px) {
	.top_main_download_area .top_main_download_area__head p {
		margin: 2rem 0
	}
}
.top_main_download_area .white_logo_group {
	width: 11rem;
	height: 11rem;
	background: #fff;
	border-radius: 1.8rem;
	padding: 1rem;
	display: block;
	margin: 2rem auto 2rem auto
}
.top_main_download_area .top_main_download_area__bottom {
	display: flex
}
.top_main_download_area .top_main_download_area__bottom__left {
	width: 50%;
	padding: 3rem 0 5rem 0
}
.top_main_download_area .top_main_download_area__bottom__left__inner {
	border-right: none;
	width: auto;
	display: block;
	max-width: 18.5rem;
	width: 100%;
	margin: 0 0 0 auto;
	padding: 0 .75rem 0 2rem
}
@media only screen and (min-width:1024px) {
	.top_main_download_area .top_main_download_area__bottom__left__inner {
		border-right: .1rem solid rgba(255, 255, 255, .2);
		padding: 0 3.8rem 0 0;
		max-width: calc(18.5rem + 3.5rem)
	}
}

.top_main_download_area .top_main_download_area__bottom__right {
	width: 50%;
	padding: 3rem 0 5rem 0
}
.top_main_download_area .top_main_download_area__bottom__right__inner {
	padding: 0 2rem 0 .75rem;
	width: auto;
	display: block;
	max-width: 18.5rem;
	width: 100%;
	margin: 0 auto 0 0
}
@media only screen and (min-width:1024px) {
	.top_main_download_area .top_main_download_area__bottom__right__inner {
		max-width: calc(18.5rem + 3.5rem);
		padding: 0 0 0 3.8rem
	}
}

.top_main_download_area .top_main_download_area__bottom img.qr_code {
	width: 5.7rem;
	margin: 3rem auto 2rem auto;
	display: none
}
@media only screen and (min-width:1024px) {
	.top_main_download_area .top_main_download_area__bottom img.qr_code {
		display: block
	}
}
p.top_movie_ttl {
	color: #171c61;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	margin: 1rem 0 1rem 0
}
p.top_movie_ttl02 {
	color: #333;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	margin: 1.5rem 0 1.5rem 0
}
@media only screen and (min-width:544px) {
	p.top_movie_ttl, p.top_movie_ttl02 {
		font-size: 1.6rem
	}
}
@media only screen and (min-width:768px) {
	p.top_movie_ttl, p.top_movie_ttl02 {
		margin: 1rem 0 1rem 0;
			font-size: 3rem
	}
}
.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 2rem;
	box-shadow: 0 2rem 2.9rem rgba(0, 0, 0, .1);
	margin: 0 0%;
    background-color: none!important;
}
@media only screen and (min-width:768px) {
	.iframe-wrapper {
		margin: 2rem 0
	}
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2rem
}





.flex_wrap {
	display: block;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%
}
@media only screen and (min-width:1024px) {
	.flex_wrap {
		display: flex
	}
}
.flex_wrap__large {
	display: block;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%
}
@media only screen and (min-width:768px) {
	.flex_wrap__large {
		display: flex
	}
}
.flex_wrap .flex_wrap__item_s2_left {
	box-sizing: border-box;
	flex-basis: 100%;
	max-width: 100%
}
@media only screen and (min-width:1024px) {
	.flex_wrap .flex_wrap__item_s2_left {
		flex-basis: 75%;
		max-width: 75%
	}
}
.flex_wrap .flex_wrap__item_s2_right {
	box-sizing: border-box;
	flex-basis: 100%;
	max-width: 100%;
	position: static;
	top: 15rem;
	right: auto;
	left: 0;
	display: block;
	justify-content: flex-end
}
@media only screen and (min-width:1024px) {
	.flex_wrap .flex_wrap__item_s2_right {
		flex-basis: 25%;
		max-width: 25%;
		position: sticky;
		right: 0;
		display: flex
	}
}
.section02_list {
	margin: 4rem 0 0 0
}
@media only screen and (min-width:768px) {
	.section02_list {
		margin: 0 0 0 0
	}
}
.section02_list__block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.5rem 0 4rem 0;
	border-top: .1rem solid rgba(0, 0, 0, .1)
}
@media only screen and (min-width:768px) {
	.section02_list__block {
	padding: 2.5rem 0 4rem 0;
	}
}
.section02_list__block img.section02_pc_img {
	width: 20rem;
	display: none
}
@media only screen and (min-width:768px) {
	.section02_list__block img.section02_pc_img {
		display: block
	}
}
.section02_list__block img.section02_pc_img__01 {
	width: 20rem;
	display: none
}
@media only screen and (min-width:768px) {
	.section02_list__block img.section02_pc_img__01 {
		display: block;
		margin-left: 2rem
	}
}
.section02_list__block__text {
	width: 100%
}
@media only screen and (min-width:768px) {
	.section02_list__block__text {
		width: 60%
	}
}
.section02_list__block__text h3 {
	font-size: 2rem;
	font-weight: 900
}
@media only screen and (min-width:1024px) {
	.section02_list__block__text h3 {
		font-size: 2.2rem
	}
}
.section02_list__block__text h3 .orange {
	color: #171c61
}
.section02_list__block__text .section02_list__block__text__sub {
	display: flex;
	margin-top: 1.3rem
}
@media only screen and (min-width:768px) {
	.section02_list__block__text .section02_list__block__text__sub {
		margin-top: 2rem;
		display: block
	}
}
.section02_list__block__text .section02_list__block__text__sub p {
	width: 50%;
	font-size: 1.3rem;
}
@media only screen and (min-width:768px) {
	.section02_list__block__text .section02_list__block__text__sub p {
		width: 100%;
		font-size: 1.4rem
	}
}
.section02_list__block__text .section02_list__block__text__sub .section02_sp_img {
	width: calc(50% - 1.5rem);
	height: auto;
	display: block;
	margin-left: auto
}
@media only screen and (min-width:544px) {
	.section02_list__block__text .section02_list__block__text__sub .section02_sp_img {
		width: calc(50% - 3rem)
	}
}
@media only screen and (min-width:768px) {
	.section02_list__block__text .section02_list__block__text__sub .section02_sp_img {
		display: none
	}
}
.section02_list__block__text .section02_list__block__text__sub .section02_sp_img img {
	width: 100%;
	height: auto;
	margin-top: 1rem
}
.section02_list__block__text .section02_list__block__text__sub .section02_sp_img__01 img {
	width: 80%;
	height: auto;
	margin: 1rem auto 0 auto;
	display: block
}
p.p_vertical-rl {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb
}
@media only screen and (min-width:1024px) {
	p.p_vertical-rl {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright
	}
}
p.p_vertical-rl span.kigo {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb
}

#top_section02 {
	position: relative;
	padding-bottom: 4rem;
    
}
@media only screen and (min-width:768px) {
	#top_section02 {
		padding-bottom: 9rem
	}
}
#top_section02 .bg_gray_logo_area {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: -1
}
#top_section02 img.bg_gray_logo {
	width: 28rem;
	position: absolute;
	right: -4rem;
	top: 40%;
	display: none
}
@media only screen and (min-width:1024px) {
	#top_section02 img.bg_gray_logo {
		display: block
	}
}
.text_slider__wrap {
	animation: loop-slide 45s infinite linear 1s both;
	width: 100%;
	z-index: 0;
	display: none;
	align-items: center
}
@media only screen and (min-width:768px) {
	.text_slider__wrap {
		display: flex
	}
}
.gray_text_slider {
	width: 158rem
}
#top_section03 {
	background: #f5f5f5;
	margin-top: -1rem
}
.flex_wrap__item_s3_main_left {
	box-sizing: border-box;
	flex-basis: 100%;
	max-width: 100%
}
@media only screen and (min-width:768px) {
	.flex_wrap__item_s3_main_left {
		flex-basis: 58%;
		max-width: 58%
	}
}
.flex_wrap__item_s3_main_right {
	box-sizing: border-box;
	flex-basis: 100%;
	max-width: 100%;
	right: 0;
	display: flex;
	justify-content: flex-end
}
@media only screen and (min-width:768px) {
	.flex_wrap__item_s3_main_right {
		flex-basis: 42%;
		max-width: 42%
	}
}

}
.worries_section {
	padding: 10rem 0 6rem 0
}
@media only screen and (min-width:768px) {
	.worries_section {
		padding: 15rem 0 15rem 0
	}
}
.worries_section__top__border {
	border-top: .4rem solid #171c61;
	height: 1rem;
	display: block;
	position: relative
}
@media only screen and (min-width:768px) {
	.worries_section__top__border {
		display: none
	}
}
.worries_section__top__border span {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5rem 1.5rem 0 1.5rem;
	border-color: #171c61 transparent transparent transparent;
	display: block
}
.worries_section__top__border span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -.8rem;
	transform: translate(-50%, -100%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5rem 1.5rem 0 1.5rem;
	border-color: #fff transparent transparent transparent
}
img.worries_illust_main {
	width: 42rem;
	max-width: 90%;
	display: none;
	margin: 0 0 0 auto;
	height: 100%
}
@media only screen and (min-width:768px) {
	img.worries_illust_main {
		display: block
	}
}
.worries_fixed_area {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 5.5rem 0 5rem 0
}
@media only screen and (min-width:768px) {
	.worries_fixed_area {
		margin: 8.5rem 0 5rem 0
	}
}
@media only screen and (min-width:1024px) {
	.worries_fixed_area {
		margin: 8.5rem 0 0 0
	}
}
.worries_fixed_area .worries_fixed_block {
	display: block;
	justify-content: space-between;
	align-items: center;
	padding: 4rem 0;
	border-top: 1px solid rgba(0, 0, 0, .1)
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block {
		display: flex;
		border-top: none
	}
}
.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__01 {
	padding: 4rem 0 5rem 0
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__01 {
		padding: 0 0 4rem 0
	}
}
@media only screen and (min-width:1024px) {
	.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__01 {
		padding: 2rem 0 5rem 0
	}
}
.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__02 {
	padding: 4rem 0 5rem 0
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__02 {
		padding: 4rem 0 4rem 0
	}
}
@media only screen and (min-width:1024px) {
	.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__02 {
		padding: 5rem 0 5rem 0
	}
}
.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__03 {
	padding: 4rem 0 5rem 0
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__03 {
		padding: 0 0 6rem 0
	}
}
@media only screen and (min-width:1024px) {
	.worries_fixed_area .worries_fixed_block.worries_fixed_block_target__03 {
		padding: 5rem 0 20rem 0
	}
}
.worries_fixed_area .worries_fixed_block__left {
	width: 100%;
	position: relative
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__left {
		width: 53%
	}
}
@media only screen and (min-width:1024px) {
	.worries_fixed_area .worries_fixed_block__left {
		width: 30%
	}
}
.worries_fixed_area .worries_fixed_block__left .clash_en__point {
	font-weight: 600;
	color: #171c61;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.1rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__left .clash_en__point {
		text-align: left;
		margin-bottom: 0;
		font-size: 1.4rem
	}
}
.worries_fixed_area .worries_fixed_block__left h3.home_worries_h3 {
	font-weight: 900;
	font-size: 2.2rem;
	margin: 0 0 1rem 0;
	text-align: center;
	line-height: 1.4;
	white-space: nowrap
}
@media only screen and (min-width:544px) {
	.worries_fixed_area .worries_fixed_block__left h3.home_worries_h3 {
		font-size: 2.6rem
	}
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__left h3.home_worries_h3 {
		margin: 0 0 1rem 0;
		text-align: left;
		line-height: 1.5
	}
}
.worries_fixed_area .worries_fixed_block__left h3.home_worries_h3 .orange {
	color: #171c61
}
.worries_fixed_area .worries_fixed_block__right {
	width: 100%;
	position: relative;
	margin-top: 1.5rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right {
		width: 40%;
		margin-top: 0
	}
}
@media only screen and (min-width:1024px) {
	.worries_fixed_area .worries_fixed_block__right {
		width: 35%
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 0;
	width: 90%;
	max-width: 50rem;
	margin-top: 2rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust {
		width: 90%;
		max-width: auto
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust__01 {
	position: relative;
	top: 55%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 0;
	width: 85%;
	max-width: 50rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust__01 {
		width: 90%;
		margin-top: 0;
		margin-left: -2rem;
		max-width: auto
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_front__illust {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 100%;
	max-width: 55rem;
	margin-top: 2rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_front__illust {
		width: 100%;
		max-width: auto
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_front__illust__01 {
	margin-top: 0
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_front__illust__01 {
		top: 48%;
		margin: 0;
		width: 110%
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust__02 {
	top: 0
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust__02 {
		top: -5rem
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_front__illust__02 {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
	width: 100%
}
.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust__03 {
	position: relative;
	top: 55%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 0;
	width: 85%;
	max-width: 50rem;
	margin-top: 3rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_bg__illust__03 {
		width: 90%;
		max-width: auto
	}
}
.worries_fixed_area .worries_fixed_block__right img.worries_front__illust__03 {
	margin-top: 3rem
}
@media only screen and (min-width:768px) {
	.worries_fixed_area .worries_fixed_block__right img.worries_front__illust__03 {
		margin: 0;
		width: 93%
	}
}
.order_1 {
	order: 2
}
@media only screen and (min-width:1024px) {
	.order_1 {
		order: 1
	}
}
.order_2 {
	order: 1
}
@media only screen and (min-width:1024px) {
	.order_2 {
		order: 2
	}
}
.worries_fixed_sp_block {
	width: 23rem;
	position: absolute;
	top: 5rem;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	background: url(../img/index/sp_mockup.png) center center no-repeat;
	background-size: 23rem 100%;
	padding: 1.5rem .75rem 5.5rem .75rem;
	box-shadow: 3rem 1rem 5rem rgba(191, 90, 0, .15);
	border-radius: 2.3rem;
	z-index: 50;
	perspective: 150rem;
	display: none
}
@media only screen and (min-width:1024px) {
	.worries_fixed_sp_block {
		display: block
	}
}
.worries_fixed_sp_block img.worries_fixed_sp_block_image {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1.5rem .75rem 5.5rem .75rem;
	transition: .6s ease-out
}
.worries_fixed_sp_block img.worries_fixed_sp_block_image__01 {
	opacity: 1;
	position: static;
	width: 100%;
	padding: 0
}
.top_main_download_area__white {
	background: #fff;
	box-shadow: 0 0 0 transparent;
	border-radius: 1.8rem;
	border: .1rem solid #e5e5e5;
	margin: 0
}
.top_main_download_area__white .top_main_download_area__head {
	border-bottom: .1rem solid rgba(0, 0, 0, .1);
	padding: 1.5rem 1rem 2rem 1rem
}
@media only screen and (min-width:768px) {
	.top_main_download_area__white .top_main_download_area__head {
		padding: 4rem 1rem 2rem 1rem
	}
}
.top_main_download_area__white .top_main_download_area__head p {
	color: #333;
	text-align: center;
	margin: 2rem 0 0 0
}
@media only screen and (min-width:768px) {
	.top_main_download_area__white .top_main_download_area__head p {
		margin: 2rem 0
	}
}
.top_main_download_area__white .orange_logo_group {
	width: 11rem;
	height: 11rem;
	background: #171c61;
	border-radius: 1.8rem;
	padding: 1.5rem 1.5rem 2.3rem 1.5rem;
	display: block;
	margin: 2rem auto 2rem auto
}
.top_main_download_area__white p.top_main_download_area__middle {
	text-align: center;
	padding: 1.5rem 1rem 1.5rem 1rem;
	border-bottom: .1rem solid rgba(0, 0, 0, .1)
}
@media only screen and (min-width:1024px) {
	.top_main_download_area__white p.top_main_download_area__middle {
		padding: 2rem 1rem 2.3rem 1rem
	}
}
.top_main_download_area__white .top_main_download_area__bottom {
	display: flex
}
.top_main_download_area__white .top_main_download_area__bottom__left {
	width: 50%;
	padding: 2rem 0 4rem 0
}
@media only screen and (min-width:768px) {
	.top_main_download_area__white .top_main_download_area__bottom__left {
		padding: 3rem 0 5rem 0
	}
}
.top_main_download_area__white .top_main_download_area__bottom__left__inner {
	border-right: none;
	width: auto;
	display: block;
	max-width: 18.5rem;
	width: 100%;
	margin: 0 0 0 auto;
	padding: 0 .75rem 0 2rem
}
@media only screen and (min-width:1024px) {
	.top_main_download_area__white .top_main_download_area__bottom__left__inner {
		border-right: .1rem solid rgba(0, 0, 0, .1);
		padding: 0 3.8rem 0 0;
		max-width: calc(18.5rem + 3.5rem)
	}
}

.top_main_download_area__white .top_main_download_area__bottom__right {
	width: 50%;
	padding: 2rem 0 4rem 0
}
@media only screen and (min-width:768px) {
	.top_main_download_area__white .top_main_download_area__bottom__right {
		padding: 3rem 0 5rem 0
	}
}
.top_main_download_area__white .top_main_download_area__bottom__right__inner {
	padding: 0 2rem 0 .75rem;
	width: auto;
	display: block;
	max-width: 18.5rem;
	width: 100%;
	margin: 0 auto 0 0
}
@media only screen and (min-width:1024px) {
	.top_main_download_area__white .top_main_download_area__bottom__right__inner {
		max-width: calc(18.5rem + 3.5rem);
		padding: 0 0 0 3.8rem
	}
}

.top_main_download_area__white .top_main_download_area__bottom img.qr_code {
	width: 5.7rem;
	margin: 2rem auto;
	display: none
}
@media only screen and (min-width:1024px) {
	.top_main_download_area__white .top_main_download_area__bottom img.qr_code {
		display: block
	}
}
.bg_white_link_btn {
	display: block;
	margin: 1rem 0 0 0;
	padding: 1.6rem 4.2rem 1.6rem 2.9rem;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	font-size: 1.4rem;
	line-height: 1.67;
	text-decoration: none;
	vertical-align: top;
	border-radius: 1rem;
	transition: .4s;
	z-index: 1;
	color:#FFF;
}
@media only screen and (min-width:544px) {
	.bg_white_link_btn {
		margin: 1rem 0;
		margin: 2rem 0;
		padding: 2rem 4.7rem 2rem 3rem
	}
}
.bg_white_link_btn .txt {
	font-weight: 700;
	z-index: 10;
	position: relative
}
.bg_white_link_btn .bg_white_link_btn__wrap {
	position: relative
}
.bg_white_link_btn .circle {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: -2rem;
	transform: translateY(-50%);
	z-index: 0;
	width: 1.4rem;
	height: 1.4rem;
	z-index: 1
}
.bg_white_link_btn .circle img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.4rem;
	height: 1.4rem
}
.bg_white_link_btn .circle:after {
	content: "";
	z-index: -1;
	position: absolute;
	background-color: #5057af;
	width: .6rem;
	height: .6rem;
	top: 0;
	bottom: 0;
	border-radius: 100px;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);
	transition: transform 0s cubic-bezier(.43, .05, .17, 1), background-color 0s cubic-bezier(.18, .06, .23, 1), opacity .3s cubic-bezier(.26, .06, 0, 1);
	opacity: 0;
	transition-delay: .3s, .3s, 0s;
	display: none
}
@media only screen and (min-width:544px) {
	.bg_white_link_btn .circle:after {
		display: block
	}
}
.bg_white_link_btn:hover {
	box-shadow: 0 .2rem .3rem rgba(0, 0, 0, .1);
	transition: none;
	color: #FFF;
	overflow: hidden;
	padding: 1.6rem 4.2rem 1.6rem 2.9rem;
	cursor: pointer
}
@media only screen and (min-width:544px) {
	.bg_white_link_btn:hover {
		box-shadow: none;
		transition: .3s ease-in;
		color: #fff;
		padding: 2rem 3.8rem 2rem 3.8rem
	}
}
.bg_white_link_btn:hover .circle {
	overflow: visible
}
.bg_white_link_btn:hover .circle img {
	opacity: 1
}
@media only screen and (min-width:544px) {
	.bg_white_link_btn:hover .circle img {
		opacity: 0
	}
}
.bg_white_link_btn:hover .circle:after {
	transition: transform .5s cubic-bezier(.87, .24, .36, 1), background-color 0s cubic-bezier(.87, .24, .36, 1), opacity 0s cubic-bezier(.87, .24, .36, 1);
	transition-delay: 0s;
	transform: scale(80);
	background-color: #5057af;
	opacity: 1;
	display: none
}
@media only screen and (min-width:544px) {
	.bg_white_link_btn:hover .circle:after {
		display: block
	}
}
.home_about_h2 {
	margin: 2.5rem 0 3rem 0
}
@media only screen and (min-width:1024px) {
	.home_about_h2 {
		margin: 0 0 1.5rem 0!important
	}
}
.home_about_h2 span.small {
	line-height: 1.3;
	display: block
}

.bg_gray_link_btn {
	background: #171c61;
	padding: 1.6rem 4.5rem 1.6rem 3.3rem
}
@media only screen and (min-width:544px) {
	.bg_gray_link_btn {
		padding: 2rem 4.7rem 2rem 3rem
	}
}
.flex_wrap__between {
	justify-content: space-between
}
.flex_wrap__item__half {
	box-sizing: border-box;
	flex-basis: 100%;
    max-width: 100%;}


.flex_wrap__item__half p a{
text-decoration:underline!important;    
}

    .flex_wrap__item__half .ms1{
width:50%; margin:0 25%;
	}


    

@media only screen and (min-width:1024px) {
	.flex_wrap__item__half {
		flex-basis: calc(50% - 2rem);
		max-width: calc(50% - 2rem)
	}
    .flex_wrap__item__half .ms1{
width:80%;margin:0 10%;
	}
}




#top_section05 {
	background: #f5f5f5
}
.home_voice_slider__body {
	width: 100%;
	overflow: hidden;
	margin: 5rem 0 0 0
}
.swiper-container {
	max-width: 110rem!important;
	width: 80%!important;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	position: relative;
	overflow: visible!important;
	list-style: none;
	padding: 0;
	z-index: 1;
	webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1)
}
@media only screen and (min-width:544px) {
	.swiper-container {
		width: 90%!important
	}
}
.swiper-container a.swiper-button-prev {
	position: absolute;
	z-index: 3;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	left: -100%
}
.swiper-container a.swiper-button-prev:after {
	display: none
}
.swiper-container a.swiper-button-next {
	position: absolute;
	z-index: 3;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	right: -100%
}
.swiper-container a.swiper-button-next:after {
	display: none
}
.swiper-container .swiper-wrapper {
	width: 100%
}
.swiper-container .swiper-wrapper .swiper-slide {
	width: 100%!important;
	padding-right: 1.25rem;
	padding-left: 1.25rem
}
@media only screen and (min-width:544px) {
	.swiper-container .swiper-wrapper .swiper-slide {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		width: 50%!important
	}
}
@media only screen and (min-width:1024px) {
	.swiper-container .swiper-wrapper .swiper-slide {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
		width: calc(33.333%)!important
	}
}
@media only screen and (min-width:1500px) {
	.swiper-container .swiper-wrapper .swiper-slide {
		padding-right: 2rem;
		padding-left: 2rem
	}
}
.swiper-container .swiper-wrapper .swiper-slide a {
	display: block
}
.swiper-container .swiper-wrapper .swiper-slide a .home_voice_slider__txt {
	font-size: 1.3rem;
	display: block;
	line-height: 1.7
}
@media only screen and (min-width:768px) {
	.swiper-container .swiper-wrapper .swiper-slide a .home_voice_slider__txt {
		font-size: 1.2rem
	}
}
.swiper-container .swiper-wrapper .swiper-slide a .home_voice_slider__ttl {
	display: block;
	font-weight: 900;
	font-size: 1.7rem;
	margin: .5rem 0 1.5rem 0
}
@media only screen and (min-width:768px) {
	.swiper-container .swiper-wrapper .swiper-slide a .home_voice_slider__ttl {
		font-size: 1.8rem
	}
}
.swiper-container .swiper-wrapper .swiper-slide a .thumb {
	width: 100%;
	overflow: hidden;
	display: block;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
	box-shadow: .5rem 1rem 2rem rgba(0, 0, 0, .1)
}
@media only screen and (min-width:1024px) {
	.swiper-container .swiper-wrapper .swiper-slide a .thumb {
		border-radius: 1.5rem
	}
}
.swiper-container .swiper-wrapper .swiper-slide a img {
	border-radius: 1rem;
	width: 100%;
	webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1)
}
@media only screen and (min-width:1024px) {
	.swiper-container .swiper-wrapper .swiper-slide a img {
		border-radius: 1.5rem
	}
}
.swiper-container .swiper-wrapper .swiper-slide a:hover img {
	transform: scale(1);
	transition: 0s all
}
@media only screen and (min-width:1024px) {
	.swiper-container .swiper-wrapper .swiper-slide a:hover img {
		transform: scale(1.075, 1.075);
		transition: .5s all
	}
}
#voice_slider_stalker_prev {
	position: fixed;
	width: 6rem;
	height: 6rem;
	border-radius: 3rem;
	margin: -3rem 0 0 -3rem;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	bottom: 0;
	left: 0
}
#voice_slider_stalker_prev span {
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 3rem;
	transform: scale(0, 0);
	webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
	transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	position: relative
}
#voice_slider_stalker_prev:after {
	content: "Prev";
	position: absolute;
	color: #000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	font-size: 1.2rem;
	font-size: "Clash Display", sans-serif;
	white-space: nowrap
}
.voice_slider_stalker {
	position: fixed;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	margin: -4rem 0 0 -4rem;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	bottom: 0;
	left: 0
}
.voice_slider_stalker span {
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	transform: scale(0, 0);
	webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
	transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	position: relative
}
.voice_slider_stalker:after {
	content: "Prev";
	position: absolute;
	color: #333;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	font-size: 1.3rem;
	font-size: "Clash Display", sans-serif;
	font-weight: 600;
	white-space: nowrap
}
#voice_slider_stalker_prev {
	width: 7rem;
	height: 7rem;
	margin: -4rem 0 0 -4rem
}
#voice_slider_stalker_prev span {
	border-radius: 50%;
	background: #fff
}
#voice_slider_stalker_prev:after {
	content: "Prev"
}
#voice_slider_stalker_next {
	width: 7rem;
	height: 7rem
}
#voice_slider_stalker_next:after {
	content: "Next"
}
.c-faqs {
	overflow: hidden;
	margin: 0rem 0 0 0
}
@media only screen and (min-width:1024px) {
	.c-faqs {
		margin: 0 0 0 0
	}
}
.c-faqs .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 3rem;
	padding-left: 3rem;
	max-width: 120rem
}
@media only screen and (min-width:1024px) {
	.c-faqs .item {
		padding-right: 0;
		padding-left: 0
	}
}
.c-faqs .item:before {
	-webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1) 0s;
	transition: all .5s cubic-bezier(.075, .82, .165, 1) 0s;
	-webkit-transition-property: border-color, background, opacity;
	transition-property: border-color, background, opacity;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: calc(50% - 50vw);
	bottom: 0;
	left: calc(50% - 50vw);
	border-bottom: #fff solid .1rem;
	background: #fff;
	opacity: 0
}
.c-faqs .item:before:hover {
	opacity: 1
}
.c-faqs .item:hover:before {
	opacity: 1
}
.c-faqs .item.is-open:before {
	opacity: 1
}
.c-faqs .item__ttl__finish {
	border-bottom: #ededed solid .1rem
}
.c-faqs .item__ttl {
	-webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1) 0s;
	transition: all .5s cubic-bezier(.075, .82, .165, 1) 0s;
	-webkit-transition-property: border-color, color;
	transition-property: border-color, color;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
	height: 8rem;
	padding-right: 4rem;
	border-top: #ededed solid .1rem;
	color: #171c61;
	font-size: 1.4rem;
	font-weight:500;
	line-height: 1.67;
	cursor: pointer;
	padding-left:0rem;
}
@media only screen and (min-width:544px) {
	.c-faqs .item__ttl {
		font-size: 1.5rem;
		height: 10rem;
	}
}
@media only screen and (min-width:1024px) {
	.c-faqs .item__ttl {
		height: 8rem;
		font-size: 1.6rem;
			padding-left:2rem;
	}
}
.c-faqs .item__ttl .icon {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: calc(50% - 1.37rem);
	right: 0;
	width: 2.75rem;
	height: 2.75rem;
}
@media only screen and (min-width:768px) {
	.c-faqs .item__ttl .icon {
		top: calc(50% - 1.5rem);
		right: 1.5rem;
		width: 3rem;
		height: 3rem
	}
}
.c-faqs .item__ttl .icon:before {
	-webkit-transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: .7rem;
	height: .2rem;
	background: #171c61
}
@media only screen and (min-width:768px) {
	.c-faqs .item__ttl .icon:before {
		width: 1rem
	}
}
.c-faqs .item__ttl .icon:after {
	-webkit-transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: .2rem;
	height: .7rem;
	background: #171c61
}
@media only screen and (min-width:768px) {
	.c-faqs .item__ttl .icon:after {
		height: 1rem
	}
}
.c-faqs .item__body {
	padding: 0 0 3rem 0;
	position: relative;
	z-index: 10;
	
}
.c-faqs .item__body a{
text-decoration:underline;
}

@media only screen and (min-width:1024px) {
	.c-faqs .item__body {
		padding: 1rem 2rem
	}
}
.c-faqs .item:hover .item__ttl {
	border-top: #f5f5f5 solid .1rem
}
.c-faqs .item:hover .item__ttl__finish {
	border-top: #f5f5f5 solid .1rem;
	border-bottom: rgba(245, 245, 245, 0) solid .1rem
}
.c-faqs .item:hover+.item .item__ttl {
	border-top: transparent

}
.c-faqs .item:hover+.item .item__ttl__finish {
	border-top: rgba(245, 245, 245, 0) solid .1rem
}
.c-faqs .item.is-open .item__ttl {
	border-top: #f5f5f5 solid .1rem
}
.c-faqs .item.is-open .item__ttl__finish {
	border-top: #f5f5f5 solid .1rem;
	border-bottom: #f5f5f5 solid .1rem
}
.c-faqs .item.is-open+.item .item__ttl {
	border-top: transparent
}
.c-faqs .item.is-open+.item .item__ttl__finish {
	border-top: rgba(245, 245, 245, 0) solid .1rem
}


.c-faqs .item.is-open .icon {
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: calc(50% - 1.37rem);
	right: 0;
	width: 2.75rem;
	height: 2.75rem;
	transform: scale(1, 1)
}
@media only screen and (min-width:768px) {
	.c-faqs .item.is-open .icon {
		right: 1.5rem;
		width: 3rem;
		height: 3rem
	}
}
.c-faqs .item.is-open .icon:before {
	-webkit-transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1rem;
	height: .2rem;
	background: #171c61
}
.c-faqs .item.is-open .icon:after {
	-webkit-transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	transition: opacity .5s cubic-bezier(.075, .82, .165, 1) 0s;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0, 0)!important;
	width: .2rem;
	height: 1rem;
	background: #171c61
}
.home_cta_section {
	position: relative;
	overflow: hidden;
	padding: 7rem 0;
	overflow: hidden
}
@media only screen and (min-width:1024px) {
	.home_cta_section {
		padding: 10rem 1.5rem
	}
}
.home_cta_section:after {
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 140%;
	height: 100%;
	z-index: -15;
	background: #f5f5f5
}
.home_cta_section:before {
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 140%;
	height: 100%;
	background: url(../img/index/home_cta_bg__sp.png) center center no-repeat;
	background-size: 105%;
	z-index: 0;
	z-index: -1
}
@media only screen and (min-width:544px) {
	.home_cta_section:before {
		width: 100%
	}
}
@media only screen and (min-width:1024px) {
	.home_cta_section:before {
		background: url(../img/index/home_cta_bg.png) center center no-repeat;
		width: 110%;
		height: 100%;
		transform: translate(-46%, -50%);
		background-size: 105%;
		position: fixed;
		top: 50%;
		left: 50%
	}
}
.home_cta_section .top_main_download_area__filter {
	position: relative;
	z-index: 50;
	background: rgba(255, 255, 255, .6);
	backdrop-filter: blur(.56rem);
	-webkit-backdrop-filter: blur(.56rem);
	box-shadow: 0 2rem 2.9rem rgba(0, 0, 0, .1);
	border-radius: 1.8rem;
	margin: 0
}
.home_cta_section .top_main_download_area__filter .top_main_download_area__head {
	border-bottom: .1rem solid rgba(0, 0, 0, .1);
	padding: 4rem 1rem 2rem 1rem
}
.home_cta_section .top_main_download_area__filter .top_main_download_area__head p {
	color: #333;
	text-align: center;
	margin: 2rem 0 0 0
}
@media only screen and (min-width:1024px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__head p {
		margin: 2rem 0
	}
}
.home_cta_section .top_main_download_area__filter .orange_logo_group {
	width: 11rem;
	height: 11rem;
	background: #171c61;
	border-radius: 1.8rem;
	padding: 1.5rem 1.5rem 2.3rem 1.5rem;
	display: block;
	margin: 2rem auto 2rem auto
}
.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom {
	display: block;
	padding: 2.5rem
}
@media only screen and (min-width:544px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom {
		display: flex;
		padding: 0
	}
}
.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__left {
	width: 100%;
	padding: 0
}
@media only screen and (min-width:544px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__left {
		width: 50%;
		padding: 3rem 0 5rem 0
	}
}
.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__left__inner {
	border-right: none;
	width: auto;
	display: block;
	max-width: 17rem;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 1rem 0
}
@media only screen and (min-width:544px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__left__inner {
		max-width: 18.5rem;
		padding: 0 .75rem 0 2rem;
		margin: 0 0 0 auto
	}
}
@media only screen and (min-width:1024px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__left__inner {
		border-right: .1rem solid rgba(0, 0, 0, .1);
		padding: 0 3.8rem 0 0;
		max-width: calc(18.5rem + 3.5rem)
	}
}

.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__right {
	width: 100%;
	padding: 0
}
@media only screen and (min-width:544px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__right {
		width: 50%;
		padding: 3rem 0 5rem 0
	}
}
.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__right__inner {
	padding: 0 0 1rem 0;
	width: auto;
	display: block;
	max-width: 17rem;
	width: 100%;
	margin: 0 auto
}
@media only screen and (min-width:544px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__right__inner {
		max-width: 18.5rem;
		padding: 0 2rem 0 .75rem;
		margin: 0 auto 0 0
	}
}
@media only screen and (min-width:1024px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom__right__inner {
		max-width: calc(18.5rem + 3.5rem);
		padding: 0 0 0 3.8rem
	}
}

.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom img.qr_code {
	width: 5.7rem;
	margin: 2rem auto;
	display: none;
	box-shadow: .2rem 0 1.2rem rgba(0, 0, 0, .11)
}
@media only screen and (min-width:1024px) {
	.home_cta_section .top_main_download_area__filter .top_main_download_area__bottom img.qr_code {
		display: block
	}
}
.home_cta_section img.home_cta_section__illust_01 {
	position: absolute;
	width: 16.4rem;
	top: 7rem;
	left: 5%;
	z-index: 50;
	display: none
}
@media only screen and (min-width:1200px) {
	.home_cta_section img.home_cta_section__illust_01 {
		display: block
	}
}
.home_cta_section img.home_cta_section__illust_02 {
	position: absolute;
	width: 22rem;
	top: auto;
	bottom: 2.5rem;
	right: 74%;
	z-index: 50
}
@media only screen and (min-width:544px) {
	.home_cta_section img.home_cta_section__illust_02 {
		width: 34rem
	}
}
@media only screen and (min-width:1200px) {
	.home_cta_section img.home_cta_section__illust_02 {
		width: 34rem;
		top: 4rem;
		bottom: auto;
		right: 5%
	}
}
.home_cta_section img.home_cta_section__illust_03 {
	position: absolute;
	width: 14rem;
	top: 3rem;
	bottom: auto;
	left: 67%;
	z-index: 50
}
@media only screen and (min-width:544px) {
	.home_cta_section img.home_cta_section__illust_03 {
		width: 26rem
	}
}
@media only screen and (min-width:1200px) {
	.home_cta_section img.home_cta_section__illust_03 {
		width: 28rem;
		bottom: 7rem;
		top: auto;
		left: 6%;
		right: auto
	}
}
.home_cta_section img.home_cta_section__illust_04 {
	position: absolute;
	width: 18rem;
	bottom: 12rem;
	right: 2%;
	z-index: 50;
	display: none
}
@media only screen and (min-width:1200px) {
	.home_cta_section img.home_cta_section__illust_04 {
		display: block
	}
}
.white_section {
	background: #fff
}
#top_section04 {
	padding: 8.5rem 0 4.25rem 0
}
@media only screen and (min-width:768px) {
	#top_section04 {
		padding: 15rem 0 7.5rem 0
	}
}

#top_section06 {
	padding: 4.25rem 0 4rem 0
}
@media only screen and (min-width:768px) {
	#top_section06 {
		padding: 7.5rem 0 2rem 0
	}
}
.sp_mb50 {
	margin-bottom: 5rem
}
@media only screen and (min-width:1024px) {
	.sp_mb50 {
		margin-bottom: 0
	}
}
p.link_btn__wrap__point {
	text-align: center
}
@media only screen and (min-width:1024px) {
	p.link_btn__wrap__point {
		text-align: left
	}
}
p.link_btn__wrap__point a.link_btn {
	display: block;
	margin: .5rem 0 1.5rem 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	font-size: 1.4rem;
	line-height: 1.67;
	text-decoration: none;
	vertical-align: top
}
p.link_btn__wrap__point a.link_btn .txt {
	font-weight: 700;
	position: relative
}
p.link_btn__wrap__point a.link_btn .txt::before {
	position: absolute;
	bottom: -.3rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #000;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s
}
p.link_btn__wrap__point a.link_btn .txt::after {
	position: absolute;
	bottom: -.3rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #000;
	transform: scale(1, 1);
	transform-origin: right top;
	transition: transform .3s
}
p.link_btn__wrap__point a.link_btn:hover .txt::after {
	transform-origin: right top;
	transform: scale(0, 1)
}
p.link_btn__wrap__point a.link_btn:hover .txt::before {
	transition: transform .3s ease-out;
	transition-delay: .35s;
	transform-origin: left top;
	transform: scale(1, 1)
}
p.link_btn__wrap__point a.link_btn .circle {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: -2rem;
	transform: translateY(-50%);
	z-index: 0;
	width: 1.4rem;
	height: 1.4rem
}
@media only screen and (min-width:768px) {
	p.link_btn__wrap__point a.link_btn .circle {
		top: 55%
	}
}
p.link_btn__wrap__point a.link_btn .circle img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.4rem;
	height: 1.4rem
}
.main_visual__page {
	height: auto;
	width: 100%;
	overflow: hidden;
	padding: 13rem 0 3rem 0
}
@media only screen and (min-width:544px) {
	.main_visual__page {
		padding: 18rem 0 3rem 0
	}
}
@media only screen and (min-width:768px) {
	.main_visual__page {
		padding: 25rem 0 3rem 0
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__page {
		padding: 15rem 0 3rem 0
	}
}
.main_visual__page .popout_page {
	text-align: center
}
@media only screen and (min-width:768px) {
	.main_visual__page .popout_page {
		text-align: left
	}
}


.main_visual__page .large_container {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	height: auto
}
@media only screen and (min-width:768px) {
	.main_visual__page .large_container {
		position: absolute;
		top: 44%;
		left: 50%;
		transform: translate(-50%, -50%)
	}
}
.main_visual__page .main_visual__service_text_group h1.main_visual__h1 {
	font-size: 2rem;
	text-align: center
}
@media only screen and (min-width:768px) {
	.main_visual__page .main_visual__service_text_group h1.main_visual__h1 {
		font-size: 4.2rem;
		text-align: left
	}
}
.main_visual__page .main_visual__service_text_group p {
	text-align: center
}
@media only screen and (min-width:768px) {
	.main_visual__page .main_visual__service_text_group p {
		text-align: left
	}
}
.main_visual__page .main_visual__service_illust__wrap {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	height: auto;
	z-index: 10;
	pointer-events: none
}
@media only screen and (min-width:1024px) {
	.main_visual__page .main_visual__service_illust__wrap {
		position: absolute;
		width: 100%;
		max-width: 100rem;
		top: 30%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
	}
}
.main_visual__page .main_visual__service_illust {
	max-width: 100%;
	width: 100%;
	position: relative;
	margin: 4rem 0 2rem 0
}
@media only screen and (min-width:768px) {
	.main_visual__page .main_visual__service_illust {
		width: 50%;
		max-width: 60rem;
		overflow: visible;
		margin: 0 3rem 0 auto
	}
}
.main_visual__page .main_visual__service_illust img.bg {
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	auto: 0
}
.main_visual__page .main_visual__service_illust img.bg_func {
	z-index: 1;
	position: relative;
	top: 0;
	left: 5%;
	width: 90%;
	auto: 0;
	transform: translateY(-2.5%)
}
@media only screen and (min-width:768px) {
	.main_visual__page .main_visual__service_illust img.bg_func {
		width: 100%;
		left: 0;
		transform: translateY(0)
	}
}
.main_visual__page .main_visual__service_illust img.illust {
	z-index: 10;
	width: 70%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-47%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__page .main_visual__service_illust img.illust {
		width: 39rem;
		top: 50%;
		transform: translate(-40%, -50%)
	}
}
.main_visual__page .main_visual__service_illust__index {
	max-width: 100%;
	width: 100%;
	position: relative;
	margin: 4rem 0 2rem 0
}
@media only screen and (min-width:768px) {
	.main_visual__page .main_visual__service_illust__index {
		width: 50%;
		max-width: 60rem;
		overflow: visible;
		margin: 0 6rem 0 auto
	}
}
.service_index_section {
	background: #f5f5f5;
	padding: 3rem 0
}
.service_point_block {
	display: block;
	justify-content: space-between;
	padding: 2rem 0 3rem 0
}
.service_point_block span.link_btn__wrap {
	display: flex;
	justify-content: center;
	padding: 1rem 0 3rem 0
}
@media only screen and (min-width:768px) {
	.service_point_block span.link_btn__wrap {
		display: block;
		padding: 0
	}
}
@media only screen and (min-width:768px) {
	.service_point_block {
		display: flex;
		padding: 4rem 0 8rem 0
	}
}
.service_point_block .order01 {
	order: 2
}
@media only screen and (min-width:768px) {
	.service_point_block .order01 {
		order: 1
	}
}
.service_point_block .order02 {
	order: 1
}
@media only screen and (min-width:768px) {
	.service_point_block .order02 {
		order: 2
	}
}
.service_point_block .service_point_block__img {
	width: 100%;
	position: relative;
	margin: 0 auto;
	display: block
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img {
		width: 45%;
		margin: 0
	}
}
.service_point_block .service_point_block__img img.bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.bg {
		width: 110%
	}
}
.service_point_block .service_point_block__img img.bg01 {
	max-width: 98%;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.bg01 {
		top: 37%
	}
}
.service_point_block .service_point_block__img img.bg02 {
	max-width: 100%;
	top: 50%
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.bg02 {
		top: 42%
	}
}
.service_point_block .service_point_block__img img.bg03 {
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.bg03 {
		top: 40%
	}
}
.service_point_block .service_point_block__img img.illust {
	position: relative;
	z-index: 10;
	display: block;
	margin: 0 auto
}
.service_point_block .service_point_block__img img.illust01 {
	width: 67%
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.illust01 {
		width: 36rem
	}
}
.service_point_block .service_point_block__img img.illust02 {
	width: 65%;
	transform: translateX(1.5rem)
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.illust02 {
		width: 34rem;
		transform: translateX(3rem)
	}
}
.service_point_block .service_point_block__img img.illust03 {
	width: 55%;
	transform: translateX(1.1rem)
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__img img.illust03 {
		width: 29rem;
		transform: translateX(1.5rem)
	}
}
.service_point_block .service_point_block__text {
	width: 100%
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__text {
		width: 45%
	}
}
.service_point_block .service_point_block__text p.service_en__point {
	font-weight: 600;
	color: #171c61;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.1rem
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__text p.service_en__point {
		text-align: left;
		margin-bottom: 0;
		font-size: 1.4rem
	}
}
.service_point_block .service_point_block__text h2.service_point_h2 {
	font-weight: 900;
	font-size: 2.2rem;
	margin: .75rem 0 1.5rem 0;
	text-align: center;
	line-height: 1.4;
	white-space: nowrap
}
@media only screen and (min-width:544px) {
	.service_point_block .service_point_block__text h2.service_point_h2 {
		font-size: 2.6rem
	}
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__text h2.service_point_h2 {
		margin: .75rem 0 1.5rem 0;
		text-align: left;
		line-height: 1.5;
		font-size: 2.8rem
	}
}
.service_point_block .service_point_block__text h2.service_point_h2 .orange {
	color: #171c61
}
.service_point_block .service_point_block__text p.caution_text {
	margin: 0 0 3rem 0
}
@media only screen and (min-width:768px) {
	.service_point_block .service_point_block__text p.caution_text {
		margin: 0
	}
}
.service_point_block__text_border_area {
	border: 1px solid rgba(51, 51, 51, .1);
	border-radius: 1rem;
	margin: 2rem 0 3rem 0;
	padding: 1.5rem 1.5rem 1.5rem 1.5rem
}
@media only screen and (min-width:768px) {
	.service_point_block__text_border_area {
		margin: 3rem 0;
		border-radius: 2rem;
		padding: 2.5rem 3rem 2.5rem 3rem
	}
}
.service_point_block__text_border_area h3.border_area_h3 {
	font-size: 1.6rem;
	margin: 1rem 0 1.5rem 0
}
@media only screen and (min-width:768px) {
	.service_point_block__text_border_area h3.border_area_h3 {
		font-size: 1.8rem;
		margin: 1rem 0 1.5rem 0
	}
}
.service_point_block__text_border_area ul.border_area_list li {
	background: url(../img/function/index/border_area_list_marl.png) left 7px no-repeat;
	background-size: 1.4rem 1rem;
	padding: 0 0 0 2rem;
	margin: .75rem 0;
	line-height: 1.6
}
@media only screen and (min-width:768px) {
	.service_point_block__text_border_area ul.border_area_list li {
		background-size: 1.6rem 1.2rem;
		padding: 0 0 0 2.4rem;
		margin: 1rem 0
	}
}
.white_cta_section:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: translate(0, 0)
}
.main_visual__page__service {
	min-height: 65rem
}
.main_visual__page__service .large_container {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	height: auto
}
@media only screen and (min-width:768px) {
	.main_visual__page__service .large_container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 100%
	}
}
.main_visual__page__service .main_visual__text_group {
	top: 0;
	left: 0;
	transform: translateY(0);
	position: relative;
	z-index: 10;
	margin: 0 0 3rem 0;
	z-index: 15
}
@media only screen and (min-width:768px) {
	.main_visual__page__service .main_visual__text_group {
		argin: 0;
		top: 34%;
		left: 2rem;
		position: absolute;
		transform: translateY(0)
	}
}
.main_visual__page__service .main_visual__text_group a.main_visual__h1_top_text {
	color: #FFF;
	position: relative;
	padding-bottom: .15rem;
	display: inline-block;
	font-weight: 700
}
.main_visual__page__service .main_visual__text_group a.main_visual__h1_top_text::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #171c61;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s
}
.main_visual__page__service .main_visual__text_group a.main_visual__h1_top_text::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #171c61;
	transform: scale(1, 1);
	transform-origin: right top;
	transition: transform .3s
}
.main_visual__page__service .main_visual__text_group a.main_visual__h1_top_text:hover:after {
	transform-origin: right top;
	transform: scale(0, 1)
}
.main_visual__page__service .main_visual__text_group a.main_visual__h1_top_text:hover:before {
	transition: transform .3s ease-out;
	transition-delay: .35s;
	transform-origin: left top;
	transform: scale(1, 1)
}
.main_visual__page__service .main_visual__text_group h1.main_visual__h1 {
	font-size: 2.6rem;
	margin: .5rem 0 1.5rem 0
}
@media only screen and (min-width:768px) {
	.main_visual__page__service .main_visual__text_group h1.main_visual__h1
	{
		margin: 1rem 0 2rem 0;
		font-size: 4.2rem
	}
}
.main_visual__page__service {
	padding: 14rem 0 3rem 0
}
@media only screen and (min-width:544px) {
	.main_visual__page__service {
		padding: 18rem 0 3rem 0
	}
}
@media only screen and (min-width:768px) {
	.main_visual__page__service {
		padding: 25rem 0 3rem 0
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__page__service {
		padding: 15rem 0 3rem 0
	}
}
.main_visual__page__service .main_visual__text_group__func {
	margin-left: 0
}
.main_visual__page__service .main_visual__text_group p.main_visual__h1_top_text {
	text-align: center
}
@media only screen and (min-width:768px) {
	.main_visual__page__service .main_visual__text_group p.main_visual__h1_top_text {
		text-align: left
	}
}
.main_visual__page__service .main_visual__text_group h1.main_visual__h1 {
	text-align: center;
	font-size: 2.2rem;
	margin: .5rem 0 1.5rem 0
}
@media only screen and (min-width:544px) {
	.main_visual__page__service .main_visual__text_group h1.main_visual__h1 {
		font-size: 3rem
	}
}
@media only screen and (min-width:768px) {
	.main_visual__page__service .main_visual__text_group h1.main_visual__h1 {
		text-align: left;
		margin: 1rem 0 2rem 0;
		font-size: 3.5rem
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__page__service .main_visual__text_group h1.main_visual__h1 {
		font-size: 4.2rem
	}
}
.main_visual__page__service .main_visual__text_group p.h1_bottom {
	text-align: center;
}
@media only screen and (min-width:768px) {
	.main_visual__page__service .main_visual__text_group p.h1_bottom {
		text-align: left
	}
}

.main_visual__service_illust__fun01 {
	max-width: 90%!important;
	width: 90%!important;
	position: relative;
	margin: 4rem auto 2rem auto!important;
	display: block
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun01 {
		width: 40%!important;
		max-width: 48rem!important;
		overflow: visible;
		margin: 0 5rem 0 auto!important
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun01 {
		width: 50%;
		margin: 0 8rem 0 auto!important
	}
}
.main_visual__service_illust__fun01 img.illust_mock {
	z-index: 10;
	width: 70%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun01 img.illust_mock {
		width: 34rem;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun01 img.illust_mock {
		width: 37rem
	}
}
.main_visual__service_illust__fun01 img.illust_mock_01 {
	z-index: 10;
	width: 70%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun01 img.illust_mock_01 {
		width: 34rem;
		top: 55%;
		transform: translate(-50%, -50%)
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun01 img.illust_mock_01 {
		width: 37rem
	}
}
.main_visual__service_illust__fun01 img.illust_mock_02 {
	z-index: 10;
	width: 70%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun01 img.illust_mock_02 {
		width: 35rem;
		top: 55%;
		transform: translate(-50%, -50%)
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun01 img.illust_mock_02 {
		width: 38rem
	}
}
.main_visual__service_illust__fun03 {
	max-width: 90%!important;
	width: 90%!important;
	position: relative;
	margin: 4rem auto 2rem auto!important;
	display: block
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun03 {
		width: 40%!important;
		max-width: 48rem!important;
		overflow: visible;
		margin: 0 5rem 0 auto!important
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun03 {
		width: 50%;
		margin: 0 8rem 0 auto!important
	}
}
.main_visual__service_illust__fun03 img.illust_mock {
	z-index: 10;
	width: 70%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun03 img.illust_mock {
		width: 29rem;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun03 img.illust_mock {
		width: 31rem
	}
}
.main_visual__service_illust__fun03 img.illust_mock_03 {
	z-index: 10;
	width: 62%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun03 img.illust_mock_03 {
		width: 27rem;
		top: 55%;
		transform: translate(-50%, -50%)
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun03 img.illust_mock_03 {
		width: 31rem
	}
}
.main_visual__service_illust__fun02 {
	max-width: 90%!important;
	width: 90%!important;
	position: relative;
	margin: 4rem auto 2rem auto!important;
	display: block
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun02 {
		width: 40%!important;
		max-width: 50rem!important;
		overflow: visible;
		margin: 0 5rem 0 auto!important
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun02 {
		width: 50%;
		margin: 0 8rem 0 auto!important
	}
}
.main_visual__service_illust__fun02 img.illust_mock {
	z-index: 10;
	width: 70%;
	height: auto;
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
	.main_visual__service_illust__fun02 img.illust_mock {
		width: 37rem;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__service_illust__fun02 img.illust_mock {
		width: 40rem
	}
}
section.service_main_bottom {
	background: #fff;
	width: 100%;
	position: relative
}
@media only screen and (min-width:768px) {
	section.service_main_bottom {
		background: #f5f5f5
	}
}
section.service_main_bottom:before {
	content: "";
	position: absolute;
	background: #fff;
	right: auto;
	left: 0;
	width: 100%;
	top: -10rem;
	height: 10rem;
	background: #fff;
	border-radius: 5rem 0 0 0
}
@media only screen and (min-width:768px) {
	section.service_main_bottom:before {
		left: auto;
		right: 0;
		width: 50%;
		top: -15rem;
		height: calc(100% + 15rem)
	}
}
.service_main_wrap {
	background: #fff;
	position: relative;
	width: 100%;
	padding: 0;
}
@media only screen and (min-width:768px) {
	.service_main_wrap {
		padding: 0;
	}
}
.service_main__img {
	margin: 3rem 0;
	display: none;
	border-radius: 2.5rem
}
@media only screen and (min-width:768px) {
	.service_main__img {
		display: block
	}
}
.service_main__img__sp {
	margin: 3rem 0;
	display: block;
	border-radius: 2.5rem
}
@media only screen and (min-width:768px) {
	.service_main__img__sp {
		display: none!important
	}
}
section.service_main_bottom .service_main_wrap:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: -15rem;
	height: 15rem;
	background: #fff;
	border-radius: 7.5rem 0 0 0;
	display: none
}
@media only screen and (min-width:768px) {
	section.service_main_bottom .service_main_wrap:before {
		display: block
	}
}
h2.service_main_h2 {
    text-align:center;
	font-size: 2.2rem;
	letter-spacing: .2rem;
	display: block;
	margin: 0 0 2rem 0;
	padding: 5rem 0 0rem;
	color: #171c61;
}

@media only screen and (min-width:1024px) {
	h2.service_main_h2 {
		font-size: 2.6rem
	}
}

@media only screen and (min-width:1500px) {
	h2.service_main_h2 {
		font-size: 3rem;
	}
}
h2.service_main_h2 small {
	color: #171c61;
	display: block;
	font-size: 1.2rem
}
@media only screen and (min-width:768px) {
	h2.service_main_h2 small {
		font-size: 1.4rem
	}
}
section.service_middle_area {
	background: #fff;
	width: 100%;
	position: relative;
	margin: 30rem 0 0 0
}
@media only screen and (min-width:544px) {
	section.service_middle_area {
		background: #fff;
		margin: 0
	}
}
section.service_middle_area:before {
	content: "";
	position: absolute;
	background: #fff;
	right: auto;
	left: 0;
	width: 100%;
	top: -6rem;
	height: 7rem;
	background: #fff;
	border-radius: 0 5rem 0 0
}
@media only screen and (min-width:768px) {
	section.service_middle_area:before {
		right: auto;
		left: 0;
		width: 50%;
		top: -10rem;
		height: calc(100% + 15rem)
	}
}
section.service_middle_area .service_middle_area_wrap {
	background: #fff;
	position: relative;
	width: 100%;
	padding: 0
}
@media only screen and (min-width:768px) {
	section.service_middle_area .service_middle_area_wrap {
		padding: 0 8rem 0 0rem
	}
}
section.service_middle_area .service_middle_area_wrap:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: -10rem;
	height: 10rem;
	background: #fff;
	border-radius: 0 7.5rem 0 0;
	display: none
}
@media only screen and (min-width:768px) {
	section.service_middle_area .service_middle_area_wrap:before {
		display: block
	}
}
section.service_middle_area h2.service_main_h2__border {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 3rem
}
@media only screen and (min-width:768px) {
	section.service_middle_area h2.service_main_h2__border {
		padding-bottom: 4rem
	}
}
.service_main_content {
	padding: 1rem 0 3rem 0
}
@media only screen and (min-width:768px) {
	.service_main_content {
		padding: 3rem 0 6rem 0
	}
}
.service_main_content__block {
	display: block;
	justify-content: space-between;
	padding: 1rem 0 4rem 0
}
@media only screen and (min-width:768px) {
	.service_main_content__block {
		display: flex;
		padding: 3rem 0 6rem 0
	}
}
.service_main_content__block .order01 {
	order: 2
}
@media only screen and (min-width:768px) {
	.service_main_content__block .order01 {
		order: 1
	}
}
.service_main_content__block .order02 {
	order: 1
}
@media only screen and (min-width:768px) {
	.service_main_content__block .order02 {
		order: 2
	}
}
.service_main_content__block .service_main_content__block__left {
	width: 100%
}
@media only screen and (min-width:768px) {
	.service_main_content__block .service_main_content__block__left {
		width: 77%
	}
}
.service_main_content__block .service_main_content__block__left p {
	margin: 0 0 2.5rem 0
}
.service_main_content__block .service_main_content__block__left p span.caution_text {
	opacity: .6;
	font-size: 1.2rem;
	padding: 1rem 0 0 0;
	display: block
}
.service_main_content__block .service_main_content__block__right {
	width: 100%
}
@media only screen and (min-width:768px) {
	.service_main_content__block .service_main_content__block__right {
		width: 27%
	}
}
img.service_main_f_img {
    width:60%;
    margin:0 20%;
}
@media only screen and (min-width:768px) {
	img.service_main_f_img {
    width:100%;
    margin:0;
	}
}
h3.service_main_h3 {
	font-size: 1.8rem;
	letter-spacing: .2rem;
	line-height: 1.5;
	display: block;
	margin: 0 0 2rem 0;
        color:#171c61;
}
@media only screen and (min-width:768px) {
	h3.service_main_h3 {
		line-height: 1.5;
		margin: 2rem 0 2rem 0;
		font-size: 2.2rem
	}
}
h3.service_main_h3 small {
	color: #171c61;
	display: block;
	font-size: 1.4rem
}
.service_main_about__block {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 1.5rem;
	padding: 3rem 1.5rem;
	margin: 2rem 0 3rem 0;
	display: block;
	justify-content: space-between
}
@media only screen and (min-width:768px) {
	.service_main_about__block {
		padding: 5rem;
		margin: 4rem 0 6rem 0;
		display: flex;
		border-radius: 3rem
	}
}
.service_main_about__block h3.service_main_about__h3 {
	font-size: 1.7rem;
	margin: 0 0 1.5rem 0;
	line-height: 1.7
}
@media only screen and (min-width:768px) {
	.service_main_about__block h3.service_main_about__h3 {
		font-size: 2.2rem;
		argin: 0 0 2rem 0
	}
}
.service_main_about__block h3.service_main_about__h3 small {
	display: block;
	color: #171c61;
	font-size: 1.2rem
}
@media only screen and (min-width:768px) {
	.service_main_about__block h3.service_main_about__h3 small {
		font-size: 1.4rem
	}
}
.service_main_about__block p {
	margin: 0 0 2.5rem 0
}
.service_main_about__block .service_main_about__block__left {
	width: 100%
}
@media only screen and (min-width:768px) {
	.service_main_about__block .service_main_about__block__left {
		width: 47%
	}
}
.service_main_about__block .service_main_about__block__right {
	width: 100%
}
@media only screen and (min-width:768px) {
	.service_main_about__block .service_main_about__block__right {
		width: 47%
	}
}
.service_bottom_area {
	background: #fff;
	width: 100%;
	position: relative;
	overflow: hidden;
    text-align:center!important;
}


.service_bottom_area .service_bottom_area__inner {
	padding: 3rem 0 3rem 0;
	position: relative
}
@media only screen and (min-width:768px) {
	.service_bottom_area .service_bottom_area__inner {
		padding: 0rem 0 5rem 0
	}
}

.service_bottom_title__area {
	display: block;
	align-items: center;
	justify-content: space-between
}
@media only screen and (min-width:768px) {
	.service_bottom_title__area {
		display: flex
	}
}
.service_bottom_title__area h2.service_main_h2 {
    text-align:center;
}
@media only screen and (min-width:768px) {
	.service_bottom_title__area h2.service_main_h2 {
		margin: 0 0 2rem 0
	}
}
.service_bottom_title__area p.link_btn__wrap {
	text-align: left;
	margin: 0
}
@media only screen and (min-width:768px) {
	.service_bottom_title__area p.link_btn__wrap {
		text-align: left;
		margin: 0 2rem 0 0
	}
}
.service_bottom_title__area a.link_btn {
	display: block;
	margin: .5rem 0 1.5rem 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	font-size: 1.4rem;
	line-height: 1.67;
	text-decoration: none;
	vertical-align: top
}
.service_bottom_title__area a.link_btn .txt {
	font-weight: 700;
	position: relative
}
.service_bottom_title__area a.link_btn .txt::before {
	position: absolute;
	bottom: -.3rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #000;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s
}
.service_bottom_title__area a.link_btn .txt::after {
	position: absolute;
	bottom: -.3rem;
	left: 0;
	content: "";
	width: 100%;
	height: .1rem;
	background: #000;
	transform: scale(1, 1);
	transform-origin: right top;
	transition: transform .3s
}
.service_bottom_title__area a.link_btn:hover .txt::after {
	transform-origin: right top;
	transform: scale(0, 1)
}
.service_bottom_title__area a.link_btn:hover .txt::before {
	transition: transform .3s ease-out;
	transition-delay: .35s;
	transform-origin: left top;
	transform: scale(1, 1)
}
.service_bottom_title__area a.link_btn .circle {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: -2rem;
	transform: translateY(-50%);
	z-index: 0;
	width: 1.4rem;
	height: 1.4rem
}
@media only screen and (min-width:768px) {
	.service_bottom_title__area a.link_btn .circle {
		top: 55%
	}
}
.service_bottom_title__area a.link_btn .circle img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.4rem;
	height: 1.4rem
}
ul.service_bottom__list, ul.service_bottom__list02 {
	display: block;
	justify-content: space-between;
	margin: 0;
	width: 100%;
}
ul.service_bottom__list img, ul.service_bottom__list02 img{
    width:80%;
margin:0 10%;}

@media only screen and (min-width:768px) {
ul.service_bottom__list img{
width:100%;
    margin:0 auto;
}
}


@media only screen and (min-width:768px) {
 ul.service_bottom__list02 img{
width:70%;
    margin:0 15%;
}
}

@media only screen and (min-width:768px) {
	ul.service_bottom__list, ul.service_bottom__list02 {
		display: flex;
		margin: 1rem 0;
		width: 100%;
		max-width: 100%;
		margin: 0rem auto;
	}
}
ul.service_bottom__list li{
	width: 80%;
	margin: 3rem auto;
	border-radius:20px!important;
	text-align:center;
}
ul.service_bottom__list li p{
	text-align:left;
	color:#171c61;
	font-weight:700;
	font-size:1.8rem;
	margin-top:20px;
	text-align:center;
}

.normal{
	color:#333;
	font-weight:normal;
	font-size:1.4rem;
	margin-top:20px;
	text-align:left;
}

.normal .small02{
font-size:80%;
line-height:1.6!important
}


ul.service_bottom__list02 li {
	width: 80%;
	margin: 0rem auto 2rem auto;
	color:#171c61;
	text-align:center;
}
ul.service_bottom__list .dotted{
font-size:2rem;
	margin-top:5px;
}
ul.service_bottom__list li ul{
margin-top:20px;
	margin-left:20x!important;
}

ul.service_bottom__list li ul li{
font-size:1.4rem;
	font-weight:normal;
	text-align:left;
	margin: 0 2rem;
	line-height:1.8rem;
	background-color: none;
	width: 85%;
	padding:5px 0;
	list-style-position: outside;
	list-style-type: square;
	margin-left:12%!important;
}


@media only screen and (min-width:768px) {
	ul.service_bottom__list li {
		margin: 3rem auto 3rem auto;
		width: 30%;
	}
}
@media only screen and (min-width:1024px) {
	ul.service_bottom__list li {
		margin: 3rem auto 3rem auto;
		width: 30%;
	}
}
@media only screen and (min-width:768px) {
	ul.service_bottom__list02 li {
		width: 42%
	}
}



ul.service_bottom__list li a figure, ul.service_bottom__list02 li a figure {
	position: relative
}
ul.service_bottom__list li figure img, ul.service_bottom__list02 li figure img {
	border-radius: 1.5rem;
	width:80%!important
}
@media only screen and (min-width:768px) {
	ul.service_bottom__list li figure img {
		border-radius: 2rem;
			width:80%!important
	}
}
ul.service_bottom__list li a figure:after, ul.service_bottom__list02 li a figure:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: .2rem solid #171c61;
	z-index: 10;
	opacity: 0;
	transition: .4s;
	border-radius: 1.5rem
}
@media only screen and (min-width:768px) {
	ul.service_bottom__list li a figure:after {
		border-radius: 2rem
	}
}

ul.service_bottom__list li a:hover figure:after, ul.service_bottom__list02 li a:hover figure:after {
	opacity: 1;
	transition: .4s
}

ul.service_bottom__list li a.active figure:after, ul.service_bottom__list02 li a.active figure:after {
	opacity: 1
}

.br__sp {
	display: inline
}
@media only screen and (min-width:544px) {
	.br__sp {
		display: block
	}
}
.h1_bottom__text {
	opacity: 0;
	transition: .4s linear
}
.h1_bottom__text.is_open {
	opacity: 1;
	transition: .4s linear
}
.about_wrap {
	position: relative;
	width: 100%;
	background: #f5f5f5;
	padding: 0 0 9rem 0
}
@media only screen and (min-width:544px) {
	.about_wrap {
		padding: 0 0 13rem 0
	}
}
.about_wrap .about_wrap__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.about_wrap .about_wrap__bg img.about_wrap__bg_img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	min-width: 150rem;
	width: 100%;
	height: auto;
	z-index: 0;
	display: none
}
@media only screen and (min-width:544px) {
	.about_wrap .about_wrap__bg img.about_wrap__bg_img {
		display: block
	}
}
.about_wrap .about_wrap__bg img.about_wrap__bg_img__sp {
	position: absolute;
	top: 2%;
	left: 50%;
	transform: translateX(-45%);
	width: 160%;
	height: auto;
	z-index: 0;
	display: block
}
@media only screen and (min-width:544px) {
	.about_wrap .about_wrap__bg img.about_wrap__bg_img__sp {
		display: none
	}
}
.main_visual__page__about {
	position: relative;
	z-index: 10;
	height: auto;
	width: 100%;
	overflow: hidden;
	padding: 6rem 0 1rem 0;
background-color: #171c61;
	color:#FFF;
}
@media only screen and (min-width:544px) {
	.main_visual__page__about {
		padding: 9rem 0 4rem 0
	}
}
@media only screen and (min-width:768px) {
	.main_visual__page__about {
		padding: 12rem 0 3rem 0
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__page__about {
		padding: 10rem 0 1rem 0
	}
}
.main_visual__page__about .main_visual__service_text_group h1.main_visual__h1
{
	font-size: 1.5rem;
	text-align: center;
	color:#FFF;
}
@media only screen and (min-width:768px) {
	.main_visual__page__about .main_visual__service_text_group h1.main_visual__h1 {
		font-size: 3rem;
		text-align: center
	}
}
.main_visual__page__about .main_visual__service_text_group p {
	text-align: center
}
@media only screen and (min-width:768px) {
	.main_visual__page__about .main_visual__service_text_group p {
		text-align: center
	}
}
h2.about_h2 {
	font-weight: 300;
	font-size: 3.6rem;
	line-height: 130%;
	margin: 0 0 2rem 0;
	text-align: center
}
@media only screen and (min-width:544px) {
	h2.about_h2 {
		font-size: 4.7rem;
		text-align: center
	}
}
@media only screen and (min-width:768px) {
	h2.about_h2 {
		text-align: left
	}
}
@media only screen and (min-width:1024px) {
	h2.about_h2 {
		margin: 1.5rem 0 3rem 0;
		font-size: 6.2rem
	}
}
.orange {
	color: #171c61
}
h2.about_h2 small {
	font-weight: 600;
	color: #171c61;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.1rem;
	display: block;
	line-height: 1.8
}
@media only screen and (min-width:768px) {
	h2.about_h2 small {
		text-align: left;
		margin-bottom: 0;
		font-size: 1.4rem
	}
}
.about_intro_area {
	padding: 3rem 0 3rem 0
}
@media only screen and (min-width:768px) {
	.about_intro_area {
		padding: 8rem 0 4rem 0
	}
}
.about_intro_area__inner {
	padding: 0
}
@media only screen and (min-width:768px) {
	.about_intro_area__inner {
		padding: 0 0 0 10rem
	}
}
.about_intro_area__inner p.large_text {
	font-size: 1.4rem;
	text-align: center;
	font-weight: 700;
	line-height: 2;
	padding: 1.5rem 0 2rem 0
}
@media only screen and (min-width:768px) {
	.about_intro_area__inner p.large_text {
		font-size: 2rem;
		text-align: left;
		padding: 3rem 0 1.5rem 0
	}
}
.about_intro_area__inner p.caution_text {
	opacity: .7;
	margin: 0;
	color: #333;
	font-size: 1.2rem;
	text-align: center;
	white-space: nowrap
}
@media only screen and (min-width:768px) {
	.about_intro_area__inner p.caution_text {
		margin: 0;
		font-size: 1.4rem;
		text-align: left
	}
}
.about_main_area {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 11rem 0 18rem 0;
	width: 100%;
	overflow: hidden
}
@media only screen and (min-width:544px) {
	.about_main_area {
		padding: 8rem 0 15rem 0
	}
}
.about_main_area .about_main_area__slide_area {
	width: 100%;
	overflow: hidden;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	position: absolute;
	z-index: 0
}
.about_main_area ul#about__bg_slide {
	width: 100%;
	display: flex;
	align-items: center;
	animation: loop-slide 40s infinite linear 1s both;
	z-index: 0
}
@media only screen and (min-width:768px) {
	.about_main_area ul#about__bg_slide {
		top: 50%
	}
}
.about_main_area ul#about__bg_slide img {
	width: 400rem;
	height: auto
}
@media only screen and (min-width:768px) {
	.about_main_area ul#about__bg_slide img {
		width: 450rem
	}
}
@media only screen and (min-width:1024px) {
	.about_main_area ul#about__bg_slide img {
		width: 500rem
	}
}
.about_main_area .about_main_center__circle {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	z-index: 1;
	padding: 17vw 0
}
@media only screen and (min-width:544px) {
	.about_main_area .about_main_center__circle {
		width: 53rem;
		height: 53rem;
		padding: 0 0
	}
}
@media only screen and (min-width:768px) {
	.about_main_area .about_main_center__circle {
		width: 60rem;
		height: 60rem;
		padding: 0 0
	}
}
.about_main_area .about_main_center__circle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 132vw;
	height: 132vw;
	border-radius: 50%;
	background: #fff;
	z-index: 1
}
@media only screen and (min-width:544px) {
	.about_main_area .about_main_center__circle:before {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		transform: translate(0, 0)
	}
}
.about_main_area .about_main_center__circle .about_main_center__circle__inner {
	position: relative;
	z-index: 10;
	padding: 0 3rem
}
@media only screen and (min-width:768px) {
	.about_main_area .about_main_center__circle .about_main_center__circle__inner {
		padding: 0 3rem
	}
}
.about_main_area .about_main_center__circle .about_main_center__circle__inner img.hd_logo {
	width: 5rem
}
@media only screen and (min-width:768px) {
	.about_main_area .about_main_center__circle .about_main_center__circle__inner img.hd_logo {
		width: 6.4rem
	}
}
.about_main_area .about_main_center__circle .about_main_center__circle__inner h3.about_main__h3 {
	padding: 0 0 1.2rem 0;
	font-size: 2.2rem
}
@media only screen and (min-width:768px) {
	.about_main_area .about_main_center__circle .about_main_center__circle__inner h3.about_main__h3 {
		padding: 1.5rem 0;
		font-size: 2.8rem
	}
}
.about_main_area .about_main_center__circle .about_main_center__circle__inner h3.about_main__h3 small {
	font-weight: 600;
	color: #171c61;
	margin-bottom: 0;
	font-size: 1.1rem;
	display: block;
	line-height: 1.8
}
@media only screen and (min-width:768px) {
	.about_main_area .about_main_center__circle .about_main_center__circle__inner h3.about_main__h3 small {
		margin-bottom: 0;
		font-size: 1.4rem
	}
}
.about_main_area__circle_img__top {
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	z-index: 10;
	pointer-events: none
}
@media only screen and (min-width:768px) {
	.about_main_area__circle_img__top {
		width: 161rem
	}
}
.about_main_area__circle_img__top img {
	position: absolute
}
.about_main_area__circle_img__top img.circle_img01 {
	width: 20rem;
	left: -7rem;
	top: 2rem;
	z-index: 100
}
@media only screen and (min-width:768px) {
	.about_main_area__circle_img__top img.circle_img01 {
		width: 34rem;
		left: 8rem
	}
}
.about_main_area__circle_img__top img.circle_img02 {
	width: 30rem;
	right: -3rem;
	top: 7rem;
	display: none
}
@media only screen and (min-width:768px) {
	.about_main_area__circle_img__top img.circle_img02 {
		display: block
	}
}
.about_main_area__circle_img__bottom {
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	z-index: 0;
	pointer-events: none
}
@media only screen and (min-width:768px) {
	.about_main_area__circle_img__bottom {
		width: 161rem
	}
}
.about_main_area__circle_img__bottom img {
	position: absolute
}
.about_main_area__circle_img__bottom img.circle_img03 {
	width: 12rem;
	left: 2rem;
	bottom: 0
}
@media only screen and (min-width:768px) {
	.about_main_area__circle_img__bottom img.circle_img03 {
		width: 19rem;
		left: 21rem;
		bottom: 5rem
	}
}
.about_main_area__circle_img__bottom img.circle_img04 {
	width: 26rem;
	right: -8rem;
	bottom: 1.5rem
}
@media only screen and (min-width:768px) {
	.about_main_area__circle_img__bottom img.circle_img04 {
		width: 42rem;
		right: 16rem;
		bottom: 0
	}
}
.page_wrap {
	background: #fff
}
.main_visual__page__head {
	padding-bottom: 4rem
}
@media only screen and (min-width:768px) {
	.main_visual__page__head {
		padding-bottom: 6rem
	}
}
section.page_section {
	padding: 4rem 0 2rem 0
}
@media only screen and (min-width:768px) {
	section.page_section {
		padding: 4rem 0 2rem 0
	}
}
h3.page_common_h3 {
	font-weight: 500;
	position: relative;
	font-size: 1.8rem;
	margin-top: 2rem;
	background-color: #171c61;
	padding:0.7rem 2rem;
	color:#FFF;
	margin-bottom:1rem;
	border-radius:10px;
}

h3.page_common_h2 {
	font-weight: 600;
	position: relative;
	font-size: 	1.8rem;
	padding-top: 2rem;
	color:#171c61;
	margin:3rem 0 2rem;
	border-bottom: #171c61 1px solid;
}

@media only screen and (min-width:768px) {
	h3.page_common_h3 {
		font-size: 1.8rem
	}
}

ul.term_list {
	margin: 0 0 2.5rem 0
}
@media only screen and (min-width:768px) {
	ul.term_list {
		margin: 0 0 5rem 0
	}
}
a.orange {
	color: #171c61
}
a.orange:hover {
	opacity: .7
}
.main_visual__page__case {
	min-height: 70rem;
	padding: 14rem 0 3rem 0
}
@media only screen and (min-width:544px) {
	.main_visual__page__case {
		min-height: 77rem;
		padding: 18rem 0 3rem 0
	}
}
@media only screen and (min-width:768px) {
	.main_visual__page__case {
		min-height: 90rem;
		padding: 22rem 0 3rem 0
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__page__case {
		min-height: 65rem;
		padding: 15rem 0 3rem 0
	}
}
.main_visual__page__case .main_visual__text_group {
	top: 0;
	left: 0;
	transform: translateY(0);
	position: relative;
	z-index: 10;
	margin: 0 0 3rem 0;
	z-index: 15
}
@media only screen and (min-width:1024px) {
	.main_visual__page__case .main_visual__text_group {
		argin: 0;
		top: 34%;
		left: 2rem;
		position: absolute;
		transform: translateY(0)
	}
}
.main_visual__page__case .main_visual__text_group h1.main_visual__h1 {
	font-size: 3rem;
	text-align: center
}
@media only screen and (min-width:1024px) {
	.main_visual__page__case .main_visual__text_group h1.main_visual__h1 {
		font-size: 4.4rem;
		text-align: left
	}
}
.main_visual__page__case .large_container {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	height: auto
}
@media only screen and (min-width:1024px) {
	.main_visual__page__case .large_container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 100%
	}
}
h2.h1_bottom__h2 {
	font-size: 2.3rem;
	line-height: 1.5;
	margin: 3rem 0;
	text-align: center
}
@media only screen and (min-width:1024px) {
	h2.h1_bottom__h2 {
		font-size: 2.8rem;
		text-align: left
	}
}
h2.h1_bottom__h2 .orange {
	color: #171c61
}
#home_target_top {
	position: relative
}
#home_target_top .case_slide_area {
	width: calc(100vw - 3rem);
	height: calc(100vw - 3rem);
	max-width: 38rem;
	max-height: 38rem;
	min-width: 35rem;
	min-height: 35rem;
	position: absolute;
	top: 49%;
	left: 50%;
	transform: translate(-50%, 0);
	overflow: hidden;
	border-radius: 50%
}
@media only screen and (min-width:768px) {
	#home_target_top .case_slide_area {
		width: 55rem;
		height: 55rem;
		max-width: 45rem;
		max-height: 45rem;
		top: 48%
	}
}
@media only screen and (min-width:1024px) {
	#home_target_top .case_slide_area {
		width: 114rem;
		height: 114rem;
		max-width: none;
		max-height: none;
		min-width: auto;
		min-height: auto;
		top: -50%;
		right: auto;
		left: 50%;
		transform: translate(0, 0)
	}
}
@media only screen and (min-width:1200px) {
	#home_target_top .case_slide_area {
		left: 50%;
		width: 114rem;
		height: 114rem
	}
}
#home_target_top .case_slide_area .main_bottom_grad_ball_over__case {
	width: 100%;
	height: 100%
}
.main_case_slide_area {
	width: 100%;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	position: absolute;
	z-index: 0;
	display: flex;
	align-items: center;
	z-index: 0
}
@media only screen and (min-width:768px) {
	.main_case_slide_area {
		top: 50%
	}
}
@media only screen and (min-width:1024px) {
	.main_case_slide_area {
		top: 53%
	}
}
.main_case_slide__wrap {
	display: flex
}
.main_case_slide__list {
	display: flex;
	list-style: none;
	animation: infinity-scroll-left 50s infinite linear .5s both
}
.main_case_slide__list .main_case_slide__item {
	width: 14rem;
	height: 14rem;
	margin: 0 1rem;
	display: block;
	border-radius: 50%
}
@media only screen and (min-width:768px) {
	.main_case_slide__list .main_case_slide__item {
		width: 16rem;
		height: 16rem
	}
}
@media only screen and (min-width:1024px) {
	.main_case_slide__list .main_case_slide__item {
		width: 22rem;
		height: 22rem
	}
}
.main_case_slide__list .main_case_slide__item img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 2rem 2.9rem rgba(191, 90, 0, .25)
}
@keyframes infinity-scroll-left {
	from {
		transform: translateX(0)
	}
	to {
		transform: translateX(-100%)
	}
}
section.case_main_bottom {
	background: #fff;
	width: 100%;
	position: relative
}
@media only screen and (min-width:768px) {
	section.case_main_bottom {
		background: #f5f5f5
	}
}
section.case_main_bottom:before {
	content: "";
	position: absolute;
	background: #fff;
	right: auto;
	left: 0;
	width: 100%;
	top: -5rem;
	height: 5rem;
	background: #fff;
	border-radius: 5rem 0 0 0
}
@media only screen and (min-width:768px) {
	section.case_main_bottom:before {
		left: auto;
		right: 0;
		width: 50%;
		top: -10rem;
		height: calc(100% + 10rem)
	}
}
section.case_main_bottom .case_main_wrap {
	background: #fff;
	position: relative;
	width: 100%;
	padding: 0 0 6rem 0;
	border-radius: 0 0 0 7.5rem
}
@media only screen and (min-width:768px) {
	section.case_main_bottom .case_main_wrap {
		padding: 0 8rem 8rem 8rem
	}
}
section.case_main_bottom .case_main_wrap img.service_main__img {
	margin: 3rem 0;
	display: none;
	border-radius: 2.5rem
}
@media only screen and (min-width:768px) {
	section.case_main_bottom .case_main_wrap img.service_main__img {
		display: block
	}
}
section.case_main_bottom .case_main_wrap img.service_main__img__sp {
	margin: 3rem 0;
	display: block;
	border-radius: 2.5rem
}
@media only screen and (min-width:768px) {
	section.case_main_bottom .case_main_wrap img.service_main__img__sp {
		display: none
	}
}
section.case_main_bottom .case_main_wrap:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: -10rem;
	height: 10rem;
	background: #fff;
	border-radius: 7.5rem 0 0 0;
	display: none
}
@media only screen and (min-width:768px) {
	section.case_main_bottom .case_main_wrap:before {
		display: block
	}
}
.case_main_bottom__wrap {
	padding: 0 0 8rem 0;
	background: #f5f5f5
}
@media only screen and (min-width:768px) {
	.case_main_bottom__wrap {
		padding: 0 0 13rem 0
	}
}
ul.case_archive_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 2rem
}
ul.case_archive_list li {
	width: 100%;
	margin: 1rem 0 3rem 0
}
@media only screen and (min-width:544px) {
	ul.case_archive_list li {
		width: calc(50% - 1.5rem);
		margin: 2rem 0 4rem 0
	}
}
@media only screen and (min-width:768px) {
	ul.case_archive_list li {
		width: calc(50% - 3rem)
	}
}
ul.case_archive_list li a.case_block {
	display: block
}
ul.case_archive_list li a.case_block span.thumb {
	position: relative;
	width: 100%
}
ul.case_archive_list li a.case_block span.thumb:before {
	content: "";
	display: block;
	padding-top: 55%
}
ul.case_archive_list li a.case_block span.thumb img {
	border-radius: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
ul.case_archive_list li a.case_block span.company_name {
	font-size: 1.2rem;
	color: #333;
	display: block;
	margin: 1.5rem 0 .5rem 0
}
@media only screen and (min-width:768px) {
	ul.case_archive_list li a.case_block span.company_name {
		margin: 2rem 0 1rem 0
	}
}
ul.case_archive_list li a.case_block span.case_archive_title {
	font-size: 1.7rem;
	line-height: 1.6;
	font-weight: 700
}
@media only screen and (min-width:768px) {
	ul.case_archive_list li a.case_block span.case_archive_title {
		font-size: 2rem
	}
}
.js-btn-more {
	display: flex;
	justify-content: center;
	padding: 3rem 0 0 0
}
.case_main_cta__area {
	background: #f5f5f5;
	border-radius: 2.5rem;
	padding: 4rem 1rem;
	margin: 8rem 0 0 0
}
.case_main_cta__area h4 {
	text-align: center;
	font-size: 1.7rem
}
@media only screen and (min-width:768px) {
	.case_main_cta__area h4 {
		font-size: 2rem
	}
}
.case_main_cta__area ul {
	display: block;
	align-items: center;
	justify-content: center;
	margin: 2rem 0 0 0
}
@media only screen and (min-width:768px) {
	.case_main_cta__area ul {
		display: flex;
		margin: 0
	}
}
.case_main_cta__area ul li {
	margin: 1rem .5rem;
	display: flex;
	justify-content: center
}
@media only screen and (min-width:768px) {
	.case_main_cta__area ul li {
		display: block
	}
}
.bg_white_link_btn__cta .circle img {
	height: auto
}
.bg_white_link_btn__cta .circle img.mail {
	top: 2px
}
.main_visual__page__case_post {
	padding: 5rem 0;
	background: #f5f5f5
}
.main_visual__page__case_post .main_visual__page {
	padding: 13rem 0 3rem 0
}
@media only screen and (min-width:544px) {
	.main_visual__page__case_post .main_visual__page {
		padding: 18rem 0 3rem 0
	}
}
@media only screen and (min-width:768px) {
	.main_visual__page__case_post .main_visual__page {
		padding: 25rem 0 3rem 0
	}
}
@media only screen and (min-width:1024px) {
	.main_visual__page__case_post .main_visual__page {
		padding: 15rem 0 3rem 0
	}
}
.case_post_wrap {
	background: #f5f5f5
}
/*# sourceMappingURL=style.css.map */



th,td {
    border: solid 1px; 
    border-color: #cacbdb;/* 枠線指定 */
    padding:10px 30px;
	background-color: #FFF;
}
th{background-color: #eeeff5;
font-weight:normal;
text-align:left;}

th .medic{
width:7%;}
 
table {
    border-collapse:  collapse;
		font-size: 1.3rem;
}

@media only screen and (max-width:768px) {
th,td {
    padding:5px 10px;
}
}

.bg_white{background-color: #fff!important;}
.bg_theme{background-color: #eeeff5!important; }
.bg_theme p{text-align:left;}
.bg_gray{background-color: #f2f3f6!important; padding-bottom:3rem;}

.ms1_cate{background-color:#fff; border-radius:1rem; width:100%; margin:6rem auto; padding:3rem 1rem;}
.mr1_display_img{
    width:80%; margin:0 10%;
}

@media only screen and (min-width:768px) {
.ms1_cate{background-color:#fff; border-radius:1rem; width:100%; padding:1rem; margin:6rem auto;}
.mr1_display_img{width:50%; margin:0 25%;}
}
@media only screen and (min-width:544px) {
 .ms1_cate{background-color:#fff; border-radius:1rem; width:100%; padding:3rem 1rem; margin:6rem auto;}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
}

.intro_midashi{font-size:1.6rem; font-weight:bold; color:#171c61!important; line-height:24px;}

@media only screen and (min-width:768px) {
.intro_midashi{font-size:2.6rem!important; font-weight:bold; color:#171c61!important; line-height:44px!important;}
}
@media only screen and (min-width:544px) {
.intro_midashi{font-size:1.8rem; font-weight:bold; color:#171c61!important; line-height:28px;}
}


.intro_midashi02 {
    font-size:1.8rem;
  padding: 0.5em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
    font-weight:bold;
  background: transparent;/*背景透明に*/
  border-left: solid 5px #171c61;/*左線*/
    margin-top:70px;
}



.caution{border:1px solid #171c61; color:#171c61; width:100%; padding:1rem 1rem 1rem 3rem; margin:2rem auto; font-size:1.2rem; font-weight:500;}

.caution ul li{list-style-position: outside; margin-left:5px; list-style: square;}

@media only screen and (min-width:768px) {
.caution{border:1px solid #171c61; color:#171c61; width:100%; padding:1rem 3rem 1rem 3rem; margin:2rem 0;}
    .caution ul li{ margin-left:25px;}
}

@media only screen and (min-width:544px) {
    .caution{width:100%; padding:1rem; margin:2rem auto;}
    .caution ul li{ margin-left:20px;}
}



@media print{
    	html {
		font-size: 50%
	}
	ul.service_bottom__list, ul.service_bottom__list02 {
		display: flex;
		margin: 1rem 0;
		width: 100%;
		max-width: 100%
	}
    	.service_main_content__block {
		display: flex;
		padding: 3rem 0 6rem 0
	}
.service_main_content__block .service_main_content__block__left {
		width: 77%
	}
	.service_main_content__block .service_main_content__block__right {
		width: 27%
	}
    	.flex_wrap {
		display: flex
	}
    .flex_wrap__between {
	justify-content: space-between
}

    
    
    	.flex_wrap__item__half {
		flex-basis: calc(50% - 4rem);
		max-width: calc(50% - 4rem)
	}
        	.flex_wrap__item__half .ms1{
width:80%;
	}
	.main_visual .main_visual__text_group {
		margin: 0;
		top: 50%;
		left: 2rem;
		position: absolute;
		transform: translateY(-50%)
	}
	.main_visual ul#main_sp_slide__illust {
		margin-right: 0;
		display: block
	}
        	.main_visual ul#main_sp_slide__screen {
		left: 30%;

	}

    	.section02_list__block__text {
		width: 100%
	}
    	footer nav ul.foot_nav_list {
		display: flex;
		justify-content: center;
		text-align: left
	}
    	footer nav ul.foot_nav_list li {
		margin: 2rem 1.5rem
	}
    
    
}

.pankuzu{font-size:1.2rem;}
.sitemap li {line-height:3rem!important;}


.inst{margin:20px auto; font-size:1.3rem;}
.inst img{width:15px!important; margin-top:-5px!important;}
.inst a{text-decoration:underline; margin-top:5px!important;}
.wp10{width:10%; height:auto; margin:0px auto;}
.wp20{width:20%; height:auto; margin:0px auto;}
.wp30{width:30%; height:auto; margin:0px auto;}
.wp40{width:30%; height:auto; margin:0px auto;}
.wp50{width:50%; height:auto; margin:40px auto;}
.wp60{width:60%; height:auto; margin:40px auto;}
.wp70{width:70%; height:auto; margin:40px auto;}

.wp200p{width:200px; height:auto; margin:0px auto; text-align:right; float:right;}
.wp300p{width:300px; height:auto; margin:0px auto; text-align:right; float:right;}
.wp400p{width:350px; height:auto; margin:0px auto; text-align:right; float:right;}
.wp200p img{width:80%;}
.wp300p img{width:70%;}
.wp400p img{width:80%;}
.app_img{text-align:center;}
@media only screen and (max-width:768px){
		.wp10{width:20%!important; height:auto; margin:2rem 30%;}
	.wp20{width:40%!important; height:auto; margin:2rem 30%;}
		.wp30{width:30%!important; height:auto; margin:2rem 35%;}
		   .wp40{width:80%; height:auto; margin:40px 10%;} 
   .wp50{width:80%; height:auto; margin:40px auto;}
	   .wp60{width:80%; height:auto; margin:40px auto;}

	.wp70{width:80%; height:auto; margin:40px auto;}
	.wp200p{width:60%; height:auto; margin:2rem 25%; text-align:center;}	
	.wp300p{width:50%; height:auto; margin:2rem 25%; text-align:center;}
	.wp400p{width:60%; height:auto; margin:2rem 25%; text-align:center;}	
}
.underlink a{text-decoration:underline!important;}

.btn-flat-border {
  display: inline-block;
  padding: 0.2em 0.7em;
  text-decoration: none;
  color: #fff;
	font-size:1.2rem;
  border: solid 1px #FFF;
  border-radius: 1px;
  transition: .4s;
	margin-left:10px;
}

.btn-flat-border:hover {
  background: #fff;
  color: #171c61;
}
@media only screen and (max-width:768px){
	.btn-flat-border {
  display: inline-block;
  padding: 0.5em 0.9em;
  text-decoration: none;
  color: #fff;
	font-size:1.3rem;
  border: solid 1px #FFF;
  border-radius: 1px;
  transition: .4s;
	margin-left:0px;
}

.btn-flat-border:hover {
  background: #fff;
  color: #171c61;
}
}

.float_img{
	float:right;
	margin-left:2rem;
}
.circle {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #171c61;
}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
	color:#FFF;
	line-height:2.2rem!important;
}
.square ul li{
	list-style-position: inside;
	list-style: square;
	margin-left:10px;
	}
@media only screen and (max-width:768px){
	.square ul li{
	margin-left:20px;
	}
}

@media only screen and (max-width:768px){
	.float_img{
		width:80%;
		margin:2rem 10%;
	float:none!important;
}

@media print {
	header{display:none!important}
}