@charset "UTF-8";

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
		line-height: 1.15;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%
}

body {
		margin: 0
}

article, aside, footer, header, nav, section {
		display: block
}

h1 {
		margin: .67em 0;
		font-size: 2em
}

figcaption, figure, main {
		display: block
}

figure {
		margin: 1em 40px
}

hr {
		overflow: visible;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		height: 0
}

pre {
		font-size: 1em;
		font-family: monospace, monospace
}

a {
		background-color: transparent;
		-webkit-text-decoration-skip: objects
}

abbr[title] {
		border-bottom: none;
		text-decoration: underline;
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
}

b, strong {
		font-weight: inherit
}

b, strong {
		font-weight: bolder
}

code, kbd, samp {
		font-size: 1em;
		font-family: monospace, monospace
}

dfn {
		font-style: italic
}

mark {
		background-color: #ff0;
		color: #000
}

small {
		font-size: 80%
}

sub, sup {
		position: relative;
		vertical-align: baseline;
		font-size: 75%;
		line-height: 0
}

sub {
		bottom: -.25em
}

sup {
		top: -.5em
}

audio, video {
		display: inline-block
}

audio:not([controls]) {
		display: none;
		height: 0
}

img {
		border-style: none
}

svg:not(:root) {
		overflow: hidden
}

button, input, optgroup, select, textarea {
		margin: 0;
		font-size: 100%;
		font-family: sans-serif;
		line-height: 1.15
}

button, input {
		overflow: visible
}

button, select {
		text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
		-webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
		padding: 0;
		border-style: none
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
		outline: 1px dotted ButtonText
}

fieldset {
		padding: .35em .75em .625em
}

legend {
		display: table;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		max-width: 100%;
		color: inherit;
		white-space: normal
}

progress {
		display: inline-block;
		vertical-align: baseline
}

textarea {
		overflow: auto
}

[type=checkbox], [type=radio] {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
		height: auto
}

[type=search] {
		outline-offset: -2px;
		-webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
		-webkit-appearance: none
}

::-webkit-file-upload-button {
		font: inherit;
		-webkit-appearance: button
}

details, menu {
		display: block
}

summary {
		display: list-item
}

canvas {
		display: inline-block
}

template {
		display: none
}

[hidden] {
		display: none
}

@font-face {
		font-family: iconfont;
		src: url(../iconfont/iconfont.woff2?rev=3e5e487e) format("woff2"), url(../iconfont/iconfont.woff?rev=177b5602) format("woff")
}

i[iconfont] {
		text-transform: none;
		letter-spacing: 0;
		font-weight: 400;
		font-style: normal;
		font-variant: normal;
		font-family: iconfont!important;
		speak: none;
		-webkit-font-feature-settings: "liga";
		font-feature-settings: "liga";
		-webkit-font-variant-ligatures: discretionary-ligatures;
		font-variant-ligatures: discretionary-ligatures;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
}

.svgstore {
		position: relative;
		display: inline-block;
		overflow: hidden
}

.svgstore:before {
		display: block;
		content: ''
}

.svgstore>svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
}

.svgstore-hero-chara1 {
		width: 225px;
		height: auto
}

.svgstore-hero-chara1:before {
		padding-top: 138.05808%
}

.svgstore-hero-chara2 {
		width: 165px;
		height: auto
}

.svgstore-hero-chara2:before {
		padding-top: 215.40827%
}

.svgstore-hero-chara3 {
		width: 182px;
		height: auto
}

.svgstore-hero-chara3:before {
		padding-top: 149.93435%
}

.svgstore-hero-chara4 {
		width: 262px;
		height: auto
}

.svgstore-hero-chara4:before {
		padding-top: 123.95178%
}

.svgstore-hero-chara5 {
		width: 171px;
		height: auto
}

.svgstore-hero-chara5:before {
		padding-top: 199.08214%
}

.svgstore-hero-chara6 {
		width: 170px;
		height: auto
}

.svgstore-hero-chara6:before {
		padding-top: 182.92898%
}

.svgstore-logo {
		width: 104px;
		height: auto
}

.svgstore-logo:before {
		padding-top: 85.83294%
}

.svgstore-point-icon2 {
		width: 72px;
		height: auto
}

.svgstore-point-icon2:before {
		padding-top: 53.43205%
}

.svgstore-point-icon1 {
		width: 41px;
		height: auto
}

.svgstore-point-icon1:before {
		padding-top: 102.98834%
}

.svgstore-point-icon3 {
		width: 60px;
		height: auto
}

.svgstore-point-icon3:before {
		padding-top: 78.9595%
}

.svgstore-point-icon4 {
		width: 42px;
		height: auto
}

.svgstore-point-icon4:before {
		padding-top: 120.49238%
}

.svgstore-point-icon5 {
		width: 45px;
		height: auto
}

.svgstore-point-icon5:before {
		padding-top: 100.57471%
}

.svgstore-point-icon6 {
		width: 56px;
		height: auto
}

.svgstore-point-icon6:before {
		padding-top: 80.15294%
}

.svgstore-schedule-icon1 {
		width: 28px;
		height: auto
}

.svgstore-schedule-icon1:before {
		padding-top: 86.09756%
}

.svgstore-schedule-icon2 {
		width: 18px;
		height: auto
}

.svgstore-schedule-icon2:before {
		padding-top: 151.7666%
}

.svgstore-schedule-icon3 {
		width: 26px;
		height: auto
}

.svgstore-schedule-icon3:before {
		padding-top: 87.19285%
}

.svgstore-schedule-icon4 {
		width: 25px;
		height: auto
}

.svgstore-schedule-icon4:before {
		padding-top: 120.63492%
}

.svgstore-schedule-icon5 {
		width: 27px;
		height: auto
}

.svgstore-schedule-icon5:before {
		padding-top: 92.63894%
}

.svgstore-schedule-icon6 {
		width: 26px;
		height: auto
}

.svgstore-schedule-icon6:before {
		padding-top: 113.6108%
}

.svgstore-section-title-bg {
		width: 670px;
		height: auto
}

.svgstore-section-title-bg:before {
		padding-top: 21.81502%
}

html {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 100%!important
}

*, :before, :after {
		-webkit-box-sizing: inherit;
		box-sizing: inherit
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, table {
		margin-top: 0
}

img, iframe {
		vertical-align: top
}

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

td, th {
		padding: 0
}

ul {
		padding: 0;
		list-style: none
}

a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
		-ms-touch-action: manipulation;
		touch-action: manipulation
}

@font-face {
		font-family: CustomYuGothicM;
		src: local("YuGothic-Medium"), local("YuGo-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular")
}

@font-face {
		font-weight: 700;
		font-family: CustomYuGothicM;
		src: local("YuGothic-Bold"), local("YuGo-Bold"), local("Yu Gothic")
}

body, input, button, select, textarea {
		font-family: system-ui, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, CustomYuGothicM, Meiryo, sans-serif
}

.ie body, .ie input, .ie button, .ie select, .ie textarea {
		font-family: Meiryo, MS PGothic, sans-serif
}

i[iconfont] {
		display: inline-block;
		overflow: hidden;
		line-height: 1
}

body {
		background: #e8fcfd url(../img/back-white@2x.png?rev=6f74e748);
		background-attachment: fixed;
		background-size: 80px 80px;
		color: #333;
		font-size: 1rem;
		line-height: 1.5
}

body.is-noscroll {
		overflow: hidden
}

body.is-bg-green {
		background-color: #e8fcfd;
		background-image: url(../img/back-white@2x.png?rev=8e73e551)
}

a {
		outline: none;
		color: #00a943;
		text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
		line-height: 1.3
}

article ul {
		margin: 1em 0;
		padding: 0 0 0 2em;
		list-style: disc
}

#page {
		--title-width: 355;
		overflow-x: hidden
}

.hero-characters {
		position: absolute;
		left: 50%;
		width: 100%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-perspective: 700px;
		perspective: 700px
}

.hero-characters.is-anim .svgstore {
		opacity: 1!important;
		-webkit-transition: opacity linear .3s, -webkit-transform cubic-bezier(.165, .84, .44, 1) 1.2s;
		transition: opacity linear .3s, -webkit-transform cubic-bezier(.165, .84, .44, 1) 1.2s;
		transition: opacity linear .3s, transform cubic-bezier(.165, .84, .44, 1) 1.2s;
		transition: opacity linear .3s, transform cubic-bezier(.165, .84, .44, 1) 1.2s, -webkit-transform cubic-bezier(.165, .84, .44, 1) 1.2s;
		-webkit-transform: translateY(0)!important;
		transform: translateY(0)!important
}

.hero-characters.is-anim .svgstore-hero-chara1 {
		-webkit-transition-delay: .8s;
		transition-delay: .8s
}

.hero-characters.is-anim .svgstore-hero-chara2 {
		-webkit-transition-delay: .4s;
		transition-delay: .4s
}

.hero-characters.is-anim .svgstore-hero-chara4 {
		-webkit-transition-delay: .2s;
		transition-delay: .2s
}

.hero-characters.is-anim .svgstore-hero-chara5 {
		-webkit-transition-delay: .6s;
		transition-delay: .6s
}

.hero-characters.is-anim .svgstore-hero-chara6 {
		-webkit-transition-delay: 1s;
		transition-delay: 1s
}

.hero-characters .svgstore {
		position: relative;
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
}

.hero-characters .svgstore-hero-chara1 {
		position: absolute;
		top: -121px;
		left: 5px
}

.hero-characters .svgstore-hero-chara2 {
		position: absolute;
		top: -17px;
		left: 185px
}

.hero-characters .svgstore-hero-chara3 {
		position: absolute;
		top: 35px;
		left: 374px;
		z-index: 2
}

.hero-characters .svgstore-hero-chara4 {
		position: absolute;
		top: 35px;
		left: 535px
}

.hero-characters .svgstore-hero-chara5 {
		position: absolute;
		top: -67px;
		left: 699px
}

.hero-characters .svgstore-hero-chara6 {
		position: absolute;
		top: -121px;
		left: 894px
}

.ref {
		vertical-align: super;
		font-size: .5em;
		-ms-flex-item-align: start;
		align-self: flex-start
}

.note {
		position: relative;
		margin: 0;
		padding: 0 0 0 18px;
		font-weight: 300;
		font-size: .875rem
}

.note:before {
		position: absolute;
		top: 0;
		left: 0;
		content: '※'
}

.marker-yellow {
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #ff0));
		background: linear-gradient(transparent 0, #ff0 0);
		color: #00a943
}

img.round {
		border-radius: 20px
}

img.circle {
		border-radius: 50%
}

.line-green {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 21px;
		border: none;
		background: url(../img/line-green.svg?rev=60f812a7) no-repeat center center
}

.line-pink-dot {
		margin: 18px 0;
		padding: 0;
		width: 100%;
		height: 2px;
		border: none;
		background: url(../img/line-pink-dot.svg?rev=a4932e93) no-repeat center center
}

.fz40 {
		text-align: center;
		letter-spacing: .05em;
		font-size: 2.5rem
}

.fz22 {
		letter-spacing: .05em;
		font-size: 1.375rem;
		line-height: 2
}

.fz20 {
		letter-spacing: .05em;
		font-size: 1.25rem;
		line-height: 2
}

.talk {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 0 60px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
}

.talk .avater {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background-position: 0 0;
		background-size: 100px 100px;
		background-repeat: no-repeat
}

.talk .avater.is-yu {
		background-image: url(../img/talk-yu.jpg?rev=aa0c91b3)
}

.talk .avater.is-yu:after {
		display: block;
		margin: 107px 0 0;
		content: "yuくん";
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}

.talk .avater.is-sm {
		background-image: url(../img/talk-sm.jpg?rev=397a0041)
}

.talk .avater.is-sm:after {
		display: block;
		margin: 107px 0 0;
		content: "smくん";
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}

.talk .avater.is-ku {
		background-image: url(../img/talk-ku.jpg?rev=cf01365d)
}

.talk .avater.is-ku:after {
		display: block;
		margin: 107px 0 0;
		content: "kuくん";
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}

.talk .avater.is-yo {
		background-image: url(../img/talk-yo.jpg?rev=5ff7c5c6)
}

.talk .avater.is-yo:after {
		display: block;
		margin: 107px 0 0;
		content: "hoくん";
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}

.talk .avater.is-to {
		background-image: url(../img/talk-to.jpg?rev=47d5d4a3)
}

.talk .avater.is-to:after {
		display: block;
		margin: 107px 0 0;
		content: "toくん";
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}

.talk .avater.is-tt {
		background-image: url(../img/talk-tt.jpg?rev=e746f0f0)
}

.talk .avater.is-tt:after {
		display: block;
		margin: 107px 0 0;
		content: "ttくん";
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}
.talk .avater.is-ka {
	background-image: url(../img/talk-ka.jpg?)
  }
  .talk .avater.is-ka:after {
	display: block;
	margin: 107px 0 0;
	content: "KAくん";
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .05em
  }
  .talk .avater.is-ki {
	background-image: url(../img/talk-ki.jpg?)
  }
  .talk .avater.is-ki:after {
	display: block;
	margin: 107px 0 0;
	content: "KIくん";
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .05em
  }

.talk .avater.is-jinji {
		background-image: url(../img/talk-jinji.jpg?rev=7d4666c5)
}

.talk .avater.is-jinji:after {
		display: block;
		margin: 107px 0 0;
		content: '人事';
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05em
}

.talk .text {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		margin: 0 0 0 17px;
		padding: 33px 60px;
		border-radius: 20px;
		color: #FFF;
		letter-spacing: .05em;
		font-size: 1.125rem;
		line-height: 2
}

.talk .text:before {
		position: absolute;
		top: 45px;
		left: -11px;
		display: block;
		width: 0;
		height: 0;
		border-width: 6.5px 11.3px 6.5px 0;
		border-style: solid;
		border-color: transparent currentColor transparent transparent;
		color: #00a943;
		content: ''
}

.talk.is-right .avater {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
}

.talk.is-right .text {
		margin: 0 17px 0 0;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
}

.talk.is-right .text:before {
		position: absolute;
		top: 45px;
		right: -11px;
		left: auto;
		border-width: 6.5px 0 6.5px 11.3px;
		border-color: transparent transparent transparent currentColor
}

.talk.is-green .text {
		background: #00a943
}

.talk.is-pink .text {
		background: #ff6c93
}

.talk.is-pink .text:before {
		color: #ff6c93
}

.talk.is-yellow .text {
		background: #ff7;
		color: #666
}

.talk.is-yellow .text:before {
		color: #ff7
}

.js-anim-slideup {
		opacity: 0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px)
}

h2.js-anim-slideup {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
}

.run-anim-slideup {
		opacity: 1;
		-webkit-transition: opacity linear .2s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .7s;
		transition: opacity linear .2s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .7s;
		transition: opacity linear .2s, transform cubic-bezier(.215, .61, .355, 1) .7s;
		transition: opacity linear .2s, transform cubic-bezier(.215, .61, .355, 1) .7s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .7s;
		-webkit-transform: translateY(0)!important;
		transform: translateY(0)!important
}

.js-anim-fade {
		opacity: 0
}

.run-anim-fade {
		opacity: 1;
		-webkit-transition: opacity linear .4s;
		transition: opacity linear .4s
}

.js-anim-talk .text {
		opacity: 0
}

.js-anim-talk.is-left .text {
		-webkit-transform: translateX(-50px) scale(.6);
		transform: translateX(-50px) scale(.6);
		-webkit-transform-origin: left top;
		transform-origin: left top
}

.js-anim-talk.is-right .text {
		-webkit-transform: translateX(50px) scale(.6);
		transform: translateX(50px) scale(.6);
		-webkit-transform-origin: right top;
		transform-origin: right top
}

.run-anim-talk .text {
		opacity: 1;
		-webkit-transition: opacity linear .3s, -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .4s;
		transition: opacity linear .3s, -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .4s;
		transition: opacity linear .3s, transform cubic-bezier(.175, .885, .32, 1.275) .4s;
		transition: opacity linear .3s, transform cubic-bezier(.175, .885, .32, 1.275) .4s, -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .4s;
		-webkit-transform: translateX(0) scale(1)!important;
		transform: translateX(0) scale(1)!important
}

.no-anim {
		-webkit-transition: none!important;
		transition: none!important
}

.c-btn {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		overflow: hidden;
		margin: 0 0 10px;
		padding: 0;
		min-width: 205px;
		min-height: 72px;
		outline: none;
		border: 0;
		border: 3px solid currentColor;
		border-radius: 20px;
		background: none;
		background-color: #FFF;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-box-shadow: 2px 2px 0 currentColor;
		box-shadow: 2px 2px 0 currentColor;
		color: inherit;
		color: #00a943;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		line-height: 1.3;
		cursor: pointer;
		-webkit-transition: background linear .2s;
		transition: background linear .2s;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

.c-btn:before {
		position: absolute;
		top: 0;
		left: -30px;
		z-index: 1;
		display: block;
		width: 350px;
		height: 350px;
		border-radius: 50%;
		background: #ff0;
		content: '';
		-webkit-transition: -webkit-transform cubic-bezier(.23, 1, .32, 1) 1s;
		transition: -webkit-transform cubic-bezier(.23, 1, .32, 1) 1s;
		transition: transform cubic-bezier(.23, 1, .32, 1) 1s;
		transition: transform cubic-bezier(.23, 1, .32, 1) 1s, -webkit-transform cubic-bezier(.23, 1, .32, 1) 1s;
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0)
}

.c-btn:hover {
		background: #ff0;
		text-decoration: none;
		-webkit-transition-delay: .5s;
		transition-delay: .5s
}

.c-btn:hover:before {
		-webkit-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transform: translate(-25%, -50%) scale(1.3);
		transform: translate(-25%, -50%) scale(1.3)
}

.c-btn:disabled {
		opacity: .5;
		pointer-events: none
}

.c-btn .label {
		position: relative;
		z-index: 2;
		margin: 0;
		padding: 10px 20px;
		word-break: break-word
}

.c-btn .label .sub {
		display: block;
		font-weight: 400;
		font-size: 70%
}

.c-btn i {
		margin: 0;
		padding: 10px 20px;
		font-style: normal;
		font-size: .875rem
}

.c-btn i+.label {
		margin-left: -5px;
		padding-left: 0
}

.c-btn .label+i {
		margin-left: -5px;
		padding-left: 0
}

.c-btn .icon-divider {
		display: block;
		margin: 10px 0;
		width: 1px;
		background: rgba(255, 255, 255, .3);
		-ms-flex-item-align: stretch;
		align-self: stretch
}

.c-btn.is-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%
}

.c-btn.is-warning {
		background-color: #f44;
		color: #fff
}

.c-btn.is-size-custom {
		width: 250px;
		height: 100px
}

.c-btn-group {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
}

.c-btn-group .c-btn {
		margin-right: 1px;
		border-radius: 0
}

.c-btn-group .c-btn:first-child {
		border-radius: 20px 0 0 20px
}

.c-btn-group .c-btn:last-child {
		margin-right: 0;
		border-radius: 0 20px 20px 0
}

.c-btn-group.is-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}

.c-btn-group.is-block .c-btn {
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1
}

.common-footer {
		padding: 35px 20px 28px;
		background: #00a943;
		color: #FFF;
		text-align: center
}

.common-footer .inner {
		margin: 0 auto;
		max-width: 1070px
}

.common-footer .logo {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-bottom: 33px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
}

.common-footer .logo span {
		margin-left: 24px;
		letter-spacing: .1em
}

.common-footer .logo .svgstore {
		width: 56px
}

.common-footer nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
}

.common-footer .copy {
		margin: 5px 0 0;
		font-size: .8125rem
}

.common-footer .footer-links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0
}

.common-footer .footer-links li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

.common-footer .footer-links li:not(:first-child):before {
		display: inline-block;
		margin: 0 27px;
		width: 2px;
		height: 20px;
		background: #FFF;
		content: ''
}

.common-footer a {
		color: #FFF;
		letter-spacing: .05em
}

.common-footer a:hover {
		color: #ff0
}

.pagetop {
		display: block;
		margin: 130px auto;
		width: 215px;
		height: 271px;
		background: url(../img/pagetop-image.svg?rev=8f5c520e) no-repeat bottom center;
		color: #FFF;
		text-align: center;
		letter-spacing: .1em;
		font-weight: 700;
		font-size: 1.375rem;
		font-family: Sen, sans-serif;
		line-height: 1
}

.pagetop:hover {
		color: #ff0
}

.pagetop:hover .balloon {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
}

.pagetop .balloon {
		display: inline-block;
		padding-top: 30px;
		width: 104px;
		height: 111px;
		background: url(../img/pagetop-balloon.svg?rev=c57fc5d3) no-repeat 0 0;
		-webkit-transition: -webkit-transform cubic-bezier(.25, .46, .45, .94) .2s;
		transition: -webkit-transform cubic-bezier(.25, .46, .45, .94) .2s;
		transition: transform cubic-bezier(.25, .46, .45, .94) .2s;
		transition: transform cubic-bezier(.25, .46, .45, .94) .2s, -webkit-transform cubic-bezier(.25, .46, .45, .94) .2s;
		-webkit-transform-origin: bottom center;
		transform-origin: bottom center
}

.common-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
}

.common-header .logo {
		position: relative;
		z-index: 999;
		display: block;
		width: 215px;
		height: 187px
}

.common-header .logo:before {
		position: absolute;
		top: -83px;
		left: -55px;
		z-index: 1;
		display: block;
		width: 270px;
		height: 270px;
		border-radius: 50%;
		background: #ff0;
		content: '';
		-webkit-transition: -webkit-transform cubic-bezier(.215, .61, .355, 1) .35s;
		transition: -webkit-transform cubic-bezier(.215, .61, .355, 1) .35s;
		transition: transform cubic-bezier(.215, .61, .355, 1) .35s;
		transition: transform cubic-bezier(.215, .61, .355, 1) .35s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .35s
}

.common-header .logo .svgstore {
		position: relative;
		z-index: 2;
		display: block;
		margin: 33px 0 0 41px;
		-webkit-transition: -webkit-transform cubic-bezier(.645, .045, .355, 1) .45s;
		transition: -webkit-transform cubic-bezier(.645, .045, .355, 1) .45s;
		transition: transform cubic-bezier(.645, .045, .355, 1) .45s;
		transition: transform cubic-bezier(.645, .045, .355, 1) .45s, -webkit-transform cubic-bezier(.645, .045, .355, 1) .45s
}

.common-header .logo:hover .svgstore {
		-webkit-transform: translate(20px, 30px) scale(1.2);
		transform: translate(20px, 30px) scale(1.2)
}

.common-header .logo:hover:before {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
}

.common-header .menu {
		position: absolute;
		top: 18px;
		right: 24px;
		z-index: 999;
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 6px 0;
		width: 40px;
		height: 40px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
}

.common-header .menu span {
		height: 4px;
		background: #00a943;
		-webkit-transition: -webkit-transform cubic-bezier(.215, .61, .355, 1) .25s;
		transition: -webkit-transform cubic-bezier(.215, .61, .355, 1) .25s;
		transition: transform cubic-bezier(.215, .61, .355, 1) .25s;
		transition: transform cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .25s
}

.common-header .gnav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 22px;
		width: 660px;
		height: 74px;
		text-transform: uppercase;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
}

.common-header .gnav .c-btn {
		border-radius: 10px
}

#talk .hero {
		margin: 66px 0 161px;
		background: none
}

#talk .hero h1 {
		margin: 0 0 16px .05em;
		color: #00a943;
		letter-spacing: .05em;
		font-size: 5rem;
		font-family: Sen, sans-serif;
		line-height: 1
}

#talk .hero .sub {
		margin: 5px 0 50px;
		letter-spacing: .05em;
		font-size: 1.25rem
}

#talk .hero .hero-characters {
		margin-top: 76px
}

.cont-section.is-about {
		margin: 95px 0 212px;
		padding: 180px 140px 87px
}

.cont-section.is-about .cont-title h2 {
		font-size: 1.875rem
}

.cont-section.is-about .text {
		margin: 0
}

.cont-section.is-member {
		margin: 71px 0 186px;
		padding: 0 140px
}

.cont-section.is-member .members {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 108px 0 18px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
}

.cont-section.is-member .members li {
		margin: 0 0 58px;
		width: 220px;
		text-align: center;
		letter-spacing: .05em;
        margin-right: 62px;
}
.cont-section.is-member .members li:nth-child(3n){
    margin-right: 0px;
}
.cont-section.is-member .name {
		display: inline-block;
		margin: 14px 0;
		padding: 5px 24px;
		border-radius: 15px;
		background: #ff6c93;
		color: #FFF;
		font-size: 1.25rem;
		line-height: 1
}

.cont-section.is-member .join {
		margin: 0 0 11px;
		color: #ff6c93;
		font-size: 1.125rem;
		line-height: 1
}

.cont-section.is-member .assign {
		margin: 0;
		letter-spacing: 0;
		font-size: .875rem;
		line-height: 1.45
}

.cont-section.is-member .member {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 65px 22px 94px;
		letter-spacing: .05em;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
}
.cont-section.is-member .member.option {
	flex-wrap: wrap;
    -webkit-box-pack: justify;
}

.cont-section.is-member .member img {
		min-width: 100px;
		width: 100px;
		height: 100px
}

.cont-section.is-member .member .info {
		margin: 24px 0 0 27px;
}

.cont-section.is-member .member .name {
		display: inline-block;
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		margin: 0 20px 0 0
}

.cont-section.is-member .member .join {
		display: inline-block;
		margin: 0
}

.cont-section.is-member .member .assign {
		margin-top: 13px
}

.cont-section.is-member .member .note {
		margin-top: 26px
}

.cont-section.is-cross-talk {
		margin: 71px 0 198px;
		padding: 13px 137px 0
}

.cont-section.is-cross-talk .title {
		margin: 130px 0 80px;
		color: #00a943
}

.cont-section.is-cross-talk .title h3 {
		margin: 0 0 60px;
		text-align: center;
		letter-spacing: .05em;
		font-weight: 400;
		font-size: 3.125rem;
		line-height: 1.4
}

.cont-section.is-cross-talk .photo {
		display: block;
		margin: 130px auto
}

.cont-section.is-cross-talk .photo+.photo {
		margin-top: -70px
}

.cont-section.is-cross-talk .good-job {
		margin: 0 0 170px;
		color: #ff6c93;
		text-align: center;
		letter-spacing: .05em;
		font-size: 1.875rem;
		line-height: 1.7
}

.cont-section.is-jinji {
		margin: 71px 0 131px;
		padding-bottom: 70px
}

.cont-section.is-jinji .text {
		margin-top: -7px
}

.cont-section.is-jinji .photo {
		display: block;
		margin: 75px auto 0
}

#talk .links {
		margin-bottom: 190px;
		height: 117px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
}

#talk .links .c-btn {
		min-width: 270px;
		font-size: 1.125rem
}

.cross-talk-balloon .click:after {
		text-transform: none;
		letter-spacing: 0;
		font-weight: 400;
		font-style: normal;
		font-variant: normal;
		font-family: iconfont!important;
		speak: none;
		-webkit-font-feature-settings: "liga";
		font-feature-settings: "liga";
		-webkit-font-variant-ligatures: discretionary-ligatures;
		font-variant-ligatures: discretionary-ligatures;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
}

.hero {
		position: relative;
		margin: 0 0 227px;
		height: 655px;
		background: url(../img/hero-shape.svg?rev=d5df71fd) no-repeat center 75px;
		text-align: center
}

.hero .logo {
		margin: 46px 0 38px;
		color: #00a943
}

.hero h1 {
		margin: 0 0 15px;
		letter-spacing: .15em;
		font-weight: 400;
		font-size: 2.25rem
}

.hero h1 .corp {
		margin-right: 10px;
		font-size: 1.625rem
}

.hero h1 .sub {
		margin: 15px 0 0;
		font-size: 1.375rem
}

.hero .en {
		color: #00a943;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-weight: 700;
		font-size: 1.25rem;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.cont-section {
		position: relative;
		margin: 0 auto;
		padding: 150px 140px 75px;
		border-radius: 20px
}

.cont-section.is-border-green {
		border: 3px solid #00a943;
		background: #FFF;
		-webkit-box-shadow: 3px 3px 0 #00a943;
		box-shadow: 3px 3px 0 #00a943
}

.cont-section.is-border-pink {
		border: 3px solid #ff6c93;
		background: #FFF;
		-webkit-box-shadow: 3px 3px 0 #ff6c93;
		box-shadow: 3px 3px 0 #ff6c93
}

.cont-section.is-fill-green {
		background: #00a943;
		color: #FFF
}

.cont-section.is-fill-pink {
		background: #ff6c93;
		color: #FFF
}

.cont-section.is-full {
		border-right: none;
		border-left: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none
}

.cont-section .inner-white {
		margin: 0 auto;
		border-radius: 20px;
		background: #FFF
}

.cont-section .inner-white.is-green-txt {
		color: #00a943
}

.cont-section .inner-white.is-pink-txt {
		color: #ff6c93
}

.cont-section .inner-white+.inner-white {
		margin-top: 20px
}

.cont-title {
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		color: #00a943;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		fill: #ff0
}

.cont-title h2 {
		position: relative;
		z-index: 2;
		margin: -.2em 0 0 -.1em;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-size: 3.125rem;
		font-family: Sen, sans-serif;
		line-height: 1.5
}

.cont-title h2.is-nosub {
		margin-top: .35em
}

.cont-title h2 .sub {
		display: block;
		margin: -.5em 0 0;
		letter-spacing: .05em;
		font-size: 1.125rem;
		line-height: 1
}

.cont-title .svgstore {
		position: absolute;
		top: 0;
		left: 0
}

.cont-title.is-tail:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		content: url(../img/section-title-bg-arrow.svg?rev=d836d875);
		-webkit-transform: translate(-50%, 17px);
		transform: translate(-50%, 17px)
}

.cont-title.is-small-txt h2 {
		font-size: 1.875rem
}

.cont-title.is-green-txt {
		color: #00a943
}

.cont-title.is-pink-txt {
		color: #ff6c93
}

.cont-title.is-green {
		color: #FFF;
		fill: #00a943
}

.cont-title.is-pink {
		color: #FFF;
		fill: #ff6c93
}

.cont-section.is-message {
		margin: 71px 0 126px
}

.cont-section.is-message .lead {
		margin-bottom: 50px
}

.cont-section.is-message h3 {
		margin: -6px 0 27px
}

.cont-section.is-message .lead-text {
		text-align: center
}

.cont-section.is-message .inner-white {
		padding: 68px 35px;
		text-align: center;
		line-height: 2.2
}

.cont-section.is-qa {
		margin-top: 73px;
		padding: 122px 70px 132px
}

.cont-section.is-qa .inner-white {
		padding: 50px 70px;
		color: #333
}

.cont-section.is-qa .col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}

.cont-section.is-qa .col .texts {
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		margin: 0 30px 0 0
}

.cont-section.is-qa h3 {
		margin-bottom: 19px;
		color: #ff6c93;
		letter-spacing: .05em;
		font-weight: 400;
		font-size: 1.5rem
}

.cont-section.is-qa .list {
		margin: 1px 0 16px;
		letter-spacing: .05em;
		font-size: 1.25rem
}

.cont-section.is-qa .list li {
		position: relative;
		padding-left: 40px
}

.cont-section.is-qa .list li+li {
		margin-top: 10px
}

.cont-section.is-qa .list li:before {
		position: absolute;
		top: -1px;
		left: 0;
		display: inline-block;
		margin-right: 9px;
		min-width: 30px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		color: #FFF;
		content: '';
		vertical-align: middle;
		text-align: center;
		font-size: 1rem;
		line-height: 1.875rem
}

.cont-section.is-qa .list li:nth-child(1):before {
		background: #00a943;
		content: '1'
}

.cont-section.is-qa .list li:nth-child(2):before {
		background: #ff6c93;
		content: '2'
}

.cont-section.is-qa .list li:nth-child(3):before {
		background: #00b4de;
		content: '3'
}

.cont-section.is-qa .note {
		margin: 25px 0 0;
		font-size: .8125rem;
		line-height: 1.8
}

.cont-section.is-kanji {
		margin: 0 0 224px;
		padding: 0 70px 48px
}

.cont-section.is-kanji .inner-white {
		padding: 145px 70px 100px;
		color: #333
}

.cont-section.is-kanji .inner-white img {
		display: block;
		margin: 0 auto
}

.cont-section.is-kanji .note {
		margin-top: 33px
}

.cont-section.is-point {
		margin: 71px 0 92px;
		padding: 0
}

.cont-section.is-point .point-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 82px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
}

.cont-section.is-point .point {
		margin: 10px 0;
		padding: 25px 50px;
		border: 3px solid #00a943;
		border-radius: 20px;
		background: #FFF;
		-webkit-box-shadow: 3px 3px 0 #00a943;
		box-shadow: 3px 3px 0 #00a943
}

.cont-section.is-point .point h3 {
		position: relative;
		margin: 13px 0 35px;
		text-align: center;
		letter-spacing: .05em;
		font-weight: 400;
		font-size: 1.75rem
}

.cont-section.is-point .point h3 span, .cont-section.is-point .point h3 .svgstore {
		position: relative;
		z-index: 2
}

.cont-section.is-point .point h3 span {
		display: inline-block
}

.cont-section.is-point .point h3 .svgstore {
		vertical-align: bottom
}

.cont-section.is-point .point h3:after {
		position: absolute;
		bottom: -5px;
		z-index: 1;
		display: block;
		width: 100%;
		height: 24px;
		background: #ff0;
		content: ''
}

.cont-section.is-point .point .point-text {
		margin: 0;
		font-size: 1.25rem
}

.cont-section.is-point .point .note {
		margin: 14px 0 0
}

.cont-section.is-point .point.is-p1 .svgstore {
		left: -22px
}

.cont-section.is-point .point.is-p2 .svgstore {
		top: 2px;
		left: -12px
}

.cont-section.is-point .point.is-p3 .svgstore {
		top: 6px;
		left: -10px
}

.cont-section.is-point .point.is-p4 .svgstore {
		left: -13px
}

.cont-section.is-point .point.is-p5 .svgstore {
		top: 0;
		left: -13px
}

.cont-section.is-point .point.is-p6 h3 {
		letter-spacing: 0
}

.cont-section.is-point .point.is-p6 .svgstore {
		top: 4px;
		left: -20px
}

.cross-talk-balloon {
		display: block;
		margin: 0 auto 203px;
		padding: 0;
		width: 100%;
		height: auto;
		background: url(../img/cross-talk-link-bg.svg?rev=1ba41872) no-repeat 0 0;
		background-size: contain;
		color: #FFF;
		text-align: center
}

.cross-talk-balloon:hover {
		color: #ff0
}

.cross-talk-balloon .texts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0;
		padding-bottom: 23px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
}

.cross-talk-balloon .texts span {
		display: block
}

.cross-talk-balloon .title {
		margin-bottom: 2px;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-weight: 700;
		font-size: 3.125rem;
		font-family: Sen, sans-serif;
		line-height: 1
}

.cross-talk-balloon .sub {
		margin-bottom: 15px;
		font-size: 1.25rem
}

.cross-talk-balloon .click {
		letter-spacing: .1em;
		font-weight: 700;
		font-size: 1.875rem;
		font-family: Sen, sans-serif
}

.cross-talk-balloon .click:after {
		margin-left: 10px;
		content: 'arrow_double';
		vertical-align: middle;
		font-size: .875rem
}

.cont-section.is-events {
		margin: 71px 0 188px
}

.cont-section.is-events .event {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 0 70px
}

.cont-section.is-events .texts {
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1
}

.cont-section.is-events .image {
		margin: 0 0 0 60px
}

.cont-section.is-events .image img {
		max-width: 100%
}

.cont-section.is-events .month {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0
}

.cont-section.is-events .month+.month {
		margin-top: 55px
}

.cont-section.is-events .month.is-pink .month-icon {
		color: #ff6c93
}

.cont-section.is-events .month.is-pink .month-icon .num {
		background: #ff6c93
}

.cont-section.is-events .month.is-pink .list li:before {
		background: #ff6c93
}

.cont-section.is-events .month.is-blue .month-icon {
		color: #00b4de
}

.cont-section.is-events .month.is-blue .month-icon .num {
		background: #00b4de
}

.cont-section.is-events .month.is-blue .list li:before {
		background: #00b4de
}

.cont-section.is-events .month-icon {
		width: 86px;
		color: #00a943;
		text-align: center;
		font-weight: 700;
		font-size: 1.25rem;
		font-family: Sen, sans-serif;
		line-height: 1
}

.cont-section.is-events .month-icon .num {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 0 6px;
		width: 86px;
		height: 86px;
		border-radius: 50%;
		background: #00a943;
		color: #FFF;
		font-size: 3.75rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

.cont-section.is-events .month-icon .line {
		margin: 15px auto;
		width: 6px;
		height: 21px;
		background: currentColor
}

.cont-section.is-events .list {
		margin: 0 0 0 50px;
		letter-spacing: .05em;
		font-size: 1.25rem;
		-ms-flex-item-align: center;
		align-self: center
}

.cont-section.is-events .list li {
		position: relative;
		padding-left: 32px
}

.cont-section.is-events .list li+li {
		margin-top: 20px
}

.cont-section.is-events .list li:before {
		position: absolute;
		top: 4px;
		left: 0;
		display: block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #00a943;
		content: ''
}

.cont-section.is-events .list li.no-icon {
		margin-top: 10px
}

.cont-section.is-events .list li.no-icon:before {
		display: none
}

.cont-section.is-events .link-movie {
		display: inline-block;
		margin-left: 20px;
		padding: 1px 12px;
		border-radius: 5px;
		background: #00b4de;
		color: #FFF;
		vertical-align: text-top;
		font-weight: 700;
		font-size: .875rem
}

.cont-section.is-events .link-movie:hover {
		color: #ff0
}

.cont-section.is-events .event.is-m5 .image img {
		margin-top: 35px
}

.cont-section.is-events .event.is-m5 .note {
		margin-top: 47px;
		font-size: .8125rem;
		line-height: 1.9;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
}

.cont-section.is-events .event.is-m7 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
}

.cont-section.is-events .event.is-m7 .texts {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%
}

.cont-section.is-events .event.is-m7 .image {
		margin: 30px 0 10px
}

.cont-section.is-events .event.is-m8 .image {
		margin-left: 70px
}

.cont-section.is-events .event.is-m1 {
		margin: 0 0 35px
}

.cont-section.is-movie {
		margin: 71px 0 100px;
		padding-bottom: 57px;
		text-align: center
}
.cont-section.is-line {
	position: static;
    margin: 0 auto;
	margin-bottom: 200px;
    padding: 0;
}

.cont-section.is-movie .youtube {
		position: relative;
		display: block;
		margin: 13px 0 47px
}


.cont-section.is-movie .youtube>:first-child {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%
}

.cont-section.is-movie h3 {
		margin-bottom: 32px;
		color: #00a943;
		letter-spacing: .05em;
		font-weight: 400;
		font-size: 1.875rem
}

.cont-section.is-movie .text {
		margin: 0;
		line-height: 1.5
}

.cont-section.is-stepup {
		margin: 71px 0 185px
}

.cont-section.is-stepup .step-graph {
		position: relative;
		margin-top: 135px
}

.cont-section.is-stepup .chara-l {
		position: absolute;
		top: -32px;
		left: 35px
}

.cont-section.is-stepup .chara-r {
		position: absolute;
		top: -177px;
		right: 54px
}

.cont-section.is-stepup .steps {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
}

.cont-section.is-stepup .steps .step {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 145px;
		height: 257px;
		background: #00a943;
		color: #FFF;
		cursor: pointer;
		-webkit-transition: background-color linear .15s;
		transition: background-color linear .15s;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

.cont-section.is-stepup .steps .step:nth-child(1) {
		height: 118px
}

.cont-section.is-stepup .steps .step:nth-child(2) {
		height: 153px
}

.cont-section.is-stepup .steps .step:nth-child(3) {
		height: 187px
}

.cont-section.is-stepup .steps .step:nth-child(4) {
		height: 222px
}

.cont-section.is-stepup .steps .step p {
		margin: 0;
		letter-spacing: .05em;
		font-size: 1.25rem
}

.cont-section.is-stepup .steps .step .num {
		font-weight: 700;
		font-size: 1.875rem;
		font-family: Sen, sans-serif
}

.cont-section.is-stepup .step-baloons {
		position: relative;
		margin-top: 41px
}

.cont-section.is-stepup .baloon {
		padding: 22px 0 20px;
		width: 100%;
		height: 250px;
		color: #FFF;
		letter-spacing: .05em
}

.cont-section.is-stepup .title {
		margin: 0;
		color: #ff0;
		font-size: 2.5rem
}

.cont-section.is-stepup .title .num {
		font-weight: 700;
		font-size: 4.375rem;
		font-family: Sen, sans-serif
}

.cont-section.is-stepup .text {
		margin: -6px 0 0
}

.cont-section.is-schedule {
		margin: 71px 0 198px;
		padding: 130px 140px 65px
}

.cont-section.is-schedule .info {
		margin: 0 0 70px;
		color: #00a943;
		text-align: center;
		line-height: 1.8
}

.cont-section.is-schedule .schedules {
		margin: 0 0 95px
}

.cont-section.is-schedule .schedules li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

.cont-section.is-schedule .schedules li+li {
		margin-top: 19px
}

.cont-section.is-schedule .action {
		position: relative;
		overflow: hidden;
		width: 343px;
		height: 60px;
		border: solid 1px #ff0;
		border-radius: 12px;
		font-size: 1.375rem
}

.cont-section.is-schedule .action .time {
		margin: 0;
		width: 108px;
		background: #ff0;
		text-align: center;
		letter-spacing: .05em;
		font-size: 1.5rem;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		line-height: 3.75rem
}

.cont-section.is-schedule .action .name {
		position: absolute;
		top: 16px;
		left: 165px;
		margin: 0
}

.cont-section.is-schedule .action .svgstore {
		position: absolute
}

.cont-section.is-schedule .action .svgstore-schedule-icon1 {
		top: 19px;
		left: 119px
}

.cont-section.is-schedule .action .svgstore-schedule-icon2 {
		top: 17px;
		left: 127px
}

.cont-section.is-schedule .action .svgstore-schedule-icon3 {
		top: 18px;
		left: 121px
}

.cont-section.is-schedule .action .svgstore-schedule-icon4 {
		top: 15px;
		left: 120px
}

.cont-section.is-schedule .action .svgstore-schedule-icon5 {
		top: 18px;
		left: 119px
}

.cont-section.is-schedule .action .svgstore-schedule-icon6 {
		top: 14px;
		left: 119px
}

.cont-section.is-schedule .detail {
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		margin: 0 0 0 35px;
		font-size: 1.125rem
}

.cont-section.is-schedule .talk {
		margin: 0
}

.cont-section.is-schedule .talk .avater {
		margin: 0 0 0 15px;
		width: 116px;
		height: auto
}

.cont-section.is-schedule .talk .text {
		padding: 18px 60px;
		text-align: center;
		line-height: 1.5
}

.cont-section.is-senior {
		margin: 71px 0 88px
}

.cont-section.is-senior h3 {
		margin: -5px 0 27px;
		text-align: center;
		letter-spacing: .05em;
		font-size: 2.5rem
}

.cont-section.is-senior .text {
		margin-bottom: 20px;
		padding-top: 5px;
		letter-spacing: .05em;
		font-size: 1.375rem;
		line-height: 1.85
}

.cont-section.is-job {
		margin: 71px 0 125px;
		padding: 150px 0 75px
}

.cont-section.is-job .info-tbl {
		margin-top: 80px;
		width: 100%
}

.cont-section.is-job .info-tbl:first-child {
		margin-top: 0
}

.cont-section.is-job .info-tbl h3 {
		margin: 0;
		padding: 23px 43px;
		width: calc(100% + 1px);
		border: solid 1px #00a943;
		border-radius: 20px 20px 0 0;
		background: #00a943;
		color: #FFF;
		letter-spacing: .05em;
		font-weight: 400;
		font-size: 1.625rem;
		line-height: 1
}

.cont-section.is-job .info-tbl p {
		margin: 0;
		letter-spacing: 0
}

.cont-section.is-job .info-tbl p+p {
		margin-top: 30px
}

.cont-section.is-job .info-tbl tbody th, .cont-section.is-job .info-tbl tbody td {
		padding: 26px 37px;
		border: solid 1px #00a943;
		text-align: left;
		font-weight: 400;
		font-size: 1.125rem;
		line-height: 1.4
}

.cont-section.is-job .info-tbl tbody th {
		color: #00a943;
		vertical-align: top;
		letter-spacing: .05em
}

.cont-section.is-job .info-tbl .title {
		margin: 40px 0 20px;
		color: #00a943
}

.cont-section.is-job .info-tbl .list, .cont-section.is-job .info-tbl .list-sub {
		margin: 0 0 25px
}

.cont-section.is-job .info-tbl .list .col, .cont-section.is-job .info-tbl .list-sub .col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}

.cont-section.is-job .info-tbl .list .col+.col, .cont-section.is-job .info-tbl .list-sub .col+.col {
		margin-top: 22px
}

.cont-section.is-job .info-tbl .list .col dt, .cont-section.is-job .info-tbl .list-sub .col dt {
		padding: 4px 20px 0 10px;
		width: 165px;
		border-left: solid 5px #cceed9
}

.cont-section.is-job .info-tbl .list .col dt.is-full, .cont-section.is-job .info-tbl .list-sub .col dt.is-full {
		width: 100%
}

.cont-section.is-job .info-tbl .list .col dd, .cont-section.is-job .info-tbl .list-sub .col dd {
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		margin: 0;
		padding: 4px 0;
		font-size: 1rem
}

.cont-section.is-job .info-tbl .list-sub {
		margin-left: 20px
}

.cont-section.is-job .info-tbl .list-sub .col dt {
		width: 125px;
		border-left-color: #ccc
}

.cont-section.is-job .info-tbl .list-dot {
		margin: 0 0 20px;
		padding-left: 1.25em;
		list-style: disc;
		line-height: 1.4
}

.cont-section.is-job .info-tbl .list-dot:last-child {
		margin-bottom: 0
}

.cont-section.is-job .info-tbl .list-dot li+li {
		margin-top: 8px
}

.cont-section.is-job .info-tbl .note {
		margin-top: 10px
}

.cont-section.is-job .info-tbl .note+.note {
		margin-top: 5px
}

.cont-section.is-job .info-tbl hr {
		margin: 35px 0;
		height: 1px;
		border: none;
		background: #cceed9
}

.cont-section.is-job .more-wrap {
		position: relative
}

.cont-section.is-job .more-wrap.is-open .more {
		position: relative;
		margin-top: 40px
}

.cont-section.is-job .more-wrap.is-open .more:before {
		display: none
}

.cont-section.is-job .more-wrap.is-open .more .c-btn .label.is-open {
		display: none
}

.cont-section.is-job .more-wrap.is-open .more .c-btn .label.is-close {
		display: block
}

.cont-section.is-job .more-target {
		display: none
}

.cont-section.is-job .more-target .info-tbl:first-of-type {
		margin-top: -1px
}

.cont-section.is-job .more {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center
}

.cont-section.is-job .more:before {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 300px;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .8)), color-stop(70%, rgba(255, 255, 255, .95)), to(white));
		background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, .95) 70%, white 100%);
		content: ''
}

.cont-section.is-job .more .c-btn {
		position: relative;
		z-index: 2;
		margin: 0 0 3px;
		width: 270px;
		height: 107px
}

.cont-section.is-job .more .c-btn .label.is-close {
		display: none
}

.cont-section.is-job .contact {
		margin: 110px 0 40px;
		text-align: center;
		letter-spacing: .05em;
		font-size: 1.625rem;
		line-height: 2
}

.cont-section.is-intern {
		margin-top: 71px;
		padding-top: 138px
}

.cont-section.is-intern h3 {
		line-height: 1.5
}

.cont-section.is-intern .text {
		padding-top: 5px
}

.senior-image {
		display: block;
		margin: 0 auto 175px
}

.links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 0 188px;
		height: 140px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
}

.links .c-btn {
		min-width: 196px
}

#section-Util\.1 .kss-modifier-example div {
		display: inline-block;
		padding: 5px 10px;
		border-radius: 5px;
		background: #ff6400;
		color: #fff;
		font-size: .75rem
}

.u-show-xs {
		display: none
}
.u-hide-pc-pb {
	display: none!important
}

@media screen and (min-width:30.0625em) and (max-width:48em) {
		.u-hide-pb {
				display: none!important
		}
}

@media screen and (min-width:30.0625em) and (max-width:64em) {
		.u-hide-pb-tb {
				display: none!important
		}
}

@media print, screen and (min-width:30.0625em) {
		.u-hide-pb-pc {
				display: none!important
		}
}

@media print, screen and (min-width:48.0625em) {
		#page {
				min-width: 1110px
		}
		.l-inner {
				margin: 0 auto;
				padding: 0 20px;
				width: 1110px
		}
		.common-header {
				min-width: 1070px
		}
		.cont-section.is-about .cont-title {
				width: 589px;
				height: 189px
		}
		.cont-section.is-about .cont-title .svgstore {
				-webkit-transform: scale(.8791, 1.29452);
				transform: scale(.8791, 1.29452);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-cross-talk .cont-title {
				width: 562px;
				height: 142px
		}
		.cont-section.is-cross-talk .cont-title .svgstore {
				-webkit-transform: scale(.83881, .9726);
				transform: scale(.83881, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-jinji .cont-title {
				width: 662px;
				height: 142px
		}
		.cont-section.is-jinji .cont-title .svgstore {
				-webkit-transform: scale(.98806, .9726);
				transform: scale(.98806, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-title {
				width: 492px;
				height: 142px
		}
		.cont-title .svgstore {
				-webkit-transform: scale(.73433, .9726);
				transform: scale(.73433, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-message .cont-title {
				width: 532px;
				height: 142px
		}
		.cont-section.is-message .cont-title .svgstore {
				-webkit-transform: scale(.79403, .9726);
				transform: scale(.79403, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-qa {
				border-radius: 20px 20px 0 0;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0
		}
		.cont-section.is-qa .cont-title {
				width: 670px;
				height: 146px
		}
		.cont-section.is-qa .cont-title .svgstore {
				-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-qa .col.is-reverse .texts {
				margin: 0 0 0 60px;
				-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
				order: 2
		}
		.cont-section.is-qa .col.is-reverse .graph {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1
		}
		.cont-section.is-qa .col.is-reverse .image {
				-webkit-box-ordinal-group: 4;
				-ms-flex-order: 3;
				order: 3;
				-ms-flex-item-align: center;
				align-self: center
		}
		.cont-section.is-kanji {
				border-radius: 0 0 20px 20px
		}
		.cont-section.is-kanji .cont-title {
				width: 709px;
				height: 146px
		}
		.cont-section.is-kanji .cont-title .svgstore {
				-webkit-transform: scale(1.05821, 1);
				transform: scale(1.05821, 1);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-point .point {
				min-height: 257px;
				width: calc(50% - 15px)
		}
		.cont-section.is-point .point:nth-child(2n) {
				margin-left: 30px
		}
		.cross-talk-balloon {
				position: relative;
				display: block;
				max-width: 699px
		}
		.cross-talk-balloon:before {
				display: block;
				padding-top: 39.34192%;
				content: '';
				vertical-align: middle
		}
		.cross-talk-balloon>:first-child {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%
		}
		.cont-section.is-events .event.is-reverse .image {
				margin: 0 80px 0 0;
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1
		}
		.cont-section.is-events .event.is-reverse .texts {
				-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
				order: 2
		}
		.cont-section.is-events .event.is-m5 {
				-ms-flex-wrap: wrap;
				flex-wrap: wrap
		}
		.cont-section.is-stepup {
				padding-bottom: 393px
		}
		.cont-section.is-stepup .steps .step.is-current {
				background: #ff6c93
		}
		.cont-section.is-stepup .baloon {
				position: absolute;
				top: 0;
				left: 0;
				border-radius: 20px;
				background: #ff6c93;
				text-align: center;
				font-size: 1.625rem;
				opacity: 0;
				-webkit-transition: opacity linear .1s, -webkit-transform cubic-bezier(.55, .055, .675, .19) .15s;
				transition: opacity linear .1s, -webkit-transform cubic-bezier(.55, .055, .675, .19) .15s;
				transition: opacity linear .1s, transform cubic-bezier(.55, .055, .675, .19) .15s;
				transition: opacity linear .1s, transform cubic-bezier(.55, .055, .675, .19) .15s, -webkit-transform cubic-bezier(.55, .055, .675, .19) .15s;
				-webkit-transform: translateY(15px);
				transform: translateY(15px)
		}
		.cont-section.is-stepup .baloon:before {
				position: absolute;
				top: -25px;
				left: 57px;
				display: inline-block;
				width: 0;
				height: 0;
				border: solid 15px transparent;
				border-top-width: 0;
				border-bottom: solid 25.98px #ff6c93;
				content: ''
		}
		.cont-section.is-stepup .baloon:nth-child(2):before {
				left: 216px
		}
		.cont-section.is-stepup .baloon:nth-child(3):before {
				left: 380px
		}
		.cont-section.is-stepup .baloon:nth-child(4):before {
				left: 538px
		}
		.cont-section.is-stepup .baloon:nth-child(5):before {
				left: 698px
		}
		.cont-section.is-stepup .baloon.is-current {
				opacity: 1;
				-webkit-transition: opacity linear .2s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .6s;
				transition: opacity linear .2s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .6s;
				transition: opacity linear .2s, transform cubic-bezier(.215, .61, .355, 1) .6s;
				transition: opacity linear .2s, transform cubic-bezier(.215, .61, .355, 1) .6s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .6s;
				-webkit-transform: translateY(0);
				transform: translateY(0)
		}
		.cont-section.is-schedule .cont-title {
				width: 633px;
				height: 142px
		}
		.cont-section.is-schedule .cont-title .svgstore {
				-webkit-transform: scale(.94478, .9726);
				transform: scale(.94478, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-senior .cont-title {
				width: 663px;
				height: 142px
		}
		.cont-section.is-senior .cont-title .svgstore {
				-webkit-transform: scale(.98955, .9726);
				transform: scale(.98955, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-job .cont-title {
				width: 633px;
				height: 142px
		}
		.cont-section.is-job .cont-title .svgstore {
				-webkit-transform: scale(.94478, .9726);
				transform: scale(.94478, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-job .inner {
				margin: 0 auto;
				padding: 0 20px;
				width: 1110px
		}
		.cont-section.is-job .info-tbl tbody th {
				padding-right: 20px;
				padding-left: 40px;
				width: 184px
		}
		.cont-section.is-intern .cont-title {
				width: 614px;
				height: 142px
		}
		.cont-section.is-intern .cont-title .svgstore {
				-webkit-transform: scale(.91642, .9726);
				transform: scale(.91642, .9726);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.u-hide-tb-pc {
				display: none!important
		}
}

@media screen and (min-width:48.0625em) and (max-width:64em) {
		.u-hide-tb {
				display: none!important
		}
}

@media print, screen and (min-width:64.0625em) {
		.u-hide-pc {
				display: none!important
		}
}

@media print {
		body {
				margin-right: auto;
				margin-left: auto;
				min-width: 1025px!important
		}
}

@media screen and (max-width:48em) {
		.hero-characters {
				max-width: 414px;
				width: 100%
		}
		.hero-characters .svgstore {
				-webkit-transform: translateY(20px);
				transform: translateY(20px)
		}
		.hero-characters .svgstore-hero-chara1 {
				top: -14px;
				left: 1.5%;
				width: 110px;
				height: auto
		}
		.hero-characters .svgstore-hero-chara2 {
				top: 15px;
				left: 14.7%;
				width: 81px;
				height: auto
		}
		.hero-characters .svgstore-hero-chara3 {
				top: 30px;
				left: 32.4%;
				width: 89px;
				height: auto
		}
		.hero-characters .svgstore-hero-chara4 {
				top: 17px;
				left: 43.3%;
				width: 128px;
				height: auto
		}
		.hero-characters .svgstore-hero-chara5 {
				top: -6px;
				left: 60.1%;
				width: 83px;
				height: auto
		}
		.hero-characters .svgstore-hero-chara6 {
				top: -14px;
				left: 78.5%;
				width: 83px;
				height: auto
		}
		.note {
				font-size: .75rem
		}
		.line-green {
				margin: 0 auto;
				width: calc(100% - 40px);
				height: 16px;
				background-size: 495px 16px
		}
		.line-pink-dot {
				margin: 12px 0;
				height: 1px
		}
		.fz40 {
				font-size: 1.75rem
		}
		.fz22 {
				font-size: 1.125rem;
				line-height: 1.7
		}
		.fz20 {
				font-size: 1rem;
				line-height: 1.7
		}
		.talk {
				margin: 0 0 19px
		}
		.talk .avater {
				width: 60px;
				height: 60px;
				background-size: 60px 60px;
				font-size: .75rem
		}
		.talk .avater.is-yu:after {
				margin: 65px 0 0
		}
		.talk .avater.is-sm:after {
				margin: 65px 0 0
		}
		.talk .avater.is-ku:after {
				margin: 65px 0 0
		}
		.talk .avater.is-yo:after {
				margin: 65px 0 0
		}
		.talk .avater.is-to:after {
				margin: 65px 0 0
		}
		.talk .avater.is-tt:after {
				margin: 65px 0 0
		}
		.talk .avater.is-ka:after {
			margin: 65px 0 0
		}
		.talk .avater.is-ki:after {
			margin: 65px 0 0
		}
		.talk .avater.is-jinji:after {
				margin: 65px 0 0
		}
		.talk .text {
				margin: 0 0 0 20px;
				padding: 16px 20px;
				font-size: 1rem;
				line-height: 1.65
		}
		.talk .text:before {
				top: 25px
		}
		.talk.is-right .text {
				margin: 0 20px 0 0
		}
		.talk.is-right .text:before {
				top: 25px
		}
		.common-footer nav {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-pack: normal;
				-ms-flex-pack: normal;
				justify-content: normal;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center
		}
		.common-footer .copy {
				margin: 0;
				font-size: .6875rem;
				-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
				order: 2
		}
		.common-footer .footer-links {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				margin-bottom: 30px;
				width: 100%;
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1
		}
		.common-footer .footer-links li {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				width: 100%
		}
		.common-footer .footer-links li:not(:first-child):before {
				display: none
		}
		.common-footer a {
				display: block;
				padding: 14px 10px 13px;
				width: 100%;
				text-align: center
		}
		.pagetop {
				margin: 60px auto 82px
		}
		.common-header .logo {
				width: 140px;
				height: 121px
		}
		.common-header .logo:before {
				position: absolute;
				top: -54px;
				left: -36px;
				width: 176px;
				height: 176px
		}
		.common-header .logo .svgstore {
				margin: 22px 0 0 27px;
				width: 68px
		}
		.common-header .logo:hover .svgstore {
				-webkit-transform: translate(15px, 20px) scale(1.1);
				transform: translate(15px, 20px) scale(1.1)
		}
		.common-header .menu {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex
		}
		.common-header .gnav {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 998;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				margin: 0;
				padding-top: 120px;
				width: 100%;
				height: auto;
				background: #FFF;
				-webkit-transition: -webkit-transform cubic-bezier(.55, .085, .68, .53) .1s;
				transition: -webkit-transform cubic-bezier(.55, .085, .68, .53) .1s;
				transition: transform cubic-bezier(.55, .085, .68, .53) .1s;
				transition: transform cubic-bezier(.55, .085, .68, .53) .1s, -webkit-transform cubic-bezier(.55, .085, .68, .53) .1s;
				-webkit-transform: translateY(-100%);
				transform: translateY(-100%)
		}
		.common-header .gnav .c-btn {
				margin: 0;
				min-height: 118px;
				border: none;
				border-bottom: solid 1px #00a943;
				border-radius: 0;
				-webkit-box-shadow: none;
				box-shadow: none
		}
		.common-header .gnav .c-btn:before {
				width: 120vw;
				height: 120vw
		}
		.common-header .gnav .c-btn .label {
				white-space: nowrap;
				font-size: 1.25rem
		}
		.is-menu-open .common-header .menu span:nth-child(1) {
				-webkit-transform: translate(0, 12px) rotate(-45deg);
				transform: translate(0, 12px) rotate(-45deg)
		}
		.is-menu-open .common-header .menu span:nth-child(2) {
				-webkit-transform: scaleX(0);
				transform: scaleX(0)
		}
		.is-menu-open .common-header .menu span:nth-child(3) {
				-webkit-transform: translate(0, -12px) rotate(45deg);
				transform: translate(0, -12px) rotate(45deg)
		}
		.is-menu-open .common-header .gnav {
				-webkit-transition: -webkit-transform cubic-bezier(.215, .61, .355, 1) .5s;
				transition: -webkit-transform cubic-bezier(.215, .61, .355, 1) .5s;
				transition: transform cubic-bezier(.215, .61, .355, 1) .5s;
				transition: transform cubic-bezier(.215, .61, .355, 1) .5s, -webkit-transform cubic-bezier(.215, .61, .355, 1) .5s;
				-webkit-transform: translateY(0);
				transform: translateY(0)
		}
		#talk .hero {
				margin: 29px 0 208px
		}
		#talk .hero h1 {
				font-size: 2.5rem
		}
		#talk .hero .sub {
				margin-bottom: 29px;
				font-size: 1rem
		}
		#talk .hero .hero-characters {
				margin-top: 26px
		}
		.cont-section.is-about {
				margin: 55px 0 104px;
				padding: 80px 30px 40px
		}
		.cont-section.is-about .cont-title h2 {
				font-size: 1.25rem
		}
		.cont-section.is-about .text {
				font-size: 1rem;
				line-height: 1.9
		}
		.cont-section.is-member {
				margin: 55px 0 106px;
				padding: 0 20px
		}
		.cont-section.is-member .members {
				margin: 80px auto 18px;
				max-width: 650px
		}
		.cont-section.is-member .members li {
				margin: 0 0 27px;
				width: 165px
		}
		.cont-section.is-member .members li img {
				max-width: 120px;
				width: 100%
		}
		.cont-section.is-member .name {
				margin: 15px 0 10px;
				padding: 5px 20px;
				font-size: 1rem
		}
		.cont-section.is-member .join {
				margin: 0 0 8px;
				font-size: 1rem
		}
		.cont-section.is-member .assign {
				font-size: .75rem
		}
		.cont-section.is-member .member {
				margin: 25px 10px 48px
		}
		.cont-section.is-member .member .info {
				margin: 19px 0 0 19px
		}
		.cont-section.is-member .member .name {
				margin-right: 10px
		}
		.cont-section.is-member .member .assign {
				margin-top: 6px
		}
		.cont-section.is-member .member .note {
				margin-top: 12px
		}
		.cont-section.is-cross-talk {
				margin: 55px 0 126px;
				padding: 30px 20px 0
		}
		.cont-section.is-cross-talk .title {
				margin: 60px 0 34px
		}
		.cont-section.is-cross-talk .title h3 {
				margin: 0 0 29px;
				font-size: 1.625rem
		}
		.cont-section.is-cross-talk .photo {
				margin: 60px auto;
				width: calc(100% - 20px)
		}
		.cont-section.is-cross-talk .photo+.photo {
				margin-top: -35px
		}
		.cont-section.is-cross-talk .photo.is-vertical {
				width: auto;
				height: 285px
		}
		.cont-section.is-cross-talk .good-job {
				margin: -25px 0 30px;
				text-align: left;
				font-size: 1.125rem
		}
		.cont-section.is-jinji {
				margin: 55px 0 63px;
				padding: 100px 30px 40px
		}
		.cont-section.is-jinji .text {
				font-size: 1rem;
				line-height: 1.9
		}
		.cont-section.is-jinji .photo {
				margin: 34px auto 0;
				width: 100%
		}
		#talk .links {
				margin-bottom: 100px
		}
		.hero {
				height: 218px;
				background-position: center 118px;
				background-size: 297px 87px
		}
		.hero .logo {
				margin: 7px 0 22px;
				width: 64px;
				height: auto
		}
		.hero h1 {
				margin-bottom: 9px;
				font-size: 1.25rem
		}
		.hero h1 .corp {
				font-size: .875rem
		}
		.hero h1 .sub {
				margin-top: 11px;
				font-size: 1rem
		}
		.hero .en {
				font-size: .75rem
		}
		.cont-section {
				padding: 108px 20px 30px;
				border-radius: 0
		}
		.cont-section.is-border-green {
				border-right: none;
				border-left: none;
				border-radius: 0;
				-webkit-box-shadow: none;
				box-shadow: none
		}
		.cont-section.is-border-pink {
				border-right: none;
				border-left: none;
				border-radius: 0;
				-webkit-box-shadow: none;
				box-shadow: none
		}
		.cont-title {
				width: calc(100% - 20px);
				height: 110px
		}
		.cont-title .svgstore {
				-webkit-transform: scale(calc(var(--title-width)/670), .75342);
				transform: scale(calc(var(--title-width)/670), .75342);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-title h2 {
				font-size: 1.875rem
		}
		.cont-title h2 .sub {
				margin-top: -.3em;
				font-size: .875rem
		}
		.cont-title.is-small-txt h2 {
				font-size: 1.25rem
		}
		.cont-section.is-message {
				margin: 55px 0 110px
		}
		.cont-section.is-message .lead {
				margin: 0 10px 35px
		}
		.cont-section.is-message h3 {
				margin: 0 0 37px
		}
		.cont-section.is-message .lead-text {
				text-align: left
		}
		.cont-section.is-message .inner-white {
				padding: 23px 30px;
				text-align: left;
				line-height: 1.9
		}
		.cont-section.is-message .inner-white p {
				display: inline;
				margin: 0
		}
		.cont-section.is-qa {
				margin-top: 55px;
				padding: 90px 20px 97px
		}
		.cont-section.is-qa .inner-white {
				padding: 30px
		}
		.cont-section.is-qa .col {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column
		}
		.cont-section.is-qa .col .texts {
				margin: 0
		}
		.cont-section.is-qa .col .graph {
				margin: 18px 0 2px;
				text-align: center
		}
		.cont-section.is-qa .col .image {
				display: none
		}
		.cont-section.is-qa h3 {
				margin-bottom: 32px;
				font-size: 1.25rem
		}
		.cont-section.is-qa .list {
				margin: 4px 0 16px;
				font-size: 1rem
		}
		.cont-section.is-qa .list li+li {
				margin-top: 17px
		}
		.cont-section.is-qa .list li:before {
				top: -4px
		}
		.cont-section.is-qa .note {
				margin-top: 38px;
				font-size: .75rem;
				line-height: 1.7
		}
		.cont-section.is-kanji {
				margin-bottom: 116px;
				padding: 90px 20px 16px
		}
		.cont-section.is-kanji .cont-title {
				width: calc(100% - 20px);
				height: 126px
		}
		.cont-section.is-kanji .cont-title .svgstore {
				-webkit-transform: scale(calc(var(--title-width)/670), .86301);
				transform: scale(calc(var(--title-width)/670), .86301);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0
		}
		.cont-section.is-kanji .inner-white {
				padding: 50px 20px
		}
		.cont-section.is-kanji .inner-white img {
				width: 100%;
				height: auto
		}
		.cont-section.is-kanji .note {
				margin-top: 19px
		}
		.cont-section.is-point {
				margin: 55px 0
		}
		.cont-section.is-point .point-wrap {
				padding: 69px 20px 0
		}
		.cont-section.is-point .point {
				margin: 6px 0;
				padding: 25px
		}
		.cont-section.is-point .point h3 {
				margin: 11px 0 29px;
				text-align: left;
				font-size: 1.25rem
		}
		.cont-section.is-point .point h3 span {
				margin-left: 60px
		}
		.cont-section.is-point .point h3 .svgstore {
				position: absolute;
				top: 0;
				left: 0
		}
		.cont-section.is-point .point h3:after {
				height: 14px
		}
		.cont-section.is-point .point .point-text {
				margin-bottom: 5px;
				font-size: 1rem;
				line-height: 1.6
		}
		.cont-section.is-point .point.is-p1 .svgstore {
				top: -5px;
				left: 19px;
				width: 28px
		}
		.cont-section.is-point .point.is-p2 .svgstore {
				top: -1px;
				left: 6px;
				width: 50px
		}
		.cont-section.is-point .point.is-p3 .svgstore {
				top: -7px;
				left: 13px;
				width: 42px
		}
		.cont-section.is-point .point.is-p4 .svgstore {
				top: -10px;
				left: 19px;
				width: 29px
		}
		.cont-section.is-point .point.is-p5 .svgstore {
				top: -4px;
				left: 18px;
				width: 31px
		}
		.cont-section.is-point .point.is-p6 .svgstore {
				top: 10px;
				left: 14px;
				width: 39px
		}
		.cross-talk-balloon {
				position: relative;
				display: block;
				margin-bottom: 105px;
				width: calc(100% - 20px)
		}
		.cross-talk-balloon:before {
				display: block;
				padding-top: 39.3401%;
				content: '';
				vertical-align: middle
		}
		.cross-talk-balloon>:first-child {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%
		}
		.cross-talk-balloon .title {
				font-size: 1.875rem
		}
		.cross-talk-balloon .sub {
				margin-bottom: 7px;
				font-size: .75rem
		}
		.cross-talk-balloon .click {
				font-size: .75rem
		}
		.cross-talk-balloon .click:after {
				margin-left: 4px;
				font-size: .625rem
		}
		.cont-section.is-events {
				margin: 55px 0 107px;
				padding: 90px 30px 38px
		}
		.cont-section.is-events .event {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				margin: 0 0 40px
		}
		.cont-section.is-events .image {
				margin: 25px 0 0;
				text-align: center
		}
		.cont-section.is-events .month+.month {
				margin-top: 40px
		}
		.cont-section.is-events .month-icon {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				width: 60px;
				font-size: 1rem;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center
		}
		.cont-section.is-events .month-icon .num {
				margin-bottom: 3px;
				width: 60px;
				height: 60px;
				font-size: 2.5rem
		}
		.cont-section.is-events .month-icon .line {
				width: 4px;
				height: 16px
		}
		.cont-section.is-events .list {
				margin-left: 30px;
				font-size: 1rem
		}
		.cont-section.is-events .list li {
				padding-left: 25px
		}
		.cont-section.is-events .list li+li {
				margin-top: 16px
		}
		.cont-section.is-events .list li:before {
				width: 13px;
				height: 13px
		}
		.cont-section.is-events .list li.no-icon {
				margin-top: 7px
		}
		.cont-section.is-events .link-movie {
				margin-left: 13px;
				font-size: .75rem
		}
		.cont-section.is-events .event.is-m5 .image {
				-webkit-box-ordinal-group: 4;
				-ms-flex-order: 3;
				order: 3
		}
		.cont-section.is-events .event.is-m5 .image img {
				margin-top: 8px;
				width: 100%
		}
		.cont-section.is-events .event.is-m5 .note {
				margin-top: 27px;
				line-height: 1.6;
				-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
				order: 2
		}
		.cont-section.is-events .event.is-m8 .image {
				margin: 35px 0 0
		}
		.cont-section.is-events .event.is-m8 .image img {
				width: 100%
		}
		.cont-section.is-events .event.is-m1 {
				margin: 0
		}
		.cont-section.is-events .event.is-m1 .image {
				margin: 40px 0 0
		}
		.cont-section.is-events .event.is-m1 .image img {
				width: 100%
		}
		.cont-section.is-movie {
				margin: 55px 0 54px;
				padding: 100px 30px 36px
		}
		.cont-section.is-movie .youtube {
				margin: 0 0 30px
		}
		.cont-section.is-movie .youtube iframe {
				width: 100%
		}
		.cont-section.is-movie h3 {
				margin-bottom: 22px;
				font-size: 1.25rem
		}
		.cont-section.is-movie .text {
				text-align: left;
				line-height: 1.6
		}
		.cont-section.is-stepup {
				margin: 55px 0 107px;
				padding-bottom: 37px
		}
		.cont-section.is-stepup .step-graph {
				margin-top: 49px
		}
		.cont-section.is-stepup .chara-l {
				top: -16px;
				left: 19px;
				width: 100px
		}
		.cont-section.is-stepup .chara-r {
				top: -84px;
				right: 27px;
				width: 74px
		}
		.cont-section.is-stepup .steps .step {
				-webkit-box-flex: 1;
				-ms-flex: 1 1;
				flex: 1 1;
				width: auto;
				height: 122px;
				pointer-events: none
		}
		.cont-section.is-stepup .steps .step+.step {
				margin-left: 8px
		}
		.cont-section.is-stepup .steps .step:nth-child(1) {
				height: 57px
		}
		.cont-section.is-stepup .steps .step:nth-child(2) {
				height: 72px
		}
		.cont-section.is-stepup .steps .step:nth-child(3) {
				height: 89px
		}
		.cont-section.is-stepup .steps .step:nth-child(4) {
				height: 105px
		}
		.cont-section.is-stepup .steps .step p {
				font-size: .75rem
		}
		.cont-section.is-stepup .steps .step .num {
				font-size: 1.25rem
		}
		.cont-section.is-stepup .step-baloons {
				margin-top: 20px;
				padding: 18px 30px 14px;
				border-radius: 20px;
				background: #ff6c93
		}
		.cont-section.is-stepup .baloon {
				padding: 0 0 15px;
				height: auto
		}
		.cont-section.is-stepup .title {
				margin: 0 0 10px;
				font-size: 1.125rem
		}
		.cont-section.is-stepup .title .num {
				font-size: 1.875rem
		}
		.cont-section.is-stepup .text {
				line-height: 1.65
		}
		.cont-section.is-schedule {
				margin: 55px 0 126px;
				padding: 85px 30px 36px
		}
		.cont-section.is-schedule .info {
				margin: 0 0 22px;
				text-align: left;
				line-height: 1.5
		}
		.cont-section.is-schedule .schedules {
				margin-bottom: 30px
		}
		.cont-section.is-schedule .schedules li {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: normal;
				-ms-flex-align: normal;
				align-items: normal
		}
		.cont-section.is-schedule .action {
				width: 100%;
				height: 44px;
				font-size: 1rem
		}
		.cont-section.is-schedule .action .time {
				width: 62px;
				font-size: 1rem;
				line-height: 2.75rem
		}
		.cont-section.is-schedule .action .name {
				top: 10px;
				left: 107px
		}
		.cont-section.is-schedule .action .svgstore-schedule-icon1 {
				top: 12px;
				left: 74px;
				width: 21px
		}
		.cont-section.is-schedule .action .svgstore-schedule-icon2 {
				top: 11px;
				left: 79px;
				width: 13px
		}
		.cont-section.is-schedule .action .svgstore-schedule-icon3 {
				top: 14px;
				left: 77px;
				width: 19px
		}
		.cont-section.is-schedule .action .svgstore-schedule-icon4 {
				top: 10px;
				left: 79px;
				width: 18px
		}
		.cont-section.is-schedule .action .svgstore-schedule-icon5 {
				top: 13px;
				left: 77px;
				width: 20px
		}
		.cont-section.is-schedule .action .svgstore-schedule-icon6 {
				top: 16px;
				left: 75px;
				width: 19px
		}
		.cont-section.is-schedule .detail {
				margin: 16px 0 7px 10px;
				font-size: .875rem
		}
		.cont-section.is-schedule .talk .avater {
				margin: 0;
				width: 70px
		}
		.cont-section.is-schedule .talk .avater img {
				width: 70px
		}
		.cont-section.is-schedule .talk .text {
				padding: 20px 25px;
				text-align: left;
				font-size: .875rem;
				line-height: 1.4
		}
		.cont-section.is-senior {
				margin: 55px 0 56px;
				padding: 105px 30px 20px
		}
		.cont-section.is-senior h3 {
				margin: 0 0 22px;
				font-size: 1.75rem;
				line-height: 1.4
		}
		.cont-section.is-senior .text {
				font-size: 1rem;
				line-height: 1.9
		}
		.cont-section.is-job {
				margin: 55px 0 60px;
				padding: 81px 20px 30px
		}
		.cont-section.is-job .info-tbl {
				margin-top: 50px
		}
		.cont-section.is-job .info-tbl h3 {
				padding: 17px 20px;
				text-align: center;
				font-size: 1.25rem
		}
		.cont-section.is-job .info-tbl p+p {
				margin-top: 15px
		}
		.cont-section.is-job .info-tbl tbody th, .cont-section.is-job .info-tbl tbody td {
				display: block;
				padding: 17px 20px 16px;
				width: 100%;
				border-top: none;
				font-size: 1rem;
				line-height: 1.6
		}
		.cont-section.is-job .info-tbl .title {
				margin: 20px 0 15px
		}
		.cont-section.is-job .info-tbl .list, .cont-section.is-job .info-tbl .list-sub {
				margin: 0 0 10px
		}
		.cont-section.is-job .info-tbl .list .col, .cont-section.is-job .info-tbl .list-sub .col {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				margin: 0 0 10px
		}
		.cont-section.is-job .info-tbl .list .col+.col, .cont-section.is-job .info-tbl .list-sub .col+.col {
				margin-top: 17px
		}
		.cont-section.is-job .info-tbl .list .col dt, .cont-section.is-job .info-tbl .list-sub .col dt {
				padding: 3px 0 2px 10px;
				width: 100%
		}
		.cont-section.is-job .info-tbl .list .col dd, .cont-section.is-job .info-tbl .list-sub .col dd {
				margin: 12px 0 0 15px;
				padding: 0;
				font-weight: 400;
				font-size: .875rem;
				line-height: 1.5
		}
		.cont-section.is-job .info-tbl .list-sub {
				margin: 20px 0 10px 15px
		}
		.cont-section.is-job .info-tbl .list-sub .col dt {
				width: 100%
		}
		.cont-section.is-job .info-tbl .note {
				margin-top: 5px;
				line-height: 1.5
		}
		.cont-section.is-job .info-tbl .note+.note {
				margin-top: 3px
		}
		.cont-section.is-job .info-tbl hr {
				margin: 18px 0
		}
		.cont-section.is-job .more:before {
				height: 250px
		}
		.cont-section.is-job .contact {
				margin: 45px 0 15px;
				text-align: justify;
				font-size: 1.125rem;
				line-height: 1.8
		}
		.cont-section.is-intern {
				margin-top: 55px;
				padding: 97px 30px 42px
		}
		.cont-section.is-intern h3 {
				text-align: left;
				line-height: 1.3
		}
		.cont-section.is-intern .text {
				margin: 0;
				padding-top: 2px;
				font-size: 1rem;
				line-height: 1.9
		}
		.senior-image {
				margin-bottom: 107px;
				width: 200px
		}
		.links {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				margin: 0 auto 98px;
				width: 270px;
				height: auto;
				-webkit-box-pack: normal;
				-ms-flex-pack: normal;
				justify-content: normal
		}
		.links .c-btn {
				margin-bottom: 13px;
				min-height: 107px
		}
		.u-hide-sp-pb {
				display: none!important
		}
		.u-hide-pc-pb {
			display: block!important
		}
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
		.talk .avater.is-yu {
				background-image: url(../img/talk-yu@2x.jpg?rev=399c19c2)
		}
		.talk .avater.is-sm {
				background-image: url(../img/talk-sm@2x.jpg?rev=a1f02337)
		}
		.talk .avater.is-ku {
				background-image: url(../img/talk-ku@2x.jpg?rev=97308179)
		}
		.talk .avater.is-yo {
				background-image: url(../img/talk-yo@2x.jpg?rev=ef050fe8)
		}
		.talk .avater.is-to {
				background-image: url(../img/talk-to@2x.jpg?rev=c0d52ea1)
		}
		.talk .avater.is-tt {
				background-image: url(../img/talk-tt@2x.jpg?rev=b72eb8b7)
		}
		.talk .avater.is-ka {
			background-image: url(../img/talk-ka@2x.jpg)
		}
		.talk .avater.is-ki {
			background-image: url(../img/talk-ki@2x.jpg)
		}
		.talk .avater.is-jinji {
				background-image: url(../img/talk-jinji@2x.jpg?rev=e9b8f3ba)
		}
}

@media screen and (max-width:23.375em) {
		.cont-section.is-member .members li {
				width: 135px
		}
		.cont-section.is-member .members li img {
				max-width: 100px
		}
		.cont-section.is-member .assign {
				text-align: left
		}
		.cont-section.is-point .point.is-p3 .svgstore {
				top: 10px
		}
		.cont-section.is-events .link-movie {
				margin: 0 40px 0 0;
				white-space: nowrap
		}
		.cont-section.is-stepup .steps .step+.step {
				margin-left: 6px
		}
		.u-hide-xs {
				display: none
		}
		.u-show-xs {
				display: inherit
		}
}

@media screen and (max-width:30em) {
		.cont-section.is-member .member .name {
				margin-bottom: 5px
		}
		.u-hide-sp {
				display: none!important
		}
}

@media screen and (max-width:64em) {
		.u-hide-sp-tb {
				display: none!important
		}
}