@charset 'utf-8';
/********************************
CSS設計ベース
********************************/

/*

 **1.foundation**
別ファイル

 **2.layout**
 header,footer,メインコンテンツなどのページを構成する大枠の部分を指定する場所。

 **3.object:**
 - **component**
 再利用できる小さな単位のモジュールを定義する場所。
 ※最低限の機能を持つものとして定義され、それ自体が固有の幅や色などを持つことは避けるべき。

 - **project**
 プロジェクト固有のパターンなど、それに該当しない要素など

 - **utility**
 projectやcomponentをむやみやたらに増やさないように
 細かいスタイル調整の便利なクラスなどを定義する場所。
 例えば、component間のmarginやpaddingの調整など。
 */

/********************************
行間+余白計算方法

/*CSSプロパティ: calc(設定値 - (((フォントサイズ * line-height ) - フォントサイズ) / 2));

例）
margin-bottom: calc(20px - (((1.5rem * 1.8) - 1.5rem) / 2));

********************************/

/********************************
文字間を指定してる要素をきれいに揃えるTips

////////////////////
中央寄せなら
////////////////////
letter-spacing分、text-indentを記述する

////////////////////
左寄せ、右寄せなら
////////////////////
要素をinline要素にしつつ、letter-spacing分、margin-rightのネガティブマージンでを記述する(マイナスにするのを忘れずに！！！！)

********************************/

/*****************
プリント用css
****************/

@media print {}

/*******************
 *******************
2.layout
*******************
********************/

/* html {
	font-size: 2.66vw;
}

header .header-inner {
	padding: 2.8vw 6.4vw;
}

header .header-inner h1 img {
	width: 35.66vw;
}

header #header-nav {
	display: none;
}

footer .footer-logo {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

footer .footer-inner {
	display: block;
	padding: 5.33vw 5.33vw 2.66vw;
}

footer .footer-catch {
	margin: 0;
}

footer .footer-catch img {
	width: 38.13vw;
}

footer .footer-logo a img {
	width: 26.13vw;
}

footer .copyright {
	padding-top: 5.33vw;
	text-align: center;
	font-size: 1.1rem;
} */

/*******************
*******************
3.object
*******************
********************/

/*******************
component
********************/

.sp-view {
	display: block;
}

.sp-view.inline-block {
	display: inline-block;
}

.sp-view.inline {
	display: inline;
}

br.sp-view {
	display: block;
}

.section-header h2 {
	padding-bottom: 14.66vw;
}

#sec-kv .section-inner .icon {
	bottom: 5.86vw;
	margin-left: -9.33vw;
}

#sec-kv .section-inner .icon img {
	width: 18.66vw;
}

#sec-kv .section-inner .section-header {
	width: 70vw;
	margin: 0;
	top: 0;
	left: 5.33vw;
	bottom: 0;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#sec-kv .section-inner .section-header h2 {
	text-align: left;
}

#sec-kv .section-inner .section-header h2 img {
	width: 49.33vw;
}

#sec-kv .section-inner .section-header span {
	padding-top: calc(9.6vw - (2.2rem * 1.73 - 2.2rem) / 2);
	display: inline-block;
	text-align: left;
	font-size: 2.2rem;
	color: #ffffff;
	line-height: 1.73;
	font-weight: 600;
}

#sec-about .section-inner {
	padding: 17.33vw 5.33vw 0;
}

#sec-about .section-inner .section-header h2 img {
	width: 34vw;
}

#sec-about .section-inner h3 {
	font-size: 2.3rem;
	line-height: 1.76;
	letter-spacing: .1em;
	text-indent: 0;
	margin-right: -.1em;
	padding-bottom: calc(7.46vw - ((2.3rem * 1.76 - 2.3rem) + (1.3rem * 2.14 - 1.3rem)) / 2);
}

#sec-about .section-inner p {
	font-size: 1.3rem;
	line-height: 2.14;
}

#sec-about .section-inner p br {
	display: none;
}

#sec-about .section-inner .split {
	padding: calc(18.66vw - (1.3rem * 2.14 - 1.3rem) / 2) 0 0;
	height: auto;
}

#sec-about .section-inner .split .img img {
	width: 100%;
}

#sec-about .section-inner .split .img, #sec-about .section-inner .split .text {
	position: static;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
}

#sec-about .section-inner .split .text {
	padding: calc(10.66vw - (1.8rem * 2.14 - 1.8rem) / 2) 5.33vw calc(10.66vw - (1.3rem * 2.14 - 1.3rem) / 2);
	text-align: justify;
	text-justify: inter-ideograph;
}

#sec-about .section-inner .split .text h3 {
	font-size: 2.4rem;
	padding-bottom: calc(8vw - (1.8rem * 2.14 - 1.8rem) / 2);
}

#sec-about .section-inner .split .text h4 {
	font-size: 1.8rem;
	letter-spacing: .04em;
	margin-right: -.04em;
	line-height: 2.14;
	padding-bottom: calc(8vw - ((1.3rem * 2.14 - 1.3rem) + (1.8rem * 2.14 - 1.8rem)) / 2);
}

.windows #sec-about .section-inner .split .text h4 {
	font-size: 1.725rem;
}

.windows #sec-about .section-inner .split .text p, #sec-about .section-inner .split .text p {
	font-size: 1.3rem;
	line-height: 2.14;
}

#sec-case .section-inner {
	padding-top: 26.66vw;
}

#sec-case .section-inner h2 img {
	width: 48vw;
}

#sec-case [id^='sec-case-'] h3, #sec-case #sec-case-03 h3 {
	position: static;
}

#sec-case #sec-case-01 h3 {
	margin-bottom: -.05em;
}

#sec-case #sec-case-01 h3 img {
	width: 13.33vw;
}

#sec-case #sec-case-02 h3, #sec-case #sec-case-03 h3 {
	margin-bottom: -.075em;
}

#sec-case #sec-case-02 h3 img {
	width: 17vw;
}

#sec-case #sec-case-03 h3 img {
	width: 17vw;
}

#sec-case [id^='sec-case-'] .img-wrap {
	width: 100%;
	height: 133.33vw;
}


#sec-case #sec-case-01 .img:before {
	background-image: url("/assets/img/sp-case-01-img@2x.png");
}

#sec-case #sec-case-02 .img:before {
	background-image: url("/assets/img/sp-case-02-img@2x.png");
}

#sec-case #sec-case-03 .img:before {
	background-image: url("/assets/img/sp-case-03-img@2x.png");
}

#sec-case #sec-case-albion .img:before {
	background-image: url("/assets/img/sp-case-albion-img@2x.png");
}

#sec-case #sec-case-weddingnote .img:before {
	background-image: url("/assets/img/sp-case-weddingnote-img@2x.png");
}

#sec-case #sec-case-wacoal .img:before {
	background-image: url("/assets/img/sp-case-wacoal-img@2x.png");
}

#sec-case #sec-case-mmc .img:before {
	background-image: url("/assets/img/sp-case-mmc-img@2x.png");
}

#sec-case #sec-case-conomeal_dd .img:before {
	background-image: url("/assets/img/sp-case-conomeal_dd-img@2x.png");
}

#sec-case #sec-case-conomeal_sd .img:before {
	background-image: url("/assets/img/sp-case-conomeal_sd-img@2x.png");
}

#sec-case #sec-case-park .img:before {
	background-image: url("/assets/img/sp-case-park-img@2x.png");
}

#sec-case #sec-case-park .img:before {
	background-image: url("/assets/img/sp-case-park-img@2x.png");
}

#sec-case #sec-case-park .img:before {
	background-image: url("/assets/img/sp-case-park-img@2x.png");
}

#sec-case #sec-case-applewatch_heartstudy .img:before {
	background-image: url("/assets/img/sp-case-applewatch_heartstudy-img2@2x.png");
}

#sec-case #sec-case-scsk .img:before {
	background-image: url("/assets/img/sp-case-scsk-img2@2x.png");
}

#sec-case #sec-case-Wellness-Aile .img:before {
	background-image: url("/assets/img/sp-case_wellness-Aile@2x.png");
}

#sec-case #sec-case-Personal-Aile01 .img:before {
	background-image: url("/assets/img/sp-case_personal-Aile.png");
}

#sec-case #sec-case-Personal-Aile02 .img:before {
	background-image: url("/assets/img/sp-case_personal-Aile_2.png");
}

#sec-case #sec-case-Wellness-Aile.NISSIN01 .img:before {
	background-image: url("/assets/img/sp-case-WA-NISSIN-01.png");
}

#sec-case #sec-case-Wellness-Aile.NISSIN02 .img:before {
	background-image: url("/assets/img/sp-case-WA-NISSIN-02.png");
}

#sec-case #sec-case-integriculture .img:before {
	background-image: url("/assets/img/sp-case-integriculture.png");
}

#sec-case [id^='sec-case-'] .section-inner {
	max-width: 100%;
	padding: 13.33vw 5.33vw calc(13.33vw - (1.3rem * 2 - 1.3rem) / 2);
}

#sec-case [id^='sec-case-'] .flex {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#sec-case [id^='sec-case-'] .flex {
	padding-top: 7.46vw;
}

#sec-case [id^='sec-case-'] .flex h4 {
	font-size: 2rem;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

#sec-case [id^='sec-case-'] .flex h4 span {
	font-size: 1.2rem;
	color: #BDBDBD;
	display: block;
	position: inherit;
	margin: 0 0 0px 0;
}

.windows #sec-case [id^='sec-case-'] .flex p, #sec-case [id^='sec-case-'] .flex p {
	width: 100%;
	padding-top: calc(7.46vw - (1.3rem * 2 - 1.3rem) / 2);
	font-size: 1.3rem;
	line-height: 2;
}

#sec-case [id^='sec-case-']:not(:last-child) {
	margin-bottom: 2.66vw;
}

#sec-services .section-inner {
	padding: 24vw 0 0;
}

#sec-services .section-inner h2 img {
	width: 36vw;
}

#sec-services .section-inner ul {
	width: 100%;
	display: block;
	padding: 0 5.33vw;
}

#sec-services .section-inner ul li {
	width: 100%;
	margin: 0 auto;
	padding: 0 8vw;
}

#sec-services .section-inner ul li h3 {
	font-size: 2rem;
	top: -17.33vw;
}

#sec-services .section-inner ul li .img {
	width: 100%;
	top: -50.66vw;
	left: 0;
	margin: 0;
}

#sec-services .section-inner ul li .img img {
	width: 100%;
}

#sec-services .section-inner ul li .text {
	margin-top: 50.66vw;
	width: 100%;
	padding: calc(8vw - (1.6rem * 1.59 - 1.6rem) / 2) 5.33vw calc(13.33vw - (1.3rem * 1.88 - 1.3rem / 2));
}

.windows #sec-services .section-inner ul li h4 {
	font-size: 1.55rem;
}

#sec-services .section-inner ul li h4 {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.59;
	padding-bottom: calc(6.4vw - ((1.6rem * 1.59 - 1.6rem) + (1.3rem * 1.88 - 1.3rem)) / 2);
}

#sec-services .section-inner ul li p {
	font-size: 1.3rem;
	text-align: left;
	/*text-align: center;*/
	line-height: 1.88;
}

#sec-servicescompany {
	margin-top: calc(29.33vw - 13.33vw);
	padding: 10.66vw 5.33vw;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	background-image: url(/assets/img/sp-stripe-bg.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#sec-servicescompany {
		background-image: url(/assets/img/sp-stripe-bg@2x.png);
	}
}

#sec-contact .section-inner {
	padding: 20vw 5.33vw 0;
}

#sec-contact .section-inner h2 img {
	width: 58vw;
}

#sec-contact .section-inner h2 {
	padding-bottom: calc(13.33vw - (1.5rem * 1.85 - 1.5rem) / 2);
}

#sec-contact .btn a {
	width: 90%;
	height: 14.66vw;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.windows #sec-contact .btn a {
	letter-spacing: 0.04em;
	margin-left: -.04em;
}

#sec-contact .section-inner h2 span {
	padding-top: calc(3.22vw - (1.5rem * 1.85 - 1.5rem) / 2);
	line-height: 1.85;
}

/*事例ページ*/

[id^='case-page-'] header {
	display: none;
}

[id^='case-page-'] #sec-kv .section-inner .section-header {
	display: none;
}

[id^='case-page-'] #sec-kv {
	height: 69.33vw;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

[id^='case-page-'] #sec-product h3 {
	padding-top: 0;
	font-size: 2rem;
	line-height: 1.774;
	letter-spacing: .12em;
	margin-right: -.12em;
}

[id^='case-page-'] #sec-product h3 span {
	padding-top: calc(5.33vw - (2rem * 1.774 - 2rem) / 2);
	line-height: 1.7;
	letter-spacing: .06em;
	margin-right: -.06em;
	font-size: 1.3rem;
}

[id^='case-page-'] #sec-product .img {
	padding-top: 19.73vw;
}

[id^='case-page-'] #sec-product .article .img {
	padding-top: calc(-0.63rem + 16vw);
}

[id^='case-page-'] #sec-product .img img {
	width: 100%;
}

[id^='case-page-'] #sec-product .section-inner {
	padding: 10.66vw 5.33vw 0;
}

#case-page-01 #sec-product .section-inner .section-header h2 img {
	width: 32vw;
}

#case-page-02 #sec-product .section-inner .section-header h2 img {
	width: 60vw;
}

#case-page-03 #sec-product .section-inner .section-header h2 img {
	width: 70vw;
}

[id^='case-page-'] #sec-product .section-inner .section-header h2 {
	padding-bottom: calc(10.66vw - (2rem * 1.774 - 2rem) / 2);
}

[id^='case-page-'] #sec-product .text {
	padding-top: calc(10.66vw - (1.6rem * 1.72 - 1.6rem) / 2);
	width: 100%;
}

[id^='case-page-'] #sec-product .text h4 {
	font-size: 1.6rem;
	line-height: 1.72;
}

[id^='case-page-'] #sec-product .text p {
	padding-top: calc(7.46vw - (1.4rem * 1.9 - 1.4rem) / 2);
	font-size: 1.4rem;
	line-height: 1.99;
}

[id^='case-page-'] [id^='sec-product-case-'] .section-inner {
	padding: calc(16vw - (1.4rem * 1.9 - 1.4rem) / 2) 5.33vw 0;
}

[id^='case-page-'] [id^='sec-product-case-'] .img img {
	width: 100%;
}

[id^='case-page-'] [id^='sec-product-case-'] .text {
	padding-top: 9.33vw;
	width: 100%;
}

[id^='case-page-'] [id^='sec-product-case-'] .text h3 {
	font-size: 1.6rem;
	line-height: 1.72;
}

[id^='case-page-'] [id*='sec-other-case'] {
	margin-top: calc(26.66vw - (1.4rem * 1.9 - 1.4rem) / 2);
}

[id^='case-page-'] [id*='sec-other-case'] .section-inner {
	max-width: 100%;
	padding: 13.33vw 5.33vw calc(13.33vw - (1.3rem * 2 - 1.3rem) / 2);
}

[id^='case-page-'] [id*='sec-other-case'] .section-inner .img-wrap {
	width: 100%;
	height: 133.33vw;
}


[id^='case-page-'] #sec-other-case-01 .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-01-img@2x.png);
}

[id^='case-page-'] #sec-other-case-02 .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-02-img@2x.png);
}

[id^='case-page-'] #sec-other-case-03 .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-03-img@2x.png);
}

[id^='case-page-'] #sec-other-case-albion .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-albion-img@2x.png);
}

[id^='case-page-'] #sec-other-case-weddingnote .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-weddingnote-img@2x.png);
}

[id^='case-page-'] #sec-other-case-wacoal .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-wacoal-img@2x.png);
}

[id^='case-page-'] #sec-other-case-mmc .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-infrastructure-img@2x.png);
}

[id^='case-page-'] #sec-other-case-conomeal_dd .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-conomeal_dd-img@2x.png);
}

[id^='case-page-'] #sec-other-case-conomeal_sd .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-conomeal_sd-img@2x.png);
}

[id^='case-page-'] #sec-other-case-park .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-park-img@2x.png);
}

[id^='case-page-'] #sec-other-case-scsk .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-scsk-img2@2x.png);
}

[id^='case-page-'] #sec-other-case-integriculture .section-inner .img-wrap .img:before {
	background-image: url(/assets/img/sp-case-integriculture.png);
}

[id^='case-page-'] [id*='sec-other-case'] .flex {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

[id^='case-page-'] [id*='sec-other-case'] .flex {
	padding-top: 7.46vw;
}

[id^='case-page-'] [id*='sec-other-case'] .flex h4 {
	font-size: 2rem;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

[id^='case-page-'] [id*='sec-other-case'] .flex h4 span {
	font-size: 1.2rem;
	color: #BDBDBD;
	display: block;
	position: initial;
	margin: 0;
}

.windows [id^='case-page-'] [id*='sec-other-case'] .flex p, [id^='case-page-'] [id*='sec-other-case'] .flex p {
	width: 100%;
	font-size: 1.3rem;
	line-height: 2;
	padding-top: calc(7.46vw - (1.3rem * 2 - 1.3rem) / 2);
}

[id^='case-page-'] [id*='sec-other-case'] h3 {
	position: static;
}

[id^='case-page-'] #sec-other-case-01 h3 {
	margin-bottom: -.05em;
}

[id^='case-page-'] #sec-other-case-01 h3 img {
	width: 13.33vw;
}

[id^='case-page-'] #sec-other-case-03 h3, [id^='case-page-'] #sec-other-case-02 h3 {
	margin-bottom: -.075em;
}

[id^='case-page-'] #sec-other-case-02 h3 img, [id^='case-page-'] #sec-other-case-03 h3 img {
	width: 17vw;
}

[id^='case-page-'] main .btn {
	padding: 5.33vw;
	background-color: #000000;
}

[id^='case-page-'] main .btn a {
	color: #ffffff;
	font-size: 1.6rem;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
}

.android [id^='case-page-'] main .btn a {
	font-size: calc(1.6rem * 1.15);
}

[id^='case-page-'] .btn a i {
	margin-right: 24px;
	font-size: 3rem;
}


#case-page-01 #sec-kv {
	background-image: url(/assets/img/sp-case-01-kv@2x.png);
}

#case-page-02 #sec-kv {
	background-image: url(/assets/img/sp-case-02-kv@2x.png);
}

#case-page-03 #sec-kv {
	background-image: url(/assets/img/sp-case-03-kv@2x.png);
}

#case-page-albion #sec-kv {
	background-image: url(/assets/img/sp-case-albion-kv@2x.png);
}

#case-page-weddingnote #sec-kv {
	background-image: url(/assets/img/sp-case-weddingnote-kv@2x.png);
}

#case-page-wacoal #sec-kv {
	background-image: url(/assets/img/sp-case-wacoal-kv@2x.png);
}

#case-page-conomeal_dd #sec-kv {
	background-image: url(/assets/img/sp-case-conomeal_dd-kv@2x.png);
}

#case-page-conomeal_sd #sec-kv {
	background-image: url(/assets/img/sp-case-conomeal_sd-kv@2x.png);
}

#case-page-park #sec-kv {
	background-image: url(/assets/img/sp-case-park-kv@2x.png);
}

#case-page-heart_study #sec-kv {
	background-image: url(/assets/img/sp-case-heart_study-img@2x.png);
}

#case-page-scsk #sec-kv {
	background-image: url(/assets/img/sp-case-scsk-img@2x.png);
}

#case-page-integriculture #sec-kv {
	background-image: url(/assets/img/sp-case-integriculture_kv.png);
}



[id^='case-page-'] .movie_btn {
	display: inline-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 270px;
	height: 55px;
	background-color: #000000;
	margin: 50px auto -20px;
	background-image: url(/assets/img/movieicon@2x.png);
	background-size: auto 45%;
	background-position: left 39px center;
	padding-left: 40px;
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	line-height: 55px;
}

#contact-page main {
	padding-top: 150px;
}

#contact-page main .section-header h2 {
	padding-bottom: 14.66vw;
}

#contact-page main .section-header h2 img {
	width: 52vw;
}

#contact-page main p.exp {
	font-size: 1.4rem;
	height: auto;
	padding: calc(8vw - (1.4rem * 2.2 - 1.4rem) / 2) 5.33vw;
}

#contact-page main p.exp br {
	display: none;
}

#contact-page form {
	max-width: 100%;
	padding: 0 5.33vw;
}

#contact-page form>h3 {
	line-height: 1;
	padding-top: 10.66vw;
}

#contact-page form>p {
	font-size: 1.3rem;
	padding: calc(5.33vw - (1.3rem * 2.29 - 1.3rem) / 2) 0 calc(6.66vw - (1.3rem * 2.29 - 1.3rem) / 2);
	line-height: 2.29;
}

#contact-page form .form-group {
	padding-top: 0;
	display: block;
}

#contact-page form .form-group>div, #contact-page form .form-group>.textarea-group {
	padding-top: 8vw;
	width: 100%;
	max-width: 100%;
}

#contact-page form hr {
	margin-top: 8vw;
}

#contact-page form .form-group label {
	display: inline-flex;
	-webkit-align-self: center;
	align-self: center;
	margin-bottom: 0;
	padding-bottom: 2.66vw;
}

#contact-page form .form-group label.pc-view {
	display: none;
}

#contact-page form .form-group input[name=c_last_name] {
	margin-top: -6vw;
}

#contact-page form .form-group input[type=text], #contact-page form .form-group input[type=tel], #contact-page form .form-group input[type=email] {
	padding: 4vw;
	height: auto;
	line-height: 1;
	-webkit-border-radius: .8vw;
	border-radius: .8vw;
}

#contact-page form .form-group textarea {
	-webkit-border-radius: .8vw;
	border-radius: .8vw;
}

#contact-page form .privacy h3 {
	padding-top: 8vw;
}

#contact-page form .privacy-content {
	margin-top: 2.66vw;
	padding: 0 4vw 5.33vw;
	-webkit-border-radius: .8vw;
	border-radius: .8vw;
}

#contact-page form .privacy-content p {
	font-size: 1.2rem;
	padding-top: calc(5.33vw - (1.2rem * 2 - 1.2rem) / 2);
}

#contact-page form .form-group>.input-checkbox, #contact-page form .form-group>.input-checkbox label {
	max-width: 100%;
	width: 100%;
}

#contact-page form .form-group>.input-checkbox {
	padding-top: 6.66vw;
}

#contact-page form .form-group>.input-checkbox input[type=checkbox]:checked+label::before {
	-webkit-background-size: 90% auto;
	-o-background-size: 90% auto;
	background-size: 90% auto;
}

#contact-page form .form-group>.input-checkbox label {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#contact-page form .form-group>.input-checkbox label>span:before {
	content: '';
	display: block;
	height: 0;
	width: 0;
	margin-top: calc((1 - 1.75) * 0.5em);
}

#contact-page form .form-group>.input-checkbox label::before {
	width: 4vw;
	height: 4vw;
}

#contact-page form .form-group>.input-checkbox label {
	line-height: 1.75;
}

#contact-page form .btn {
	padding-top: 8vw;
}

#contact-page.contact-confirm .form-group {
	padding: calc(6.66vw - (1.4rem * 1.75 - 1.4rem) / 2) 0;
}

#contact-page.contact-confirm .form-group>label {
	padding-bottom: calc(5.33vw - (1.4rem * 1.75 - 1.4rem) / 2);
}

#contact-page.contact-confirm .form-group>label, #contact-page.contact-confirm .form-group>span, #contact-page.contact-confirm .form-group>div {
	width: 100%;
	max-width: 100%;
}

#contact-page.contact-confirm .form-group>span, #contact-page.contact-confirm .form-group>div {
	line-height: 1.75;
}

#contact-page.contact-confirm .form-group.none {
	border-bottom: none;
}

#contact-page.contact-confirm form .btn-group {
	max-width: 100%;
	width: 100%;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

#contact-page form .btn button[type=submit], #contact-page form .btn a#form-back {
	width: 100%;
	height: auto;
	padding: 4vw 2.66vw;
}

#contact-page form .btn a#form-back {
	margin-top: 2.66vw;
}

#contact-page.contact-complete main section .section-inner {
	padding-bottom: 26.66vw;
	height: auto;
}

#contact-page.contact-complete main section .section-content {
	width: calc(100% - 10.66vw);
	margin: 16vw auto 0;
	padding: 0 5.33vw 10.66vw;
	height: auto;
}

#contact-page.contact-complete main section .section-content h3 {
	font-size: 2.2rem;
	padding-top: 21.33vw;
}

#contact-page.contact-complete main section .section-content p {
	line-height: 1.89;
	padding-top: calc(6.66vw - (1.4rem * 1.89 - 1.4rem) / 2);
}

#contact-page.contact-complete main section .section-content .btn {
	padding-top: calc(20vw - (1.4rem * 1.89 - 1.4rem) / 2);
}

#contact-page.contact-complete main section .section-content .btn a {
	width: 100%;
}

#contact-page.contact-complete main section .section-content .btn+a {
	margin-top: 8vw;
}

#contact-page.contact-complete #sec-contact .section-inner {
	padding-top: 0;
}

#company-page .set-wrap .set-group .input-group label {
	line-height: 1.5;
}

#company-page .set-wrap .set-group {
	padding-top: 20px;
}

#headline-page .set-wrap .set-group .input-group label {
	line-height: 1.5;
}

#headline-page .set-wrap .set-group {
	padding-top: 20px;
}

#sec-headline .section-headline-inner h2 img {
	width: 36vw;
}



/********************************
事例用
********************************/
.margin-bottom {
	margin-top: 100px;
}