@charset "UTF-8";

/*
theme Name: Ai-Column
Author: Takeshi Yamasaki
Description: original theme
version： 1.0.0
*/


/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

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

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* change colours to suit your needs */

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}


/* change colours to suit your needs */

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

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


/* change border colour to suit your needs */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}


/* table of content -----------------
1.黒
2.白
3.黄色
4.青
5.灰
6.緑
7.赤
8.紫
-----------------------------------*/


/* table of content -----------------
1.縦横中央配置
2.vwフォントサイズ自動計算
3.position absolute（縦・横の中央配置）
4.before,after用
5.media query
-----------------------------------*/


/* table of contents -----------------------------
1.マージンとパディングの指定
2.フォントサイズの指定(rem)
------------------------------------------------ */


/* table of contents -----------------------------
1.背景画像パス指定
2.フォント指定
3.大枠
4.余白リセット
5.dd調整
6.box-sizing指定
7.PC、SPでの表示・非表示の切り替え
8.横並び
9.リンク
10.画像
------------------------------------------------ */

html {
	font-size: 62.5%;
}

body {
	-webkit-text-size-adjust: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333;
	word-break: break-all;
	background: #fff;
}

@media screen and (min-width: 768px) {
	body {
		font-size: 1.4rem;
		line-height: 1.8;
	}
}

@media screen and (max-width: 767px) {
	body {
		font-size: 1.4rem;
		line-height: 1.7;
	}
}

@media screen and (min-width: 768px) {
	.header_inner,
	.mainImg_inner,
	.container,
	.footer_inner {
		width: 1020px;
		margin: 0 auto;
	}
}

ul,
ol,
p,
figure,
h1,
h2,
h3,
h4,
dl {
	list-style: none;
	margin: 0;
	padding: 0;
}

dd {
	margin: 0;
}

* {
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.PC {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.SP {
		display: none !important;
	}
}

.h_item {
	display: flex;
}

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

@media screen and (min-width: 768px) {
	a {
		transition: all 0.2s ease-in-out;
	}
}

@media screen and (max-width: 767px) {
	a {
		display: block;
	}
}

img {
	vertical-align: top;
}


/* table of contents -----------------------------
1.ボタン
    共通設定
    青ボタン
    白ボタン
    黄色いボタン
    ピンクボタン
    オレンジボタン
------------------------------------------------ */

.btn a {
	display: block;
	position: relative;
}

@media screen and (min-width: 768px) {
	.btn a {
		font-size: 1.6rem;
		line-height: 55px;
		width: 330px;
		margin: 28px auto 0;
	}
	.btn a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	.btn a {
		font-size: 1.6rem;
		line-height: 55px;
		width: 330px;
		margin: 28px auto 0;
	}
}

.btn_blue a {
	color: #fff;
	background-color: #ff0211;
}

.btn_white a {
	color: #333;
	border: 1px solid #969696;
}

@media screen and (min-width: 768px) {
	.btn_white a {
		border: 2px solid #969696;
	}
}

.btn_yellow a {
	color: #333;
	background-color: #FFCB57;
}

.btn_pink a {
	text-decoration: none;
	background-color: #FF7B94;
	color: #fff;
}

.btn_orange a {
	background-color: #FF773B;
}


/* table of contents -----------------------------
1.テキスト
    太文字
    テキスト中央
    青文字
2.画像
    画像中央
    画像フィット
    影付き画像
    No Images
3.リンク
    共通
    ホバー下線あり(PC版のみ)
    リンクアクティブ時
4.シャドウ
5.検索バー
    余白
    検索フィールド
    検索ボタン
    search
    サジェストリスト
    サジェストリスト(キーワード)
6.矢印アイコン
7.背景グラデーション
8.共通パーツ
    main
    記事リスト
    aside
9.オーバーレイ(SP用)
10.トップに戻るボタン
11.正円
12.パンくずリスト
13.カテゴリ
14.もっと読むボタン
15.ページング
16.並び順
------------------------------------------------ */

.text_bold {
	font-weight: bold;
}

.text_center {
	text-align: center;
}

.text_blue {
	color: #ff0211;
}

.img_center {
	display: block;
	margin: 0 auto;
}

.img_fit {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.img_none {
	border: 1px solid #ababab;
}

.noimages {
	border: 1px solid #ababab;
}

.link a {
	color: #333;
}

@media screen and (min-width: 768px) {
	.link a:hover {
		color: #ff0211;
	}
}

@media screen and (min-width: 768px) {
	.linkb a:hover {
		text-decoration: underline;
	}
}

.active a {
	color: #ff0211;
	cursor: default;
}

@media screen and (min-width: 768px) {
	.shadow {
		text-shadow: 0px 0px 8px rgba(51, 51, 51, 0.9);
	}
}

@media screen and (max-width: 767px) {
	.shadow {
		text-shadow: 1px 0px 6px rgba(51, 51, 51, 0.9);
	}
}

@media screen and (min-width: 768px) {
	.shadow_b {
		box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.3);
	}
}

@media screen and (max-width: 767px) {
	.shadow_b {
		box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.3);
	}
}

.searchbar_inner {
	position: relative;
	height: 100%;
}

.searchbar form {
	height: 100%;
}

.searchbar_inputfield {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	line-height: 1;
	border-radius: 0;
	z-index: 100;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (min-width: 768px) {
	.searchbar_inputfield {
		padding: 15px 70px 15px 110px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 767px) {
	.searchbar_inputfield {
		padding: 2px 26px 2px 60px;
		height: 40px;
		font-size: 1.6rem;
	}
}

.searchbar_btn {
	position: absolute;
	right: 0;
	background: #ff0211 url("images/icon_search.png") no-repeat center;
	border: none;
	z-index: 110;
}

@media screen and (min-width: 768px) {
	.searchbar_btn {
		top: 0;
		width: 51px;
		height: 51px;
		background-size: 50%;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}
	.searchbar_btn:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	.searchbar_btn {
		width: 40px;
		height: 40px;
		background-size: 24px;
		top: 0;
	}
}

.searchbar_text {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	color: #969696;
	z-index: 110;
}

@media screen and (min-width: 768px) {
	.searchbar_text {
		left: 24px;
		line-height: 30px;
		border-right: 2px solid #969696;
		padding-right: 22px;
	}
}

@media screen and (max-width: 767px) {
	.searchbar_text {
		left: 6px;
		line-height: 24px;
		border-right: 1px solid #969696;
		padding-right: 8px;
		font-size: 1.2rem;
	}
}

.searchbar .suggest {
	position: absolute;
	left: 0;
	background-color: #fff;
	width: 100%;
	z-index: 90;
	color: #333;
	line-height: 1;
	display: none;
}

.searchbar .suggest_title {
	color: #ff0211;
}

@media screen and (min-width: 768px) {
	.searchbar .suggest_title {
		font-size: 1.2rem;
		width: 80px;
	}
}

@media screen and (max-width: 767px) {
	.searchbar .suggest_title {
		font-size: 1rem;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.searchbar .suggest>.h_item {
		display: block;
	}
}

.searchbar .suggest .h_item {
	align-items: center;
}

.searchbar .suggest .h_item a {
	margin-bottom: 0;
}

.searchbar .suggest .narrowdown {
	background-color: #eee;
}

@media screen and (min-width: 768px) {
	.searchbar .suggest .narrowdown {
		padding: 9px 18px;
	}
	.searchbar .suggest .narrowdown label {
		cursor: pointer;
	}
}

@media screen and (max-width: 767px) {
	.searchbar .suggest .narrowdown {
		padding: 10px;
	}
}

.searchbar .suggest .narrowdown .radio:not(:last-of-type) {
	margin-right: 12px;
}

.searchbar .suggest .narrowdown .radio_input {
	opacity: 0;
	appearance: none;
	position: absolute;
}

.searchbar .suggest .narrowdown .radio_input:checked+.radio_text:after {
	background-color: #ff0211;
	position: absolute;
	left: 5px;
	width: 12px;
	height: 12px;
	top: 5px;
}

.searchbar .suggest .narrowdown .radio_text {
	position: relative;
	display: flex;
	align-items: center;
}

.searchbar .suggest .narrowdown .radio_text:before,
.searchbar .suggest .narrowdown .radio_text:after {
	content: "";
	display: block;
	border-radius: 50%;
}

.searchbar .suggest .narrowdown .radio_text:before {
	border: 1px solid #ccc;
	background-color: #fff;
	width: 20px;
	height: 20px;
	margin-right: 3px;
}

@media screen and (min-width: 768px) {
	.searchbar .suggest .recommend {
		padding: 7px 18px;
	}
}

@media screen and (max-width: 767px) {
	.searchbar .suggest .recommend {
		padding: 10px;
	}
	.searchbar .suggest .recommend .suggest_title {
		margin-bottom: 6px;
	}
}

@media screen and (min-width: 768px) {
	.searchbar .suggest .recommend ul li:not(:last-of-type) {
		margin-right: 10px;
	}
}

@media screen and (max-width: 767px) {
	.searchbar .suggest .recommend ul li {
		margin: 4px;
	}
	.searchbar .suggest .recommend ul li a {
		margin: 0;
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 768px) {
	.searchbar .suggest {
		top: 51px;
	}
}

@media screen and (max-width: 767px) {
	.searchbar .suggest {
		top: 40px;
	}
}

.keywordList {
	flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
	.keywordList {
		justify-content: space-between;
	}
}

.keywordList a {
	display: block;
	color: #333;
	background-color: #ffcccc;
}

@media screen and (min-width: 768px) {
	.keywordList a {
		margin-bottom: 12px;
		line-height: 30px;
		padding: 0 14px;
		border-radius: 15px;
	}
	.keywordList a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	.keywordList a {
		margin: 5px;
		line-height: 24px;
		padding: 0 10px;
		border-radius: 15px;
		font-size: 1.2rem;
	}
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

@media screen and (min-width: 768px) {
	.arrow {
		width: 27px;
		right: 10px;
	}
}

@media screen and (max-width: 767px) {
	.arrow {
		width: 28px;
		right: 12px;
	}
}

.gradation {
	color: #fff;
	background: #FF545E;
	/* Old browsers */
	background: -moz-linear-gradient(top, #FF545E 0%, #ff0211 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FF545E 0%, #ff0211 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FF545E 0%, #ff0211 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gradation_orange {
	color: #fff;
	background: #fcc44c;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fcc44c 0%, #f2773a 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcc44c 0%, #f2773a 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcc44c 0%, #f2773a 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (min-width: 768px) {
	.container>div.h_item {
		justify-content: space-between;
	}
}

@media screen and (max-width: 767px) {
	.container>div.h_item {
		flex-direction: column;
		padding: 0 10px 40px;
	}
}

@media screen and (min-width: 768px) {
	.container main {
		width: 700px;
	}
}

@media screen and (min-width: 768px) {
	.container main .box:not(:last-of-type) {
		margin-bottom: 50px;
	}
}

.container main .box ul {
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
	.container main .box ul li {
		width: 340px;
	}
}

.container main .box ul li article {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.container main .box ul li img {
	transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 768px) {
	.container .newsList_item {
		margin-bottom: 30px;
	}
	.container .newsList_item:last-of-type,
	.container .newsList_item:nth-last-of-type(2) {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	.container .newsList_item {
		width: 100vw;
	}
	.container .newsList_item:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {
	.container .newsList a div {
		width: calc(100% - 130px);
	}
}

@media screen and (max-width: 767px) {
	.container .newsList a div {
		width: calc(100% - 150px);
	}
}

.container .newsList a .title {
	border-bottom: 2px solid #ff0211;
}

@media screen and (min-width: 768px) {
	.container .newsList a .title {
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
}

@media screen and (max-width: 767px) {
	.container .newsList a .title {
		padding-bottom: 2px;
		margin-bottom: 4px;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	.container .newsList a .text {
		line-height: 1.6;
	}
}

.container .newsList a figure img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	.container .newsList a figure {
		overflow: hidden;
		width: 110px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.container .newsList a figure {
		width: 130px;
	}
}

@media screen and (min-width: 768px) {
	.container .newsList a:hover figure img {
		transform: scale(1.2, 1.2);
	}
	.container .newsList a:hover .title {
		color: #ff0211;
	}
}

@media screen and (max-width: 767px) {
	.container .box {
		margin-bottom: 40px;
	}
}

.container .box_title {
	border-top: 3px solid #333;
	border-bottom: 2px solid #929292;
}

@media screen and (min-width: 768px) {
	.container .box_title {
		font-size: 2.2rem;
		margin-bottom: 30px;
		padding: 14px 10px 14px 46px;
	}
}

@media screen and (max-width: 767px) {
	.container .box_title {
		font-size: 14.6px;
		font-size: 4.5625vw;
		letter-spacing: -1px;
		margin-bottom: 30px;
		padding: 16px 0 16px 40px;
	}
}

@media screen and (min-width: 768px) {
	.container .box .title {
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	.container aside {
		width: 280px;
	}
}

.container aside .box:not(:last-of-type) {
	margin: 0 0 30px;
}

.container aside .box_title {
	margin: 0;
}

.container aside .latestnews-list_item a {
	display: block;
	padding: 14px 0;
}

@media screen and (min-width: 768px) {
	.container aside .latestnews-list_item a:hover {
		text-decoration: underline;
	}
}

.container aside .latestnews-list_item:not(:last-of-type) {
	border-bottom: 1px solid #969696;
}

.container aside .latestnews-list_item figure img {
	height: auto;
	width: 80px;
}

.container aside .latestnews-list_item_title {
	font-weight: normal;
	margin-left: 8px;
}

.container aside .latestnews-list+.btn_white a {
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
	.container aside .latestnews-list+.btn_white a {
		margin-top: 0;
		width: 100%;
		line-height: 36px;
	}
}

@media screen and (max-width: 767px) {
	.container aside .latestnews-list+.btn_white a {
		margin-top: 10px;
		line-height: 42px;
	}
}

.container aside .category-list>li,
.container aside .cateList>li {
	border-bottom: 1px solid #969696;
	padding: 14px 14px 14px 20px;
}

@media screen and (min-width: 768px) {
	.container aside .category-list>li a:hover,
	.container aside .cateList>li a:hover {
		text-decoration: underline;
	}
}

.container aside .category-list>li ul li,
.container aside .cateList>li ul li {
	padding-left: 14px;
}

@media screen and (min-width: 768px) {
	.container aside .category-list>li ul li,
	.container aside .cateList>li ul li {
		padding-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.container aside .category-list>li ul li,
	.container aside .cateList>li ul li {
		padding-top: 20px;
	}
}

@media screen and (min-width: 768px) {
	.container aside .category-list>li:nth-child(1),
	.container aside .cateList>li:nth-child(1) {
		background-size: 16%;
	}
}

@media screen and (max-width: 767px) {
	.container aside .category-list>li:nth-child(1),
	.container aside .cateList>li:nth-child(1) {
		background-size: 44px 32px;
	}
}

@media screen and (min-width: 768px) {
	.container aside .category-list>li:nth-child(2),
	.container aside .cateList>li:nth-child(2) {
		background-size: 9%;
	}
}

@media screen and (max-width: 767px) {
	.container aside .category-list>li:nth-child(2),
	.container aside .cateList>li:nth-child(2) {
		background-size: 25px 43px;
	}
}

@media screen and (min-width: 768px) {
	.container aside .category-list>li:nth-child(3),
	.container aside .cateList>li:nth-child(3) {
		background-size: 15%;
	}
}

@media screen and (max-width: 767px) {
	.container aside .category-list>li:nth-child(3),
	.container aside .cateList>li:nth-child(3) {
		background-size: 44px 46px;
	}
}

@media screen and (min-width: 768px) {
	.container aside .category-list>li:nth-child(4),
	.container aside .cateList>li:nth-child(4) {
		background-size: 14%;
	}
}

@media screen and (max-width: 767px) {
	.container aside .category-list>li:nth-child(4),
	.container aside .cateList>li:nth-child(4) {
		background-size: 42px 43px;
	}
}

.overlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(51, 51, 51, 0.8);
	top: 0;
	left: 0;
}

#gotoTop {
	position: fixed;
	display: none;
}

@media screen and (min-width: 768px) {
	#gotoTop {
		right: 30px;
		bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#gotoTop {
		right: 10px;
		bottom: 10px;
	}
}

#gotoTop a {
	background: rgba(51, 51, 51, 0.8);
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 768px) {
	#gotoTop a {
		width: 70px;
		height: 70px;
	}
	#gotoTop a img {
		width: 30px;
	}
}

@media screen and (max-width: 767px) {
	#gotoTop a {
		width: 44px;
		height: 44px;
	}
	#gotoTop a img {
		width: 20px;
	}
}

.circle {
	border-radius: 50%;
}

.breadcrumb {
	color: #969696;
	font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
	.breadcrumb {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.breadcrumb {
		margin-bottom: 15px;
	}
}

.breadcrumb a {
	color: #969696;
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.breadcrumb a:hover {
		text-decoration: underline;
	}
}

.breadcrumb_item {
	line-height: 1.3;
	display: inline;
}

.breadcrumb_item:not(:last-of-type) {
	margin-right: 5px;
}

.breadcrumb_item:not(:last-of-type):after {
	content: ">";
	display: inline-block;
	padding-left: 5px;
}

@media screen and (min-width: 768px) {
	.breadcrumb_item {
		width: auto;
	}
}

@media screen and (min-width: 768px) {
	.box_category {
		margin-bottom: 30px;
	}
}

.box_category .box_title {
	background: url("images/icon_cate.png") no-repeat;
}

@media screen and (min-width: 768px) {
	.box_category .box_title {
		background-size: 34px;
		background-position: left 10px top 14px;
	}
}

@media screen and (max-width: 767px) {
	.box_category .box_title {
		background-size: 32px 29px;
		background-position: left top 16px;
	}
}

.icon__card {
	background: linear-gradient(to right, #ff8a00 2%, #ffcc00);
	color: #fff !important;
	border-radius: 4px;
	display: block;
	text-decoration: none !important;
}

@media screen and (min-width: 768px) {
	.icon__card:hover {
		background: linear-gradient(to right, #e67c00 2%, #e6b800);
	}
}

.icon__card:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shiny-btn1 3s ease-in-out infinite;
}

@media screen and (min-width: 768px) {
	.icon__card:hover {
		background: linear-gradient(to right, #e67c00 2%, #e6b800);
	}
}

.icon__card a {
	color: #fff !important;
	border-radius: 4px;
	display: block;
	text-decoration: none !important;
}

.readmore {
	position: relative;
	padding: 2px 23px 2px 8px;
	width: 106px;
	margin: 4px auto 0;
	background: linear-gradient(to right, #ff8a00 2%, #ffcc00);
	color: #fff !important;
	border-radius: 4px;
	display: block;
	text-decoration: none !important;
	transition: all 0.2s ease-out;
}

@media screen and (min-width: 768px) {
	.readmore:hover {
		background: linear-gradient(to right, #e67c00 2%, #e6b800);
	}
}

.readmore:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background: url("images/icon_arrow_white.png") no-repeat right center;
	background-size: 14px 5px;
	width: 14px;
	height: 5px;
	right: 4px;
}

.icon__card {
	text-align: center;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: block;
}

@media screen and (min-width: 768px) {
	.icon__card {
		width: 250px;
		padding: 6px 34px;
	}
}

@media screen and (max-width: 767px) {
	.icon__card {
		width: 80%;
		padding: 12px 34px;
	}
	.icon__card a {
		width: 80%;
		border-radius: 6px;
		padding: 12px 34px;
	}
}

@-webkit-keyframes shiny-btn1 {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

nav.pagination h2 {
	display: none;
}

@media screen and (min-width: 768px) {
	nav.pagination {
		margin: 30px 0 0;
	}
}

@media screen and (max-width: 767px) {
	nav.pagination {
		margin: 20px 0 0;
	}
}

nav.pagination .nav-links {
	display: flex;
	justify-content: center;
}

nav.pagination span,
nav.pagination a {
	display: inline;
	text-align: center;
}

@media screen and (min-width: 768px) {
	nav.pagination span,
	nav.pagination a {
		margin: 0 6px;
		width: 25px;
	}
	nav.pagination span:hover,
	nav.pagination a:hover {
		background-color: #ff0211;
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
	nav.pagination span,
	nav.pagination a {
		margin: 0 8px;
		width: 20px;
	}
}

nav.pagination .prev {
	margin-left: 0;
	width: 54px;
}

nav.pagination .next {
	margin-right: 0;
	width: 54px;
}

nav.pagination .current {
	background-color: #ff0211;
	color: #fff;
}

@media screen and (min-width: 768px) {
	nav.pagination .current {
		width: 25px;
		margin: 0 6px;
	}
}

@media screen and (max-width: 767px) {
	nav.pagination .current {
		width: 20px;
		margin: 0 8px;
	}
}

.pager {
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.pager {
		margin: 30px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.pager {
		margin: 20px 0 0;
	}
}

.pager .current {
	background-color: #ff0211;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.pager .current {
		width: 25px;
		margin: 0 6px;
	}
}

@media screen and (max-width: 767px) {
	.pager .current {
		width: 20px;
		margin: 0 8px;
	}
}

.pager span,
.pager a {
	display: inline;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.pager span,
	.pager a {
		margin: 0 6px;
		width: 25px;
	}
	.pager span:hover,
	.pager a:hover {
		background-color: #ff0211;
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
	.pager span,
	.pager a {
		margin: 0 8px;
		width: 20px;
	}
}

.pager .prev {
	margin-left: 0;
	width: 54px;
}

.pager .next {
	margin-right: 0;
	width: 54px;
}

.pager>ul {
	display: flex;
	justify-content: center;
}

.pager>ul>li {
	text-align: center;
}

.pager>ul>li a {
	display: block;
}

@media screen and (min-width: 768px) {
	.pager>ul>li a {
		width: 25px;
	}
	.pager>ul>li a:hover {
		background-color: #ff0211;
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
	.pager>ul>li a {
		width: 20px;
	}
}

.pager>ul>li>.current {
	background-color: #ff0211;
	color: #fff;
	display: block;
}

@media screen and (min-width: 768px) {
	.pager>ul>li>.current {
		width: 25px;
	}
}

@media screen and (max-width: 767px) {
	.pager>ul>li>.current {
		width: 20px;
	}
}

.sortbtn {
	position: relative;
	display: inline-block;
	user-select: none;
}

@media screen and (min-width: 768px) {
	.sortbtn {
		display: flex;
		flex-direction: row-reverse;
	}
}

@media screen and (max-width: 767px) {
	.sortbtn {
		width: 100%;
		margin: 20px 0;
	}
	.sortbtn select {
		-webkit-appearance: none;
		appearance: none;
	}
	.sortbtn .sortOrder {
		width: 100%;
	}
}

.sortbtn select {
	display: none;
}

.sortbtn .custom-select {
	position: relative;
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.sortbtn .custom-select {
		margin-bottom: 10px;
	}
}

.sortbtn .custom-select-trigger {
	position: relative;
	display: block;
	color: #fff;
	border-radius: 4px;
	background: #ff0211 url("images/icon_sort.png") no-repeat;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.sortbtn .custom-select-trigger {
		width: 170px;
		padding: 0 44px 0 40px;
		font-size: 1.4rem;
		line-height: 36px;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
		background-position: left 10px center;
		background-size: 12%;
	}
	.sortbtn .custom-select-trigger:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	.sortbtn .custom-select-trigger {
		width: 100%;
		padding-left: 50px;
		line-height: 44px;
		background-position: left 10px center;
		background-size: 7%;
	}
}

.sortbtn .custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	top: 50%;
	right: 25px;
	margin-top: -3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}

@media screen and (min-width: 768px) {
	.sortbtn .custom-select-trigger:after {
		right: 20px;
	}
}

.sortbtn .custom-select.opened .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
}

.sortbtn .custom-select.opened .custom-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
}

.sortbtn .custom-options {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	min-width: 100%;
	margin: 15px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
	background: #fff;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-15px);
	z-index: 10;
}

.sortbtn .custom-options:before {
	position: absolute;
	display: block;
	content: '';
	bottom: 100%;
	right: 25px;
	width: 7px;
	height: 7px;
	margin-bottom: -4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
	transform: rotate(45deg);
	transition: all .4s ease-in-out;
}

.sortbtn .custom-option {
	position: relative;
	display: block;
	padding: 0 22px;
	border-bottom: 1px solid #ccc;
	transition: all .4s ease-in-out;
}

@media screen and (min-width: 768px) {
	.sortbtn .custom-option {
		cursor: pointer;
		line-height: 36px;
	}
}

@media screen and (max-width: 767px) {
	.sortbtn .custom-option {
		line-height: 44px;
	}
}

.sortbtn .custom-option:first-of-type {
	border-radius: 4px 4px 0 0;
}

.sortbtn .custom-option:last-of-type {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
}

.sortbtn .custom-option:hover,
.sortbtn .custom-option.selection {
	background: #eee;
}

.sortbtn .option-hover:before {
	background: #eee;
}

.fArea {
	border: 2px solid #ff0211;
}

@media screen and (min-width: 768px) {
	.fArea {
		width: 1020px;
		margin: 40px auto 0;
		padding: 30px;
	}
}

@media screen and (max-width: 767px) {
	.fArea {
		padding: 20px;
		margin: 0 10px 30px;
	}
}

@media screen and (min-width: 768px) {
	.fArea div {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.fArea div {
		margin-top: 20px;
	}
}

.fArea div p span {
	color: #ff0211;
	border-radius: 40px;
	border: 1px solid #ff0211;
}

@media screen and (min-width: 768px) {
	.fArea div p span {
		padding: 10px;
	}
}

@media screen and (max-width: 767px) {
	.fArea div p span {
		padding: 6px 10px;
	}
}

@media screen and (min-width: 768px) {
	.fArea div p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.fArea div p {
		margin-bottom: 8px;
	}
}

@media screen and (min-width: 768px) {
	.fArea div ul {
		padding: 0 20px 10px;
	}
}

@media screen and (max-width: 767px) {
	.fArea div ul {
		padding: 0 20px 10px;
	}
}

.fArea div ul li {
	list-style-type: disc;
}

.fArea a {
	color: #ff0211;
}

@media screen and (min-width: 768px) {
	.fArea a:hover {
		text-decoration: underline;
	}
}

@media screen and (max-width: 767px) {
	.fArea a {
		display: unset;
		text-decoration: underline;
	}
}

.fArea .fab {
	position: relative;
	margin-right: 4px;
}

@media screen and (min-width: 768px) {
	.fArea .fab {
		font-size: 2rem;
		top: 2px;
	}
}

@media screen and (max-width: 767px) {
	.fArea .fab {
		font-size: 1.8rem;
		top: 2px;
	}
}


/* table of contents -----------------------------
ヘッダー
    1.共通パーツ
        余白調整
        ロゴ
        検索バー
        サジェスト余白調整
------------------------------------------------ */


/*.header {*/


/*  width: 100%;*/


/*  z-index: 10;*/


/*}*/


/*.header_inner {*/


/*  justify-content: space-between;*/


/*  align-items: center;*/


/*}*/


/*@media screen and (min-width: 768px) {*/


/*  .header {*/


/*    position: fixed;*/


/*    left: 0;*/


/*    top: 0;*/


/*    background: rgba(255, 255, 255, 0.6);*/


/*  }*/


/*}*/


/*@media screen and (min-width: 768px) and (min-width: 768px) {*/


/*  .header_inner {*/


/*    padding: 12px 0 10px;*/


/*  }*/


/*}*/


/*@media screen and (min-width: 768px) and (min-width: 768px) {*/


/*  .header_logo img {*/


/*    width: 58px;*/


/*  }*/


/*}*/


/*@media screen and (min-width: 768px) {*/


/*  .header_nav li:not(:last-of-type) {*/


/*    margin-right: 58px;*/


/*  }*/


/*  .header_nav li a {*/


/*    font-size: 1.6rem;*/


/*  }*/


/*  .header .menuBtn,*/


/*  .header .menuBar,*/


/*  .header .menu {*/


/*    display: none;*/


/*  }*/


/*  .header .searchbar {*/


/*    width: 300px;*/


/*    height: 35px;*/


/*  }*/


/*  .header .searchbar_inputfield {*/


/*    padding: 7px 50px 7px 80px;*/


/*  }*/


/*  .header .searchbar_text {*/


/*    line-height: 25px;*/


/*    padding-right: 10px;*/


/*    left: 12px;*/


/*  }*/


/*  .header .searchbar_btn {*/


/*    width: 35px;*/


/*    height: 35px;*/


/*  }*/


/*  .header .suggest {*/


/*    top: 35px;*/


/*  }*/


/*  .header .suggest > .h_item {*/


/*    display: block;*/


/*  }*/


/*  .header .suggest_title {*/


/*    margin-bottom: 6px;*/


/*  }*/


/*  .header .suggest .recommend ul {*/


/*    justify-content: flex-start;*/


/*  }*/


/*  .header .suggest .recommend ul li {*/


/*    margin: 0 6px 6px 0;*/


/*  }*/


/*}*/


/*@media screen and (max-width: 767px) {*/


/*  .header {*/


/*    position: absolute;*/


/*  }*/


/*  .header_inner {*/


/*    padding: 10px 6px;*/


/*  }*/


/*  .header_inner > .searchbar {*/


/*    display: none;*/


/*  }*/


/*  .header_logo img {*/


/*    width: 40px;*/


/*  }*/


/*  .header_nav {*/


/*    display: none;*/


/*  }*/


/*  .header .menuBtn {*/


/*    position: fixed;*/


/*    top: 10px;*/


/*    right: 6px;*/


/*    z-index: 20;*/


/*  }*/


/*  .header .menuBtn .menu-trigger,*/


/*  .header .menuBtn .menu-trigger span {*/


/*    display: inline-block;*/


/*    transition: all .4s;*/


/*  }*/


/*  .header .menuBtn .menu-trigger {*/


/*    position: relative;*/


/*    width: 40px;*/


/*    height: 40px;*/


/*    background-color: #fff;*/


/*  }*/


/*  .header .menuBtn .menu-trigger span {*/


/*    position: absolute;*/


/*    left: 8px;*/


/*    width: 24px;*/


/*    height: 3px;*/


/*    background-color: #333;*/


/*  }*/


/*  .header .menuBtn .menu-trigger span:nth-of-type(1) {*/


/*    top: 6px;*/


/*  }*/


/*  .header .menuBtn .menu-trigger span:nth-of-type(2) {*/


/*    top: 16px;*/


/*  }*/


/*  .header .menuBtn .menu-trigger span:nth-of-type(3) {*/


/*    bottom: 11px;*/


/*  }*/


/*  .header .menuBtn .menu-trigger p {*/


/*    font-size: 1rem;*/


/*    position: absolute;*/


/*    bottom: -2px;*/


/*    left: 7px;*/


/*  }*/


/*  .header .menuBtn .active span:nth-of-type(1) {*/


/*    transform: translateY(10px) rotate(-45deg);*/


/*  }*/


/*  .header .menuBtn .active span:nth-of-type(2) {*/


/*    opacity: 0;*/


/*  }*/


/*  .header .menuBtn .active span:nth-of-type(3) {*/


/*    transform: translateY(-10px) rotate(45deg);*/


/*  }*/


/*  .header .menuBtn .active p {*/


/*    display: none;*/


/*  }*/


/*  .header .menu {*/


/*    width: calc(100% - 54px);*/


/*    position: fixed;*/


/*    top: 0;*/


/*    right: 0;*/


/*    transition: all 0.4s ease-in-out;*/


/*    transform: translate(100%);*/


/*    height: 100vh;*/


/*    overflow: auto;*/


/*  }*/


/*  .header .menu_inner {*/


/*    background: rgba(255, 255, 255, 0.9);*/


/*    padding: 70px 0 0;*/


/*  }*/


/*  .header .menu .searchbar {*/


/*    padding: 0 8px 20px;*/


/*    height: 60px;*/


/*  }*/


/*  .header .menu .links {*/


/*    flex-wrap: wrap;*/


/*  }*/


/*  .header .menu .links_item {*/


/*    width: 50%;*/


/*    border-top: 1px solid #969696;*/


/*  }*/


/*  .header .menu .links_item:nth-of-type(odd) {*/


/*    border-right: 1px solid #969696;*/


/*  }*/


/*  .header .menu .links_item a {*/


/*    line-height: 44px;*/


/*    padding: 0 15px;*/


/*  }*/


/*  .header .menu .box_category {*/


/*    margin: 0;*/


/*  }*/


/*  .header .menu .box_category .box_title {*/


/*    color: #fff;*/


/*    font-size: 1.6rem;*/


/*    line-height: 44px;*/


/*    padding: 0 0 0 60px;*/


/*    background: #333 url("images/icon_cate_white.png") no-repeat left 20px center;*/


/*    background-size: 25px 23px;*/


/*    border: none;*/


/*    margin: 0;*/


/*  }*/


/*  .header .menu .box_category .cateList > li {*/


/*    border-bottom: 1px solid #969696;*/


/*  }*/


/*  .header .menu .box_category .cateList li:last-of-type {*/


/*    border: none;*/


/*  }*/


/*  .header .menu .box_category .cateList li a {*/


/*    padding: 10px 10px 10px 40px;*/


/*  }*/


/*  .header .menu .box_category .cateList li:nth-child(1) {*/


/*    background-size: 25px 18px;*/


/*  }*/


/*  .header .menu .box_category .cateList li:nth-child(2) {*/


/*    background-size: 15px 26px;*/


/*    background-position: 25px center;*/


/*  }*/


/*  .header .menu .box_category .cateList li:nth-child(3) {*/


/*    background-size: 25px 26px;*/


/*  }*/


/*  .header .menu .box_category .cateList li:nth-child(4) {*/


/*    background-size: 25px 26px;*/


/*  }*/


/*  .header .menu .box_category .cateList li ul li a {*/


/*    padding-left: 60px;*/


/*  }*/


/*  .header .open {*/


/*    transform: translate(0);*/


/*  }*/


/*  .header .appdwbtn {*/


/*    background-color: #f3f3f3;*/


/*    padding: 20px 0;*/


/*  }*/


/*  .header .appdwbtn_text {*/


/*    text-align: center;*/


/*    line-height: 1;*/


/*    margin-bottom: 10px;*/


/*  }*/


/*  .header .appdwbtn_list {*/


/*    align-items: center;*/


/*    justify-content: center;*/


/*  }*/


/*  .header .appdwbtn_list_item {*/


/*    margin: 0 10px;*/


/*  }*/


/*  .header .appdwbtn_list_item img {*/


/*    height: 44px;*/


/*  }*/


/*}*/


/* table of contents -----------------------------
1.フッター
    共通パーツ
    余白調整
    ロゴ
    ナビゲーション
    Copyright
------------------------------------------------ */


/*@media screen and (min-width: 768px) {*/


/*  .footer {*/


/*    color: #fff;*/


/*    margin-top: 50px;*/


/*  }*/


/*  .footer a {*/


/*    color: #fff;*/


/*  }*/


/*}*/


/*@media screen and (max-width: 767px) {*/


/*  .footer {*/


/*    background: none;*/


/*    color: #333;*/


/*  }*/


/*  .footer a {*/


/*    color: #333;*/


/*  }*/


/*}*/


/*@media screen and (min-width: 768px) {*/


/*  .footer_inner {*/


/*    padding: 30px 0 10px;*/


/*  }*/


/*}*/


/*.footer_logo {*/


/*  margin: 0 auto;*/


/*  width: 70px;*/


/*}*/


/*@media screen and (min-width: 768px) {*/


/*  .footer_logo a {*/


/*    display: block;*/


/*  }*/


/*  .footer_logo a:hover {*/


/*    opacity: 0.7;*/


/*  }*/


/*}*/


/*@media screen and (max-width: 767px) {*/


/*  .footer_logo {*/


/*    margin-bottom: 18px;*/


/*  }*/


/*}*/


/*@media screen and (min-width: 768px) {*/


/*  .footer_nav {*/


/*    margin: 25px 0;*/


/*  }*/


/*  .footer_nav ul {*/


/*    flex-wrap: wrap;*/


/*  }*/


/*  .footer_nav ul li:not(:last-of-type) {*/


/*    border-right: 1px solid #fff;*/


/*  }*/


/*  .footer_nav ul li a {*/


/*    padding: 0 23px;*/


/*    line-height: 20px;*/


/*  }*/


/*  .footer_nav ul li a:hover {*/


/*    text-decoration: underline;*/


/*  }*/


/*}*/


/*@media screen and (max-width: 767px) {*/


/*  .footer_nav ul {*/


/*    flex-direction: column;*/


/*  }*/


/*  .footer_nav ul li {*/


/*    border-top: 1px solid #d5d5d5;*/


/*  }*/


/*  .footer_nav ul li a {*/


/*    line-height: 40px;*/


/*    text-align: center;*/


/*  }*/


/*}*/


/*.footer small {*/


/*  display: block;*/


/*  text-align: center;*/


/*}*/


/*@media screen and (min-width: 768px) {*/


/*  .footer small {*/


/*    font-size: 1.2rem;*/


/*    background: none;*/


/*  }*/


/*}*/


/*@media screen and (max-width: 767px) {*/


/*  .footer small {*/


/*    font-size: 1.2rem;*/


/*    line-height: 30px;*/


/*  }*/


/*}*/


/* table of contents -----------------------------
トップ画面
    1.メイン画像エリア
        背景画像
        タイトル
        アプリボタン
        検索バー
    2.各セクション
        余白
        各見出し
        各記事タイトル
    3.コード決済・クレジットカードの新着記事と関連記事
        見出しアイコン
        記事リスト
        リンクエリア
    4.ポモチのおすすめのテーマ
        見出しアイコン
        記事リスト
        リンクエリア
    5.カードレビュー
    6.バナーエリア
------------------------------------------------ */

.mainImg {
	color: #fff;
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 768px) {
	.mainImg {
		margin: 0 auto 60px;
		max-width: 1014px;
		height: 374px;
	}
}

@media screen and (max-width: 767px) {
	.mainImg {
		height: auto;
		margin-bottom: calc(53/375*100vw);
	}
}

.mainImg #bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -100;
	background-size: cover;
	width: 100%;
	object-fit: cover;
}

@media screen and (min-width: 768px) {
	.mainImg #bg-video {
		height: 700px;
	}
}

@media screen and (max-width: 767px) {
	.mainImg #bg-video {
		height: 400px;
	}
}

@media screen and (min-width: 768px) {
	.mainImg_title {
		font-size: 4.5rem;
		letter-spacing: -3px;
	}
}

@media screen and (max-width: 767px) {
	.mainImg_title {
		font-size: 13px;
		font-size: 4.0625vw;
		letter-spacing: 5px;
		line-height: 2;
	}
}

.mainImg_title span {
	position: relative;
}

@media screen and (min-width: 768px) {
	.mainImg_title span {
		width: 500px;
		margin: 0 auto;
	}
}

.mainImg_title span:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	.mainImg_title span:after {
		height: 6px;
		box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.9);
		left: -18px;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.mainImg_title span:after {
		height: 3px;
		box-shadow: 1px 0px 6px rgba(51, 51, 51, 0.9);
		left: -6px;
		width: 103%;
	}
}

@media screen and (min-width: 768px) {
	.mainImg_btns {
		position: absolute;
		bottom: 80px;
		left: 150px;
	}
}

@media screen and (max-width: 767px) {
	.mainImg_btns {
		position: absolute;
		bottom: calc(30/375*100vw);
		left: 50%;
		transform: translate(-50%, 0);
		width: 100vw;
	}
}

.mainImg_btns_list {
	align-items: center;
}

@media screen and (min-width: 768px) {
	.mainImg_btns_list_item:not(:last-child) {
		margin-right: 12px;
	}
}

@media screen and (max-width: 767px) {
	.mainImg_btns_list_item:not(:last-child) {
		margin-right: calc(5/375*100vw);
	}
}

@media screen and (min-width: 768px) {
	.mainImg_btns_list_item a:hover {
		opacity: 0.7;
	}
}

@media screen and (min-width: 768px) {
	.mainImg_btns_list_item img {
		height: 50px;
	}
}

@media screen and (max-width: 767px) {
	.mainImg_btns_list_item img {
		height: calc(45/375*100vw);
	}
}

.mainImg .searchbar {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}

@media screen and (min-width: 768px) {
	.mainImg .searchbar {
		width: 700px;
		bottom: 0;
		height: 51px;
		transform: translate(-50%, 50%) !important;
	}
}

@media screen and (max-width: 767px) {
	.mainImg .searchbar {
		width: calc(100% - 20px);
		bottom: 0;
		height: 40px;
		transform: translate(-50%, 50%) !important;
	}
}

.box_news .box_title,
.crp_related .box_title {
	background: url("images/icon_news.png") no-repeat;
}

@media screen and (min-width: 768px) {
	.box_news .box_title,
	.crp_related .box_title {
		background-size: 5%;
		background-position: left 10px top 14px;
	}
}

@media screen and (max-width: 767px) {
	.box_news .box_title,
	.crp_related .box_title {
		background-size: 30px 29px;
		background-position: left top 16px;
	}
}

.box_theme .box_title {
	background: url("images/icon_theme.png") no-repeat;
}

@media screen and (min-width: 768px) {
	.box_theme .box_title {
		background-size: 4.6%;
		background-position: left 8px top 20px;
	}
}

@media screen and (max-width: 767px) {
	.box_theme .box_title {
		background-size: 30px 24px;
		background-position: left 4px top 16px;
	}
}

@media screen and (max-width: 767px) {
	.box_theme .themeList {
		flex-direction: column;
	}
}

@media screen and (min-width: 768px) {
	.box_theme .themeList_item {
		margin-bottom: 20px;
	}
	.box_theme .themeList_item:last-of-type,
	.box_theme .themeList_item:nth-last-of-type(2) {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	.box_theme .themeList_item:not(:last-of-type) {
		margin-bottom: 16px;
	}
}

.box_theme .themeList a {
	display: block;
	width: 100%;
	height: 100%;
}

.box_theme .themeList a figure {
	border: 1px solid #ababab;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.box_theme .themeList a figure {
		width: 68px;
		height: 68px;
	}
	.box_theme .themeList a figure img {
		width: 45px;
	}
}

@media screen and (max-width: 767px) {
	.box_theme .themeList a figure {
		width: 68px;
		height: 68px;
	}
	.box_theme .themeList a figure img {
		width: 45px;
	}
}

.box_theme .themeList a .title {
	background: url("images/icon_tag.png") no-repeat;
}

@media screen and (min-width: 768px) {
	.box_theme .themeList a .title {
		width: calc(100% - 80px);
		background-position: left top 8px;
		background-size: 9%;
		padding-left: 30px;
		letter-spacing: -0.8px;
		padding-top: 5px;
	}
	.box_theme .themeList a .title:hover .title {
		text-decoration: underline;
		color: #ff0211;
	}
}

@media screen and (max-width: 767px) {
	.box_theme .themeList a .title {
		width: calc(100% - 80px);
		background-position: left top 8px;
		background-size: 24px 22px;
		padding-left: 30px;
		letter-spacing: -0.8px;
		padding-top: 5px;
	}
}

.box_review .box_title {
	background: url("images/icon_review.png") no-repeat;
}

@media screen and (min-width: 768px) {
	.box_review .box_title {
		background-size: 5%;
		background-position: left 6px top 14px;
	}
}

@media screen and (max-width: 767px) {
	.box_review .box_title {
		background-size: 36px 33px;
		background-position: left top 10px;
	}
}

.box_review .reviewList {
	margin-bottom: -20px;
}

.box_review .reviewList_item {
	background-color: #f3f3f3;
	position: relative;
	margin-bottom: 20px;
}

.box_review .reviewList_item img {
	height: auto;
}

@media screen and (max-width: 767px) {
	.box_review .reviewList_item {
		padding: 18px 20px 53px;
		width: 100%;
	}
	.box_review .reviewList_item:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

.box_review .reviewList_item .h_item {
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 767px) {
	.box_review .reviewList_item .h_item img {
		width: 130px;
	}
	.box_review .reviewList_item .h_item .title {
		width: calc(100% - 150px);
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	.box_review .reviewList_item .h_item .title {
		width: calc(100% - 120px);
	}
}

.box_review .reviewList_btn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.box_review .reviewList_btn a {
	position: relative;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.box_review .reviewList_btn a {
		line-height: 35px;
	}
}

@media screen and (min-width: 768px) {
	.box_review .reviewList {
		justify-content: space-between;
	}
	.box_review .reviewList_item {
		width: 340px;
		padding: 20px 20px 60px;
	}
	.box_review .reviewList_item figure img {
		width: 100px;
	}
	.box_review .reviewList_item .title {
		line-height: 1.4;
	}
}

.box_review .reviewList_btn a {
	display: block;
}

@media screen and (min-width: 768px) {
	.box_review .reviewList_btn a {
		line-height: 34px;
	}
	.box_review .reviewList_btn a:hover {
		opacity: 0.7;
	}
}

@media screen and (min-width: 768px) {
	.banner {
		margin-top: 48px;
	}
	.banner a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	.banner {
		margin-top: 20px;
	}
	.banner img {
		width: 300px;
	}
}

@media screen and (min-width: 768px) {
	aside .banner {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	aside {
		margin-top: 40px;
	}
}

.mainText {
	border: 2px solid #ff0211;
}

@media screen and (min-width: 768px) {
	.mainText {
		padding: 30px;
		margin: 0 0 30px;
	}
}

@media screen and (max-width: 767px) {
	.mainText {
		padding: 20px;
		margin: 0 0 30px;
	}
}

@media screen and (min-width: 768px) {
	.mainText p {
		line-height: 1.6;
	}
}

@media screen and (max-width: 767px) {
	.mainText p {
		line-height: 1.8;
	}
}

@media screen and (min-width: 768px) {
	.mainText p:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.mainText p:not(:last-of-type) {
		margin-bottom: 16px;
	}
}

.mainText strong {
	background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fff59e 60%);
}

.headline {
	position: relative;
}

@media screen and (min-width: 768px) {
	.headline {
		border-bottom: solid 3px;
		padding-bottom: 5px;
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 767px) {
	.headline {
		border-bottom: solid 2px;
		padding-bottom: 4px;
		font-size: 1.6rem;
	}
}

.headline:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	background-color: #ff0211;
	display: block;
	position: absolute;
	left: 0;
}

@media screen and (min-width: 768px) {
	.headline:before {
		width: 50px;
		height: 3px;
		bottom: -3px;
	}
}

@media screen and (max-width: 767px) {
	.headline:before {
		width: 30px;
		height: 2px;
		bottom: -2px;
	}
}


/* table of contents -----------------------------
1.記事詳細
    記事一覧画面用のリストの横幅
    記事詳細用ヘッダー
    検索バー
    キーワードエリア
    記事詳細
        ul、ol、strong設定
        テキストサイズ
        マーカー
        記事ヘッダー
        目次
        バナースペース
        各小セクション
        小さいテキスト
    表
        タイプ1
        タイプ2
    youtube
    プロフィール
        共通
        プロフィール情報
        LINKS
        吹き出しエリア
------------------------------------------------ */

@media screen and (min-width: 768px) {
	div:not(.searchbar_wrapper)>.searchbar {
		margin-top: 25px;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 700px;
		height: 51px;
	}
}

@media screen and (max-width: 767px) {
	div:not(.searchbar_wrapper)>.searchbar {
		display: none;
	}
}

#singular .newsList_item {
	width: 100%;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	#singular .header {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	}
	#singular .header_inner {
		padding: 22px 0;
		justify-content: flex-end;
	}
	#singular .header_nav {
		margin-right: 56px;
	}
}

#singular .header_inner {
	position: relative;
}

#singular .header_logo {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .header_logo {
		left: 0;
	}
	#singular .header_logo a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	#singular .header_logo {
		top: 10px;
		left: 6px;
	}
}

@media screen and (min-width: 768px) {
	#singular .container {
		padding-top: 100px;
	}
}

@media screen and (max-width: 767px) {
	#singular .container {
		padding-top: 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .container .keywordList {
		margin-bottom: 30px;
		justify-content: flex-start;
	}
	#singular .container .keywordList a {
		margin: 0 10px 10px 0;
	}
	#singular .container .keywordList a:last-of-type {
		margin-right: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .container .keywordList {
		flex-direction: unset;
		padding: 0 5px 20px;
	}
}

#singular .container .sd_title {
	line-height: 1;
}

@media screen and (min-width: 768px) {
	#singular .container .sd_title {
		font-size: 18px;
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 767px) {
	#singular .container .sd_title {
		font-size: 16px;
		margin-bottom: 8px;
	}
}

#singular .container .sd_title span {
	position: relative;
}

#singular .container .sd_title span:before,
#singular .container .sd_title span:after {
	display: block;
	position: absolute;
	top: 0;
}

#singular .container .sd_title span:before {
	content: "＼";
}

@media screen and (min-width: 768px) {
	#singular .container .sd_title span:before {
		left: -22px;
	}
}

@media screen and (max-width: 767px) {
	#singular .container .sd_title span:before {
		left: -16px;
	}
}

#singular .container .sd_title span:after {
	content: "／";
}

@media screen and (min-width: 768px) {
	#singular .container .sd_title span:after {
		right: -22px;
	}
}

@media screen and (max-width: 767px) {
	#singular .container .sd_title span:after {
		right: -16px;
	}
}

#singular .article .attachment-thumbnail {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	#singular .article .attachment-thumbnail {
		margin: 0 auto 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article .attachment-thumbnail {
		margin-top: -40px;
	}
}

#singular .article .sns {
	margin: 0;
	list-style: none;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	#singular .article .sns {
		margin-bottom: 10px;
	}
}

#singular .article .sns_item:not(:last-of-type) {
	margin: 0 8px;
}

#singular .article .sns_item a {
	display: block;
}

@media screen and (min-width: 768px) {
	#singular .article .sns_item a:hover {
		opacity: 0.8;
	}
}

#singular .article .sns_item img {
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .article ul,
	#singular .article ol {
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .article ul li:not(:last-of-type),
	#singular .article ol li:not(:last-of-type) {
		margin: 0 0 12px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article ul li:not(:last-of-type),
	#singular .article ol li:not(:last-of-type) {
		margin: 0 0 10px;
	}
}

#singular .article strong {
	background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fff59e 60%);
	font-weight: normal;
	color: #333;
}

#singular .article b {
	font-weight: bold;
}

#singular .article a {
	color: #ff0211;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
	#singular .article a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	#singular .article a {
		display: inline;
	}
	#singular .article strong a {
		display: inline;
	}
}

#singular .article .time {
	color: #969696;
}

@media screen and (min-width: 768px) {
	#singular .article .time {
		margin: 0 0 16px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article .time {
		margin: 0 0 10px;
	}
}

#singular .article .time .h_item {
	justify-content: flex-end;
}

#singular .article>p {
	font-size: 1.6rem;
	margin: 18px 0;
}

#singular .article>h2 {
	border-left: 3px solid #ff0211;
}

@media screen and (min-width: 768px) {
	#singular .article>h2 {
		line-height: 46px;
		font-size: 2.2rem;
		padding-left: 15px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article>h2 {
		font-size: 22px;
		font-size: 6.875vw;
		padding: 4px 0 4px 8px;
		margin-bottom: 20px;
	}
}

#singular .article>h3 {
	position: relative;
	background-color: #ffcccc;
}

#singular .article>h3:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .article>h3 {
		padding: 0 20px;
		line-height: 50px;
		margin-bottom: 30px;
		font-size: 2rem;
	}
	#singular .article>h3:before {
		border: 17px solid transparent;
		border-top: 20px solid #ffcccc;
		bottom: -37px;
		left: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article>h3 {
		font-size: 20px;
		font-size: 6.25vw;
		margin-bottom: 30px;
		padding: 0 8px;
	}
	#singular .article>h3:before {
		border: 15px solid transparent;
		border-top: 18px solid #ffcccc;
		bottom: -32px;
		left: 24px;
	}
}

#singular .article>h4 {
	color: #ff0211;
	border-bottom: dashed 2px #ff0211;
}

@media screen and (min-width: 768px) {
	#singular .article>h4 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article>h4 {
		font-size: 18px;
		font-size: 5.625vw;
		margin-bottom: 24px;
	}
}

#singular .article blockquote {
	color: #969696;
	font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
	#singular .article blockquote {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article blockquote {
		margin-top: 15px;
	}
}

@media screen and (min-width: 768px) {
	#singular .article .text-center {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article .text-center {
		margin-bottom: 20px;
	}
}

#singular .article_header {
	flex-direction: column-reverse;
	position: relative;
}

#singular .article_header .title {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .article_header .title {
		font-size: 2.8rem;
		line-height: 1.6;
		padding-bottom: 13px;
		margin-bottom: 22px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article_header .title {
		font-size: 24px;
		font-size: 7.5vw;
		padding-bottom: 10px;
		margin-bottom: 14px;
	}
}

#singular .article_header .title:before,
#singular .article_header .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	height: 3px;
}

#singular .article_header .title:before {
	background-color: #ff0211;
	left: 0;
}

@media screen and (min-width: 768px) {
	#singular .article_header .title:before {
		width: 120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article_header .title:before {
		width: 30%;
	}
}

#singular .article_header .title:after {
	background-color: #e6e6e6;
	right: 0;
}

@media screen and (min-width: 768px) {
	#singular .article_header .title:after {
		width: calc(100% - 120px);
	}
}

@media screen and (max-width: 767px) {
	#singular .article_header .title:after {
		width: 70%;
	}
}

@media screen and (min-width: 768px) {
	#singular .article_header .sns {
		position: absolute;
		/*
    bottom: 0;
    left: 0;
    */
		right: 0;
		bottom: -10px;
	}
}

#singular .article #toc_container {
	border: 1px solid #ffcccc;
	background: #fff;
}

@media screen and (min-width: 768px) {
	#singular .article #toc_container {
		padding: 25px 30px;
		margin: 30px 0 50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article #toc_container {
		padding: 14px;
		margin: 20px 0 40px;
	}
}

#singular .article #toc_container .toc_title {
	text-align: left;
	position: relative;
}

#singular .article #toc_container .toc_title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 3px;
	background-color: #ff0211;
}

@media screen and (min-width: 768px) {
	#singular .article #toc_container .toc_title:after {
		width: 34px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article #toc_container .toc_title:after {
		width: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .article #toc_container .toc_title {
		margin-bottom: 15px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .article #toc_container .toc_title {
		margin-bottom: 10px;
		width: 60px;
		font-size: 1.4rem;
	}
}

#singular .article #toc_container .toc_list li {
	background: url("images/icon_club.png") no-repeat;
}

@media screen and (min-width: 768px) {
	#singular .article #toc_container .toc_list li {
		background-size: 2%;
		padding-left: 20px;
		background-position: left 0 top 8px;
	}
	#singular .article #toc_container .toc_list li a {
		font-size: 1.6rem;
	}
	#singular .article #toc_container .toc_list li:not(:last-of-type) {
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article #toc_container .toc_list li {
		background-size: 12px;
		padding-left: 20px;
		background-position: left top 5px;
	}
	#singular .article #toc_container .toc_list li a {
		font-size: 1.4rem;
	}
	#singular .article #toc_container .toc_list li:not(:last-of-type) {
		margin-bottom: 4px;
	}
}

#singular .article .banner {
	margin: 40px 0 25px;
}

#singular .article .sec:not(:last-of-type) {
	margin-bottom: 34px;
}

#singular .article .sec_type3 .sec_title {
	border: 2px solid #ff0211;
}

@media screen and (min-width: 768px) {
	#singular .article .sec_type3 .sec_title {
		line-height: 50px;
		border-radius: 28px;
		padding: 0 22px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article .sec_type3 .sec_title {
		padding: 8px 20px;
		border-radius: 50px;
	}
}

#singular .article img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	#singular .article img {
		margin: 30px auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .article img {
		margin: 20px auto;
	}
}

@media screen and (min-width: 768px) {
	#singular .article ul,
	#singular .article ol {
		margin: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article ul,
	#singular .article ol {
		margin: 20px;
	}
}

#singular .article ul strong,
#singular .article ol strong {
	font-weight: normal;
}

#singular .article ul em,
#singular .article ol em {
	font-style: normal;
}

#singular .article ul {
	list-style-type: disc;
}

#singular .article ol {
	list-style: decimal;
}

#singular .article .icon__card {
	display: block;
}

#singular .article_bannar a {
	display: block;
}

@media screen and (min-width: 768px) {
	#singular .article_bannar a:hover {
		opacity: 0.7;
	}
}

@media screen and (min-width: 768px) {
	#singular .article_bannar {
		width: 500px;
		margin: 0 auto 50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article_bannar {
		margin: 0 0 40px;
	}
}

#singular .article_bannar img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .crp_related {
		margin: 40px 0 50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .crp_related {
		margin: 20px 0 40px;
	}
	#singular .crp_related .box_title {
		margin: 0;
	}
}

#singular .crp_related ul {
	list-style: none;
	margin: 0;
}

#singular .crp_related ul li {
	position: relative;
}

#singular .crp_related ul li {
	margin: 0 0 90px 0;
}

@media screen and (max-width: 767px) {
	#singular .crp_related ul li:not(:last-of-type) {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .crp_related ul li {
		border-bottom: 1px solid #969696;
	}
}

#singular .crp_related ul li a {
	display: block;
}

#singular .crp_related ul li a img,
#singular .crp_related ul li a span {
	display: inline-block;
}

@media screen and (min-width: 768px) {
	#singular .crp_related ul li a:hover .crp_title {
		color: #ff0211;
	}
}

@media screen and (max-width: 767px) {
	#singular .crp_related ul li a {
		padding: 14px 0;
	}
}

#singular .crp_related ul li img {
	margin: 0 20px 0 0;
}

@media screen and (min-width: 768px) {
	#singular .crp_related ul li img {
		width: 110px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .crp_related ul li img {
		width: 80px;
		height: auto;
		margin: 0 10px 0 0;
	}
}

#singular .crp_related ul li .crp_title {
	border-bottom: 2px solid #ff0211;
	font-size: 1.6rem;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	#singular .crp_related ul li .crp_title {
		width: calc(100% - 130px);
		padding: 0 0 3px 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .crp_related ul li .crp_title {
		width: calc(100% - 90px);
		border: none;
		font-size: 1.4rem;
		font-weight: normal;
	}
}

@media screen and (min-width: 768px) {
	#singular .crp_related ul li .crp_excerpt {
		position: absolute;
		top: 40px;
		left: 130px;
	}
}

@media screen and (max-width: 767px) {
	#singular .crp_related ul li .crp_excerpt {
		display: block;
		padding: 0 0 20px 0;
	}
}

#singular .article-wrap-table {
	width: 100%;
	/*
        &_type2 {
            th {
                background-color: $gray1;
                color: $white1;
            }

            tr {
                &:nth-of-type(odd) {
                    td {
                        background-color: $gray7;
                    }
                }
            }
        }
        */
}

@media screen and (min-width: 768px) {
	#singular .article-wrap-table {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article-wrap-table {
		margin-top: 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .article-wrap-table:last-of-type {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .article-wrap-table:last-of-type {
		margin-bottom: 20px;
	}
}

#singular .article-wrap-table th,
#singular .article-wrap-table td {
	width: 25%;
	font-weight: normal;
	border: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	#singular .article-wrap-table th,
	#singular .article-wrap-table td {
		padding: 12px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .article-wrap-table th,
	#singular .article-wrap-table td {
		padding: 10px;
	}
}

#singular .article-wrap-table th {
	background-color: #ffcccc;
}

#singular .article-wrap-table td {
	background-color: #f9f9f9;
}

@media screen and (max-width: 767px) {
	#singular .wp-block-embed iframe {
		display: block;
		margin: 0 auto;
		width: 85vw !important;
	}
	.embedBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}


/*@media screen and (max-width: 767px) {*/


/*  #singular .wp-block-embed .wp-block-embed__wrapper {*/


/*    position: relative;*/


/*    padding-bottom: 102%;*/


/*    height: 0;*/


/*    overflow: hidden;*/


/*  }*/


/*  #singular .wp-block-embed .wp-block-embed__wrapper iframe {*/


/*    position: absolute;*/


/*    top: 0;*/


/*    left: 0;*/


/*    width: 100%;*/


/*    height: 100%;*/


/*  }*/


/*  #singular .wp-block-embed .wp-block-embed__wrapper iframe .wp-embed-site-icon {*/


/*    display: none;*/


/*    width: 200%;*/


/*  }*/


/*  #singular .wp-block-embed .wp-block-embed__wrapper iframe:before {*/


/*    content: "";*/


/*    display: block;*/


/*    width: 20px;*/


/*    height: 20px;*/


/*    background: red;*/


/*  }*/


/*}*/


/*#singular .wp-block-embed-wordpress .wp-embed-site-icon {*/


/*  display: none;*/


/*}*/

@media screen and (max-width: 767px) {
	#singular .is-provider-youtube .wp-block-embed__wrapper {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	#singular .is-provider-youtube .wp-block-embed__wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

#singular .imgShadow {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .imgShadow {
		margin: 0 0 0 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .imgShadow {
		margin: 0 0 0 6px;
	}
}

#singular .imgShadow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
}

@media screen and (min-width: 768px) {
	#singular .imgShadow:after {
		width: 240px;
		height: 180px;
		top: 10px;
		left: -10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .imgShadow:after {
		width: 120px;
		height: 100px;
		top: 6px;
		left: -6px;
	}
}

#singular .imgShadow-blue:after {
	background-color: #ffcccc;
}

#singular .imgShadow-yellow:after {
	background-color: #faf1c2;
}

#singular .imgShadow-green:after {
	background-color: #d4f5c5;
}

#singular .pinfo_job {
	color: #969696;
	font-size: 1.2rem;
}

#singular .profile {
	flex-direction: row-reverse;
	justify-content: space-between;
}

#singular .profile .imgShadow>img {
	margin: 0;
}

@media screen and (max-width: 767px) {
	#singular .profile .imgShadow>img {
		width: 120px;
		height: 100px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profile {
		padding-top: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .profile .pinfo {
		width: calc(100% - 280px);
	}
}

@media screen and (max-width: 767px) {
	#singular .profile .pinfo {
		width: calc(100% - 140px);
	}
}

@media screen and (min-width: 768px) {
	#singular .profile .pinfo_name {
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .profile .pinfo_name {
		font-size: 2rem;
	}
}

#singular .profile .pinfo_job {
	padding-bottom: 20px;
	border-bottom: 1px solid #ff0211;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	#singular .profile .pinfo_text:not(:last-of-type) {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profile .pinfo_text:not(:last-of-type) {
		margin-bottom: 14px;
	}
}

#singular .profileBox {
	border: 1px solid #ffcccc;
}

#singular .profileBox img {
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .profileBox_inner {
		padding: 30px 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner {
		padding: 14px;
	}
}

#singular .profileBox_inner>.h_item {
	justify-content: space-between;
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .profileBox_inner>.h_item {
		padding-bottom: 28px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner>.h_item {
		padding-bottom: 14px;
	}
}

@media screen and (min-width: 768px) {
	#singular .profileBox_inner>.h_item img {
		width: 140px;
		height: 140px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner>.h_item img {
		width: 120px;
		height: 120px;
	}
}

@media screen and (min-width: 768px) {
	#singular .profileBox_inner>.h_item .pinfo {
		width: calc(100% - 170px);
	}
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner>.h_item .pinfo {
		width: calc(100% - 134px);
	}
}

#singular .profileBox_inner>.h_item .pinfo_name {
	font-size: 1.6rem;
	margin-bottom: 2px;
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner>.h_item .pinfo_name {
		padding-top: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .profileBox_inner>.h_item .pinfo_job {
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner>.h_item .pinfo_job {
		margin-bottom: 4px;
	}
}

#singular .profileBox_inner>.h_item .pinfo_btn {
	position: absolute;
	top: 0;
	right: 0;
}

#singular .profileBox_inner>.h_item .pinfo_btn a {
	color: #333;
	text-decoration: none;
}

#singular .profileBox_inner>.h_item .pinfo_btn a img {
	height: auto;
}

@media screen and (min-width: 768px) {
	#singular .profileBox_inner>.h_item .pinfo_btn a {
		line-height: 26px;
		font-size: 1.2rem;
		width: 180px;
		border-radius: 20px;
	}
	#singular .profileBox_inner>.h_item .pinfo_btn a img {
		width: 25px;
	}
}

@media screen and (max-width: 767px) {
	#singular .profileBox_inner>.h_item .pinfo_btn a {
		display: block;
		line-height: 20px;
		font-size: 1.2rem;
		width: 140px;
		border-radius: 20px;
	}
	#singular .profileBox_inner>.h_item .pinfo_btn a img {
		width: 16px;
	}
}

#singular .profileBox .newsList {
	list-style-type: none;
	margin: 0;
}

#singular .profileBox .newsList a {
	text-decoration: none;
	color: #333;
}

@media screen and (min-width: 768px) {
	#singular .profileBox .newsList a:hover .title {
		color: #ff0211;
	}
}

@media screen and (min-width: 768px) {
	#singular .profileBox .newsList_item {
		width: 320px;
	}
	#singular .profileBox .newsList_item figure {
		width: 90px;
		height: 90px;
	}
}

@media screen and (min-width: 768px) {
	#singular .profileBox .newsList_item img {
		height: 90px;
	}
}

@media screen and (min-width: 768px) {
	#singular .profileBox .newsList_item div {
		width: calc(100% - 110px);
	}
}

#singular .profileBox .btn a {
	display: block;
	width: 100%;
	margin: 0;
	color: #fff;
	text-decoration: none;
}

#singular .links {
	background-color: #f9f9f9;
}

@media screen and (min-width: 768px) {
	#singular .links {
		padding: 18px 20px 5px;
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .links {
		padding: 10px 10px 4px;
		margin-top: 15px;
	}
}

@media screen and (min-width: 768px) {
	#singular .links_title {
		line-height: 25px;
		border-left: 3px solid #333;
		margin-bottom: 15px;
		padding-left: 8px;
	}
}

@media screen and (max-width: 767px) {
	#singular .links_title {
		line-height: 18px;
		border-left: 2px solid #333;
		margin-bottom: 10px;
		padding-left: 6px;
	}
}

#singular .links dl dt {
	float: left;
}

#singular .links dl dt:after {
	content: "：";
	display: inline-block;
}

@media screen and (max-width: 767px) {
	#singular .links dl dd {
		margin-left: 30vw;
	}
}

#singular .links .sns {
	align-items: center;
	justify-content: unset;
	list-style: none;
	margin: 0;
}

#singular .links .sns_item {
	width: auto;
}

@media screen and (min-width: 768px) {
	#singular .links .sns_item:not(:last-of-type) {
		margin: 0 20px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .links .sns_item:not(:last-of-type) {
		margin: 0 16px 0 0;
	}
}

#singular .links .sns_item a {
	color: #333;
}

@media screen and (min-width: 768px) {
	#singular .links .sns_item a {
		font-size: 3rem;
	}
	#singular .links .sns_item a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	#singular .links .sns_item a {
		font-size: 2.4rem;
	}
}

#singular .liquid-speech-balloon-wrap {
	justify-content: space-between;
}

@media screen and (min-width: 768px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar {
		margin-left: 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar {
		margin-left: 6px;
	}
}

#singular .liquid-speech-balloon-right .liquid-speech-balloon-avatar {
	margin-left: 0;
}

@media screen and (min-width: 768px) {
	#singular .wp-block-liquid-speech-balloon:not(:last-of-type) {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .wp-block-liquid-speech-balloon:not(:last-of-type) {
		margin-bottom: 10px;
	}
}

#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar {
	position: relative;
}

#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
	background-color: #faf1c2;
}

@media screen and (min-width: 768px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar:before {
		width: 240px;
		height: 180px;
		top: 10px;
		left: -10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar:before {
		width: 120px;
		height: 100px;
		top: 6px;
		left: -6px;
	}
}

@media screen and (min-width: 768px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar {
		width: 240px;
		height: 180px;
	}
}

@media screen and (max-width: 767px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar {
		width: 120px;
		height: 100px;
	}
}

#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar:after {
	background-color: rgba(51, 51, 51, 0.8);
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	top: auto;
	width: auto;
}

@media screen and (min-width: 768px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar:after {
		line-height: 30px;
		padding: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-avatar:after {
		padding: 0 10px;
		line-height: 20px;
		font-size: 1.2rem;
	}
}

#singular .wp-block-liquid-speech-balloonShadow_green:before {
	background-color: #d4f5c5;
}

@media screen and (min-width: 768px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-arrow {
		border: 20px solid transparent !important;
		border-right: 30px solid #fff !important;
		left: -50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .wp-block-liquid-speech-balloon .liquid-speech-balloon-arrow {
		border: 10px solid transparent !important;
		border-right: 15px solid #fff !important;
		left: -25px;
	}
}

#singular .liquid-speech-balloon-right .liquid-speech-balloon-avatar:before {
	background-color: #ffcccc;
}

@media screen and (min-width: 768px) {
	#singular .liquid-speech-balloon-right .liquid-speech-balloon-arrow {
		border: 20px solid transparent !important;
		border-left: 30px solid #fff !important;
		right: -50px;
		left: auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .liquid-speech-balloon-right .liquid-speech-balloon-arrow {
		border: 10px solid transparent !important;
		border-left: 15px solid #fff !important;
		right: -25px;
		left: auto;
	}
}

#singular .liquid-speech-balloon-text {
	position: relative;
	border: 1px solid #fff;
	background: #fff;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
	border-radius: 0;
}

@media screen and (min-width: 768px) {
	#singular .liquid-speech-balloon-text {
		width: calc(100% - 300px);
		padding: 25px;
	}
}

@media screen and (max-width: 767px) {
	#singular .liquid-speech-balloon-text {
		width: calc(100% - 150px);
		padding: 14px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec {
		margin: 30px 0 20px;
	}
}

#singular .box_cardspec .box_title {
	background: url("images/icon_creditcard.png") no-repeat;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .box_title {
		background-size: 5%;
		background-position: left 10px center;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .box_title {
		background-size: 30px 29px;
		background-position: left top 16px;
	}
}

#singular .box_cardspec .spectable {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}

#singular .box_cardspec .spectable_th,
#singular .box_cardspec .spectable_td {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .spectable_th .text,
	#singular .box_cardspec .spectable_td .text {
		padding: 12px 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .spectable_th .text,
	#singular .box_cardspec .spectable_td .text {
		padding: 10px;
	}
}

#singular .box_cardspec .spectable_th {
	background-color: #969696;
	color: #fff;
	font-weight: normal;
	border: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .spectable_th {
		width: 200px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .spectable_th {
		width: 120px;
		line-height: 1.3;
	}
}

#singular .box_cardspec .spectable_td {
	background-color: #f9f9f9;
}

#singular .box_cardspec .spectable_td .year,
#singular .box_cardspec .spectable_td .text {
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .spectable_td .text {
		width: 498px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .spectable_td .text {
		width: 100%;
	}
}

#singular .box_cardspec .spectable_td .year {
	background-color: #ececec;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .spectable_td .year {
		width: 92px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .spectable_td .year {
		width: 70px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .spectable_td .year+.text {
		width: calc(498px - 92px);
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .spectable_td .year+.text {
		width: calc(100% - 70px);
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .spectable {
		margin: 30px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .spectable {
		margin: 0 0 10px;
	}
}

#singular .box_cardspec>.h_item {
	justify-content: space-between;
	/*
            &+table {
                width: 100%;
                text-align: center;

                @include pc {
                    margin: $wide*3 0 0;
                }

                @include sp {
                    margin: 0 0 $wide;
                }

                tr {

                    th,
                    td {
                        vertical-align: middle;
                        border: 2px solid $white1;

                        @include pc {
                            padding: $wide*1.2 $wide;
                        }

                        @include sp {
                            padding: $wide;
                        }
                    }

                    th {
                        background-color: $gray1;
                        color: $white1;
                        font-weight: normal;

                        @include pc {
                            width: $wide*20;
                        }

                        @include sp {
                            width: $wide*12;
                            line-height: 1.3;
                        }
                    }

                    td {
                        background-color: $gray6;

                        &.year {
                            background-color: $gray7;

                            @include pc {
                                width: $wide*9.2;
                            }

                            @include sp {
                                width: $wide*7;
                            }
                        }
                    }
                }
            }
            */
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item {
		display: block;
	}
}

#singular .box_cardspec>.h_item figure img {
	width: 250px;
	margin: 0;
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item figure img {
		display: block;
		margin: 0 auto 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item>div {
		width: 400px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item>div table {
		margin: 0 0 4px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item>div table tr th,
	#singular .box_cardspec>.h_item>div table tr td {
		width: 50%;
		padding: 8px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item table {
		width: 400px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item table {
		width: 100%;
	}
}

#singular .box_cardspec>.h_item table th,
#singular .box_cardspec>.h_item table td {
	border: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item table th,
	#singular .box_cardspec>.h_item table td {
		width: 200px;
	}
}

#singular .box_cardspec>.h_item table th {
	background-color: #ffcccc;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item table th {
		line-height: 48px;
	}
}

#singular .box_cardspec>.h_item table td {
	background-color: #f9f9f9;
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item table td {
		padding: 13px 10px;
	}
}

#singular .box_cardspec>.h_item .catelist {
	list-style: none;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item .catelist {
		margin: 20px 0 0;
		justify-content: end;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item .catelist {
		justify-content: center;
		margin: 0 0 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item .catelist_item:not(:last-of-type) {
		margin: 0 5px 0 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec>.h_item .catelist_item {
		width: auto;
		padding: 0 20px;
		line-height: 30px;
		border-radius: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec>.h_item .catelist_item {
		margin: 0 2px;
		padding: 0 10px;
		border-radius: 10px;
		line-height: 20px;
	}
}

#singular .box_cardspec>.h_item .catelist_item-yellow {
	color: #e95100;
	background-color: #fffaa7;
}

#singular .box_cardspec>.h_item .catelist_item-green {
	color: #87b35c;
	background-color: #daf6bb;
}

#singular .box_cardspec>.h_item .catelist_item-purple {
	color: #8f40a4;
	background-color: #efd5f5;
}

#singular .box_cardspec .bbb {
	border: 1px solid #ffcccc;
	width: 100%;
	list-style: none;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .bbb {
		padding: 28px 30px;
		margin: 30px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .bbb {
		padding: 20px;
		margin: 0 0 10px;
	}
}

#singular .box_cardspec .bbb_item {
	background: url("images/icon_check.png") no-repeat left top;
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .bbb_item {
		background-size: 23px 20px;
		padding: 0 0 0 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .bbb_item {
		background-size: 23px 20px;
		padding: 0 0 0 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .bbb_item:not(:last-of-type) {
		margin: 0 0 15px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .bbb_item:not(:last-of-type) {
		margin: 0 0 12px;
	}
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .benefit {
		margin: 30px 0 0;
	}
}

#singular .box_cardspec .benefit_title {
	background: #ffea5f url("images/icon_presentbox.png") no-repeat left top;
	text-align: center;
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .benefit_title {
		height: 51px;
		font-size: 2rem;
		line-height: 51px;
		background-position: left 175px center;
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .benefit_title {
		height: 48px;
		font-size: 1.8rem;
		line-height: 48px;
		background-position: left 8vw center;
		margin: 0 0 10px;
		background-size: 22px 26px;
	}
}

#singular .box_cardspec .benefit_title:before,
#singular .box_cardspec .benefit_title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .benefit_title:before,
	#singular .box_cardspec .benefit_title:after {
		border: 25px solid transparent;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .benefit_title:before,
	#singular .box_cardspec .benefit_title:after {
		border: 24px solid transparent;
	}
}

#singular .box_cardspec .benefit_title:before {
	left: 0;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .benefit_title:before {
		border-left: 25px solid #fff;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .benefit_title:before {
		border-left: 20px solid #fff;
	}
}

#singular .box_cardspec .benefit_title:after {
	right: 0;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .benefit_title:after {
		border-right: 25px solid #fff;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .benefit_title:after {
		border-right: 20px solid #fff;
	}
}

#singular .box_cardspec .benefit_text {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .benefit_text {
		margin: 0 0 20px;
	}
}

#singular .box_cardspec .benefit_list {
	list-style: none;
	margin: 0;
}

#singular .box_cardspec .benefit_list a {
	color: #fff;
	text-decoration: none;
}

#singular .box_cardspec .benefit_list a img {
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .box_cardspec .benefit_list {
		display: flex;
	}
}

@media screen and (max-width: 767px) {
	#singular .box_cardspec .benefit_list_item {
		margin: 10px 0 0;
	}
	#singular .box_cardspec .benefit_list_item a {
		margin: 0;
		width: 100%;
	}
}


/* table of contents -----------------------------
1.スクロール時のアニメーション設定
------------------------------------------------ */

.fadeInDown {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}


/* table of contents -----------------------------
お問い合わせ画面
    1.共通
------------------------------------------------ */

.inquiry tr:first-child th {
	border-top: 1px solid #d7d7d7 !important;
}

.inquiry label {
	cursor: pointer;
}

.inquiry th,
.inquiry td {
	vertical-align: top;
	padding: 10px;
}

@media screen and (max-width: 767px) {
	.inquiry th,
	.inquiry td {
		display: block !important;
		width: 100% !important;
		border-top: none !important;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
	}
}

.inquiry th {
	text-align: left;
	color: #444;
	width: 32%;
	background: #f7f7f7;
	border: solid 1px #d7d7d7;
}

.inquiry td {
	border: solid 1px #d7d7d7;
}

.inquiry input[type="text"],
.inquiry input[type="email"],
.inquiry textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ececec;
	transition: all 0.3s ease-in-out;
	font-size: 1.6rem;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

.inquiry input[type="text"]:focus,
.inquiry input[type="email"]:focus,
.inquiry textarea:focus {
	border: 1px solid #ffcccc;
}

.inquiry textarea {
	resize: none;
}

@media screen and (max-width: 767px) {
	.inquiry .haveto,
	.inquiry .any {
		font-size: 10px;
	}
}

.inquiry .haveto {
	font-size: 7px;
	padding: 5px;
	background: #ff9393;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
	position: relative;
	bottom: 1px;
}

.inquiry .any {
	font-size: 7px;
	padding: 5px;
	background: #93c9ff;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
	position: relative;
	bottom: 1px;
}

.dropMenu {
	position: relative;
	display: block;
	box-shadow: none;
	font-size: 1.6rem;
	border: 1px solid #ececec;
}

.dropMenu:before,
.dropMenu:after {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	right: 16px;
}

.dropMenu:before {
	bottom: 55%;
	border-width: 0 6.5px 8px 6.5px;
	border-bottom-color: #ececec;
}

.dropMenu:after {
	border-width: 8px 6.5px 0 6.5px;
	top: 55%;
	border-top-color: #ececec;
}

.dropMenu select {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	padding: 10px;
	line-height: normal;
	outline: none;
	background: none;
	font-size: 1.6rem;
}

.entry-content .inquiry tr,
.entry-content table {
	border: solid 1px #d7d7d7;
}

.verticallist .wpcf7-list-item {
	display: block;
}

#formbtn {
	display: block;
	padding: 1em 0;
	margin-top: 30px;
	width: 100%;
	background: #ffaa56;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	border: none;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	#formbtn {
		font-size: 1.8rem;
	}
	#formbtn:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	#formbtn {
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	.contactForm .article {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	.contactForm .article {
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 768px) {
	.contactForm .article .contact_text {
		margin: 0 0 20px !important;
	}
}

@media screen and (max-width: 767px) {
	.contactForm .article .contact_text {
		margin: 0 0 10px !important;
	}
}

.contactForm .article .contact_text li {
	list-style: none;
	position: relative;
}

@media screen and (min-width: 768px) {
	.contactForm .article .contact_text li {
		padding-left: 16px;
	}
}

@media screen and (max-width: 767px) {
	.contactForm .article .contact_text li {
		padding-left: 14px;
	}
}

.contactForm .article .contact_text li:before {
	content: "*";
	position: absolute;
	left: 0;
	font-size: 2rem;
}

@media screen and (min-width: 768px) {
	.contactForm .article .contact_text li:before {
		top: 0;
	}
}

@media screen and (max-width: 767px) {
	.contactForm .article .contact_text li:before {
		top: -2px;
	}
}


/* table of contents -----------------------------
LP画面
    1.Noto Sans CJK JP
    2.コンテンツエリア
------------------------------------------------ */

.notoSansText {
	font-family: noto-sans-cjk-jp, sans-serif;
}

#singular .share {
	margin-top: 40px;
}

#singular .share .sns {
	justify-content: center;
	margin: 0;
}

#singular .share .sns_item {
	list-style: none;
	margin: 0 4px;
}

#singular .lpContainer {
	padding-top: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainer {
		font-size: 1.4rem;
	}
}

#singular .lpContainer .youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-bottom: 20px;
}

#singular .lpContainer .youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer {
		width: 980px;
		margin: 0 auto;
	}
}

#singular .lpContainer .tsukuMaru {
	font-family: "TsukuARdGothic-Regular", "Tsukushi A Round Gothic", "Tsukushi B Round Gothic", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#singular .lpContainer .text_white {
	color: #fff;
}

#singular .lpContainer .text_orange {
	color: #FF3B00;
}

#singular .lpContainer .text_blue {
	color: #ff0211;
}

#singular .lpContainer .imgCenter {
	display: block;
	margin: 0 auto;
}

#singular .lpContainer a {
	transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer a:hover {
		opacity: 0.8;
	}
}

#singular .lpContainer .keywordList {
	line-height: 1;
}

#singular .lpContainer .keywordList a {
	margin: 2px;
	line-height: 20px;
}

#singular .lpContainer main {
	padding: 6px 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer main {
		width: 100%;
		padding: 12px 20px;
	}
}

#singular .lpContainer main p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer main p {
		font-size: 18px;
		line-height: 40px;
		margin-bottom: 24px;
	}
}

#singular .lpContainer main strong {
	background: linear-gradient(rgba(255, 255, 255, 0) 20%, #fff08e 80%);
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .btn_yellow {
		width: 380px;
		margin: 0 auto 10px;
	}
}

#singular .lpContainer .btn_yellow a {
	text-decoration: none;
	color: #333;
	border-radius: 4px;
	font-size: 18px;
	width: 100%;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .btn_yellow a {
		font-size: 20px;
	}
}

#singular .lpContainer .dropshadow {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	margin: 8px;
}

#singular .lpContainer img {
	margin: 0;
}

#singular .lpContainer .keywordList {
	background: #ffcccc;
	padding: 6px 10px;
}

#singular .lpContainer .keywordList a {
	background: #fff;
}

#singular .lpContainer .time {
	display: flex;
	justify-content: flex-end;
	line-height: 1;
}

#singular .lpContainer .time_icon img {
	width: 12px;
	margin: 0 6px 0 10px;
}

#singular .lpContainer .appDownload {
	padding: 28px 20px 44px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .appDownload {
		padding: 40px 0 70px;
	}
}

#singular .lpContainer .appDownload .sd_title {
	margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .appDownload .sd_title {
		margin: 0 0 20px;
	}
}

#singular .lpContainer .appdwbtn_list {
	margin: 0 0 16px;
	justify-content: center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .appdwbtn_list {
		margin: 0 0 60px;
	}
}

#singular .lpContainer .appdwbtn_list_item {
	list-style: none;
}

#singular .lpContainer .appdwbtn_list_item a {
	display: block;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .appdwbtn_list_item a img {
		height: 60px;
	}
}

#singular .lpContainer .appdwbtn_list_item:not(:last-of-type) {
	margin: 0 20px 0 0;
}

#singular .lpContainer .article_header .title {
	line-height: 1.5;
	margin-bottom: 10px;
}

#singular .lpContainer .article_mainImg {
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .article_mainImg {
		margin-bottom: 40px;
	}
	#singular .lpContainer .article_mainImg img {
		width: 100%;
	}
}

#singular .lpContainer .boxBlue,
#singular .lpContainer .boxYellow {
	padding: 18px 20px 4px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxBlue,
	#singular .lpContainer .boxYellow {
		padding: 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxBlue p,
	#singular .lpContainer .boxYellow p {
		margin: 0;
		font-size: 25px;
	}
}

#singular .lpContainer .boxBlue p strong,
#singular .lpContainer .boxYellow p strong {
	color: #ff0211;
	font-size: 22px;
	background: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxBlue p strong,
	#singular .lpContainer .boxYellow p strong {
		font-size: 32px;
	}
}

#singular .lpContainer .boxBlue {
	border: 1px solid #FF545E;
	background-color: #ffcccc;
	margin: 0 0 12px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxBlue {
		margin: 0 0 24px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainer .boxBlue p {
		line-height: 1.45;
		font-size: 22px;
	}
}

#singular .lpContainer .boxBlueCard {
	background: #ffcccc url(images/lp/blue_credit_card.png) no-repeat left 20px center;
	background-size: 64px 50px;
	margin-top: 60px;
}

#singular .lpContainer .boxBlueCard p {
	padding-left: 70px;
}

#singular .lpContainer .boxYellow {
	background-color: #FFF9CF;
	position: relative;
	margin: 0 0 26px;
}

#singular .lpContainer .boxYellow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	border: 20px solid transparent;
	border-top: 24px solid #FFF9CF;
}

@media screen and (max-width: 767px) {
	#singular .lpContainer .boxYellow p {
		font-size: 18px;
		line-height: 1.6;
	}
}

#singular .lpContainer .map {
	margin: 0 0 18px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .map {
		margin: 0 0 36px;
	}
	#singular .lpContainer .map img {
		width: 100%;
	}
}

#singular .lpContainer .couponImg {
	margin: 0 0 22px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .couponImg {
		margin: 0 auto 44px;
	}
}

#singular .lpContainer .boxPoint {
	border: 1px solid #888;
	position: relative;
	margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxPoint {
		margin-bottom: 48px;
	}
}

#singular .lpContainer .boxPoint_title {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 20px;
	border: 1px solid #888;
	line-height: 40px;
	top: -20px;
	width: 260px;
	text-align: center;
	background: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxPoint_title {
		width: 400px;
		font-size: 25px;
		line-height: 50px;
	}
}

#singular .lpContainer .boxPoint_text {
	margin: 0 0 2px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxPoint_text {
		margin: 0 0 4px;
	}
}

#singular .lpContainer .boxPoint_inner {
	padding: 34px 20px 6px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxPoint_inner {
		padding: 68px 40px 12px;
	}
}

#singular .lpContainer .boxPoint_inner .text_center {
	margin: 0;
}

#singular .lpContainer .boxPoint_inner .text_center img {
	display: inline-block;
}

#singular .lpContainer .boxPoint_inner .text_center span {
	display: inline-block;
	position: relative;
}

#singular .lpContainer .boxPoint_inner .text_center span img {
	width: 30px;
	margin: 0 0 0 6px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxPoint_inner .text_center span img {
		vertical-align: baseline;
	}
}

#singular .lpContainer .boxPoint_inner .text_center span:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	background-color: #333;
	left: 0;
}

#singular .lpContainer .boxPoint_inner .text_center>img {
	width: 36px;
	vertical-align: middle;
	margin: 0 0 0 10px;
}

#singular .lpContainer .boxCA {
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxCA {
		padding: 40px;
		margin-bottom: 60px;
	}
}

#singular .lpContainer .boxCA_title {
	font-size: 20px;
	border-bottom: 4px solid #FF545E;
	padding: 0 0 8px;
	margin: 0 0 16px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxCA_title {
		font-size: 25px;
		padding: 0 0 16px;
		margin: 0 0 32px;
	}
}

#singular .lpContainer .boxCA_text {
	line-height: 2;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .boxCA_text {
		margin-bottom: 40px;
	}
}

#singular .lpContainer .boxCA_text strong {
	background: none;
	color: #ff0211;
}

#singular .lpContainer .box_cardspec {
	margin: 8px 8px 30px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec {
		margin: 0 0 60px;
	}
}

#singular .lpContainer .box_cardspec_title {
	border: none;
	background-color: #ff0211;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	padding-left: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec_title {
		font-size: 25px;
		line-height: 60px;
		padding-left: 30px;
		margin-bottom: 0;
	}
}

#singular .lpContainer .box_cardspec .theInner {
	padding: 0 20px 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec .theInner {
		padding: 0 40px 40px;
	}
}

#singular .lpContainer .box_cardspec table th,
#singular .lpContainer .box_cardspec table td {
	padding: 4px 8px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec table th,
	#singular .lpContainer .box_cardspec table td {
		padding: 8px 16px;
		line-height: 1.5;
	}
}

#singular .lpContainer .box_cardspec>.h_item {
	padding: 20px 20px 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec>.h_item {
		flex-direction: column;
		padding: 40px 40px 0;
	}
}

#singular .lpContainer .box_cardspec>.h_item figure {
	margin: 0 40px 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec>.h_item figure {
		margin: 0 0 20px;
	}
	#singular .lpContainer .box_cardspec>.h_item figure img {
		width: 320px;
		margin-top: 20px;
		display: block;
		margin: 0 auto;
	}
}

#singular .lpContainer .box_cardspec>.h_item .catelist {
	margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec>.h_item .catelist {
		justify-content: center;
		margin: 0 0 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec>.h_item table {
		width: 100%;
	}
}

#singular .lpContainer .box_cardspec>.h_item table th {
	background-color: #60CB52;
	color: #fff;
}

#singular .lpContainer .box_cardspec>.h_item .catelist_item {
	padding: 0 8px;
}

#singular .lpContainer .box_cardspec .spectable_th {
	background-color: #daf6bb;
	color: #333;
}

#singular .lpContainer .box_cardspec .spectable_td .inner {
	background: none;
	padding: 0;
}

#singular .lpContainer .box_cardspec .spectable_td .inner .text {
	padding: 0;
}

#singular .lpContainer .box_cardspec .spectable_tr {
	display: flex;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec .spectable_tr {
		font-size: 16px;
	}
}

#singular .lpContainer .box_cardspec .spectable_th,
#singular .lpContainer .box_cardspec .spectable_td {
	padding: 4px 8px;
	display: flex;
	align-items: center;
	border: 1px solid #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec .spectable_th,
	#singular .lpContainer .box_cardspec .spectable_td {
		padding: 8px 16px;
	}
}

#singular .lpContainer .box_cardspec .spectable_th {
	background-color: #808080;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

#singular .lpContainer .box_cardspec .spectable_td {
	width: calc(100% - 120px);
	text-align: left;
}

#singular .lpContainer .box_cardspec .spectable_td .text {
	border: none;
}

#singular .lpContainer .box_cardspec .checkpoint {
	margin-bottom: 30px;
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainer .box_cardspec .checkpoint {
		margin: 40px 0 60px;
	}
}

#singular .lpContainer .box_cardspec .checkpoint_title {
	font-size: 18px;
	background-color: #84E0A0;
	line-height: 40px;
}

#singular .lpContainer .box_cardspec .checkpoint_title img {
	display: inline-block;
	vertical-align: sub;
	width: 22px;
}

#singular .lpContainer .box_cardspec .checkpoint_list {
	padding: 4px 10px 20px;
	margin: 0;
}

#singular .lpContainer .box_cardspec .checkpoint_list_item {
	background: url(images/lp/icon_check.png) no-repeat left 6px top 4px;
	background-size: 20px 16px;
	list-style: none;
	padding-left: 32px;
	font-size: 16px;
}


/* table of contents -----------------------------
LP画面
    1.フッター(ベース)
    2.フッター（Uber Eats用）
------------------------------------------------ */

@media screen and (max-width: 767px) {
	.lpFooter {
		background: linear-gradient(to bottom, #FF545E 0%, #ff0211 100%);
		padding: 10px 0 0;
	}
}

.lpFooter p {
	color: #fff;
}

@media screen and (min-width: 768px) {
	.lpFooter p {
		margin-bottom: 20px;
	}
}

.lpFooter small {
	background: none;
}

.lpFooter a {
	display: unset;
	color: #fff;
	text-decoration: underline;
}

.footerUe {
	background-color: #EFEFEF;
}

@media screen and (min-width: 768px) {
	.footerUe dl {
		width: 430px;
		margin: 0 auto;
		padding: 40px 0;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	.footerUe dl {
		padding: 20px;
	}
}

@media screen and (min-width: 768px) {
	.footerUe dl .h_item {
		justify-content: center;
	}
}

.footerUe dl dt {
	text-align: right;
	width: 25%;
}

@media screen and (min-width: 768px) {
	.footerUe dl dt {
		padding-right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.footerUe dl dt {
		padding-right: 6px;
	}
}

.footerUe dl dd {
	border-left: 1px solid #707070;
	width: 75%;
}

@media screen and (min-width: 768px) {
	.footerUe dl dd {
		padding-left: 20px;
	}
}

@media screen and (max-width: 767px) {
	.footerUe dl dd {
		padding-left: 6px;
	}
}

.footerUe .text_center {
	display: block;
	background-color: #1C0606;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.footerUe .text_center {
		line-height: 60px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 767px) {
	.footerUe .text_center {
		line-height: 30px;
		font-size: 1rem;
	}
}


/* table of contents -----------------------------
LP画面
    ヘッダー
------------------------------------------------ */

.lpHeader {
	padding: 6px;
}

@media screen and (min-width: 768px) {
	.lpHeader {
		padding: 12px;
	}
}

.lpHeader_inner {
	justify-content: space-between;
	align-items: center;
}

@media screen and (min-width: 768px) {
	.lpHeader_inner {
		width: 980px;
		margin: 0 auto;
	}
}

.lpHeader .logo img {
	width: 30px;
}

@media screen and (min-width: 768px) {
	.lpHeader .logo img {
		width: 60px;
	}
}

.lpHeader .sns {
	line-height: 1;
}

.lpHeader .sns_item {
	margin-left: 6px;
}

@media screen and (min-width: 768px) {
	.lpHeader .sns_item {
		margin-left: 12px;
	}
}

@media screen and (min-width: 768px) {
	.lpHeader .sns_item img {
		width: 30px;
	}
}

@media screen and (min-width: 768px) {
	.lpHeaderMnp {
		height: 60px;
		padding: 10px;
	}
}

@media screen and (max-width: 767px) {
	.lpHeaderMnp {
		padding: 8px;
	}
}

@media screen and (min-width: 768px) {
	.lpHeaderMnp img {
		width: 42px;
	}
}

@media screen and (max-width: 767px) {
	.lpHeaderMnp img {
		width: 30px;
	}
}

.blueGradationHorizontal {
	background: #44abe2;
	background: -moz-linear-gradient(left, #44abe2 0%, #90ddd1 100%);
	background: -webkit-linear-gradient(left, #44abe2 0%, #90ddd1 100%);
	background: linear-gradient(to right, #44abe2 0%, #90ddd1 100%);
}


/* table of contents -----------------------------
LP画面
    LPメイン
------------------------------------------------ */

#singular .lpContainerM main {
	padding: 0;
}

#singular .lpContainerM .boxLp {
	position: relative;
}

#singular .lpContainerM .boxLpBlue,
#singular .lpContainerM .boxLpPink,
#singular .lpContainerM .boxLpYellow {
	padding: 38px 20px 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLpBlue,
	#singular .lpContainerM .boxLpPink,
	#singular .lpContainerM .boxLpYellow {
		padding: 74px 60px 60px;
	}
}

#singular .lpContainerM .boxLpBlue {
	background-color: #FFCCCC;
}

#singular .lpContainerM .boxLpBlue .boxLp_subtitle {
	border-bottom: dotted 4px #ff0211;
}

#singular .lpContainerM .boxLpPink {
	background-color: #FFEFF7;
}

#singular .lpContainerM .boxLpPink .boxLp_subtitle {
	border-bottom: dotted 4px #FFCCCC;
}

#singular .lpContainerM .boxLpPink_subbox {
	background: #fff;
	padding: 30px 16px 16px;
	position: relative;
	margin: 40px 0 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLpPink_subbox {
		padding: 60px 40px 40px;
		margin: 80px 0 0;
	}
}

#singular .lpContainerM .boxLpPink_subbox_title {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -20px;
	background: url(images/lp/boxLpPink_subbox_title.png) no-repeat center;
	background-size: 322px 38px;
	color: #fff;
	font-size: 20px;
	width: 322px;
	line-height: 38px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLpPink_subbox_title {
		background-size: 500px 60px;
		width: 500px;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
		top: -30px;
	}
}

#singular .lpContainerM .boxLpPink_subbox_list {
	margin: 0;
}

#singular .lpContainerM .boxLpPink_subbox_list_item {
	background: url(images/lp/boxLpPink_item_background.png) no-repeat left top;
	background-size: 20px;
	list-style: none;
	padding-left: 30px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLpPink_subbox_list_item {
		background-position: left center;
		background-size: 25px;
		padding-left: 36px;
	}
}

#singular .lpContainerM .boxLpYellow {
	background-color: #FFE5C7;
}

#singular .lpContainerM .boxLp_title {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -28px;
	line-height: 60px;
	font-size: 20px;
	width: 356px;
	color: #fff;
	letter-spacing: -1.4px;
	background: url(images/lp/headline_background.png) no-repeat center;
	background-size: 362px 60px;
	width: 362px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp_title {
		font-size: 30px;
		width: 560px;
		background-size: 560px 92px;
		line-height: 92px;
		top: -44px;
	}
}

#singular .lpContainerM .boxLp_subtitle {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	padding-bottom: 14px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp_subtitle {
		font-size: 30px;
		padding-bottom: 24px;
	}
}

#singular .lpContainerM .boxLp_text strong {
	background: none;
	color: #ff0211;
}

#singular .lpContainerM .boxLp figure img {
	width: 86vw;
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp figure img {
		width: 700px;
	}
}

#singular .lpContainerM .boxLp .boxLpBorderText {
	background-color: #fff;
	border-radius: 14px;
	padding: 14px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp .boxLpBorderText {
		border-radius: 20px;
		padding: 28px;
	}
}

#singular .lpContainerM .boxLp .boxLpBorderText strong {
	background: none;
	color: #ff0211;
}

#singular .lpContainerM .boxLp .boxLpBorderText_blue {
	border: 4px solid #ff0211;
}

#singular .lpContainerM .boxLp .boxLpBorderText_pink {
	border: 4px solid #FFCCCC;
}

#singular .lpContainerM .boxLp1 {
	background: #FF545E url(images/lp/boxLp1_background.png) no-repeat top 38px center;
	background-size: 370px 225px;
	padding: 30px 10px 0;
	position: relative;
	height: 290px;
	margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp1 {
		background-position: top 44px center;
		margin-bottom: 80px;
		padding: 40px 0 0;
		background-size: 700px 426px;
		height: 500px;
		margin-bottom: 100px;
	}
}

#singular .lpContainerM .boxLp1_title {
	background: url(images/lp/boxLp1_title.png) no-repeat center;
	background-size: 334px 62px;
	width: 334px;
	height: 62px;
	margin: 0 auto 8px;
	color: #fff;
	font-size: 22px;
	padding: 10px 0 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp1_title {
		font-size: 44px;
		background-size: 600px 110px;
		width: 600px;
		height: 110px;
		padding: 20px 0 0;
	}
}

#singular .lpContainerM .boxLp1_title span {
	font-size: 30px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp1_title span {
		font-size: 60px;
	}
}

#singular .lpContainerM .boxLp1_text img {
	width: 280px;
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp1_text img {
		width: 500px;
	}
}

#singular .lpContainerM .boxLp1_img {
	position: absolute;
	bottom: 0;
	right: 4vw;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp1_img {
		right: 160px;
	}
}

#singular .lpContainerM .boxLp1_img img {
	width: 120px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp1_img img {
		width: 214px;
	}
}

#singular .lpContainerM .boxLp5_bubbletext {
	width: 334px;
	height: 83px;
	margin: 0 auto;
	padding: 8px 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp5_bubbletext {
		width: 668px;
		height: 167px;
		padding: 22px 40px;
		font-size: 22px;
		line-height: 2;
	}
}

#singular .lpContainerM .boxLp5_bubbletext_top {
	background: url(images/lp/boxLp5_fukidashi1.png) no-repeat center;
	background-size: 334px 83px;
	margin-bottom: 6px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp5_bubbletext_top {
		background-size: 668px 167px;
		margin-bottom: 12px;
	}
}

#singular .lpContainerM .boxLp5_bubbletext_bottom {
	background: url(images/lp/boxLp5_fukidashi2.png) no-repeat center;
	background-size: 334px 83px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp5_bubbletext_bottom {
		background-size: 668px 167px;
	}
}

#singular .lpContainerM .boxLp5_subbox {
	background-color: #fff;
	margin-top: 0;
}

#singular .lpContainerM .boxLp5_subbox .inner {
	padding: 20px 20px 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp5_subbox .inner {
		padding: 40px 40px 20px;
	}
}

#singular .lpContainerM .boxLp5_subbox_title {
	padding: 0 30px;
	margin: 0 0 18px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp5_subbox_title {
		padding: 0;
		margin: 0 0 36px;
	}
	#singular .lpContainerM .boxLp5_subbox_title img {
		display: block;
		margin: 0 auto;
	}
}

#singular .lpContainerM .boxLp5_subbox_text strong {
	background: none;
	color: #ff0211;
}

#singular .lpContainerM .boxLp6 .boxLp_subtitle_wrap,
#singular .lpContainerM .boxLp7 .boxLp_subtitle_wrap {
	background: url(images/lp/boxLp_subtitle_wrap_background.png) no-repeat center;
	background-size: 335px 228px;
	width: 335px;
	height: 228px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subtitle_wrap,
	#singular .lpContainerM .boxLp7 .boxLp_subtitle_wrap {
		background-position: top -50px center;
		background-size: 560px 344px;
		width: 560px;
		height: 344px;
	}
}

#singular .lpContainerM .boxLp6 .boxLp_subtitle_wrap .boxLp_subtitle,
#singular .lpContainerM .boxLp7 .boxLp_subtitle_wrap .boxLp_subtitle {
	font-size: 20px;
	border: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subtitle_wrap .boxLp_subtitle,
	#singular .lpContainerM .boxLp7 .boxLp_subtitle_wrap .boxLp_subtitle {
		font-size: 30px;
	}
}

#singular .lpContainerM .boxLp6 .boxLp_subtitle_wrap .boxLp_subtitle strong,
#singular .lpContainerM .boxLp7 .boxLp_subtitle_wrap .boxLp_subtitle strong {
	font-size: 30px;
	color: #ff0211;
	background: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subtitle_wrap .boxLp_subtitle strong,
	#singular .lpContainerM .boxLp7 .boxLp_subtitle_wrap .boxLp_subtitle strong {
		font-size: 40px;
	}
}

#singular .lpContainerM .boxLp6 .inner,
#singular .lpContainerM .boxLp7 .inner {
	background-color: #fff;
	padding: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .inner,
	#singular .lpContainerM .boxLp7 .inner {
		padding: 40px;
	}
}

#singular .lpContainerM .boxLp6 .inner strong,
#singular .lpContainerM .boxLp7 .inner strong {
	background: none;
	border-bottom: 1px solid #ff0211;
}

#singular .lpContainerM .boxLp6 .boxLp_subboxes,
#singular .lpContainerM .boxLp7 .boxLp_subboxes {
	margin: 0 0 20px;
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subboxes,
	#singular .lpContainerM .boxLp7 .boxLp_subboxes {
		margin: 0 0 40px;
	}
}

#singular .lpContainerM .boxLp6 .boxLp_subboxes_title,
#singular .lpContainerM .boxLp7 .boxLp_subboxes_title {
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subboxes_title,
	#singular .lpContainerM .boxLp7 .boxLp_subboxes_title {
		font-size: 26px;
		line-height: 1;
	}
}

#singular .lpContainerM .boxLp6 .btn,
#singular .lpContainerM .boxLp7 .btn {
	margin: 30px 0 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .btn,
	#singular .lpContainerM .boxLp7 .btn {
		margin: 60px 0 0;
	}
}

#singular .lpContainerM .boxLp6 .btn a,
#singular .lpContainerM .boxLp7 .btn a {
	color: #fff;
	text-decoration: none;
	border-radius: 40px;
	line-height: 50px;
	font-size: 20px;
	width: 100%;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .btn a,
	#singular .lpContainerM .boxLp7 .btn a {
		width: 380px;
		margin: 0 auto;
	}
}

#singular .lpContainerM .boxLp6 .boxLp_subboxes_title {
	background: #ff0211 url(images/lp/icon_phone.png) no-repeat left 20px center;
	background-size: 16px 28px;
	padding: 10px 10px 10px 50px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subboxes_title {
		background-size: 20px 35px;
		padding: 15px 15px 15px 50px;
	}
}

#singular .lpContainerM .boxLp6 .boxLp_subtitle {
	margin-top: -54px;
	padding-top: 54px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_subtitle {
		padding-top: 40px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp6 .boxLp_text {
		margin-top: -40px;
	}
}

#singular .lpContainerM .boxLp7 .boxLp_title {
	background: url(images/lp/headline_background_green.png) no-repeat center;
	background-size: 360px 60px;
	position: relative;
	top: -10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp7 .boxLp_title {
		font-size: 30px;
		width: 560px;
		background-size: 560px 92px;
		line-height: 92px;
		top: -20px;
	}
}

#singular .lpContainerM .boxLp7 .boxLp_subboxes_title {
	background: #60CB52 url(images/lp/icon_card.png) no-repeat left 20px center;
	background-size: 35px 23px;
	padding: 10px 10px 10px 70px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp7 .boxLp_subboxes_title {
		background-size: 54px 35px;
		padding: 15px 15px 15px 90px;
	}
}

#singular .lpContainerM .boxLp7 .boxLp_subtitle {
	margin-top: -68px;
	padding-top: 74px;
}

#singular .lpContainerM .boxLp7 .checkpoint {
	margin: 0;
}

#singular .lpContainerM .boxLp7 .boxLpPink_subbox_title {
	font-size: 18px;
	letter-spacing: -0.8px;
	width: 300px;
	background-size: 300px 36px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerM .boxLp7 .boxLpPink_subbox_title {
		background-size: 500px 60px;
		width: 500px;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
		top: -30px;
	}
}


/* table of contents -----------------------------
LP画面
    Ai-Creitとは
------------------------------------------------ */

#singular .lpContainerAi {
	width: 100%;
	color: #000;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .share {
		margin-bottom: 30px;
	}
}

#singular .lpContainerAi .dropshadow {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	margin: 0;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi ul,
	#singular .lpContainerAi ol {
		margin: 0;
	}
}

#singular .lpContainerAi main {
	padding: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi main p {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi main p {
		font-size: 1.4rem;
	}
}

#singular .lpContainerAi .gradationOrange {
	background: linear-gradient(to bottom, #FFEC9B 0%, #FFCC90 100%);
}

#singular .lpContainerAi .gradationOrange2 {
	background: linear-gradient(to bottom, #FFADAD 0%, #FF5555 100%);
}

#singular .lpContainerAi .gradationBlue {
	background: linear-gradient(to bottom, #FFD1D1 0%, #FF9595 100%);
}

#singular .lpContainerAi .boxAiC {
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC {
		padding: 50px 0;
	}
}

#singular .lpContainerAi .boxAiC .inner {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC .inner {
		width: 990px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC .inner {
		padding: 20px 14px;
	}
}

#singular .lpContainerAi .boxAiC_title {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC_title {
		font-size: 3.8rem;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC_title {
		font-size: 6.2vw;
		padding-bottom: 16px;
		margin-bottom: 16px;
		letter-spacing: -0.8px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .btn {
		width: 600px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .btn {
		width: 100%;
	}
}

#singular .lpContainerAi .btn a {
	text-decoration: none;
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .btn a {
		line-height: 80px;
		font-size: 2.6rem;
		border-radius: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .btn a {
		display: block;
		line-height: 50px;
		font-size: 2rem;
		border-radius: 30px;
	}
}

#singular .lpContainerAi .btn_orange a {
	background: linear-gradient(to bottom, #FFC1C1 0%, #FF0000 100%);
	color: #fff;
	position: relative;
}

#singular .lpContainerAi .btn_orange a .arrow {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .btn_orange a .arrow {
		right: 14px;
		width: 14px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .btn_orange a .arrow {
		right: 10px;
		width: 10px;
	}
}

#singular .lpContainerAi .btn_white a {
	border: 3px solid #FF0000;
	color: #FD9626;
	background: #fff url("images/lp/lp_ai_credit/icon_arrow_yellow.png") no-repeat;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .btn_white a {
		line-height: 74px;
		background-size: 2.4%;
		background-position: right 14px center;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .btn_white a {
		line-height: 44px;
		background-size: 3.2%;
		background-position: right 10px center;
	}
}

#singular .lpContainerAi .boxAiC02 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC01_title_bg.png") no-repeat center bottom;
}

#singular .lpContainerAi .boxAiC02 .boxAiC_text {
	margin-bottom: 0;
	font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02 .boxAiC_title {
		background-size: 55%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC02 .boxAiC_title {
		background-size: 100%;
	}
}

#singular .lpContainerAi .boxAiC04 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC04_title_bg.png") no-repeat center bottom;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .boxAiC_title {
		background-size: 40%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC04 .boxAiC_title {
		background-size: 72%;
	}
}

#singular .lpContainerAi .boxAiC05 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC05_title_bg.png") no-repeat center bottom;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 .boxAiC_title {
		background-size: 35%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 .boxAiC_title {
		background-size: 60%;
	}
}

#singular .lpContainerAi .boxAiC06 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC06_title_bg.png") no-repeat center bottom;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .boxAiC_title {
		background-size: 43%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .boxAiC_title {
		background-size: 76%;
	}
}

#singular .lpContainerAi .boxAiC07 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC07_title_bg.png") no-repeat center bottom;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07 .boxAiC_title {
		background-size: 20%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07 .boxAiC_title {
		background-size: 36%;
	}
}

#singular .lpContainerAi .boxAiC08 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC08_title_bg.png") no-repeat center bottom;
	background-size: 23%;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08 .boxAiC_title {
		background-size: 40%;
	}
}

#singular .lpContainerAi .boxAiC01 {
	background: url("images/lp/lp_ai_credit/main_bg_2.jpg") no-repeat top center;
	background-size: cover;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01 {
		padding: 90px 0 35px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01 {
		padding: 30px 0 20px;
		background-position: left -110px top;
	}
}

#singular .lpContainerAi .boxAiC01_title {
	line-height: 1;
}

#singular .lpContainerAi .boxAiC01_title strong {
	background: linear-gradient(rgba(255, 255, 255, 0) 70%, #ffee24 30%);
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_title strong {
		padding-left: 18px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_title strong {
		font-size: 9vw;
		padding-left: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_title {
		font-size: 8rem;
		margin-bottom: 42px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_title {
		font-size: 6vw;
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_text-large {
		font-size: 4.6rem;
		line-height: 1.2;
		margin: 0 0 8px -27px;
	}
	#singular .lpContainerAi .boxAiC01_text-large span {
		font-size: 6.9rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_text-large {
		font-size: 6vw;
		line-height: 1.2;
		margin-left: -10px;
	}
	#singular .lpContainerAi .boxAiC01_text-large span {
		font-size: 9vw;
		display: inline-block;
		margin-left: 12px;
	}
}

#singular .lpContainerAi .boxAiC01_text-small {
	background: url("images/lp/lp_ai_credit/icon_free_a_year.png") no-repeat left center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_text-small {
		font-size: 3rem;
		background-size: 160px;
		line-height: 1.5;
		min-height: 160px;
		padding: 25px 180px;
		margin-bottom: -20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_text-small {
		background-size: 20%;
		padding-left: 21vw;
		margin: 0;
		min-height: 80px;
	}
}

#singular .lpContainerAi .boxAiC01_barea {
	background: #FFCCCC;
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_barea {
		height: 140px;
		padding: 20px 0;
		margin: 48px 0 68px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_barea {
		padding: 3vw;
		margin-bottom: 2vw;
	}
}

#singular .lpContainerAi .boxAiC01_barea_inner {
	position: relative;
	align-items: center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_barea_inner {
		width: 990px;
		margin: 0 auto;
		padding: 0 20px;
	}
}

#singular .lpContainerAi .boxAiC01_barea_inner img {
	height: auto;
}

#singular .lpContainerAi .boxAiC01_barea_inner p {
	font-weight: normal;
	margin: 0;
	line-height: 1.5;
}

#singular .lpContainerAi .boxAiC01_barea_inner p strong {
	border-bottom: 1px solid #333;
	background: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_barea_inner p {
		font-size: 2.3rem;
	}
	#singular .lpContainerAi .boxAiC01_barea_inner p strong {
		font-size: 3.8rem;
		margin-left: 10px;
	}
	#singular .lpContainerAi .boxAiC01_barea_inner p span {
		font-size: 3rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_barea_inner p {
		font-size: 4vw;
	}
	#singular .lpContainerAi .boxAiC01_barea_inner p strong {
		font-size: 5.2vw;
		margin-left: 10px;
	}
	#singular .lpContainerAi .boxAiC01_barea_inner p span {
		font-size: 4.4vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_barea .iconBook {
		width: 112px;
		height: 95px;
		margin-right: 15px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_barea .iconBook {
		width: 15vw;
	}
}

#singular .lpContainerAi .boxAiC01_barea .books {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01_barea .books {
		width: 352px;
		right: 220px;
		top: -77px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01_barea .books {
		width: 40vw;
		right: 1vw;
		top: -6vw;
	}
}

#singular .lpContainerAi .boxAiC01 .icon {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01 .icon {
		right: -50px;
		bottom: -120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01 .icon {
		right: 7vw;
		top: 14vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC01 .icon img {
		width: 196px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01 .icon img {
		width: 18vw;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC01 .btn {
		width: 90%;
		margin: -10px auto 0;
	}
}

#singular .lpContainerAi .boxAiC02 {
	padding-bottom: 0;
}

#singular .lpContainerAi .boxAiC02 .inner strong {
	background: linear-gradient(#ffffff 20%, #ffffff 80%);
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02 .inner strong {
		font-size: 3.8rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC02 .inner strong {
		font-size: 2rem;
	}
}

#singular .lpContainerAi .boxAiC02>.inner {
	background: url("images/lp/lp_ai_credit/illust.png") no-repeat right bottom 10px;
	padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02>.inner {
		background-size: 25%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC02>.inner {
		background-size: 30%;
		background-position: right 14px bottom 20px;
	}
}

#singular .lpContainerAi .boxAiC02_yellow {
	background-color: #FFFEF0;
}

.page-id-739 .boxAiC02_yellow {
	background: #fff !important;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02_yellow {
		padding: 60px 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02_yellow .inner {
		width: 768px;
		margin: 0 auto;
	}
}

#singular .lpContainerAi .boxAiC02 ul {
	margin: 0;
}

#singular .lpContainerAi .boxAiC02 ul li {
	background: url("images/lp/lp_ai_credit/icon_checklist.png") no-repeat left top 4px;
	list-style: none;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02 ul li {
		background-size: 6%;
		font-size: 2.8rem;
		padding-left: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC02 ul li {
		background-size: 9%;
		font-size: 5vw;
		padding-left: 10vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02 ul li:not(:last-of-type) {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC02 ul li:not(:last-of-type) {
		margin-bottom: 12px;
	}
}

#singular .lpContainerAi .boxAiC02 ul li .border {
	border-bottom: 2px solid #FF0000;
}

#singular .lpContainerAi .boxAiC02 ul li .smalltext {
	display: block;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC02 ul li .smalltext {
		font-size: 1.6rem;
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC02 ul li .smalltext {
		font-size: 4vw;
		margin-top: 10px;
	}
}

#singular .lpContainerAi .boxAiC03 .boxAiC_title {
	background: url("images/lp/lp_ai_credit/boxAiC03_title_bg.png") no-repeat;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC03 .boxAiC_title {
		background-size: 58%;
		background-position: top 10px center;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC03 .boxAiC_title {
		background-size: 100%;
		background-position: top 4px center;
	}
}

#singular .lpContainerAi .boxAiC04 .meritItem {
	border: 3px solid #FF545E;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem:not(:last-of-type) {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC04 .meritItem:not(:last-of-type) {
		margin-bottom: 18px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem {
		border-radius: 10px;
		padding: 20px 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC04 .meritItem {
		border-radius: 6px;
		padding: 16px;
		flex-direction: column;
	}
}

#singular .lpContainerAi .boxAiC04 .meritItem_title {
	align-items: center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem_title {
		font-size: 2.6rem;
		line-height: 1.6;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC04 .meritItem_title {
		font-size: 2rem;
		line-height: 1.4;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem_title img {
		width: 110px;
		margin-right: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC04 .meritItem_title img {
		width: 60px;
		margin-right: 10px;
	}
}

#singular .lpContainerAi .boxAiC04 .meritItem_text {
	font-weight: normal;
	margin: 0;
	line-height: 1.6;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem_text {
		margin-top: 16px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem>div {
		width: calc(100% - 350px);
		padding-right: 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC04 .meritItem figure img {
		width: 350px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC04 .meritItem figure img {
		width: 100%;
		margin-top: 10px;
	}
}

#singular .lpContainerAi .boxAiC05 {
	background: url("images/lp/lp_ai_credit/section05_bg.jpg") no-repeat center top;
	background-size: cover;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul {
		width: 700px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 ul {
		margin: 0;
	}
}

#singular .lpContainerAi .boxAiC05 ul li {
	list-style: none;
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul li {
		border-radius: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 ul li {
		border-radius: 120px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul li:not(:last-of-type) {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 ul li:not(:last-of-type) {
		margin-bottom: 12px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul li:last-of-type {
		border-radius: 80px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul li {
		padding: 20px 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 ul li {
		padding: 22px 40px;
	}
}

#singular .lpContainerAi .boxAiC05 ul li .text_blue {
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul li .text_blue {
		font-size: 2.4rem;
		line-height: 1;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 ul li .text_blue {
		font-size: 6vw;
		line-height: 1.4;
	}
}

#singular .lpContainerAi .boxAiC05 ul li .text {
	font-weight: normal;
	margin: 0;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC05 ul li .text {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC05 ul li .text {
		font-size: 4vw;
		text-align: left;
	}
}

#singular .lpContainerAi .boxAiC05 strong {
	background: none;
	color: inherit;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item {
		flex-direction: column;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item {
		margin: 140px 30px 30px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item strong {
	color: inherit;
	background: none;
}

#singular .lpContainerAi .boxAiC06 .h_item li {
	list-style: none;
	position: relative;
}

#singular .lpContainerAi .boxAiC06 .h_item li .circle {
	display: block;
	background-color: #fff;
}

#singular .lpContainerAi .boxAiC06 .h_item li .circle img {
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 200px;
		top: -100px;
		border-radius: 100px 100px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle {
		width: 160px;
		height: 160px;
		margin: 0 auto -80px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item01_img {
	padding-top: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item01_img {
		width: 133px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item01_img {
		width: 90px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item02_img {
	padding-top: 20px;
	position: relative;
	right: -10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item02_img {
		width: 92px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item02_img {
		width: 68px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item03_img {
	padding-top: 40px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item03_img {
		width: 110px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li .circle .boxAiC06_item03_img {
		width: 80px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li div {
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li div {
		padding: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li div {
		padding: 20px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li div .number {
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li div .number {
		padding-top: 10px;
		font-size: 3.5rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li div .number {
		font-size: 2.6rem;
		margin-top: 12px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li div .text_blue {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li div .text_blue {
		font-size: 2rem;
		margin-top: 10px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li div .text {
	margin: 0;
	font-weight: normal;
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li {
		width: 300px;
		background-color: #fff;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li:not(:last-of-type) {
		margin: 0 45px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li:not(:last-of-type) {
		margin: 0 0 46px;
	}
}

#singular .lpContainerAi .boxAiC06 .h_item li:not(:last-of-type):after {
	content: "";
	display: block;
	background: url("images/lp/lp_ai_credit/icon_boxAiC06_arrow.png") no-repeat center;
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC06 .h_item li:not(:last-of-type):after {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		background-size: 25px 50px;
		width: 25px;
		height: 50px;
		right: -35px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC06 .h_item li:not(:last-of-type):after {
		background-size: 25px 50px;
		width: 25px;
		height: 50px;
		bottom: -50px;
		left: 50%;
		transform: translate(-50%, 0) rotate(90deg);
	}
}

#singular .lpContainerAi .boxAiC07 {
	background: url("images/lp/lp_ai_credit/boxAiC07_bg.png") no-repeat;
	background-size: cover;
}

#singular .lpContainerAi .boxAiC07 .boxAiC_subtitle {
	background: url("images/lp/lp_ai_credit/boxAiC07_subtitle_bg.png") no-repeat center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07 .boxAiC_subtitle {
		font-size: 3rem;
		line-height: 49px;
		background-size: 431px 49px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07 .boxAiC_subtitle {
		font-size: 1.8rem;
		background-size: 76%;
	}
}

#singular .lpContainerAi .boxAiC07_list {
	justify-content: center;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07_list {
		flex-direction: column;
	}
}

#singular .lpContainerAi .boxAiC07_list_item {
	list-style: none;
	background: #FF545E;
	border-radius: 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07_list_item {
		width: 350px;
		height: 350px;
		margin: 0 25px;
		padding: 30px 25px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07_list_item {
		padding: 30px;
	}
	#singular .lpContainerAi .boxAiC07_list_item:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

#singular .lpContainerAi .boxAiC07_list_item .circle {
	background-color: #fff;
	margin: 0 auto;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07_list_item .circle {
		width: 200px;
		height: 200px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07_list_item .circle {
		width: 160px;
		height: 160px;
	}
}

#singular .lpContainerAi .boxAiC07_list_item .circle p {
	line-height: 1;
	padding: 40px 0 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07_list_item .circle p {
		font-size: 2.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07_list_item .circle p {
		font-size: 1.8rem;
	}
}

#singular .lpContainerAi .boxAiC07_list_item .circle p .text_orange {
	font-weight: bold;
	background: none;
	color: #FF0000;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07_list_item .circle p .text_orange {
		font-size: 10rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07_list_item .circle p .text_orange {
		font-size: 7rem;
	}
}

#singular .lpContainerAi .boxAiC07_list_item ul {
	margin: 8px 0 0;
}

#singular .lpContainerAi .boxAiC07_list_item ul li {
	list-style: none;
	font-weight: normal;
	position: relative;
	margin: 0;
	color: #fff;
	font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC07_list_item ul li {
		padding-left: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC07_list_item ul li {
		padding-left: 16px;
	}
}

#singular .lpContainerAi .boxAiC07_list_item ul li:before {
	content: "※";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#singular .lpContainerAi .boxAiC07_list_item ul li.text_center {
	font-size: 2.2rem;
	padding: 0;
}

#singular .lpContainerAi .boxAiC07_list_item ul li.text_center:before {
	display: none;
}

#singular .lpContainerAi .boxAiC08_list {
	list-style: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list {
		justify-content: space-between;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list {
		flex-direction: column;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list_item {
		width: 300px;
		min-height: 200px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list_item:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

#singular .lpContainerAi .boxAiC08_list .text_white {
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .text_white {
		font-size: 2rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .text_white {
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .text_white1 span {
		padding-top: 65px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .text_white1 span {
		padding-top: 60px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .text_white2 span {
		padding-top: 55px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .text_white2 span {
		padding-top: 50px;
	}
}

#singular .lpContainerAi .boxAiC08_list .gradationOrange2 {
	position: relative;
}

#singular .lpContainerAi .boxAiC08_list .gradationOrange2:before,
#singular .lpContainerAi .boxAiC08_list .gradationOrange2:after {
	content: "";
	display: block;
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:before,
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:after {
		border: 30px solid transparent;
		bottom: -30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:before,
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:after {
		border: 6.8vw solid transparent;
		bottom: -6.8vw;
	}
}

#singular .lpContainerAi .boxAiC08_list .gradationOrange2:before {
	left: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:before {
		border-left: 150px solid #fff;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:before {
		border-left: 48vw solid #fff;
	}
}

#singular .lpContainerAi .boxAiC08_list .gradationOrange2:after {
	right: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:after {
		border-right: 150px solid #fff;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2:after {
		border-right: 48vw solid #fff;
	}
}

#singular .lpContainerAi .boxAiC08_list .gradationOrange2 span {
	display: block;
	height: 140px;
	background: url("images/lp/lp_ai_credit/icon_question.png") no-repeat top 15px center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2 span {
		background-size: 35px 36px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list .gradationOrange2 span {
		background-size: 8%;
	}
}

#singular .lpContainerAi .boxAiC08_list dd {
	padding: 20px 20px 30px;
	font-weight: normal;
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list dd {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list dd {
		font-size: 1.4rem;
		padding: 30px 20px 30px;
	}
}

#singular .lpContainerAi .boxAiC08_list dd strong {
	background: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC08_list dd strong {
		font-size: 2rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC08_list dd strong {
		font-size: 1.8rem;
	}
}

#singular .lpContainerAi .boxAiC09 .inner {
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 .inner {
		width: 660px;
	}
}

#singular .lpContainerAi .boxAiC09 .inner .dropshadow {
	background: #fff;
	border-radius: 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 .inner .dropshadow {
		padding: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC09 .inner .dropshadow {
		padding: 14px;
	}
}

#singular .lpContainerAi .boxAiC09 .boxAiC_title {
	position: relative;
}

#singular .lpContainerAi .boxAiC09 .boxAiC_title:after {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	content: "";
	display: block;
	width: 100px;
	height: 6px;
	background-color: #333;
	bottom: 0;
}

#singular .lpContainerAi .boxAiC09 .boxAiC_text {
	line-height: 1.7;
}

#singular .lpContainerAi .boxAiC09 .icon {
	color: #fff;
	font-size: 1.4rem;
	background-color: #BCBCBC;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 .icon {
		width: 40px;
		line-height: 21px;
		margin-right: 6px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC09 .icon {
		padding: 2px 4px;
		font-size: 1.2rem;
		line-height: 20px;
		margin-right: 4px;
	}
}

#singular .lpContainerAi .boxAiC09 .must {
	background-color: #E80606;
}

#singular .lpContainerAi .boxAiC09 input[type="text"],
#singular .lpContainerAi .boxAiC09 input[type="tel"],
#singular .lpContainerAi .boxAiC09 input[type="email"],
#singular .lpContainerAi .boxAiC09 select {
	border: 1px solid #BCBCBC;
	padding: 7px 10px;
	border-radius: 4px;
	font-size: 1.6rem;
	-webkit-appearance: none;
	appearance: none;
	font-family: noto-sans-cjk-jp, sans-serif;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC09 input[type="text"],
	#singular .lpContainerAi .boxAiC09 input[type="tel"],
	#singular .lpContainerAi .boxAiC09 input[type="email"],
	#singular .lpContainerAi .boxAiC09 select {
		width: 100%;
		padding: 10px;
		margin-top: 6px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 input[type="text"],
	#singular .lpContainerAi .boxAiC09 input[type="tel"] {
		width: 320px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 input[type="email"],
	#singular .lpContainerAi .boxAiC09 input[type="text"].shop {
		width: 500px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 input[type="text"].theAddress {
		width: 600px;
	}
}

#singular .lpContainerAi .boxAiC09 select {
	border: 1px solid #BCBCBC;
	border-radius: 4px;
	line-height: 44px;
	display: block;
	padding: 0 10px;
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 select {
		width: 220px;
		line-height: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC09 select {
		width: 100%;
		line-height: 44px;
	}
}

#singular .lpContainerAi .boxAiC09 .selectwrap {
	position: relative;
	display: block;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 .selectwrap {
		width: 220px;
	}
}

#singular .lpContainerAi .boxAiC09 .selectwrap:after {
	content: "";
	display: block;
	z-index: 1;
	position: absolute;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #BCBCBC #BCBCBC;
	transform: rotate(-45deg);
	right: 10px;
	top: 14px;
}

#singular .lpContainerAi .boxAiC09 input[type="submit"] {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	background: #fff url("images/lp/lp_ai_credit/icon_arrow_yellow.png") no-repeat;
	color: #FD7026;
	display: block;
	font-weight: bold;
	border: 3px solid #FD9626;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerAi .boxAiC09 input[type="submit"] {
		cursor: pointer;
		transition: linear 0.3s ease-in-out;
		line-height: 54px;
		border-radius: 50px;
		font-size: 2.2rem;
		width: 360px;
		margin: 60px auto 0;
		display: block;
		background-size: 3.4%;
		background-position: right 14px center;
	}
	#singular .lpContainerAi .boxAiC09 input[type="submit"]:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerAi .boxAiC09 input[type="submit"] {
		width: 100%;
		line-height: 44px;
		border-radius: 40px;
		font-size: 2rem;
		margin: 24px 0 0;
		background-size: 3.2%;
		background-position: right 10px center;
	}
}


/* table of contents -----------------------------
LP画面
    グラデーション設定
    マイナポイント診断
------------------------------------------------ */

.blueGradationHorizontal {
	background: #44abe2;
	background: -moz-linear-gradient(left, #44abe2 0%, #90ddd1 100%);
	background: -webkit-linear-gradient(left, #44abe2 0%, #90ddd1 100%);
	background: linear-gradient(to right, #44abe2 0%, #90ddd1 100%);
}

.blueGradationVertical {
	background: #62d1cd;
	background: -moz-linear-gradient(top, #62d1cd 0%, #078ad0 100%);
	background: -webkit-linear-gradient(top, #62d1cd 0%, #078ad0 100%);
	background: linear-gradient(to bottom, #62d1cd 0%, #078ad0 100%);
}

.blueGradation30d {
	background: #44abe2;
	background: -moz-linear-gradient(20deg, #44abe2 0%, #90ddd1 100%);
	background: -webkit-linear-gradient(20deg, #44abe2 0%, #90ddd1 100%);
	background: linear-gradient(20deg, #44abe2 0%, #90ddd1 100%);
}

.pinkGradation30d {
	background: #ffadc8;
	background: -moz-linear-gradient(20deg, #ffadc8 0%, #ffedc6 100%);
	background: -webkit-linear-gradient(20deg, #ffadc8 0%, #ffedc6 100%);
	background: linear-gradient(20deg, #ffadc8 0%, #ffedc6 100%);
}

.redGradationHorizontal {
	background: -moz-linear-gradient(0deg, #ffadc8 0%, #ffedc6 100%);
	background: -webkit-linear-gradient(0deg, #ffadc8 0%, #ffedc6 100%);
	background: linear-gradient(0deg, #ffadc8 0%, #ffedc6 100%);
}

.redGradationTitle {
	color: #FF2C72;
	background: -webkit-linear-gradient(0deg, #FF2C72, #FFA934);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.blueGradationTitle {
	color: #ff0211;
	background: -webkit-linear-gradient(0deg, #ff0211, #FFCCCC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#singular .lpContainerMnp {
	overflow: hidden;
	width: 100%;
	color: #000;
}

#singular .lpContainerMnp main {
	padding: 0;
}

#singular .lpContainerMnp main .skewTitle {
	color: #fff;
	position: relative;
}

#singular .lpContainerMnp main .skewTitle:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	position: absolute;
	background-color: #E9004F;
	transform: skewX(-20deg);
	z-index: -1;
}

#singular .lpContainerMnp main strong {
	background: none;
	color: #000;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .bbskewTitle {
		text-align: left;
	}
}

#singular .lpContainerMnp main .bbskewTitle span {
	position: relative;
}

#singular .lpContainerMnp main .bbskewTitle span:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	background-color: #E9004F;
	transform: skewX(-20deg);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .bbskewTitle span:after {
		width: 110px;
		height: 10px;
		position: absolute;
		bottom: -14px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .bbskewTitle span:after {
		width: 74px;
		height: 4px;
		position: absolute;
		bottom: -8px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .bbskewTitle span {
		font-size: 4rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .bbskewTitle span {
		font-size: 2rem;
	}
}

#singular .lpContainerMnp main .stepBox_list {
	margin: 0;
	position: relative;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list {
		display: block;
		margin: 0 10px;
	}
}

#singular .lpContainerMnp main .stepBox_list:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	z-index: -1;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list:after {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		width: 100%;
		height: 3px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list:after {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 3px;
		height: 100%;
		bottom: 0;
	}
}

#singular .lpContainerMnp main .stepBox_list_item {
	list-style: none;
	position: relative;
	border-radius: 4px;
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item {
		padding: 0 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item:not(:last-of-type) {
		margin: 0 60px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list_item:not(:last-of-type) {
		margin: 0 0 50px;
	}
}

#singular .lpContainerMnp main .stepBox_list_item:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item:after {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		right: -40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list_item:after {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		transform: rotate(90deg) translate(-50%, 0);
		margin-left: -10px;
		bottom: -60px;
	}
}

#singular .lpContainerMnp main .stepBox_list_item:last-of-type:after {
	display: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item .number {
		font-size: 3.6rem;
		margin-top: 7px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list_item .number {
		font-size: 2.6rem;
	}
}

#singular .lpContainerMnp main .stepBox_list_item .number span {
	position: relative;
}

#singular .lpContainerMnp main .stepBox_list_item .number span:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	transform: skewX(-20deg);
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item .number span:after {
		width: 60px;
		height: 6px;
		left: -10px;
		bottom: -4px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list_item .number span:after {
		width: 40px;
		height: 4px;
		left: -6px;
		bottom: -4px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item .number+p {
		margin: 4px 0 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list_item .number+p {
		margin: 10px 0;
	}
}

#singular .lpContainerMnp main .stepBox_list_item .btn a {
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .stepBox_list_item .btn a {
		line-height: 42px;
		border-radius: 22px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .stepBox_list_item .btn a {
		line-height: 1;
		padding: 15px 0;
		border-radius: 30px;
		margin: 14px 0 0;
	}
}

#singular .lpContainerMnp main .boxMnp01 {
	background: url("images/lp/lp_mynapoint/boxMnp01_bg.jpg") no-repeat top center;
	background-size: cover;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp01 {
		padding: 9vw 0 10vw;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp01 {
		padding: 20px 0;
	}
}

#singular .lpContainerMnp main .boxMnp01 .inner {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp01 .inner {
		width: 96%;
		margin: 0 auto;
	}
	#singular .lpContainerMnp main .boxMnp01 .inner img {
		width: 100vw;
	}
}

#singular .lpContainerMnp main .boxMnp01 .spImg {
	position: relative;
}

#singular .lpContainerMnp main .boxMnp01 .btn {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp01 .btn {
		bottom: 1.2vw;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp01 .btn {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 5%;
		width: 75%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp01 .btn_bblue {
		left: 3vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp01 .btn_bred {
		right: 9vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp01 .btn a {
		font-size: 2.5vw;
		width: 40vw;
		line-height: 6vw;
		border-radius: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp01 .btn a {
		border-width: 2px;
		font-size: 4.5vw;
		width: 100%;
		line-height: 16vw;
		border-radius: 50px;
	}
}

#singular .lpContainerMnp main .boxMnp02 .main {
	background: url("images/lp/lp_mynapoint/boxMnp02_bg.jpg") no-repeat top center;
	background-size: cover;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02 .main {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02 .main {
		padding: 0 10px 40px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02 .boxMnp_text {
		font-size: 2.4rem;
		line-height: 1.8;
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02 .boxMnp_text {
		font-size: 1.6rem;
		line-height: 1.6;
		margin: 14px 0 20px;
	}
}

#singular .lpContainerMnp main .boxMnp02 .boxMnp_text strong {
	color: #E9004F;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02 .boxMnp_text strong {
		font-size: 3rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02 .boxMnp_text strong {
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02 .youtubewrap {
		width: 768px;
		margin: 30px auto 0;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_title {
	background: url("images/lp/lp_mynapoint/title_bg_blue.png") no-repeat top center;
	background-size: cover;
	color: #fff;
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_title {
		height: 140px;
		font-size: 2.6rem;
		padding-top: 44px;
		margin-bottom: 46px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_title {
		height: 120px;
		font-size: 1.8rem;
		padding: 20px 10px;
		margin-bottom: 4px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_title:after {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	content: "";
	display: block;
	background: url("images/lp/lp_mynapoint/title_bg_arrow_blue.png") no-repeat top center;
	background-size: contain;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_title:after {
		width: 100px;
		height: 50px;
		bottom: -50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_title:after {
		width: 60px;
		height: 40px;
		bottom: -40px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_title>span {
	position: relative;
}

#singular .lpContainerMnp main .boxMnp02Box_title .stext {
	position: absolute;
	right: 0;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_title .stext {
		font-size: 1.6rem;
		bottom: -26px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_title .stext {
		font-size: 1.4rem;
		bottom: -20px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box .inner {
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box .inner {
		width: 990px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box .inner {
		display: block;
		padding: 24px 10px 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item {
		width: 420px;
		margin-top: 48px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item {
		width: 100%;
		margin-top: 20px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item_title {
	align-items: center;
	justify-content: center;
	border: 2px solid #0081C1;
	display: flex;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item_title {
		width: 110px;
		height: 110px;
		margin: 0 auto 12px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item_title {
		width: 80px;
		height: 80px;
		line-height: 1.4;
		margin: 0 auto 10px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table {
	width: 100%;
	position: relative;
	background: #f7f7f7;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table {
		font-size: 3.8vw;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: -moz-linear-gradient(bottom, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(bottom, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to top, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table:after {
		height: 200px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table:after {
		height: 100px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table th {
	color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table th {
		line-height: 50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table th {
		line-height: 34px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table th:first-of-type {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#singular .lpContainerMnp main .boxMnp02Box_item table th:last-of-type {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#singular .lpContainerMnp main .boxMnp02Box_item table td {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table td {
		padding-bottom: 18px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table td {
		padding-bottom: 20px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table td:first-of-type:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #000;
	right: 0;
	bottom: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table td:first-of-type {
		width: 192px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table td:first-of-type {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table td:last-of-type {
		width: 229px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table td:last-of-type {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table tr:first-of-type td {
		padding-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table tr:first-of-type td {
		padding-top: 10px;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table tr:first-of-type td:first-of-type:after {
	height: 70%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table tr:last-of-type td:first-of-type:after {
		height: 30%;
		bottom: 70%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item table tr:last-of-type td:first-of-type:after {
		height: 20%;
		bottom: 90%;
	}
}

#singular .lpContainerMnp main .boxMnp02Box_item table tr:last-of-type td:first-of-type:before {
	z-index: 20;
	content: "";
	display: block;
	width: 0;
	height: 0;
	background: url("images/lp/lp_mynapoint/icon_dott.png") no-repeat top center;
	position: absolute;
	right: -1px;
	bottom: 0;
	width: 3px;
	height: 31px;
	background-size: 3px 21px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item:last-of-type tr:last-of-type td:first-of-type:after {
		height: 70%;
		bottom: 40%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item:last-of-type tr:last-of-type td:first-of-type:after {
		height: 70%;
		bottom: 50%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp02Box_item:last-of-type td {
		padding: 2px 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp02Box_item:last-of-type td {
		padding: 15px 0 10px;
	}
}

#singular .lpContainerMnp main .boxMnpImg {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg {
		padding: 80px 0 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		z-index: -1;
		height: 665px;
		width: 34%;
		top: 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg_title .PC {
		font-size: 4rem;
		line-height: 1.3;
		margin-bottom: 37px;
	}
	#singular .lpContainerMnp main .boxMnpImg_title .PC span {
		font-size: 5rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnpImg_title {
		font-size: 2rem;
		line-height: 1.3;
		margin-bottom: 16px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnpImg_title span {
		font-size: 3rem;
	}
}

#singular .lpContainerMnp main .boxMnpImg>.inner {
	position: relative;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		z-index: -1;
		height: 71vw;
		width: 70%;
		bottom: -3vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner {
		width: 1200px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner {
		margin: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner>div {
		width: 664px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner>figure {
		position: absolute;
		top: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner>figure {
		margin: 20px 0 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner>figure img {
		width: 600px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner .btn a {
		font-size: 3rem;
		line-height: 74px;
		width: 495px;
		border-radius: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnpImg>.inner .btn a {
		font-size: 1.6rem;
		line-height: 44px;
		width: 100%;
		border-radius: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03:after {
		background: #ffadc8;
		background: -moz-linear-gradient(-45deg, #ffadc8 0%, #ffedc6 100%);
		background: -webkit-linear-gradient(-45deg, #ffadc8 0%, #ffedc6 100%);
		background: linear-gradient(-45deg, #ffadc8 0%, #ffedc6 100%);
		right: -10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .bbskewTitle span {
		position: unset;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .bbskewTitle span:after {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .bbskewTitle span:after {
		left: 106px;
		bottom: -38px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .bbskewTitle img {
		height: 70px;
		display: unset;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03_title+.text_bold {
		line-height: 1.8;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03_title+.text_bold {
		line-height: 1.5;
		margin-bottom: 20px;
	}
}

#singular .lpContainerMnp main .boxMnp03_title_small {
	font-weight: normal;
	border: 1px solid #FF7D4A;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03_title_small {
		line-height: 36px;
		width: 100px;
		border-radius: 40px;
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03_title_small {
		line-height: 2;
		width: 90px;
		border-radius: 40px;
		margin: 0 0 6px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03_title_small+p {
		font-size: 1.6rem;
		line-height: 1.9;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03_title_small+p {
		font-size: 1.4rem;
		line-height: 1.6;
		margin: 0 0 18px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03>.inner {
		background: url("images/lp/lp_mynapoint/boxMnp03_img.png") no-repeat top center;
		background-size: cover;
		margin: 0;
		padding: 20px 10px 2px;
		z-index: 0;
		overflow: hidden;
	}
	#singular .lpContainerMnp main .boxMnp03>.inner:before,
	#singular .lpContainerMnp main .boxMnp03>.inner:after {
		content: "";
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
	}
	#singular .lpContainerMnp main .boxMnp03>.inner:before {
		background: inherit;
		-webkit-filter: blur(2px);
		-moz-filter: blur(2px);
		-o-filter: blur(2px);
		-ms-filter: blur(2px);
		filter: blur(2px);
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		z-index: -1;
	}
	#singular .lpContainerMnp main .boxMnp03>.inner:after {
		background: rgba(255, 255, 255, 0.7);
		right: 0;
		bottom: 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03>.inner>div {
		padding-left: 105px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03>.inner>figure {
		right: -140px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03>.inner>figure {
		right: 70px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox {
		margin-top: 154px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox {
		margin-top: 50px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_subtitle {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_subtitle {
		margin-bottom: 4px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_subtitle .skewTitle {
		font-size: 2rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_subtitle .skewTitle {
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_subtitle .skewTitle:after {
		width: 180px;
		height: 38px;
		left: -28px;
		bottom: -4px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_subtitle .skewTitle:after {
		width: 130px;
		height: 30px;
		left: -18px;
		bottom: -4px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_title {
		font-size: 3rem;
		margin-bottom: 44px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_title {
		font-size: 2rem;
		margin: 10px 0 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .btn {
		margin-top: 36px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .btn {
		margin: 20px 0 30px;
	}
}

#singular .lpContainerMnp main .boxMnp03 .stepBox_list:after {
	background-color: #E9004F;
}

#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item {
	border: 1px solid #E9004F;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item {
		width: 290px;
		height: 290px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item {
		width: 100%;
		padding: 10px 10px 30px;
	}
}

#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item:after {
	background: url("images/lp/lp_mynapoint/step_arrow_pink.png") no-repeat top center;
	background-size: 20px 45px;
	width: 20px;
	height: 45px;
}

#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item img {
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item img {
		width: 120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item img {
		width: 140px;
	}
}

#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item .number span:after {
	background-color: #E9004F;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item:first-of-type img {
		width: 126px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item:first-of-type img {
		width: 140px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item .btn {
		margin-top: 16px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item .btn {
		margin: 10px 0 0;
	}
}

#singular .lpContainerMnp main .boxMnp03 .stepBox_list_item .btn a {
	border: 2px solid #E9004F;
}

#singular .lpContainerMnp main .boxMnp04 {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04:after {
		background: #ffadc8;
		background: -moz-linear-gradient(135deg, #ffadc8 0%, #ffedc6 100%);
		background: -webkit-linear-gradient(135deg, #ffadc8 0%, #ffedc6 100%);
		background: linear-gradient(135deg, #ffadc8 0%, #ffedc6 100%);
		left: -10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 figure {
		left: -140px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04>.inner:after {
		background: #ffadc8;
		background: -moz-linear-gradient(135deg, #ffadc8 0%, #ffedc6 100%);
		background: -webkit-linear-gradient(135deg, #ffadc8 0%, #ffedc6 100%);
		background: linear-gradient(135deg, #ffadc8 0%, #ffedc6 100%);
		left: -10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04>.inner>div {
		padding-right: 105px;
		margin-left: 550px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04>.inner>div>.bbskewTitle {
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04>.inner>div>.bbskewTitle span {
		position: unset;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04>.inner>div>.bbskewTitle span:after {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04>.inner>div>.bbskewTitle span:after {
		left: 136px;
		bottom: -44px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04>.inner>div>.bbskewTitle img {
		height: 70px;
		display: unset;
	}
}

#singular .lpContainerMnp main .boxMnp04 .fukidashiList {
	margin: 0;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item:not(:last-of-type) {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item {
		font-size: 2.2rem;
		width: 420px;
		height: 91px;
		padding: 16px 0 15px 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item {
		font-size: 1.6rem;
		padding: 12px;
		width: 300px;
		height: 73px;
		line-height: 1.2;
	}
}

#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item01 {
	background: url("images/lp/lp_mynapoint/fukidashi01.png") no-repeat top center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item01 {
		background-size: 420px 91px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item01 {
		background-size: 300px 73px;
	}
}

#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item02 {
	background: url("images/lp/lp_mynapoint/fukidashi02.png") no-repeat top center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item02 {
		background-size: 420px 91px;
		margin-left: 90px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .fukidashiList_item02 {
		background-size: 300px 73px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb {
		margin-top: 160px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb {
		margin-top: 40px;
	}
}

#singular .lpContainerMnp main .boxMnp04 .boxTwbb_icon {
	position: relative;
	z-index: 19;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_icon {
		top: 40px;
		font-size: 4rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_icon {
		top: 20px;
		font-size: 2rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_icon .skewTitle:after {
		width: 250px;
		height: 60px;
		left: -50px;
		bottom: -4px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_icon .skewTitle:after {
		width: 110px;
		height: 30px;
		left: -20px;
		bottom: -2px;
	}
}

#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title {
	background: url("images/lp/lp_mynapoint/title_bg_red.png") no-repeat top center;
	background-size: cover;
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title {
		height: 190px;
		font-size: 2.6rem;
		padding-top: 44px;
		margin-bottom: 84px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title {
		font-size: 1.8rem;
		padding: 22px 10px;
		margin-bottom: 40px;
	}
}

#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title strong {
	color: #E9004F;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title strong {
		font-size: 3.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title strong {
		font-size: 1.8rem;
	}
}

#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title:after {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	content: "";
	display: block;
	background: url("images/lp/lp_mynapoint/title_bg_arrow_red.png") no-repeat top center;
	background-size: contain;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title:after {
		width: 100px;
		height: 50px;
		bottom: -50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb_title:after {
		width: 50px;
		height: 25px;
		bottom: -25px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .bbskewTitle {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .bbskewTitle span:after {
		left: 120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .bbskewTitle span:after {
		left: 54px;
	}
}

#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item {
	justify-content: center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item {
		margin-bottom: 49px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item {
		display: block;
		margin: 30px 0 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item li {
		margin: 0 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item li {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item li img {
		width: 325px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item li img {
		width: 66%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item li .text_bold {
		font-size: 2.2rem;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .h_item li .text_bold {
		font-size: 1.6rem;
		margin-top: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal {
		align-items: center;
		justify-content: center;
		height: 160px;
		display: flex;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal {
		padding: 30px 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal .btn {
		width: 600px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal .btn {
		width: 100%;
	}
}

#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal .btn a {
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal .btn a {
		line-height: 96px;
		font-size: 4rem;
		border-radius: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp04 .boxTwbb .redGradationHorizontal .btn a {
		line-height: 44px;
		font-size: 2rem;
		border-radius: 30px;
	}
}

#singular .lpContainerMnp main .boxMnp05 {
	background: url("images/lp/lp_mynapoint/boxMnp05_bg.jpg") no-repeat top center;
	background-size: cover;
	z-index: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 {
		margin: -80px 0 40px;
		padding: 80px 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 {
		margin: -40px 0 20px;
		padding: 40px 20px;
	}
}

#singular .lpContainerMnp main .boxMnp05_title {
	line-height: 1;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05_title {
		font-size: 5rem;
		margin-bottom: 38px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05_title {
		font-size: 2rem;
		margin-bottom: 16px;
	}
}

#singular .lpContainerMnp main .boxMnp05 .inner {
	background-color: #fff;
	position: relative;
}

#singular .lpContainerMnp main .boxMnp05 .inner:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	background: #62d1cd;
	background: -moz-linear-gradient(-45deg top, #62d1cd 0%, #078ad0 100%);
	background: -webkit-linear-gradient(-45deg top, #62d1cd 0%, #078ad0 100%);
	background: linear-gradient(-45deg to bottom, #62d1cd 0%, #078ad0 100%);
	z-index: -1;
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner:after {
		width: 778px;
		height: 571px;
		right: -30px;
		bottom: -30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner:after {
		width: 90%;
		height: 96%;
		right: -10px;
		bottom: -10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner figure img {
		object-fit: cover;
		height: 70vw;
		width: 100vw;
		object-position: 0 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner {
		width: 990px;
		padding: 60px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner {
		padding: 20px;
	}
}

#singular .lpContainerMnp main .boxMnp05 .inner>.h_item {
	flex-direction: row-reverse;
	justify-content: space-between;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item {
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type {
		width: calc(100% - 300px);
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type {
		margin: 30px 0 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .name {
		font-size: 3rem;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .name {
		font-size: 1.6rem;
		margin-bottom: 14px;
		line-height: 1;
	}
}

#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .job {
	border-bottom: 1px solid #000;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .job {
		font-size: 2.2rem;
		margin-bottom: 18px;
		padding-bottom: 18px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .job {
		padding-bottom: 8px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .text {
		font-size: 1.6rem;
		line-height: 1.9;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .text {
		font-size: 1.4rem;
	}
}

#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .license_title {
	border: 1px solid #E9004F;
	border-radius: 30px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .license_title {
		line-height: 36px;
		width: 100px;
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .license_title {
		line-height: 26px;
		width: 100px;
		margin-bottom: 8px;
	}
}

#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .license_list ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
}

#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .license_list ul li {
	list-style: disc;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:first-of-type .license_list ul li:not(:last-of-type) {
		margin-bottom: 8px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:last-of-type {
		width: 250px;
	}
}

#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:last-of-type .btn a {
	border-width: 2px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:last-of-type .btn a {
		margin-top: 15px;
		width: 100%;
		line-height: 40px;
		border-radius: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp05 .inner>.h_item div:last-of-type .btn a {
		margin-top: -10px;
		width: 100%;
		line-height: 44px;
		border-radius: 40px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 {
		padding-bottom: 80px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 .bbskewTitle span:after {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 .bbskewTitle span:after {
		left: 82px;
	}
}

#singular .lpContainerMnp main .boxMnp06 .bbskewTitle img {
	display: unset;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 .bbskewTitle img {
		height: 48.6px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 .bbskewTitle img {
		height: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06:after {
		background: #44abe2;
		background: -moz-linear-gradient(right, #44abe2 0%, #90ddd1 100%);
		background: -webkit-linear-gradient(right, #44abe2 0%, #90ddd1 100%);
		background: linear-gradient(to left, #44abe2 0%, #90ddd1 100%);
		right: -10px;
		height: 549px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06>.inner {
		background: url("images/lp/lp_mynapoint/boxMnp06_img.png") no-repeat top center;
		background-size: cover;
		margin: 0;
		padding: 20px 10px 2px;
		z-index: 0;
		overflow: hidden;
	}
	#singular .lpContainerMnp main .boxMnp06>.inner:before,
	#singular .lpContainerMnp main .boxMnp06>.inner:after {
		content: "";
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
	}
	#singular .lpContainerMnp main .boxMnp06>.inner:before {
		background: inherit;
		-webkit-filter: blur(2px);
		-moz-filter: blur(2px);
		-o-filter: blur(2px);
		-ms-filter: blur(2px);
		filter: blur(2px);
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		z-index: -1;
	}
	#singular .lpContainerMnp main .boxMnp06>.inner:after {
		background: rgba(255, 255, 255, 0.7);
		right: 0;
		bottom: 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06>.inner>figure {
		right: -140px;
		top: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 ul {
		margin: 0;
	}
}

#singular .lpContainerMnp main .boxMnp06 ul li {
	align-items: center;
}

#singular .lpContainerMnp main .boxMnp06 ul li:not(:last-of-type) {
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 ul li {
		font-size: 2.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 ul li {
		font-size: 1.8rem;
	}
}

#singular .lpContainerMnp main .boxMnp06 ul li span {
	display: block;
	line-height: 1;
}

#singular .lpContainerMnp main .boxMnp06 ul li .icon {
	align-items: center;
	justify-content: center;
	border: 2px solid #4BAFE0;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 ul li .icon {
		margin-right: 20px;
		width: 80px;
		height: 80px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 ul li .icon {
		margin-right: 10px;
		width: 60px;
		height: 60px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 ul li .icon .point {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 ul li .icon .point {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp06 ul li .icon .number {
		font-size: 2.6rem;
		margin-top: 4px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 ul li .icon .number {
		font-size: 1.8rem;
		margin-top: 2px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp06 .btn {
		margin: 20px 0 40px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 {
		padding-bottom: 65px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 {
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .bbskewTitle {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .bbskewTitle span:after {
		left: 160px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .bbskewTitle span:after {
		left: 130px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .bbskewTitle img {
		height: 48.6px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .bbskewTitle img {
		height: 30px;
	}
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list:after {
	background-color: #4BAFE0;
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item {
	border: 1px solid #4BAFE0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item {
		width: 250px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item>div {
		padding: 10px 20px 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item>div {
		padding: 10px;
	}
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item:after {
	background: url("images/lp/lp_mynapoint/step_arrow_blue.png") no-repeat top center;
	background-size: 20px 45px;
	width: 20px;
	height: 45px;
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item img {
	width: 100%;
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .number span:after {
	background-color: #4BAFE0;
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .number+p {
	margin: 0 0 6px;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .boxTwbb_title+p {
		margin-top: 30px;
	}
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .text {
	line-height: 1.7;
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .text {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .text {
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .btn {
		margin-top: 12px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .btn {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .btn a {
	border-width: 2px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .btn a {
		line-height: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp07 .stepBox_list_item .btn a {
		line-height: 20px;
	}
}

#singular .lpContainerMnp main .boxMnp08 {
	background: url("images/lp/lp_mynapoint/boxMnp08_bg.jpg") no-repeat top center;
	background-size: cover;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 {
		padding: 70px 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 {
		padding: 30px 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 .bbskewTitle {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 .bbskewTitle span:after {
		left: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 .bbskewTitle span:after {
		left: 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl {
		width: 990px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl {
		width: 100%;
	}
}

#singular .lpContainerMnp main .boxMnp08 dl>div {
	background-color: #fff;
	border-radius: 4px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl>div {
		padding: 25px 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl>div {
		padding: 15px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl>div:not(:last-of-type) {
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl>div:not(:last-of-type) {
		margin: 0 0 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl>div:last-of-type dd {
		padding-bottom: 70px;
	}
}

#singular .lpContainerMnp main .boxMnp08 dl dt {
	background: url("images/lp/lp_mynapoint/icon_q.png") no-repeat left top 3px;
	border-bottom: 1px solid #c7c7c7;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl dt {
		background-size: 21px 29px;
		padding-bottom: 18px;
		min-height: 30px;
		font-size: 1.8rem;
		padding-left: 36px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl dt {
		background-size: 16px 22px;
		padding: 0 0 10px 20px;
	}
}

#singular .lpContainerMnp main .boxMnp08 dl dd {
	background: url("images/lp/lp_mynapoint/icon_a.png") no-repeat left top 22px;
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl dd {
		background-size: 21px 23px;
		padding-top: 18px;
		min-height: 25px;
		padding-left: 36px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl dd {
		background-position: left top 10px;
		background-size: 16px 18px;
		padding: 10px 0 0 20px;
		padding-top: 10px;
		min-height: 25px;
	}
}

#singular .lpContainerMnp main .boxMnp08 dl dd .btn {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl dd .btn {
		top: 13px;
		right: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl dd .btn {
		bottom: 10px;
		left: 0;
		width: 100%;
	}
}

#singular .lpContainerMnp main .boxMnp08 dl dd .btn a {
	border-width: 2px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp08 dl dd .btn a {
		width: 220px;
		line-height: 40px;
		border-radius: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp08 dl dd .btn a {
		width: 100%;
		line-height: 40px;
		border-radius: 30px;
		line-height: 44px;
	}
}

#singular .lpContainerMnp main .boxMnp09 {
	background-color: #C7EDFF;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp09 {
		padding: 37px 0 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp09 {
		padding: 20px 10px;
	}
}

#singular .lpContainerMnp main .boxMnp09_title {
	background: url("images/lp/lp_mynapoint/boxMnp08_title_bg.png") no-repeat top 10px center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp09_title {
		background-size: 511px 34px;
		font-size: 3rem;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp09_title {
		background-size: 511px 34px;
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
}

#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a {
	color: #fff;
	position: relative;
	background: -moz-linear-gradient(top, #62d1cd 0%, #078ad0 100%);
	background: -webkit-linear-gradient(top, #62d1cd 0%, #078ad0 100%);
	background: linear-gradient(to bottom, #62d1cd 0%, #078ad0 100%);
}

#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:before,
#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}

#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:after {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background: url("images/lp/lp_mynapoint/icon_arrow_white.png") no-repeat top center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:after {
		background-size: 15px 33px;
		width: 15px;
		height: 33px;
		right: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:after {
		background-size: 10px 28px;
		width: 10px;
		height: 28px;
		right: 10px;
	}
}

#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:before {
	background: url("images/lp/lp_mynapoint/btn_app_bg.png") no-repeat top center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:before {
		background-size: 98px 130px;
		bottom: 0;
		left: 70px;
		width: 98px;
		height: 130px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a:before {
		background-size: 50px 68px;
		bottom: 0;
		left: 30px;
		width: 50px;
		height: 68px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a {
		width: 800px;
		font-size: 3rem;
		padding: 14px 76px 14px 190px;
		margin: 0 auto;
		border-radius: 90px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a {
		width: 100%;
		font-size: 1.8rem;
		font-size: 1.5rem;
		padding: 20px 30px 20px 90px;
		border-radius: 60px;
		line-height: 1;
	}
}

#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a span {
	display: block;
	border-top: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a span {
		font-size: 3.4rem;
		padding-top: 7px;
		margin-top: 8px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp09 .btn_gradblue a span {
		padding-top: 4px;
		margin-top: 4px;
	}
}

#singular .lpContainerMnp main ul {
	list-style: none;
}

#singular .lpContainerMnp main ul li {
	list-style: none;
}

#singular .lpContainerMnp main .boxMnp {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp {
		margin-bottom: 80px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp {
		margin-bottom: 40px;
	}
}

#singular .lpContainerMnp main .boxMnp_title {
	line-height: 1;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp_title {
		font-size: 6rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp_title {
		font-size: 3rem;
	}
}

#singular .lpContainerMnp main .boxMnp_subtitle {
	line-height: 1;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .boxMnp_subtitle {
		font-size: 3.4rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .boxMnp_subtitle {
		font-size: 1.8rem;
	}
}

#singular .lpContainerMnp main .btn a {
	text-decoration: none;
	margin: 0;
}

#singular .lpContainerMnp main .btn_bblue a {
	color: #0081C1;
	border: 3px solid #0081C1;
	background: #fff url("images/lp/lp_mynapoint/icon_arrow_blue.png") no-repeat;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .btn_bblue a {
		background-size: 2.5%;
		background-position: right 10px center;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .btn_bblue a {
		background-size: 2%;
		background-position: right 3% center;
	}
}

#singular .lpContainerMnp main .btn_bred a {
	color: #E9004F;
	border: 3px solid #E9004F;
	background: #fff url("images/lp/lp_mynapoint/icon_arrow_red.png") no-repeat;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .btn_bred a {
		background-size: 2.5%;
		background-position: right 10px center;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .btn_bred a {
		background-size: 2%;
		background-position: right 3% center;
	}
}

#singular .lpContainerMnp main .dropshadow {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	margin: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerMnp main .bbskewTitle {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerMnp main .bbskewTitle {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 767px) {
	#singular .share {
		margin-bottom: 40px;
	}
}


/* table of contents -----------------------------
LP画面
    Uber Eats
------------------------------------------------ */

.lpHeaderUbereats {
	height: 0;
	padding: 0;
}

#singular .lpContainerUe {
	width: 100%;
}

#singular .lpContainerUe main {
	padding: 0;
	color: #000;
}

#singular .lpContainerUe main strong {
	background: none;
}

#singular .lpContainerUe main ul {
	margin: 0;
}

#singular .lpContainerUe main ul li {
	list-style: none;
}

#singular .lpContainerUe .bg_green {
	background-color: #5FB607;
}

#singular .lpContainerUe .bg_yellow {
	background-color: #FCE069;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe {
		padding-bottom: 80px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe_title {
		font-size: 4rem;
		padding-top: 60px;
		margin: 0 0 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe_title {
		font-size: 2.6rem;
		margin: 0 0 20px;
		padding-top: 36px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe .inner {
		width: 980px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe .inner {
		padding: 0 20px 30px;
	}
}

#singular .lpContainerUe .boxUe01 {
	position: relative;
	padding: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe01 {
		overflow: hidden;
		max-width: 1024px;
		width: 100%;
		margin: 0 auto;
		height: 100%;
		max-height: 1300px;
	}
}

#singular .lpContainerUe .boxUe01 .boxUe_title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 0;
}

#singular .lpContainerUe .boxUe01 .boxUe_title span {
	position: relative;
	display: block;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe01 .boxUe_title span {
		background-color: #5FB607;
	}
}

#singular .lpContainerUe .boxUe01 .boxUe_title span:after {
	content: "";
	position: absolute;
	bottom: 16px;
	left: 0;
	width: 120%;
	height: 120%;
	margin: 3% -10% 0;
	background-color: #5FB607;
	transform-origin: right center;
	transform: rotate(-6deg);
	z-index: -1;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe01 .boxUe_title span:after {
		bottom: 22px;
	}
}

#singular .lpContainerUe .boxUe01 div {
	width: 100%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe01 div {
		background: url("images/lp/lp_uber_eats/main_bg_sp.jpg") no-repeat;
		padding: 40vw 0 0;
		background-position: top 22vw center;
		background-size: contain;
		min-height: 124vw;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe01 div {
		background: url("images/lp/lp_uber_eats/main_bg_sp.jpg") no-repeat;
		padding: 40vw 0 0;
		background-position: top 22vw center;
		background-size: contain;
		min-height: 126vw;
	}
}

#singular .lpContainerUe .boxUe01 div ul {
	text-align: right;
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe01 div ul {
		right: 6px;
		bottom: 34px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe01 div ul {
		right: 6px;
		bottom: 34px;
	}
}

#singular .lpContainerUe .boxUe01 div ul li:not(:last-of-type) {
	margin: 0 0 28px;
}

#singular .lpContainerUe .boxUe01 div ul li span {
	background: #fff url("images/lp/lp_uber_eats/icon_checkbox.png") no-repeat;
	border-radius: 40px;
	background-position: left 10px center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe01 div ul li span {
		background-size: 44px;
		font-size: 3.6rem;
		padding: 14px 16px 14px 6vw;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe01 div ul li span {
		background-size: 7vw;
		font-size: 4.8vw;
		padding: 16px 18px 16px 11vw;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02 .boxUe_title {
		height: 440px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02 .boxUe_title {
		height: 236px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list {
		margin-top: -260px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02_list {
		margin-top: -130px;
	}
}

#singular .lpContainerUe .boxUe02_list_item {
	position: relative;
}

#singular .lpContainerUe .boxUe02_list_item figure {
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list_item figure img {
		display: block;
		margin: 0 auto;
		width: 770px;
	}
}

#singular .lpContainerUe .boxUe02_list_item figure figcaption {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #FF6B1D;
	z-index: 10;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list_item figure figcaption {
		line-height: 90px;
		font-size: 4rem;
		width: 600px;
		bottom: -35px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02_list_item figure figcaption {
		line-height: 44px;
		font-size: 2.2rem;
		width: 300px;
		bottom: -22px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list_item p {
		margin: 80px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02_list_item p {
		margin: 40px 0 0;
	}
}

#singular .lpContainerUe .boxUe02_list_item .number {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list_item .number {
		top: -70px;
		left: 120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02_list_item .number {
		top: -36px;
		left: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list_item .number img {
		width: 130px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02_list_item .number img {
		width: 66px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe02_list_item:not(:last-of-type) {
		margin: 0 0 120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe02_list_item:not(:last-of-type) {
		margin: 0 0 60px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list {
		display: flex;
		justify-content: space-between;
	}
}

#singular .lpContainerUe .boxUe03_list_item {
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 20px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item {
		width: 300px;
	}
}

#singular .lpContainerUe .boxUe03_list_item .circle {
	align-items: center;
	justify-content: center;
	background: #fff;
	display: flex;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item .circle {
		width: 150px;
		height: 150px;
		margin: 0 auto 10px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe03_list_item .circle {
		width: 180px;
		height: 180px;
		margin: 0 auto 30px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item .circle img {
		width: 120px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe03_list_item .circle img {
		width: 144px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item:not(:last-of-type) {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe03_list_item:not(:last-of-type) {
		margin: 0 0 24px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item:first-of-type .circle img {
		width: 80px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe03_list_item:first-of-type .circle img {
		width: 100px;
	}
}

#singular .lpContainerUe .boxUe03_list_item:last-of-type .circle img {
	width: 76%;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item p:last-of-type {
		font-size: 1.6rem;
		line-height: 1.8;
		margin: 0;
	}
}

#singular .lpContainerUe .boxUe03_list_item .text_bold {
	background: url("images/lp/lp_uber_eats/icon_checkbox_recomend.png") no-repeat left center;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe03_list_item .text_bold {
		background-size: 12%;
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding-left: 40px;
		line-height: 1.7;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe03_list_item .text_bold {
		background-size: 13%;
		font-size: 2rem;
		margin: 0 0 20px;
		min-height: 50px;
		padding-left: 50px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04 .inner {
		width: 770px;
	}
}

#singular .lpContainerUe .boxUe04_list_item {
	border: 2px solid #fff;
	border-radius: 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_list_item {
		font-size: 1.8rem;
	}
}

#singular .lpContainerUe .boxUe04_list_item dt,
#singular .lpContainerUe .boxUe04_list_item dd {
	line-height: 1;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item dt,
	#singular .lpContainerUe .boxUe04_list_item dd {
		align-items: center;
		justify-content: center;
		display: flex;
		width: 50%;
		min-height: 70px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_list_item dt,
	#singular .lpContainerUe .boxUe04_list_item dd {
		align-items: center;
		justify-content: center;
		display: flex;
		width: 50%;
		min-height: 70px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item dt {
		font-size: 3rem;
	}
}

#singular .lpContainerUe .boxUe04_list_item dd {
	background-color: #fff;
	color: #000;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item dd {
		padding: 20px 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item:not(:last-of-type) {
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_list_item:not(:last-of-type) {
		margin: 0 0 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item .number {
		font-size: 4.4rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_list_item .number {
		font-size: 2.8rem;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_list_item .zero {
		font-size: 7rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_list_item .zero {
		font-size: 5rem;
	}
}

#singular .lpContainerUe .boxUe04_box {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_box {
		padding: 30px 0;
		margin: 40px 100px 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_box {
		padding: 30px 0;
		margin-top: 30px;
	}
}

#singular .lpContainerUe .boxUe04_box_title span {
	border-bottom: 1px solid #000;
	padding-bottom: 6px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_box_title {
		font-size: 3rem;
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_box_title {
		font-size: 1.8rem;
		margin: 0 0 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_box .inner {
		padding: 0 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_box .inner {
		width: 274px;
		margin: 0 auto;
		padding: 0;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_box_list_item {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_box_list_item {
		font-size: 1.8rem;
	}
}

#singular .lpContainerUe .boxUe04_box_list_item:before {
	content: "○";
	display: inline-block;
	margin-right: 10px;
}

#singular .lpContainerUe .boxUe04_box_list_item:not(:last-of-type) {
	margin: 0 0 2px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_box_text {
		margin: 10px 0 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_box_text {
		margin: 10px 0 0;
	}
}

#singular .lpContainerUe .boxUe04_box_icon {
	position: absolute;
	left: 10px;
	top: -10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe04_box_icon img {
		width: 24px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe04_box_icon img {
		width: 24px;
	}
}

#singular .lpContainerUe .boxUe05 .faq>div {
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq>div {
		border-radius: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq>div {
		border-radius: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq>div:not(:last-of-type) {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq>div:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq .question,
	#singular .lpContainerUe .boxUe05 .faq .answer {
		padding: 20px 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq .question,
	#singular .lpContainerUe .boxUe05 .faq .answer {
		padding: 16px 40px 16px 60px;
	}
}

#singular .lpContainerUe .boxUe05 .faq .question {
	background: url("images/lp/lp_uber_eats/icon_q.png") no-repeat;
	position: relative;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq .question {
		font-size: 2.2rem;
		background-position: left 20px center;
		background-size: 3.4%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq .question {
		font-size: 2rem;
		background-size: 9%;
		background-position: left 10px center;
	}
}

#singular .lpContainerUe .boxUe05 .faq .question .icon {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background-color: #5FB607;
	right: 10px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq .question .icon {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq .question .icon {
		width: 20px;
		height: 20px;
	}
}

#singular .lpContainerUe .boxUe05 .faq .question .icon_inner {
	position: relative;
}

#singular .lpContainerUe .boxUe05 .faq .question span {
	display: inline-block;
	background-color: #fff;
	position: absolute;
	transition: all .3s;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq .question span {
		width: 20px;
		height: 2px;
		top: 14px;
		left: 5px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq .question span {
		width: 10px;
		height: 2px;
		top: 9px;
		left: 5px;
	}
}

#singular .lpContainerUe .boxUe05 .faq .question span:nth-of-type(1) {
	transform: rotate(0deg);
}

#singular .lpContainerUe .boxUe05 .faq .question span:nth-of-type(2) {
	transform: rotate(90deg);
}

#singular .lpContainerUe .boxUe05 .faq .question .on span:nth-of-type(1) {
	display: none;
}

#singular .lpContainerUe .boxUe05 .faq .question .on span:nth-of-type(2) {
	transform: rotate(180deg);
}

#singular .lpContainerUe .boxUe05 .faq .answer {
	background: url("images/lp/lp_uber_eats/icon_a.png") no-repeat;
	position: relative;
	display: none;
}

#singular .lpContainerUe .boxUe05 .faq .answer:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	height: 1px;
	background-color: #ccc;
	top: 0;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq .answer:before {
		width: 87%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq .answer:before {
		width: 76%;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe05 .faq .answer {
		font-size: 1.6rem;
		background-position: left 20px top 10px;
		background-size: 3%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe05 .faq .answer {
		font-size: 1.6rem;
		background-position: left 12px top 10px;
		background-size: 8%;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 .bg_green {
		padding: 0 20px 40px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe06 .bg_green div {
		width: 980px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
}

#singular .lpContainerUe .boxUe06 .bg_green .boxUe_title {
	margin: 0;
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 .inner {
		padding: 0 20px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe06 .inner {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
	}
}

#singular .lpContainerUe .boxUe06 .formArea {
	background-color: #fff;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe06 .formArea {
		padding: 30px;
		margin-top: -60px;
		border-radius: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 .formArea {
		padding: 20px;
		margin-top: -30px;
		border-radius: 10px;
	}
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe06 .formArea dl div:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 .formArea dl div:not(:last-of-type) {
		margin-bottom: 16px;
	}
}

#singular .lpContainerUe .boxUe06 .wpcf7-form-control {
	border: 1px solid #BCBCBC;
	font-size: 1.6rem;
	width: 100%;
	padding: 12px;
	-webkit-appearance: none;
	appearance: none;
}

#singular .lpContainerUe .boxUe06 .wpcf7-submit {
	border: none;
	background-color: #FF6B1D;
	font-weight: bold;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
	font-size: 1.8rem;
	color: #fff;
	-webkit-appearance: none;
	appearance: none;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe06 .wpcf7-submit {
		margin-top: 30px;
		border-radius: 8px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 .wpcf7-submit {
		margin-top: 20px;
		border-radius: 6px;
	}
}

#singular .lpContainerUe .boxUe06 .sWrapper {
	position: relative;
	width: 80%;
}

#singular .lpContainerUe .boxUe06 .sWrapper:after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}

#singular .lpContainerUe .boxUe06 .haveto,
#singular .lpContainerUe .boxUe06 .any {
	color: #fff;
	position: relative;
	margin-right: 4px;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe06 .haveto,
	#singular .lpContainerUe .boxUe06 .any {
		font-size: 1.2rem;
		padding: 4px;
		border-radius: 3px;
		top: -2px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe06 .haveto,
	#singular .lpContainerUe .boxUe06 .any {
		font-size: 1rem;
		padding: 4px;
		border-radius: 2px;
		top: -2px;
	}
}

#singular .lpContainerUe .boxUe06 .haveto {
	background-color: #E80606;
}

#singular .lpContainerUe .boxUe06 .any {
	background-color: #BCBCBC;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe07 {
		padding: 0 20px 60px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe07 {
		padding: 0 20px;
	}
}

#singular .lpContainerUe .boxUe07 .boxUe_title {
	color: #606060;
	position: relative;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe07 .boxUe_title {
		font-size: 3rem;
		margin: 0 0 40px;
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe07 .boxUe_title {
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding: 0;
	}
}

#singular .lpContainerUe .boxUe07 .boxUe_title span {
	background-color: #fff;
	padding: 0 10px;
}

#singular .lpContainerUe .boxUe07 .boxUe_title:before {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	content: "";
	display: block;
	height: 1px;
	left: 0;
	width: 100%;
	background-color: #606060;
	z-index: -1;
}

#singular .lpContainerUe .boxUe07 .sns {
	justify-content: center;
}

@media screen and (min-width: 768px) {
	#singular .lpContainerUe .boxUe07 .sns li {
		width: 50px;
		margin: 0 30px;
	}
}

@media screen and (max-width: 767px) {
	#singular .lpContainerUe .boxUe07 .sns li {
		width: 36px;
		margin: 0 12px;
	}
}


/* top 改修(2020/08/20)*/


/* footer */

.footer {
	background: #FF545E;
}

.footer .footer_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer_caption {
	font-weight: bold;
	color: #fff;
}

.footer .footer_inner .h_item {
	justify-content: center;
}

.footer .copyright {
	color: #fff;
}

.footer_caption {
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.footer {
		padding: 51px 0 33px;
		margin-top: 114px;
	}
	.footer_logo {
		width: 80px;
	}
	.footer_inner:before {
		position: absolute;
		top: -156px;
		right: 9px;
		content: "";
		width: 220px;
		height: 195px;
		background: url("images/common/footer_icon.png") no-repeat center top / cover;
	}
	.footer .footer_inner ul li a img {
		width: 80px;
		margin-right: 9px;
	}
	.footer .footer_inner ul li:last-child a img {
		margin-right: 0;
	}
	.footer .footer_inner .h_item:last-child {
		margin: 15px 0 40px;
		display: flex;
	}
	.footer .footer_inner .h_item {
		display: inline-flex;
	}
	.footer .footer_inner ul:last-child li img {
		width: 260px;
	}
	.footer_caption {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.footer {
		padding: calc(42 / 750 * 100vw) 0 calc(18 / 750 * 100vw);
		margin-top: calc(69 / 750 * 100vw);
	}
	.footer_logo {
		width: calc(160 / 750 * 100vw);
	}
	.footer_inner:before {
		display: none;
		position: absolute;
		top: calc(-61 / 750 * 100vw);
		right: calc(18 / 750 * 100vw);
		content: "";
		width: calc(220 / 750 * 100vw);
		height: calc(195 / 750 * 100vw);
		background: url("images/common/footer_icon.png") no-repeat center top / cover;
	}
	.footer .footer_inner ul li a img {
		width: calc(130 / 750 * 100vw);
		margin-right: calc(28 / 750 * 100vw)
	}
	.footer .footer_inner ul li:last-child a img {
		margin-right: 0;
	}
	.footer .footer_inner .h_item:first-child {
		margin: 0 0 calc(28 / 750 * 100vw);
	}
	.footer .footer_inner .h_item:last-child {
		margin: calc(40 / 750 * 100vw) 0 calc(32 / 750 * 100vw);
	}
	.footer .footer_inner ul:last-child li img {
		width: calc(450 / 750 * 100vw);
	}
	.footer_caption {
		font-size: calc(20 / 750 * 100vw);
	}
}


/* header */


/* 既存のオーバーライド */

@media screen and (max-width: 767px) {
	/* 検索窓 */
	.header .searchbar_wrapper {
		padding: calc(30 / 750 * 100vw) 0;
		width: 100%;
		background: #efefef;
	}
	.header .searchbar {
		width: 100%;
		margin: calc(20 / 750 * 100vw) 0;
		padding: 0 calc(20 / 750 * 100vw);
		height: calc(95 / 750 * 100vw);
	}
	.header .searchbar_inner {
		position: relative;
		height: 100%;
	}
	.header .searchbar form {
		height: 100%;
	}
	.header .searchbar_inputfield {
		padding: calc(2 / 750 * 100vw) calc(26 / 750 * 100vw) calc(2 / 750 * 100vw) calc(150 / 750 * 100vw);
		height: calc(95 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.header .searchbar_btn {
		position: absolute;
		right: 0;
		background: #ff0211 url("images/icon_search.png") no-repeat center;
		border: none;
		z-index: 110;
	}
	@media screen and (max-width: 767px) {
		.header .searchbar_btn {
			width: calc(95 / 750 * 100vw);
			height: calc(95 / 750 * 100vw);
			background-size: calc(60 / 750 * 100vw);
			top: 0;
		}
	}
	.header .searchbar_text {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		color: #969696;
		z-index: 110;
	}
	.header .searchbar_text {
		left: 6px;
		line-height: 24px;
		border-right: 1px solid #969696;
		padding-right: calc(8 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	/* カテゴリ */
	.header .box_category {
		margin: 0;
		width: 100%;
	}
	.header .box_category .box_title {
		color: #fff;
		font-size: calc(36 / 750 * 100vw);
		line-height: 44px;
		padding: calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw) calc(145 / 750 * 100vw);
		background: #333 url("images/icon_cate_white.png") no-repeat left calc(50 / 750 * 100vw) center;
		background-size: calc(60 / 750 * 100vw) calc(55 / 750 * 100vw);
		border: none;
		margin: 0;
	}
	.header .box_category .cateList>li {
		border-bottom: 1px solid #969696;
	}
	.header .box_category .cateList li:last-of-type {
		border: none;
	}
	.header .box_category .cateList li a {
		padding: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) calc(40 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.header .box_category .cateList li ul li a {
		padding-left: 60px;
	}
}


/* 新規追加 */

.header {
	background: #fff;
	border-bottom: 4px solid #ff0211;
}

@media screen and (max-width: 1034px) {
	.header {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 99;
		width: 100vw;
		border: none;
	}
}

.header .container {
	padding: 0;
}

.header__inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 15px 50px;
}

@media screen and (max-width: 1034px) {
	.header__inner {
		display: block;
		padding: 0;
	}
}

.header__links {
	background: #fff;
	z-index: 99;
}

@media screen and (max-width: 1034px) {
	.header__links {
		display: none;
		position: absolute;
		right: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.6);
		overflow-y: scroll;
	}
}

.header__links__inner {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

@media screen and (max-width: 1034px) {
	.header__links__inner {
		position: absolute;
		right: 0;
		flex-direction: column;
		align-items: flex-start;
		justify-content: initial;
		width: 83.2vw;
		height: auto;
		background: #fff;
		padding: 4vw 0;
	}
}

.header__links__inner>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 29px;
}

@media screen and (max-width: 1034px) {
	.header__links__inner>a {
		position: relative;
		width: 100%;
		justify-content: initial;
		padding: 2.6666666667vw;
		margin: 0;
	}
	.header__links__inner>a:before {
		content: "";
		position: absolute;
		bottom: 0;
		background: #999;
		width: 90%;
		height: 2px;
	}
	.header__links__inner>a:after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width: 2.6666666667vw;
		height: 4vw;
		transform: translate(-7.2vw, -50%);
		background: url("images/common/icon_arrow.png") no-repeat center top/cover;
	}
}

.header__links__inner>a.current * {
	opacity: 0.4;
}

.header__links__inner>a div {
	position: relative;
}

.header__links__inner>a div.new:after {
	content: "";
	position: absolute;
	width: 38px;
	height: 25px;
	left: 50%;
	top: -10px;
	transform: translate(-50%, 0);
	background: url("images/common/badge_new.png") no-repeat center top/cover;
}

.header__links__inner>a img {
	width: 40px;
}

@media screen and (max-width: 1034px) {
	.header__links__inner>a img {
		width: 8vw;
	}
}

.header__links__inner>a p {
	font-weight: bold;
	color: #444444;
	font-size: 14px;
}

@media screen and (max-width: 1034px) {
	.header__links__inner>a p {
		font-size: 4.8vw;
	}
}

.header__links__inner>a:nth-child(5) {
	margin: 0;
}

@media screen and (max-width: 1034px) {
	.header__links__inner>a:nth-child(5):before {
		display: none;
	}
}

.header__links__inner .banners {
	display: none;
	width: 100%;
}

@media screen and (max-width: 1034px) {
	.header__links__inner .banners {
		display: flex;
		justify-content: center;
		padding: 0 0 4.4vw;
		border-bottom: 2px solid #999;
	}
	.header__links__inner .banners a {
		display: block;
		width: 31.4666666667vw;
	}
	.header__links__inner .banners a:first-child {
		margin-right: 1.3333333333vw;
	}
}

@media screen and (max-width: 1034px) {
	.header__logo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 4px solid #ff0211;
		height: 13.3333333333vw;
		padding: 0 6.6666666667vw;
	}
}

.header__logo #menu_open {
	display: none;
}

@media screen and (max-width: 1034px) {
	.header__logo #menu_open {
		display: block;
	}
	.header__logo #menu_open img {
		width: 6.6666666667vw;
	}
	.header__logo #menu_open img:last-child {
		display: none;
	}
}

.header__logo img {
	width: auto;
}

@media screen and (max-width: 1034px) {
	.header__logo img {
		width: 60px;
	}
}

.header.active .header__links {
	display: block;
}

.header.active #menu_open img:first-child {
	display: none;
}

.header.active #menu_open img:last-child {
	display: block;
}

@media screen and (max-width: 1034px) {
	body {
		padding-top: 13.3333333333vw;
	}
}

.header .container {
	margin: 0 auto;
	max-width: 1008px;
}


/* common */

.visible-lg {
	display: none !important;
}

@media screen and (min-width: 1335px) {
	.visible-lg {
		display: block !important;
	}
}

.visible-tb {
	display: none !important;
}

@media screen and (min-width: 1035px) {
	.visible-tb {
		display: block !important;
	}
}

.visible-sm {
	display: none !important;
}

@media screen and (max-width: 1034px) {
	.visible-sm {
		display: block !important;
	}
}

img {
	max-width: 100%;
}


/* drop-shadow */

.drop-shadow {
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .3);
}


/* ribbon */

.card .card_title p.ribbon {
	display: inline-block;
	position: relative;
	text-align: center;
	background: #ff8400;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
}

.card .card_title p.ribbon:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
	top: 0;
	right: 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.card .card_title .t-space-narrow {
	letter-spacing: -0.55px;
}

@media screen and (min-width: 768px) {
	.card .card_title p.ribbon {
		width: 80px;
		height: 24px;
		line-height: 24px;
		padding: 0 27px 0 5px;
		font-size: 16px;
	}
	.card .card_title p.ribbon:after {
		border-width: 12px 12px 12px 0;
	}
}

@media screen and (max-width: 767px) {
	.card .card_title p.ribbon {
		width: calc(166 / 750 * 100vw);
		height: calc(50 / 750 * 100vw);
		line-height: calc(50 / 750 * 100vw);
		padding: 0 calc(61 / 750 * 100vw) 0 calc(15 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
	.card .card_title p.ribbon:after {
		border-width: calc(25 / 750 * 100vw) calc(25 / 750 * 100vw) calc(25 / 750 * 100vw) 0;
	}
}


/* link_next */

.link_next {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #ff0211;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	border-radius: 6px;
}

.link_next:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background: url("images/top/arrow_white.png") no-repeat center top / cover;
}

@media screen and (min-width: 768px) {
	.link_next {
		font-size: 16px;
		width: 280px;
		padding: 12px 0;
	}
	.link_next:after {
		right: 10px;
		width: 9px;
		height: 14px;
	}
}

@media screen and (max-width: 767px) {
	.link_next {
		font-size: calc(30 / 750 * 100vw);
		width: calc(590 / 750 * 100vw);
		padding: calc(16 / 750 * 100vw) 0;
	}
	.link_next:after {
		right: calc(20 / 750 * 100vw);
		width: calc(19 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
	}
}


/* card */

.card {
	display: block;
}

.card .card_heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px 10px 0 0;
}

.card_heading.bg_blue {
	background: #FF545E;
}

.card .card_title {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.card .card_title * {
	line-height: 1;
}

.card .card_title>p {
	color: #fff;
}

.card .card_title>h3 {
	font-weight: bold;
	color: #444444;
}

.card_inner hr {
	border: none;
	height: 2px;
	background: #eeeeee;
}

.card_inner_text {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rounded-rect {
	position: relative;
}

.rounded-rect:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.rounded-rect.red:before {
	background-color: #ff0211;
}

.rounded-rect.black:before {
	background-color: #000000;
}

.rounded-rect.blue:before {
	background-color: #0082B9;
}


/* for pc */

@media screen and (min-width: 768px) {
	.card {
		width: 320px;
		border-radius: 10px;
	}
	.card_heading {
		height: 100px;
		padding: 0 0 0 30px;
	}
	.card_title>p {
		font-size: 10px;
		margin: 0 0 7px 0;
	}
	.card_title>h3 {
		font-size: 24px;
	}
	.card_inner {
		padding: 12px 10px;
	}
	.card_inner hr {
		margin: 8px 0;
	}
	.card_inner_text>p {
		font-size: 14px;
	}
	.card_inner_text img.arrow_black {
		width: 13px;
		height: 20px;
		margin: 0 10px 0 22px;
	}
	.rounded-rect {
		padding-left: 26px;
		font-size: 14px;
	}
	.rounded-rect:before {
		width: 20px;
		height: 14px;
		border-radius: 3px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.card {
		width: calc(650 / 750 * 100vw);
		border-radius: 10px;
	}
	.card_heading {
		height: calc(140 / 750 * 100vw);
		padding: 0 0 0 calc(40 / 750 * 100vw);
		;
	}
	.card_title>p {
		font-size: calc(20 / 750 * 100vw);
		margin: 0 0 calc(13 / 750 * 100vw) 0;
	}
	.card_title>h3 {
		font-size: calc(40 / 750 * 100vw);
	}
	.card_inner {
		padding: calc(20 / 750 * 100vw);
	}
	.card_inner hr {
		margin: calc(15 / 750 * 100vw) 0;
	}
	.card_inner_text>p {
		font-size: calc(30 / 750 * 100vw);
	}
	.card_inner_text img {
		width: calc(26 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		margin: 0 calc(10 / 750 * 100vw) 0 calc(27 / 750 * 100vw);
	}
	.rounded-rect {
		position: relative;
		padding-left: calc(53 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
	.rounded-rect:before {
		width: calc(40 / 750 * 100vw);
		height: calc(28 / 750 * 100vw);
		border-radius: 3px;
	}
}


/* section */

.section * {
	box-sizing: border-box;
}

.section ul {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
	.section {
		margin: 40px auto;
	}
	.section ul {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}
}

@media screen and (max-width: 767px) {
	.section {
		margin: calc(68 / 750 * 100vw) auto;
	}
	.section ul {
		flex-direction: column;
		justify-content: initial;
		align-items: center;
	}
}


/* section divider */

.section_divider {
	height: 2px;
	background: #cccccc;
	margin: 0;
}

.section_divider:first-child {
	margin-top: 10px;
}


/* section title */


/* for pc */

@media screen and (min-width: 768px) {
	.section_title {
		position: relative;
		width: calc(100% - 10px);
		display: flex;
		align-items: center;
		padding: 10px 0;
	}
	.section_title:after {
		content: "";
		position: absolute;
		bottom: 10px;
		left: 10px;
		width: 100%;
		height: 10px;
		background: rgba(255,84,94,0.13);
	}
	.section_title>h2,
	.section_title>h3 {
		font-size: 20px;
		color: #ff0211;
	}
	.section_title img {
		width: 60px;
		margin-right: 23px;
		z-index: 10;
	}
	.section_categories ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.section_categories ul li {
		margin-bottom: 30px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_title {
		position: relative;
		width: calc(100% - 10px);
		height: calc(100 / 750 * 100vw);
		display: flex;
		align-items: center;
		padding: 0;
	}
	.section_title:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: calc(10 / 750 * 100vw);
		width: 100%;
		height: calc(10 / 750 * 100vw);
		background: rgba(255,84,94,0.13);
	}
	.section_title>h2,
	.section_title>h3 {
		padding: 0 0 calc(35 / 750 * 100vw) calc(120 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
		color: #ff0211;
	}
	.section_title img {
		position: absolute;
		width: calc(100 / 750 * 100vw);
		margin-right: calc(22 / 750 * 100vw);
		z-index: 10;
	}
}


/* section caption */


/* for pc */

@media screen and (min-width: 768px) {
	.section_caption {
		margin: 20px 0;
		font-size: 14px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_caption {
		margin: calc(23 / 750 * 100vw) 0 calc(53 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
}


/* section_categories */

.section_categories .card .card_title>h3 {
	color: #fff;
}

.section_categories ul li .card_heading>img {
	object-fit: cover;
	object-position: 0 0;
}


/* for pc */

@media screen and (min-width: 768px) {
	.section_categories ul li {
		margin-bottom: 30px;
	}
	.section_categories ul li:nth-child(1) .card_heading>img {
		margin-top: -10px;
		width: 140px;
		height: 110px;
	}
	.section_categories ul li:nth-child(2) .card_heading>img {
		margin: -10px 10px 0 0;
		width: 153px;
		height: 110px;
	}
	.section_categories ul li:nth-child(3) .card_heading>img {
		margin: 25px 10px 0 0;
		width: 103px;
		height: 60px;
	}
	.section_categories ul li:nth-child(4) .card_heading>img {
		margin: -10px 8px 0 0;
		width: 154px;
		height: 110px;
	}
	.section_categories ul li:nth-child(5) .card_heading>img {
		margin: -10px 10px 0 0;
		width: 74px;
		height: 110px;
	}
	.section_categories ul li:nth-child(6) .card_heading>img {
		margin: -10px 0 0 0;
		width: 151px;
		height: 110px;
	}
	.section_categories ul li:nth-child(7) .card_heading>img {
		margin: 15px 15px 0 0;
		width: 130px;
		height: 72px;
	}
	.section_categories ul li:nth-child(8) .card_heading>img {
		margin: 10px 20px 0 0;
		width: 100px;
		height: 90px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_categories ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: wrap;
	}
	.section_categories ul li {
		margin-bottom: calc(50 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(1) .card_heading>img {
		margin: calc(-20 / 750 * 100vw) 0 0 0;
		width: calc(200 / 750 * 100vw);
		height: calc(160 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(2) .card_heading>img {
		margin: calc(-20 / 750 * 100vw) calc(20 / 750 * 100vw) 0 0;
		width: calc(250 / 750 * 100vw);
		height: calc(160 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(3) .card_heading>img {
		margin: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) 0 0;
		width: calc(213 / 750 * 100vw);
		height: calc(110 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(4) .card_heading>img {
		margin: calc(-20 / 750 * 100vw) calc(17 / 750 * 100vw) 0 0;
		width: calc(249 / 750 * 100vw);
		height: calc(160 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(5) .card_heading>img {
		margin: calc(-20 / 750 * 100vw) calc(60 / 750 * 100vw) 0 0;
		width: calc(135 / 750 * 100vw);
		height: calc(160 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(6) .card_heading>img {
		margin: calc(-20 / 750 * 100vw) 0 0;
		width: calc(250 / 750 * 100vw);
		height: calc(160 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(7) .card_heading>img {
		margin: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw) 0 0;
		width: calc(190 / 750 * 100vw);
		height: calc(105 / 750 * 100vw);
	}
	.section_categories ul li:nth-child(8) .card_heading>img {
		margin: calc(10 / 750 * 100vw) calc(70 / 750 * 100vw) 0 0;
		width: calc(150 / 750 * 100vw);
		height: calc(130 / 750 * 100vw);
	}
}


/* section_recommends */

.section_recommends .card .card_title>h3 {
	color: #444444;
}

.section_recommends .card .card_heading {
	justify-content: initial;
}


/* for pc */

@media screen and (min-width: 768px) {
	.section_recommends ul li .card_heading>img {
		width: 100px;
		height: 64px;
		object-fit: cover;
	}
	.section_recommends ul li {
		margin-bottom: 18px;
	}
	.section_recommends .card .card_title {
		margin-left: 11px;
	}
	.section_recommends .card .card_title>h3 {
		font-size: 16px;
	}
	.section_recommends .card_heading {
		height: 80px;
		padding: 15px 15px 11px;
	}
	.section_recommends .card_inner {
		padding: 0 10px 12px 12px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_recommends ul li {
		margin-bottom: calc(28 / 750 * 100vw);
	}
	.section_recommends ul li .card_heading>img {
		width: calc(200 / 750 * 100vw);
		height: calc(128 / 750 * 100vw);
		object-fit: cover;
	}
	.section_recommends .card .card_title {
		margin-left: calc(20 / 750 * 100vw);
	}
	.section_recommends .card .card_title>h3 {
		font-size: calc(30 / 750 * 100vw);
	}
	.section_recommends .card_heading {
		height: calc(180 / 750 * 100vw);
		padding: calc(25 / 750 * 100vw) calc(25 / 750 * 100vw) calc(22 / 750 * 100vw);
	}
	.section_recommends .card_inner {
		padding: 0 calc(20 / 750 * 100vw) calc(23 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
}


/* section_ranking */

.section_ranking .card .card_title>h3 {
	color: #444444;
}

.section_ranking .card .card_heading {
	justify-content: initial;
}


/* for pc */

@media screen and (min-width: 768px) {
	.section_ranking ul li .card_heading>img {
		width: 100px;
	}
	.section_ranking ul li {
		margin-bottom: 20px;
	}
	.section_ranking .card .card_title {
		margin-left: 10px;
	}
	.section_ranking .card .card_title>h3 {
		font-size: 16px;
	}
	.section_ranking .card_heading {
		height: 125px;
		padding: 15px 15px 10px;
	}
	.section_ranking .card_inner {
		padding: 0 10px 12px 12px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_ranking ul li {
		margin-bottom: calc(30 / 750 * 100vw);
	}
	.section_ranking ul li .card_heading>img {
		width: calc(160 / 750 * 100vw);
	}
	.section_ranking .card .card_title {
		margin-left: calc(10 / 750 * 100vw);
	}
	.section_ranking .card .card_title>h3 {
		font-size: calc(30 / 750 * 100vw);
	}
	.section_ranking .card_heading {
		height: calc(195 / 750 * 100vw);
		padding: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) calc(12 / 750 * 100vw);
	}
	.section_ranking .card_inner {
		padding: 0 calc(20 / 750 * 100vw) calc(23 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
}


/* section_for_beginner */

.section_for_beginner ul li .card_heading>img {
	object-fit: cover;
	object-position: 0 0;
}


/* for pc */

@media screen and (min-width: 768px) {
	.section_for_beginner ul li .card_heading {
		overflow: hidden;
	}
	.section_for_beginner ul li .card_heading>img {
		width: 320px;
		height: 120px;
	}
	.section_for_beginner ul li {
		margin-bottom: 20px;
	}
	.section_for_beginner .card .card_title {
		margin-left: 0;
	}
	.section_for_beginner .card_heading {
		height: 120px;
		padding: 0;
	}
	.section_for_beginner .card_inner {
		padding: 10px;
	}
	.section_for_beginner .card_inner>h3 {
		color: #e16a00;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	.section_for_beginner ul li:nth-child(1) .card_heading>img {
		object-position: 0 -35px;
	}
	.section_for_beginner ul li:nth-child(2) .card_heading>img {
		object-position: 0 -30px;
	}
	.section_for_beginner ul li:nth-child(3) .card_heading>img {
		object-position: 0 -57px;
	}
	.section_for_beginner ul li:nth-child(4) .card_heading>img {
		object-position: 0 -57px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_for_beginner ul li .card_heading {
		overflow: hidden;
	}
	.section_for_beginner ul li {
		margin-bottom: calc(50 / 750 * 100vw);
	}
	.section_for_beginner ul li .card_heading>img {
		width: calc(650 / 750 * 100vw);
	}
	.section_for_beginner .card .card_title {
		margin-left: calc(10 / 750 * 100vw);
	}
	.section_for_beginner .card .card_title>h3 {
		font-size: calc(30 / 750 * 100vw);
	}
	.section_for_beginner .card_heading {
		height: calc(222 / 750 * 100vw);
		padding: 0;
	}
	.section_for_beginner .card_inner {
		padding: calc(10 / 750 * 100vw) calc(20 / 750 * 100vw) calc(23 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	.section_for_beginner ul li:nth-child(1) .card_heading>img {
		object-position: 0 35px;
	}
	.section_for_beginner ul li:nth-child(2) .card_heading>img {
		object-position: 0 30px;
	}
	.section_for_beginner ul li:nth-child(3) .card_heading>img {
		object-position: 0 -5px;
	}
	.section_for_beginner ul li:nth-child(4) .card_heading>img {
		object-position: 0 -5px;
	}
	.section_for_beginner .card_inner>h3 {
		color: #e16a00;
		font-size: calc(30 / 750 * 100vw);
		font-weight: bold;
		margin-bottom: calc(13 / 750 * 100vw);
	}
}


/* section_writer */


/* for pc */

@media screen and (min-width: 768px) {
	.section_writer .card .card_title>p {
		margin: 11px 0 0 0;
		font-size: 14px;
		color: #444444;
	}
	.section_writer .card .card_title>h3 {
		font-size: 20px;
		color: #444444;
	}
	.section_writer ul li .card_heading>img {
		width: 90px;
		height: 90px;
		border-radius: 50%;
		object-fit: cover;
	}
	.section_writer ul li {
		margin-bottom: 20px;
	}
	.section_writer .card .card_title {
		margin-left: 11px;
	}
	.section_writer .card_heading {
		height: 130px;
		padding: 20px 18px;
	}
	.section_writer .card_inner {
		padding: 0 20px 20px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.section_writer .card .card_title>p {
		margin: calc(23 / 750 * 100vw) 0 0 0;
		font-size: calc(30 / 750 * 100vw);
		color: #444444;
	}
	.section_writer .card .card_title>h3 {
		font-size: 20px;
		color: #444444;
	}
	.section_writer ul li {
		margin-bottom: calc(50 / 750 * 100vw);
	}
	.section_writer ul li .card_heading>img {
		width: calc(180 / 750 * 100vw);
		height: calc(180 / 750 * 100vw);
		border-radius: 50%;
		object-fit: cover;
	}
	.section_writer .card .card_title {
		margin-left: calc(23 / 750 * 100vw);
	}
	.section_writer .card .card_title>h3 {
		font-size: calc(40 / 750 * 100vw);
	}
	.section_writer .card_heading {
		height: calc(230 / 750 * 100vw);
		padding: calc(32 / 750 * 100vw) calc(30 / 750 * 100vw) 0 calc(20 / 750 * 100vw);
	}
	.section_writer .card_inner {
		padding: calc(30 / 750 * 100vw) 0 calc(30 / 750 * 100vw);
	}
}


/* footer text */

.footer_text {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	color: #333333;
}


/* for pc */

@media screen and (min-width: 768px) {
	.footer_text {
		max-width: 1020px;
		margin-top: 40px;
		padding-top: 44px;
		border-top: 2px solid #ccc;
	}
	.footer_text .footer_text_caption {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 44px;
	}
	.footer_text .footer_text_caption small {
		font-size: 12px;
	}
	.footer_text .footer_text_caption>img {
		width: 340px;
		height: 152px;
		margin-right: 25px;
	}
	.footer_text .footer_text_items {
		display: flex;
	}
	.footer_text .footer_text_items>div>h3 {
		font-size: 16px;
		color: #ff0211;
		font-weight: bold;
		background: linear-gradient(transparent 60%, #eeeeee 40%);
		margin-bottom: 12px;
	}
	.footer_text_recommend {
		width: 460px;
	}
	.footer_text .footer_text_items .footer_text_sns {
		display: flex;
		flex-direction: column;
		width: 200px;
		margin-left: 40px;
	}
	.footer_text .footer_text_items .footer_text_sns a {
		display: flex;
		align-items: center;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 2px;
	}
	.footer_text .footer_text_items .footer_text_sns a img {
		width: 30px;
		margin-right: 10px;
	}
}


/* for sp */

@media screen and (max-width: 767px) {
	.footer_text {
		max-width: calc(650 / 750 * 100vw);
		margin-top: calc(80 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.footer_text .footer_text_caption {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-bottom: calc(42 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.footer_text .footer_text_caption small {
		font-size: calc(16 / 750 * 100vw);
	}
	.footer_text .footer_text_caption>img {
		width: 100%;
		margin-bottom: calc(20 / 750 * 100vw);
	}
	.footer_text .footer_text_items {
		display: flex;
		flex-direction: column;
	}
	.footer_text .footer_text_items>div>h3 {
		font-size: calc(30 / 750 * 100vw);
		color: #ff0211;
		font-weight: bold;
		background: linear-gradient(transparent 60%, #eeeeee 40%);
		margin-bottom: calc(32 / 750 * 100vw);
	}
	.footer_text_recommend {
		width: 100%;
	}
	.footer_text .footer_text_items .footer_text_sns {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: calc(40 / 750 * 100vw);
	}
	.footer_text .footer_text_items .footer_text_sns a {
		position: relative;
		display: flex;
		align-items: center;
		padding: calc(8 / 750 * 100vw) calc(20 / 750 * 100vw);
		font-weight: bold;
		font-size: calc(30 / 750 * 100vw);
		border-bottom: 2px solid #eeeeee;
	}
	.footer_text .footer_text_items .footer_text_sns a:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
		width: calc(26 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		background: url('images/top/arrow_black.png') no-repeat center top / cover;
	}
	.footer_text .footer_text_items .footer_text_sns a img {
		width: calc(60 / 750 * 100vw);
		margin-right: calc(13 / 750 * 100vw);
	}
}


/* sidebar */

.side_item .side_item_heading * {
	line-height: 1;
	font-weight: bold;
}

.side_item .side_item_heading {
	position: relative;
	display: flex;
	color: #ff0211;
}

.side_item .side_item_heading:after {
	position: absolute;
	content: '';
	background: #C4E1ED;
}

.side_item .side_item_heading .side_item_title {
	display: flex;
	flex-direction: column;
}

.side_item .side_item_heading .side_item_title>p {
	color: #999999;
}

.side_item .latest_articles {
	display: flex;
	flex-direction: column;
}

.side_item .latest_articles .latest_article a div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

@media screen and (min-width: 768px) {
	.side_item {
		margin-bottom: 40px;
	}
	.side_item .side_item_heading {
		display: flex;
		align-items: center;
		color: #ff0211;
		margin-bottom: 42px;
	}
	.side_item .side_item_heading:after {
		width: 280px;
		height: 10px;
		left: 0;
		bottom: -21px;
	}
	.side_item .side_item_heading>p {
		font-size: 36px;
	}
	.side_item .side_item_heading .side_item_title {
		font-size: 20px;
	}
	.side_item .side_item_heading .side_item_title>p {
		margin-bottom: 3px;
		font-size: 11px;
	}
	.side_item .latest_articles .latest_article {
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}
	.side_item .latest_articles .latest_article:last-child {
		border: none;
	}
	.side_item .latest_articles .latest_article figure>img {
		flex-shrink: 0;
		width: 60px;
		height: 60px;
		object-fit: cover;
	}
	.side_item .latest_articles .latest_article a div>img {
		width: 13px;
		height: 20px;
	}
	.side_item .latest_articles .latest_article a div>p {
		width: 140px;
	}
}

@media screen and (max-width: 767px) {
	.side_item {
		margin-bottom: calc(69 / 750 * 100vw);
	}
	.side_item .side_item_heading {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ff0211;
		margin-bottom: calc(83 / 750 * 100vw);
	}
	.side_item .side_item_heading:after {
		width: 100%;
		height: calc(20 / 750 * 100vw);
		left: 0;
		bottom: calc(-36 / 750 * 100vw);
	}
	.side_item .side_item_heading>p {
		font-size: calc(80 / 750 * 100vw);
	}
	.side_item .side_item_heading .side_item_title {
		font-size: calc(40 / 750 * 100vw);
	}
	.side_item .side_item_heading .side_item_title>p {
		margin-bottom: calc(5 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.side_item .latest_articles .latest_article {
		padding: calc(29 / 750 * 100vw) 0;
		border-bottom: 1px solid #ccc;
	}
	.side_item .latest_articles .latest_article:last-child {
		border: none;
	}
	.side_item .latest_articles .latest_article figure>img {
		flex-shrink: 0;
		width: calc(160 / 750 * 100vw);
		height: calc(160 / 750 * 100vw);
		object-fit: cover;
	}
	.side_item .latest_articles .latest_article a div>img {
		width: calc(26 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
	}
	.side_item .latest_articles .latest_article a div>p {
		width: calc(325 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
}


/* アプリダウンロード復活 */

.appdwbtn {
	background-color: #f3f3f3;
	padding: 20px 0;
}

.appdwbtn_text {
	text-align: center;
	line-height: 1;
	margin-bottom: 10px;
}

.appdwbtn_list {
	align-items: center;
	justify-content: center;
}

.appdwbtn_list_item {
	margin: 0 10px;
}

.appdwbtn_list_item img {
	height: 44px;
}


/*  !* 関連記事に抜粋を追加 *!*/

@media screen and (min-width: 768px) {
	#singular .crp_related ul li {
		margin: 0 0 50px 0;
	}
	#singular .crp_related ul li a img {
		object-fit: contain;
		display: inline-block;
		width: 100px;
		height: 100px;
		float: left;
	}
	#singular .crp_related ul li .crp_excerpt {
		position: static;
		top: initial;
		left: initial;
		display: block;
		width: calc(100% - 130px);
		margin-top: 10px;
		margin-left: 120px;
	}
}

.writing_notes {
	padding: 10px;
	border: 2px dotted #ff0211;
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	.writing_notes {
		margin: 0 0 14px;
	}
}

@media screen and (min-width: 768px) {
	.writing_notes {
		margin: 0 0 22px;
	}
}


/* アイキャッチ画像の最大幅を350pxに固定 */

@media screen and (min-width: 768px) {
	#singular .article #img_catch {
		max-width: 350px;
	}
}


/* トップ画面の検索バー */

@media screen and (max-width: 767px) {
	.home .wrapper .mainImg .searchbar {
		display: block;
	}
}


/*詳細画面の日付とSNS*/

#singular .article .time {
	display: flex;
	font-size: 12px;
}

#singular .article .time time {
	margin: 0 16px 0 0;
}

#singular .article .sns_item img {
	width: 52px;
}

#singular .article .sns_item:not(:last-of-type) {
	margin: 0;
}

@media screen and (max-width: 767px) {
	#singular .article .time {
		justify-content: center;
	}
	#singular .article .sns_item:not(:last-of-type) {
		margin: 0 8px;
	}
	#singular .article .sns_item img {
		width: 46px;
	}
}


/*詳細画面の目次*/

#singular .article #toc_container .toc_title::after,
#singular .article #toc_container ul li ul li ul,
#singular .article #toc_container ul li ul li ul li {
	display: none;
}

#singular .article #toc_container {
	background-color: #F7F7F7;
	border: none;
}

#singular .article #toc_container .toc_title {
	color: #888;
	font-size: 18px;
	margin: 0 0 22px;
}

#singular .article #toc_container .toc_list {
	margin: 0
}

#singular .article #toc_container .toc_list li {
	background: none;
	padding: 0;
}

#singular .article #toc_container .toc_list li ul {
	margin: 14px 34px 55px;
}

#singular .article #toc_container .toc_list li ul li {
	position: relative;
	padding: 0 0 0 14px;
}

#singular .article #toc_container .toc_list li ul li::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #888;
	position: absolute;
	left: 0;
	top: 12px;
}

#singular .article #toc_container .toc_list li ul li:not(:last-of-type) {
	margin: 0 0 13px;
}

@media screen and (max-width: 767px) {
	#singular .article #toc_container .toc_title {
		width: 100%;
	}
	#singular .article #toc_container .toc_list li ul {
		margin: 8px 16px 26px;
	}
	#singular .article #toc_container .toc_list li ul li::before {
		top: 8px;
	}
}


/*詳細画面のタイトル*/

#singular .article_header .title {
	min-height: 2.5em;
	font-size: 32px;
	padding: 0;
	margin: 0 0 5px;
}

#singular .article_header .title:before,
#singular .article_header .title:after {
	display: none;
}

#singular .article>h2,
#singular .article>h3 {
	line-height: 1.8;
}

#singular .article>h2 {
	border: none;
	border-bottom: 2px solid #ff0211;
	padding: 0 0 5px 0;
}

#singular .article>h3 {
	border: none;
	background: #F7F7F7;
	padding: 8px 12px;
	font-size: 18px;
	margin: 0 0 19px;
}

#singular .article>h3::before {
	display: none;
}

#singular .article>h4 {
	border: none;
	font-size: 16px;
	margin: 0 0 -10px;
}

@media screen and (max-width: 767px) {
	#singular .article_header .title {
		font-size: 6.4vw;
	}
	#singular .article>h2,
	#singular .article>h3 {
		line-height: 1.4;
	}
	#singular .article>h2 {
		padding: 0 0 12px 0;
		font-size: 5.4vw;
	}
	#singular .article>h3 {
		font-size: 5vw;
		padding: 12px;
		margin: 0 0 10px;
	}
	#singular .article>h4 {
		font-size: 4.8vw;
		margin: 0 0 10px;
	}
}


/*詳細画面のテキスト*/

#singular .article>p {
	line-height: 2.2;
	margin: 18px 0 38px;
}

#singular .article strong {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	#singular .article>p {
		line-height: 2.2;
		margin: 0 0 34px;
	}
}


/*ボタン icon__card*/

.icon__card {
	background: #F7F7F7;
	width: 100%;
	padding: 10px;
	margin: 35px 0;
}

.icon__card:hover {
	background: #F7F7F7;
}

.icon__card:before {
	display: none;
}

.icon__card p {
	line-height: 1;
}

.icon__card p:not(:last-child) {
	text-align: center;
	font-weight: bold;
	color: #000;
	position: relative;
	margin: 16px auto;
	max-width: 360px;
}

.icon__card p:not(:last-child):before,
.icon__card p:not(:last-child):after {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% + 10px);
	background: black;
	position: absolute;
	top: 7px;
}

.icon__card p:not(:last-child):before {
	left: -20px;
	transform: translate(0, -50%) rotate(315deg);
}

.icon__card p:not(:last-child):after {
	right: -20px;
	transform: translate(0, -50%) rotate(-315deg);
}

.icon__card a {
	font-size: 16px;
	font-weight: bold;
	background: #FF9500;
	display: block;
	width: 375px;
	line-height: 1.5;
	margin: 10px auto;
	padding: 20px;
	border: 1px solid #DD8201;
	box-shadow: 0 3px 0 #DD8201;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.icon__card a:hover {
	opacity: 0.7;
}

.icon__card a+p {
	text-align: right;
	color: #888;
	font-size: 10px;
}

@media screen and (max-width: 767px) {
	.icon__card {
		padding: 14px 20px;
		margin: 0 calc(50% - 50vw) 20px;
		width: 100vw;
	}
	.icon__card a {
		width: 100%;
		line-height: 1.5;
		padding: 20px;
		font-size: 4.6vw;
		display: inline-block !important;
	}
	.icon__card p:not(:last-child) {
		font-size: 4vw;
		font-weight: normal;
		padding: 0 10vw;
		line-height: 1.6;
		margin: 0;
	}
	.icon__card p:not(:last-child):before,
	.icon__card p:not(:last-child):after {
		width: 1px;
		height: 100%;
		top: 50%;
	}
	.icon__card p:not(:last-child):before {
		left: 2vw;
	}
	.icon__card p:not(:last-child):after {
		right: 2vw;
	}
	.icon__card a+p {
		text-align: center;
	}
}


/*2021.06.03追加*/

input[type="number"] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
}

.calcField {
	background-color: #f7f7f7;
	border-radius: 4px;
	padding: 20px;
	margin: 0 0 30px;
	font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
	.calcField {
		padding: 14px;
		font-size: 1.4rem;
	}
}

.calcField__form .exText {
	font-size: 1.2rem;
	margin: -10px 0 20px 360px;
	padding-left: 34px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.calcField__form .exText {
		margin: -14px 0 14px;
	}
}

.calcField__form .exText:before {
	content: "（例）";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.calcField__form dl>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
	.calcField__form dl>div {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media screen and (max-width: 767px) {
	.calcField__form dl>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (max-width: 767px) {
	.calcField__form dl>div dt {
		margin: 0 0 4px;
	}
}

.calcField__form dl>div dd {
	position: relative;
}

.calcField__form dl>div dd input[type="number"] {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.6rem;
	padding: 10px;
	width: 300px;
}

@media screen and (max-width: 767px) {
	.calcField__form dl>div dd input[type="number"] {
		width: 100%;
	}
}

.calcField__form dl>div dd div .number {
	font-weight: bold;
	font-size: 24px;
	min-width: 10px;
	display: inline-block;
	padding: 0 6px 0 12px;
}

.calcField__form .calcbtn {
	text-align: center;
	width: 250px;
	margin: 0 auto 30px;
	background-color: #ff0211;
	-webkit-box-shadow: 0 3px 0 #ff0211;
	box-shadow: 0 3px 0 #ff0211;
	color: #fff;
	border: none;
	font-size: 16px;
	line-height: 40px;
	border-radius: 8px;
	cursor: pointer;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	outline: none;
}

@media screen and (max-width: 767px) {
	.calcField__form .calcbtn {
		width: 80%;
		line-height: 44px;
	}
}

@media screen and (min-width: 768px) {
	.calcField__form .calcbtn:hover {
		opacity: 0.7;
	}
}

.calcField .border {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin: 0;
}

.calcField .result {
	border: 1px solid #ff0211;
	background: #fff;
	border-radius: 4px;
	padding: 20px;
}

@media screen and (min-width: 768px) {
	.calcField .result dl>div dt {
		width: calc(100% - 200px);
	}
	.calcField .result dl>div dd {
		width: 200px;
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.calcField .result {
		padding: 14px;
	}
}


/*# sourceMappingURL=style.css.map */


/*2021.06.14追加*/

@media screen and (max-width: 767px) {
	#singular .crp_related ul li a figure {
		float: left;
	}
	#singular .crp_related ul li a .crp_title {
		border-bottom: 2px solid #ff0211;
		font-weight: bold;
	}
	#singular .crp_related ul li .crp_excerpt {
		padding-left: 90px;
	}
}

@media screen and (max-width: 1120px) and (min-width: 768px) {
	.header_inner, .mainImg_inner,
	.container, .footer_inner {
		max-width: 100%;
	}
	.container main {
		width: 60%;
		overflow: hidden;
		margin-left: 2%;
	}
	.container aside {
		width: 34%;
		overflow: hidden;
		margin-right: 2%;
	}
}

/* ヘッダーフッター移植 */
.header {
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
	width: 100vw;
	border-bottom: 4px solid #ff0211
}
header img {
	max-width: 100%;
}
@media screen and (max-width:767px) {
.header {
	height: 74px;
	border-bottom: 1px solid #ff0211;
}
}

.header .container {
padding: 0;
margin: 0 auto;
max-width: 980px
}

.header img {
width: 100%;
max-width: 100%
}

.header__inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 15px 24px
}

@media screen and (max-width:767px) {
.header__inner {
	padding: 16px
}
}

.header__inner>div:first-of-type {
display: flex;
flex-direction: row;
align-items: center
}

.header__inner>div:first-of-type a {
display: flex;
align-items: center;
font-size: 16px
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a {
	font-size: 3.2vw
}
}

.header__inner>div:first-of-type a:first-child {
margin-right: 50px
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a:first-child {
	margin: 0
}
}

.header__inner>div:first-of-type a:first-child img {
width: auto
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a:first-child img {
	width: 76px
}
}

.header__inner>div:first-of-type a:nth-child(2) {
margin-right: 12px
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a:nth-child(2) {
	margin-right: 1.6vw;
	display: none
}
}

.header__inner>div:first-of-type a:nth-child(2) img {
width: 16px;
margin-right: 8px
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a:nth-child(2) img {
	width: 2.13333vw;
	margin-right: 1.06667vw
}
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a:nth-child(3) {
	display: none
}
}

.header__inner>div:first-of-type a:nth-child(3) img {
width: 21px;
margin-right: 8px
}

@media screen and (max-width:767px) {
.header__inner>div:first-of-type a:nth-child(3) img {
	width: 2.66667vw;
	margin-right: 1.06667vw
}
}

.header__inner>div:last-of-type {
	display: flex;
	flex-direction: row;
	align-items: center
}

.header__inner>div:last-of-type a {
	font-size: 16px
}

@media screen and (max-width:767px) {
.header__inner>div:last-of-type a {
	height: 40px;
	line-height: 40px;
	padding: 0 14px
}
}

.header__inner>div:last-of-type a:first-child {
	margin-right: 10px
}

@media screen and (max-width:767px) {
.header__inner>div:last-of-type a:first-child {
	margin-right: 14px
}
}

.header+.SP {
	padding: 14px 0;
	background: #f7f7f7;
	position: fixed;
	width: 100%;
	top: 74px;
	left: 0;
	z-index: 99
}

.header+.SP nav ul {
	display: flex;
	justify-content: center
}

.header+.SP nav ul li {
	margin: 0 10px
}

.header+.SP nav ul li:first-of-type img {
	top: 4px
}

.header+.SP nav ul li:last-of-type img {
	top: 6px
}

.header+.SP nav ul li a {
	font-size: 16px
}

.header+.SP nav ul li a img {
	position: relative;
	right: 4px
}

body {
	padding-top: 70px
}

@media screen and (max-width:767px) {
body {
	padding-top: 130px
}
.header+.SP nav ul li a img {
	width: 16px;
	right: 8px;
}
.header+.SP nav ul li:last-of-type img {
	width: 21px;
	top: 5px;
	right: 2px;
}
}
	
.footer {
	padding: 40px 155px;
	color: #fff;
}
.footer a {
	color: #fff;
}
@media screen and (max-width: 767px) {
	.footer {
		padding: 44px 44px 30px;
	}
}
.footer .footer_nav {
	display: flex;
	justify-content: center;
	z-index: 10;
}
.footer .footer_nav ul {
	display: flex;
}
@media screen and (max-width: 767px) {
	.footer .footer_nav ul {
		flex-wrap: wrap;
		justify-content: center;
	}
}
.footer .footer_nav ul li {
	padding: 0 12px;
	border-right: 1px solid #fff;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.footer .footer_nav ul li {
		margin: 0 0 12px;
	}
}
.footer .footer_nav ul li:last-child {
	border-right: none;
}
.footer .footer_caption {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 46px;
}
@media screen and (max-width: 767px) {
	.footer .footer_caption {
		flex-direction: column;
		margin: 20px 0 0;
	}
}
.footer .footer_caption > div {
	display: flex;
	align-items: center;
	margin-right: 148px;
}
@media screen and (max-width: 767px) {
	.footer .footer_caption > div {
		width: 254px;
		margin: 0 0 20px;
		font-size: 14px;
	}
}
.footer .footer_caption > div img {
	margin-top: -6px;
	margin-right: 12px;
	width: 70px;
}
footer {
	position: relative;
}
footer .globalsign_icon {
    position: absolute;
    bottom: 20px;
    right: 30px;
}
@media screen and (max-width: 767px) {
	footer .globalsign_icon {
		position: relative;
		bottom: inherit;
		right: inherit;
		text-align: center;
		padding-top: 20px;
	}
}