@charset "UTF-8";


html,body {
	width: 100%;
}
@keyframes my-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
body {
	/*display: none;*/
	animation-name: my-fade-in;
	animation-duration: .6s;
	width: 100%;
	font-size: 1rem;
	/* height:100%; */
	/* font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif; */
	/* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */
	/* font-family: "Mplus 1p"; */
	/* font-family: "Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif; */
	/* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */
	/* font-family: "Sawarabi Gothic"; */
	/*font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	/*font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333;
	line-height: 1.6;
	/*background-color: #fffef0;*/
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
body.beginner_bg {
	background-color: #f5fbfe;
}
body.pro_bg {
	background-color: #fef1e4;
}
body.eco_bg {
	background-color: #fffee3;
}

a {
	color: #0093a0;
	outline: none;
	transition: all 0.2s;
}
a:hover {
	color: #00b7d8;
}
a:hover img {
	opacity: 1;
}

a img {
	transition: all 0.2s;
}
/*a:hover img {
	opacity: 0.7;
}*/
a[href^="tel:"] {
	pointer-events: none;
	color: #333;
	text-decoration: none;
}



img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

sup {
	font-size: .5em;
}





/*main {
	padding: 50px 0 0 0;
}
main#contact {
	padding: 20px 0 0 0;
}*/





/* header */
/*------------------------------------------------------------------------------*/
header {
	width: 100%;
	border-top: 40px solid #ecf2c8;
}
header.beginner {
	border-color: #00E3FF;
}
header.professional {
	border-color: #F2901E;
}
header.econyan {
	border-color: #FFE300;
}

#header_nav {
	background-color: #fff;
}
#header_nav > ul {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 992px;
	height: 50px;
}
#header_nav > ul > li {
	padding: 0 0.8em;
}
#header_nav > ul > li > a {
	font-size: 0.95em;
	font-weight: bold;
}

#header__main {
	width: 992px;
	background-color: #fff;
	margin: 0 auto;
	padding-top: 40px;
}
.beginner_bg #header__main {
	padding-bottom: 30px;
}
.pro_bg #header__main {
	padding-bottom: 30px;
}
.eco_bg #header__main {
	padding-bottom: 30px;
}

#header_nav02 {
	width: 992px;
	margin: 0 auto;
}
#header_nav02 > h2 {
	display: none;
}
#header_nav02 > ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#header_nav02 > ul > li {
	border-left: 1px solid #c1c1c1;
	padding: 0 5px;
}
#header_nav02 > ul > li:last-of-type {
	border-right: 1px solid #c1c1c1;
}
#header_nav02 > ul > li > a {
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	color: #35a765;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	padding: 0.5em 1em;
}
#header_nav02 > ul > li > a > i {
	display: none;
}
#header_nav02 > ul > li > a:hover {
	color: #ff8440;
	background-color: #fdf6d3;
}
#header_nav02 > ul > li > a > span {
	display: none;
}





/* category__title */
/*------------------------------------------------------------------------------*/
#category__title {
/*	margin-top: 20px;*/
}
.pro_bg #category__title {
	display: none;
}
/*#category__title.beginner {
	background-color: #1aa9dc;
}*/
#category__title.professional {
	background-color: #f2901c;
}
#category__title.econyan {
	background-color: #f3db23;
}
#category__title > .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 992px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
}
#category__title.econyan > .inner {
	background-color: #f3db23;
}
#category__title > .inner > .circle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.2em;
	height: 4.2em;
	font-size: .85rem;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	background-color: #d71318;
	border-radius: 100%;
	margin-right: 1.2em;
}
#category__title > .inner > .text01,
#category__title > .inner > .text02 {
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
#category__title.beginner {
	display: none;
	background-color: #fff;
}
#category__title.beginner > .inner > .text01,
#category__title.beginner > .inner > .text02 {
	color: #00abff;
}
#category__title > .inner > .text01 {
	font-size: 2.4rem;
}
#category__title > .inner > .text02 {
	font-size: 2rem;
	padding-right: .3em;
}
#category__title.econyan > .inner > .img {
	margin-right: .5em;
}
#category__title.econyan > .inner > .img > img {
	width: auto;
	height: 100%;
}
#category__title.econyan > .inner > .text01 {
	color: #F08300;
}
#category__title.econyan > .inner > .text01 > span {
	font-size: 2rem;
}
#category__title.econyan > .inner > .text01 > br {
	display: none;
}





/* common__header__img */
/*------------------------------------------------------------------------------*/
#common__header__img {
	width: 992px;
	height: 119px;
	overflow: hidden;
	outline: none;
	background: url('../images/top_obi_bg.png') no-repeat top center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
#common__header__img.common_bg {
	height: 97px;
	background: url('../images/common_obi_bg.png') no-repeat top center;
	/*margin-bottom: 40px;*/
}
#common__header__img > h1 {
	width: 100px;
	position: absolute;
	top: 15%;
	left: 60px;
}
#common__header__img > h1 > a {
	display: block;
}
#common__header__img > h1 > a > img {
	width: 100%;
	height: auto;
}
#common__header__img > p {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: 15%;
	right: 140px;
}





#main__select__banner {
	width: 992px;
	margin: 0 auto 25px auto;
}
#main__select__banner > ul {
	display: flex;
	justify-content: space-between;
	/*justify-content: center;*/
	/*align-items: center;*/
}
#main__select__banner > ul > li > a {
	display: block;
	text-align: center;
	text-decoration: none;
}
#main__select__banner > ul > li > a > span {
	display: block;
}
#main__select__banner > ul > li+li {
	/*margin-left: 30px;*/
}
#main__select__banner > ul > li.banner_box {
	width: 200px;
}
#main__select__banner > ul > li.banner_box > a {
	height: 106px;
	background-color: #b8b2b2;
	border: 3px solid rgba(255,255,255,.5);
	border-radius: 0.2em;
	padding: 20px 0 0 0;
	position: relative;
}
#main__select__banner > ul > li.banner_box > a > span {
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
#main__select__banner > ul > li.banner_for_beginner.banner_box > a:hover,
#main__select__banner > ul > li.banner_for_beginner.banner_box.current > a {
	background-color: #00AFEC;
}
#main__select__banner > ul > li.banner_for_beginner.banner_box.current > a:hover {
	background-color: #00d4ec;
}
#main__select__banner > ul > li.banner_for_pro.banner_box > a:hover,
#main__select__banner > ul > li.banner_for_pro.banner_box.current > a {
	background-color: #f2901c;
}
#main__select__banner > ul > li.banner_for_pro.banner_box.current > a:hover {
	background-color: #f2c61c;
}
#main__select__banner > ul > li.banner_box > a > span.text01 {
	font-size: 1.2rem;
	margin-bottom: 0.3em;
}
#main__select__banner > ul > li.banner_for_pro.banner_box > a > span.text01 {
	font-size: 1.3rem;
}
#main__select__banner > ul > li.banner_box > a > span.text02 {
	font-size: 1.4rem;
	margin-bottom: 0.4em;
}
#main__select__banner > ul > li.banner_box > a > span.text03 {
	font-size: 0.8rem;
	color: #333;
}
#main__select__banner > ul > li.banner_box > a > span.point_text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 67%;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.1;
	background-color: #948e8e;
	border: 2px solid #eee;
	border-radius: 1.3em;
	padding: .3em 0;
	position: absolute;
	top: -3px;
	left: -3px;
	-webkit-transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
	transition: all .2s;
}
/*#main__select__banner > ul > li.banner_box > a > span.point_text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	font-size: 0.75rem;
	line-height: 1.1;
	background-color: #948e8e;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-35%) translateX(-35%);
	transform: translateY(-35%) translateX(-35%);
	transition: all .2s;
}*/
#main__select__banner > ul > li.banner_box > a:hover > span.point_text,
#main__select__banner > ul > li.banner_box.current > a > span.point_text {
	background-color: #d61417;
	border: 2px solid #fff599;
}
#main__select__banner > ul > li.banner_box.current > a:hover > span.point_text {
	background-color: #ff8a00;
}
#main__select__banner > ul > li.banner_commentary > a {
	background: url(../images/main__select__banner03_offb.png) no-repeat;
	background-size: cover;
}
#main__select__banner > ul > li.banner_commentary > a > img {
	opacity: 0;
}
#main__select__banner > ul > li.banner_commentary > a:hover > img,
#main__select__banner > ul > li.banner_commentary.current > a > img {
	opacity: 1;
}
#main__select__banner > ul > li.banner_commentary.current > a:hover {
	opacity: .7;
}




#main__select__banner > ul > li.banner_for_questionnaire {
	width: 225px;
	height: 71px;
}
#main__select__banner > ul > li.banner_for_questionnaire a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #b8b2b2;
	border: 2px solid #948e8e;
	border-radius: 6px;
	padding-top: .8em;
	position: relative;
}
#main__select__banner > ul > li.banner_for_questionnaire a span.icon {
	width: 2em;
	height: 0;
	font-size: 1.4em;
	color: #948e8e;
	background-color: #fff;
	border: 2px solid #948e8e;
	line-height: 1;
	background-color: #fff;
	border-radius: 100%;
	padding-top: calc(2em - 4px);
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-60%) translateX(-50%);
	transform: translateY(-60%) translateX(-50%);
	transition: all .2s;
}
#main__select__banner > ul > li.banner_for_questionnaire a:hover,
#main__select__banner > ul > li.banner_for_questionnaire.current a {
	background-color: #59b3c1;
	border: 2px solid #3a98ad;
}
#main__select__banner > ul > li.banner_for_questionnaire a:hover span.icon,
#main__select__banner > ul > li.banner_for_questionnaire.current a span.icon {
	color: #3a98ad;
	border: 2px solid #3a98ad;
}
#main__select__banner > ul > li.banner_for_questionnaire a span {
	text-align: center;
}
#main__select__banner > ul > li.banner_for_questionnaire a span.small {
	font-size: .8em;
}
#main__select__banner > ul > li.banner_for_questionnaire a span.icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

#main__select__banner > ul > li.banner_for_questionnaire.current a:hover {
	background-color: #2dd4d4;
	border: 2px solid #39b4d0;
}
#main__select__banner > ul > li.banner_for_questionnaire.current a:hover span.icon {
	color: #2dd4d4;
	border: 2px solid #39b4d0;
}





/* 20230222 メニュー変更 */
#main__select__banner > ul > li.banner__box__basic {
	display: flex;
	width: 200px;
}
#main__select__banner > ul > li.banner__box__half {
	display: flex;
	width: 100px;
}
#main__select__banner > ul > li.banner__box__basic > a,
#main__select__banner > ul > li.banner__box__half > a {
	display: flex;
	width: 100%;
	background-color: #ccf;
	border-radius: .2em;
}
#main__select__banner > ul > li.banner__box__basic.youtube > a {
	flex-direction: column;
	line-height: 1.2;
	background-color: #ffff5c;
	border: 3px solid #ff892e;
	padding: 10px 10px 0 10px;
}
#main__select__banner > ul > li.banner__box__basic.youtube > a .img img {
	width: 100%;
	height: auto;
}
#main__select__banner > ul > li.banner__box__basic.youtube > a .text {
	font-size: 1.4em;
	font-weight: 600;
	color: #ff8600;
	margin-top: 8px;
}
#main__select__banner > ul > li.banner__box__basic.column > a {
	flex-direction: column;
	line-height: 1.2;
	background-color: #88b923;
	border: 3px solid #b5cc48;
}
#main__select__banner > ul > li.banner__box__half.questionnaire > a {
	flex-direction: column;
	color: #fff;
	line-height: 1.1;
	background-color: #1281d6;
	border: 3px solid #00b7e7;
}
#main__select__banner > ul > li.banner__box__half.questionnaire > a .text01 {
	font-size: .6em;
	border-bottom: 1px solid #fff;
}
#main__select__banner > ul > li.banner__box__half.questionnaire > a .text02 {
	font-size: 1em;
	font-weight: 600;
}
#main__select__banner > ul > li.banner__box__half.questionnaire > a .text03 {
	font-size: .6em;
}





/* 20230227〜 変更 */
.main__select__banner {
	margin-bottom: 25px;
}
.main__select__banner .select__banner__main {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.main__select__banner .select__banner__main .select__banner__box {
	display: flex;
	width: 200px;
}
.main__select__banner .select__banner__main .select__banner__box.box__half {
	width: 100px;
}
.main__select__banner .select__banner__main .select__banner__box > a {
	display: flex;
	width: 100%;
	height: 0;
	line-height: 1.1;
	text-decoration: none;
	padding-top: calc(50% - 6px);
	position: relative;
}
.main__select__banner .select__banner__main .select__banner__box.box__half > a {
	padding-top: calc(100% - 6px);
}

.main__select__banner .select__banner__main .select__banner__box.main__contents > a {
	border: 3px solid #dbd9d9;
	border-radius: .2em;
}

.main__select__banner .select__banner__main .select__banner__box > a .inner {
	display: flex;
	width: 100%;
	height: 100%;
	line-height: 1;
	background-color: #ccc;
	position: absolute;
	top: 0%;
	left: 0%;
}

.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner {
	justify-content: center;
	flex-direction: column;
	font-size: 1.4em;
	background-color: #b8b2b2;
	padding-top: .4em;
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents.beginner > a:hover,
.main__select__banner .select__banner__main .select__banner__box.main__contents.beginner > a.current {
	border: 3px solid #99d7f6;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents.beginner > a:hover .inner,
.main__select__banner .select__banner__main .select__banner__box.main__contents.beginner > a.current .inner {
	background-color: #00AFEC;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents.pro > a:hover,
.main__select__banner .select__banner__main .select__banner__box.main__contents.pro > a.current {
	border: 3px solid #fac898;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents.pro > a:hover .inner,
.main__select__banner .select__banner__main .select__banner__box.main__contents.pro > a.current .inner {
	background-color: #f2901c;
}

.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner .point__text {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 67%;
	font-size: 0.62em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	background-color: #948e8e;
	border: 2px solid #eee;
	border-radius: 100vh;
	padding: 0.3em .2em;
	position: absolute;
	top: -3px;
	left: -3px;
	-webkit-transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents > a:hover .inner .point__text,
.main__select__banner .select__banner__main .select__banner__box.main__contents > a.current .inner .point__text {
	background-color: #d61417;
	border: 2px solid #fff599;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents > a.current:hover .inner .point__text {
	background-color: #ff8a00;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents.beginner > a.current:hover .inner {
	background-color: #00d4ec;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents.pro > a.current:hover .inner {
	background-color: #f2c61c;
}

.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner .text01,
.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner .text02 {
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner .text01 {
	font-size: .87em;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner .text02 {
	margin-top: .3em;
}
.main__select__banner .select__banner__main .select__banner__box.main__contents > a .inner .text03 {
	font-size: 0.57em;
	font-weight: 600;
	color: #333;
	text-align: center;
	margin-top: .6em;
}


.main__select__banner .select__banner__main .select__banner__box.youtube > a {
	border: 3px solid #dbd9d9;
	border-radius: 0.2em;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a .inner {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #b8b2b2;
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a .inner .img {
	width: 90%;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a .inner .img img {
	width: 100%;
	height: auto;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a .inner .text {
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	margin-top: .3em;
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a:hover,
.main__select__banner .select__banner__main .select__banner__box.youtube > a.current {
	border: 3px solid #ff892e;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a:hover .inner,
.main__select__banner .select__banner__main .select__banner__box.youtube > a.current .inner {
	background-color: #ffff5c;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a:hover .inner .text,
.main__select__banner .select__banner__main .select__banner__box.youtube > a.current .inner .text {
	color: #ff8600;
}
.main__select__banner .select__banner__main .select__banner__box.youtube > a.current:hover .inner {
	background-color: #ffdb5c;
}


.main__select__banner .select__banner__main .select__banner__box.column > a {
	border: 3px solid #dbd9d9;
	border-radius: 0.2em;
}
.main__select__banner .select__banner__main .select__banner__box.column > a .inner {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.4em;
	font-weight: 600;
	background-color: #b8b2b2;
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.column > a .inner .text01 {
	display: flex;
	justify-content: center;
}
.main__select__banner .select__banner__main .select__banner__box.column > a .inner .text01 > span {
	font-size: .8em;
	color: #fff;
	background-color: #948e8e;
	padding: .1em 1.2em;
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.column > a .inner .text02 {
	color: #fff;
	line-height: 1.2;
	text-align: center;
	margin-top: .2em;
}
.main__select__banner .select__banner__main .select__banner__box.column > a:hover,
.main__select__banner .select__banner__main .select__banner__box.column > a.current {
	border: 3px solid #b5cc48;
}
.main__select__banner .select__banner__main .select__banner__box.column > a:hover .inner,
.main__select__banner .select__banner__main .select__banner__box.column > a.current .inner {
	background-color: #88b923;
}
.main__select__banner .select__banner__main .select__banner__box.column > a:hover .inner .text01 > span,
.main__select__banner .select__banner__main .select__banner__box.column > a.current .inner .text01 > span {
	background-color: #ff0d20;
}
.main__select__banner .select__banner__main .select__banner__box.column > a.current:hover .inner {
	background-color: #90d00c;
}


.main__select__banner .select__banner__main .select__banner__box.questionnaire > a {
	border: 3px solid #dbd9d9;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a .inner {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1em;
	font-weight: 600;
	color: #fff;
	background-color: #b8b2b2;
	transition: .2s;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a .inner .text01 {
	width: calc(100% - 10px);
	font-size: .5em;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin-bottom: .6em;
	padding-bottom: .2em;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a .inner .text02 {
	font-size: 1.02em;
	line-height: 1.1;
	text-align: center;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a .inner .text03 {
	font-size: .6em;
	margin-top: .3em;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a:hover,
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a.current {
	border: 3px solid #00b7e7;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a:hover .inner,
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a.current .inner {
	background-color: #1281d6;
}
.main__select__banner .select__banner__main .select__banner__box.questionnaire > a.current:hover .inner {
	background-color: #1191f4;
}





/* footer */
/*------------------------------------------------------------------------------*/
footer {
	background-color: #009500;
}
footer .page__top__area {
	background-color: #fff;
}
footer .page__top__area > .inner {
	width: 992px;
	text-align: right;
	margin: 0 auto;
	padding: 30px 160px 30px 0;
	position: relative;
}
footer .page__top__area > .inner > a.pageSlide {
	display: inline-block;
	font-size: .8rem;
	color: #333;
	line-height: 1;
	text-decoration: none;
	border: 1px solid #8FC31F;
	padding: .7em .6em;
}
footer .page__top__area > .inner > a.pageSlide:hover {
	background-color: #e2ffed;
}

footer .page__top__area > .inner > a.top_link_banner {
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	position: absolute;
	top: 50%;
	left: 160px;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}

footer .animation__movie__banner {
	display: none;
}

footer .footer__sub__nav {
	display: none;
}

footer > .inner {
	display: flex;
	justify-content: space-between;
	width: 1020px;
	margin: 0 auto;
	padding: 55px 100px 35px 100px;
}
footer > .inner > .footer_logo__area {
	width: 27%;
}
footer > .inner > .footer_logo__area > h2 {
	text-align: center;
	margin-bottom: 5px;
}
footer > .inner > .footer_logo__area > h2 > a {
	display: inline-block;
}
footer > .inner > .footer_logo__area > p.text {
	text-align: center;
	margin-bottom: 10px;
}
footer > .inner > .footer_logo__area > p.text > span {
	display: inline-block;
	font-size: 0.6rem;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	padding: 0 0.2em;
}
footer > .inner > .footer_logo__area > .footer__contact_area {
	margin-bottom: 10px;
}
footer > .inner > .footer_logo__area > .footer__contact_area > h3 {
	font-size: 0.9rem;
	color: #3ba537;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0.2em 0;
}
footer > .inner > .footer_logo__area > .footer__contact_area > ul > li {
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
}
footer > .inner > .footer_logo__area > .footer__contact_area > ul > li+li {
	margin-top: 0.5em;
}
footer > .inner > .footer_logo__area > .footer__contact_area > ul > li > span.text {
	font-size: 1.2rem;
}
footer > .inner > .footer_logo__area > .footer__contact_area > ul > li > span.num {
	font-size: 1.4rem;
}
footer > .inner > .footer_logo__area > .footer__contact_area > ul > li > span > a {
	color: #fff;
	text-decoration: none;
}
footer > .inner > .footer_logo__area > .kensankyo_link {
	text-align: center;
	background-color: #efe589;
	padding: 10px 0;
}
footer > .inner > .footer_logo__area > .kensankyo_link > h3 > span {
	display: block;
	color: #00793e;
	line-height: 1.4;
}
footer > .inner > .footer_logo__area > .kensankyo_link > h3 > span:nth-of-type(1) {
	font-size: .8rem;
}
footer > .inner > .footer_logo__area > .kensankyo_link > h3 > span:nth-of-type(2) {
	font-size: .9rem;
	font-weight: bold;
}
footer > .inner > .footer_logo__area > .kensankyo_link > h3 > span:nth-of-type(3) {
	font-size: .8rem;
}
footer > .inner > .footer_logo__area > .kensankyo_link > p {
	line-height: 1;
}
footer > .inner > .footer_logo__area > .kensankyo_link > p > a {
	display: inline-block;
	font-size: 1.1rem;
	color: #00793e;
	line-height: 1.2;
	text-decoration: none;
	/*transition: all .2s;*/
}
footer > .inner > .footer_logo__area > .kensankyo_link > p > a:hover {
	color: #F08300;
}
footer > .inner > .footer_logo__area > p.copy {
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
}

footer > .inner > .footer__nav__area {
	width: 73%;
	padding-left: 40px;
}
footer > .inner > .footer__nav__area > .footer__nav__main {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin-bottom: 20px;
	padding: 10px 5px 12px 5px;
}
footer > .inner > .footer__nav__area > .footer__nav__main a {
	color: #fff;
	text-decoration: none;
	transition: all .2s;
}
footer > .inner > .footer__nav__area > .footer__nav__main a:hover {
	color: #ffe348;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul.top {
	display: flex;
	flex-wrap: wrap;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul.top > li {
	margin-right: 1em;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul.top > li:nth-of-type(2n) {
	margin-right: 0;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul > li > a {
	font-size: 0.85rem;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul > li > ul {
	display: flex;
	align-items: center;
	padding-left: 1em;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul > li > ul > li+li {
	margin-left: 0.5em;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul > li > ul > li > a {
	font-size: 0.75rem;
	position: relative;
}
footer > .inner > .footer__nav__area > .footer__nav__main > ul > li > ul > li > a:before {
	content: "・";
	display: inline-block;
}

footer > .inner > .footer__nav__area > p {
	font-size: 0.75rem;
	color: #fff;
	padding-left: 5px;
}





/* common__main__contents */
/*------------------------------------------------------------------------------*/
.common__main__contents {
	width: 992px;
	background-color: #fff;
	margin: 0 auto;
	padding: 30px 0;
}
.common__main__contents02 {
	width: 992px;
	background-color: #fff;
	margin: 0 auto;
	padding: 30px 0;
}
.common__main__contents03 {
	min-width: 992px;
	background-color: #fef1e4;
	margin: 0 auto;
	padding: 0;
}
.common__main__contents04 {
	min-width: 992px;
	background-color: #e1f3fc;
	margin: 0 auto;
	padding: 0;
}

.common__contents__section {
	width: 680px;
	margin: 0 auto;
	/*padding: 0 30px;*/
}
.common__contents__section+.common__contents__section {
	margin-top: 40px;
}

.common__contents__section02 {
	width: 992px;
	background-color: #fff;
	margin: 0 auto;
	padding: 50px 78px 30px 78px;
}

.info_text {
	font-size: .8rem;
	color: #ac0000;
	padding-top: 1em;
}





.img__layout__type02 {
	display: flex;
	justify-content: space-between;
	background-color: #f7f7f6;
	border-right: 1px solid #ececec;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
	padding: 20px;
}
.img__layout__type02 > .img_box {
	width: 48%;
	border: 1px solid #ececec;
	overflow: hidden;
}
.img__layout__type02 > .img_box > img {
	width: 100%;
	height: auto;
}

#shading .img__layout__type02 {
	flex-wrap: wrap;
}
#shading .img__layout__type02 + .link_area {
	background-color: #fff;
	border-top: 1px solid #f3f3f2;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
	padding: 10px 20px;
}
#shading .img__layout__type02 + .link_area > dl {
	display: flex;
	align-items: center;
}
#shading .img__layout__type02 + .link_area > dl > dt,
#shading .img__layout__type02 + .link_area > dl > dd {
	font-size: .75rem;
	line-height: 1.2;
}
#shading .img__layout__type02 + .link_area > dl > dt {
	font-weight: bold;
	margin-right: 1em;
}
#shading .img__layout__type02 + .link_area > dl > dd > a,
#shading .img__layout__type02 + .link_area > dl > dd > i {
	color: #FF8100;
}
#shading .img__layout__type02 + .link_area > dl > dd > a:hover {
	color: #ffae00;
}





.list_li_type01 {
	padding-left: .5em;
}
.list_li_type01 li {
	font-size: .8rem;
	padding-left: .5em;
	position: relative;
}
.list_li_type01 li:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #000;
	position: absolute;
	top: .5em;
	left: 0;
}





/* subtitle */
/*------------------------------------------------------------------------------*/
.subtitle02 {
	font-size: 1.4rem;
	font-weight: bold;
	color: #008241;
	line-height: 1;
}
.subtitle02:after {
	content: "";
	display: block;
	height: 2px;
	background-color: #747171;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 2px 2px;
	margin-top: 0.4rem;
}



.subtitle02_02 {
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #E60012;
	padding: .5em .7em;
}
.subtitle02_02 > span {
	display: inline-block;
}
.subtitle02_02 > span.sub {
	font-size: 1rem;
}
.subtitle02_02 > span.main {
	font-size: 1.4rem;
}



.subtitle04 {
	font-weight: bold;
	position: relative;
}
.subtitle04:before {
	content: "●";
	display: inline-block;
}



.title_type01 {
	display: flex;
	align-items: center;
	line-height: 1;
}
.title_type01 > span.num {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .8rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #0fa659;
	border: 1px solid #008742;
	margin-right: .5em;
	padding: .2em;
}
.title_type01 > span.text {
	font-size: 1.1rem;
	font-weight: bold;
}



.title_area.basic_margin {
	margin-bottom: 10px;
}



.cons_example_title > span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
	padding: .4em 1.3em .4em .8em;
	position: relative;
	-webkit-transform: translateY(0%) translateX(-20%);
	transform: translateY(0%) translateX(-20%);
}
.cons_example_title > span::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: #71ba2a;
	transform: scaleY(1.15) perspective(.6em) rotateX(2deg);
	transform-origin: bottom left;
}





#common__page__title01 {
	width: 680px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#common__page__title01 > h1 {
	font-size: 2.6rem;
	font-weight: bold;
	color: #009242;
	line-height: 1.2;
	text-align: center;
	border-bottom: 1px solid #210f0b;
	padding-bottom: .3em;
}


#common__page__title02 {
	width: 680px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#common__page__title02 > h1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15a95f+0,018843+100 */
	background: rgb(21,169,95); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(21,169,95,1) 0%, rgba(1,136,67,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(21,169,95,1) 0%,rgba(1,136,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(21,169,95,1) 0%,rgba(1,136,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a95f', endColorstr='#018843',GradientType=0 ); /* IE6-9 */
	border: 1px solid #018843;
	padding: 1px;
}
#common__page__title02 > h1 > span {
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	border-bottom: 1px solid #01cc00;
	padding: 0.5em;
}


#common__page__title03 {
	width: 680px;
	margin: 0 auto;
}
#common__page__title03 > h1 {
	display: flex;
	align-items: center;
	line-height: 1.2;
	border-bottom: 1px solid #231815;
	padding-bottom: .5em;
}
#common__page__title03 > h1 > span.main {
	font-size: 2rem;
	font-weight: bold;
	color: #00a6dc;
}
#common__page__title03 > h1 > span.sub {
	padding-left: 1.5em;
}


#common__page__title04 {
	width: 680px;
	margin: 0 auto;
}
#common__page__title04 > h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
	border-bottom: 1px solid #231815;
	padding-bottom: .5em;
}
#common__page__title04 > h1 > span.main {
	font-size: 2rem;
	font-weight: bold;
	color: #009242;
}
#common__page__title04 > h1 > span.sub {
	padding-left: 1.5em;
}





.table_type01 th {
	padding: .2em .5em .2em 0;
}
.table_type01 td {
	width: 3em;
	text-align: center;
}

.table_type02 {
	width: 100%;
}
.table_type02 th,
.table_type02 td {
	text-align: center;
}