@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('http://fonts.cdnfonts.com/css/roboto');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');


html{
font-family:'Noto Sans JP','メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
color: #1A1A1A;
font-size: 16px;
line-height: 1.7;
}
* {
	box-sizing: border-box;
}
a {
	display: inline-block;
	transition: .3s;
}
img {
	vertical-align: top;
	max-width: 100%;
}
a:hover {
	text-decoration: none;
}
.sp {
	display: none;
}
.yakuhan {
				font-family: YakuHanJP,'Noto Sans JP','メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.roboto {
				font-family:'Roboto','Noto Sans JP','メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
h2 {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
					align-content: center;
					justify-content: center;
					align-items: center;
				margin: 0 0 66px;
				color: #4B58A6;
				font-size: 40px;
				font-weight: 700;
				position: relative;
}
h2 .small {
				font-size: 24px;
				line-height: 1;
}
h2 .caption {
				font-size: 12px;
				margin: -10px 0 0;
}
h2:before {
				content: "";
				display: inline-block;
				width: 64px;
				height: 2px;
				background: #4B58A6;
				position: absolute;
				left: calc(50% - 32px);
				bottom: -18px;
}
@media screen and (max-width:767px) {
	html{
	}
	.pc {
				display: none;
	}
.sp {
				display: inline-block;
}
	img {
				width: 100%;
				height: auto;
	}
	h2 {					
					text-align: center;
					margin: 0 0 50px;
					font-size: 32px;
	}
	h2 .small {
					font-size: 20px;
	}
	h2:before {
					bottom: -14px;
	}
				}




/**ヘッダー**/
header {
				background: #fff;
				box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
				padding: 0 40px;
				width: 100%;
				position: fixed;
				left: 0;
				top: 0;
				z-index: 99;
}
.header_inner {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: 90px;
}
.header_inner_left {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				align-content: center;
				justify-content: flex-start;
				align-items: center;
}
.header_inner_left_link ol {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: flex-start;
				align-items: center;
}
.header_inner_left_link li a {
				color: #333333;
				font-weight: 700;
				text-decoration: none;
				margin: 0 0 0 40px;
}
.header_inner_right_btn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 220px;
				height: 40px;
				background: transparent linear-gradient(113deg, #F78D28 0%, #FD5F52 100%);
				border-radius: 300px;
				color: #fff;
				font-size: 12px;
				font-weight: 700;
				text-decoration: none;
}
@media screen and (min-width: 768px) {
	.header_inner_left_link li a:hover,.header_inner_right_btn a:hover {
			opacity: 0.7;
		}
	}
@media screen and (max-width:767px) {
	header {
					padding: 0 8px;
	}
	.header_inner {
					height: 64px;
	}
	.header_inner_left {
					width: 120px;
	}
	.header_inner_right_btn a {
					width: 189px;
					height: 40px;
					font-size: 11px;
	}
}


/**mv**/
section#mv {
				background: #232F76;
				margin: 90px 0 0;
				padding: 65px 20px;
}
.mv_inner {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				max-width: 1024px;
				margin: 0 auto;
}
.mv_inner_left_text {
				color: #fff;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 20px;
}
.mv_inner_left_text .or {
				color: #FF9C29;
}
.mv_inner_left_catch {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				align-content: flex-start;
				justify-content: center;
				align-items: flex-start;
				margin: 0 0 10px;
}
.mv_inner_left_catch span {
				display: inline-block;
				background: #fff;
				margin: 0 0 6px;
				padding: 2px 4px;
				color: #232F76;
				font-size: 22px;
				font-weight: 700;
}
@media screen and (min-width: 768px) {
	
	}
@media screen and (max-width:767px) {
	section#mv {
					margin: 64px 0 0;
					padding: 32px 20px;
	}
	.mv_inner_left {
					margin: 0 0 32px;
	}
	.mv_inner_left_text {
					font-size: 18px;
					margin: 0 0 12px;
	}
	.mv_inner_left_catch {
					margin: 0 0 8px;
	}
	.mv_inner_left_catch span {
					padding: 0px 4px;
					font-size: 17px;
	}
}


/**prise**/
section#prise {
				background: #F7F7F7;
				padding: 48px 20px 64px;
}
.prise_inner_img {
				text-align: center;
				margin: 0 0 48px;
}
.prise_inner_btn {
				text-align: center;
}
.prise_inner_btn_catch {
				color: #FA783B;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 12px;
}
.prise_inner_btn_btn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 470px;
				height: 92px;
				background: transparent linear-gradient(113deg, #F78D28 0%, #FD5F52 100%);
				border-radius: 300px;
				margin: 0 auto;
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				text-decoration: none;
}
@media screen and (min-width: 768px) {
	.prise_inner_btn_btn a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:767px) {
	section#prise {
					padding: 40px 20px 64px;
	}
	.prise_inner_img {
					max-width: 232px;
					margin: 0 auto 48px;
	}	
	.prise_inner_btn_catch {
					font-size: 18px;
	}
	.prise_inner_btn_btn a {
					width: 100%;
					max-width: 320px;
					height: 96px;
					font-size: 20px;
	}
}



/**とは**/
section#about {
				padding: 64px 20px 96px;
}
.about_inner {
				width: 100%;
				max-width: 1024px;
				margin: 0 auto;
}
.about_inner_movie {
				margin: 0 20px 68px;
}
.about_inner_content01 {
				background: #F7F6F2;
				border-radius: 10px;
				margin: 0 0 64px;
				padding: 48px 40px 40px;
}
h3.about_inner_content01_title {
				text-align: center;
				color: #F06777;
				font-size: 32px;
				font-weight: 700;
				line-height: 1.4;
				margin: 0 0 48px;
}
.about_inner_content01_cards {
				margin: 0 0 32px;
}
.about_inner_content01_wb {
				background: #fff;
				border-radius: 15px;
				padding: 48px 20px;
}
.about_inner_content01_wb_title {
				text-align: center;
				margin: 0 0 48px;
}
.about_inner_content01_wb_img {
				text-align: center;
}
.about_inner_text {
				text-align: center;
				color: #4B58A6;
				font-size: 24px;
				font-weight: 700;
				line-height: 1.9;
				margin: 0 0 64px;
}
.about_inner_text .ul {
				border-bottom: 3px solid #F06777;
}
.about_inner_content02 {
				background: #F7F6F2;
				border-radius: 10px;
				margin: 0 0 64px;
				padding: 48px 40px 40px;
}
h3.about_inner_content02_title {
				text-align: center;
				color: #4B58A6;
				font-size: 32px;
				font-weight: 700;
				line-height: 1.4;
				margin: 0 0 48px;
}
.about_inner_content02_wb {
				background: #fff;
				border-radius: 15px;
				padding: 48px 20px;
}
.about_inner_content02_wb + .about_inner_content02_wb {
				margin-top: 20px;
}
.about_inner_content02_wb_title {
				text-align: center;
				margin: 0 0 48px;
}
.about_inner_content02_wb_img {
				text-align: center;
}
.about_inner_content02_wb_note {
				margin-top: 12px;
				text-align: right;
				font-size: 12px;
}
.about_inner_content02_btn {
				text-align: center;
}
.about_inner_content02_btn_catch {
				color: #FA783B;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 12px;
}
.about_inner_content02_btn_btn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 470px;
				height: 92px;
				background: transparent linear-gradient(113deg, #F78D28 0%, #FD5F52 100%);
				border-radius: 300px;
				margin: 0 auto;
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				text-decoration: none;
}
@media screen and (min-width: 768px) {
	.about_inner_content02_btn_btn a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:767px) {
	section#about {
					padding: 64px 16px 80px;
	}
	.about_inner_content01 {
					margin: 0 0 32px;
					padding: 32px 16px 16px;
	}
	h3.about_inner_content01_title {
					font-size: 20px;
					margin: 0 0 24px;
	}
	.about_inner_content01_cards {
					max-width: 218px;
					margin: 0 auto 32px;
	}
	.about_inner_content01_wb {
					padding: 32px 16px 16px;
					border-radius: 10px;
	}
	.about_inner_content01_wb_title {
					max-width: 233px;
					margin: 0 auto 24px;
	}
	.about_inner_content01_wb_img img + img {
					margin: 16px 0 0;
	}
	.about_inner_text {
					font-size: 16px;
					margin: 0 0 32px;
	}
	.about_inner_content02 {
					margin: 0 0 48px;
					padding: 32px 16px 16px;
	}
	h3.about_inner_content02_title {
					font-size: 20px;
					margin: 0 0 24px;
	}
	.about_inner_content02_wb {
					padding: 32px 16px 16px;
					border-radius: 10px;
	}
	.about_inner_content02_wb + .about_inner_content02_wb {
					margin-top: 12px;
	}
	.about_inner_content02_wb_title {
					max-width: 233px;
					margin: 0 auto 24px;
	}
	.about_inner_content02_wb_note {
					text-align: center;
	}
	
	
	
	.about_inner_content02_btn_catch {
					font-size: 18px;
	}
	.about_inner_content02_btn_btn a {
					width: 100%;
					max-width: 320px;
					height: 96px;
					font-size: 20px;
	}
}


/**特徴**/
section#feature {
				background: #F7F6F2;
				padding: 80px 20px 96px;
}
.feature_inner {
				width: 100%;
				max-width: 1024px;
				margin: 0 auto;
}
.feature_inner_content {
				margin: 100px 0 48px;
}
.feature_inner_content_box {
				background: #fff;
				border-radius: 32px;
				padding: 0 20px 64px;
}
.feature_inner_content_box + .feature_inner_content_box {
				margin: 78px 0 0;
}
.feature_inner_content_box_num {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 160px;
				height: 60px;
				margin: 0 auto 0;
				background: #4B58A6;
				border-radius: 300px;
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				position: relative;
				top: -30px;
}
.feature_inner_content_box_title {
				text-align: center;
				color: #4B58A6;
				font-size: 28px;
				font-weight: 700;
				margin: 0 0 24px;
}
.feature_inner_content_box01_text {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 40px;
}
.feature_inner_content_box01_text_caption {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: flex-start;
				text-align: left;
				font-size: 14px;
				font-weight: normal;
				margin: 14px 0 0;
				padding: 0 0 0 1em;
				text-indent: -1em;
}
.feature_inner_content_box01_img {
				text-align: center;
				margin: 0 0 64px;
}
.feature_inner_content_box01_data_title01 {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 32px;
}
.feature_inner_content_box01_data_img {
				text-align: center;
				margin: 0 0 64px;
}
.feature_inner_content_box01_data_title02 {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 24px;
}
.feature_inner_content_box01_data_text {
				text-align: center;
				margin: 0 0 32px;
}
.feature_inner_content_box01_data_wrap + .feature_inner_content_box01_data_wrap {
				margin: 32px 0 0;
}
.feature_inner_content_box01_data_wrap_title {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				margin: 0 0 20px;
				color: #4B58A6;
				font-size: 20px;
				font-weight: 700;
}
.feature_inner_content_box01_data_wrap_title .small {
				font-size: 16px;
				line-height: 1;
}
.feature_inner_content_box01_data_wrap_flex {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: space-between;
				align-items: stretch;
				width: 100%;
				max-width: 832px;
				margin: 0 auto;
}
.feature_inner_content_box01_data_wrap_flex_box {
				background: #F7F7F7;
				border-radius: 10px;
				width: 48%;
				padding: 32px 20px;
}
.feature_inner_content_box01_data_wrap_flex_box_title {
				text-align: center;
				color: #4B58A6;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 6px;
}
.feature_inner_content_box01_data_wrap_flex_box_en {
				text-align: center;
				color: #4B58A6;
				margin: 0 0 20px;
}
.feature_inner_content_box01_data_wrap_flex_box_text {
				text-align: center;
				font-size: 14px;
}
.feature_inner_content_box02_text01 {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 40px;
}
.feature_inner_content_box02_text01 p + p {
				margin: 20px 0 0;
}
.feature_inner_content_box02_img {
				text-align: center;
				margin: 0 0 64px;
}
.feature_inner_content_box02_data {
				margin: 0 0 48px;
}
.feature_inner_content_box02_data_title {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 20px;
}
.feature_inner_content_box02_data_catch {
				text-align: center;
				color: #4B58A6;
				font-weight: 700;
				margin: 0 0 24px;
}
.feature_inner_content_box02_data_box {
				background: #F7F7F7;
				border-radius: 20px;
				width: 100%;
				max-width: 576px;
				margin: 0 auto;
				padding: 40px;
}
.feature_inner_content_box02_data_box dl {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: flex-start;
				align-items: center;
}
.feature_inner_content_box02_data_box dl + dl {
				margin: 16px 0 0;
}
.feature_inner_content_box02_data_box dt {
				color: #4B58A6;
				font-size: 18px;
				font-weight: 700;
				margin: 0 12px 0 0;
}
.feature_inner_content_box02_data_box dd {
				font-size: 14px;
}
.feature_inner_content_box02_text02 {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
}
.feature_inner_content_box02_text02 p + p {
				margin: 20px 0 0;
}
.feature_inner_content_box03_img {
				text-align: center;
}
.feature_inner_btn {
				text-align: center;
}
.feature_inner_btn_catch {
				color: #FA783B;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 12px;
}
.feature_inner_btn_btn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 470px;
				height: 92px;
				background: transparent linear-gradient(113deg, #F78D28 0%, #FD5F52 100%);
				border-radius: 300px;
				margin: 0 auto;
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				text-decoration: none;
}
@media screen and (min-width: 768px) {
	.feature_inner_btn_btn a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:767px) {
	section#feature {
					padding: 64px 16px 80px;
	}
	.feature_inner_content {
					margin: 64px 0 48px;
	}
	.feature_inner_content_box {
					border-radius: 10px;
					padding: 0 16px 32px;
	}
	.feature_inner_content_box + .feature_inner_content_box {
					margin: 52px 0 0;
	}
	.feature_inner_content_box_num {
					width: 120px;
					height: 40px;
					font-size: 16px;
					top: -20px;
	}
	.feature_inner_content_box_title {
					font-size: 20px;
	}
	.feature_inner_content_box01_text {
					font-size: 14px;
					margin: 0 0 32px;
					text-align: left;
	}
	.feature_inner_content_box01_text_caption {
					font-size: 12px;
	}
	.feature_inner_content_box01_img {
					max-width: 350px;
					margin: 0 auto 48px;
	}
	.feature_inner_content_box01_img_catch {
					color: #4B58A6;
					font-size: 14px;
					font-weight: 700;
					margin: 0 0 16px;
	}
	.feature_inner_content_box01_data_title01 {
					font-size: 16px;
					margin: 0 0 16px;
	}
	.feature_inner_content_box01_data_img {
					max-width: 400px;
					margin: 0 auto 48px;
	}
	.feature_inner_content_box01_data_title02 {
					font-size: 16px;
					margin: 0 0 16px;
	}
	.feature_inner_content_box01_data_text {
					text-align: left;
					margin: 0 0 24px;
	}
	.feature_inner_content_box01_data_wrap + .feature_inner_content_box01_data_wrap {
					margin: 24px 0 0;
	}
	.feature_inner_content_box01_data_wrap_title {
					margin: 0 0 16px;
	}
	.feature_inner_content_box01_data_wrap_flex_box {
					width: 100%;
					padding: 24px 16px;
	}
	.feature_inner_content_box01_data_wrap_flex_box + .feature_inner_content_box01_data_wrap_flex_box {
					margin: 8px 0 0;
	}
	.feature_inner_content_box01_data_wrap_flex_box_title {
					font-size: 16px;
	}
	.feature_inner_content_box01_data_wrap_flex_box_en {
					font-size: 14px;
	}
	.feature_inner_content_box01_data_wrap_flex_box_text {
					text-align: left;
	}
	.feature_inner_content_box02_text01 {
					text-align: left;
					font-size: 14px;
	}
	.feature_inner_content_box02_text01 p + p {
					margin: 16px 0 0;
	}
	.feature_inner_content_box02_img {
					max-width: 192px;
					margin: 0 auto 40px;
	}
	.feature_inner_content_box02_data {
					margin: 0 0 20px;
	}
	.feature_inner_content_box02_data_title {
					font-size: 14px;
					margin: 0 0 16px;
	}
	.feature_inner_content_box02_data_catch {
					font-size: 14px;
					margin: 0 0 16px;
	}
	.feature_inner_content_box02_data_box {
					border-radius: 10px;
					padding: 20px 16px;
	}
	.feature_inner_content_box02_data_box dl {
					flex-direction: column;
					align-content: flex-start;
					align-items: flex-start;
	}
	.feature_inner_content_box02_data_box dl + dl {
					margin: 12px 0 0;
	}
	.feature_inner_content_box02_data_box dt {
					font-size: 14px;
					margin: 0;
	}
	.feature_inner_content_box02_data_box dd {
					font-size: 12px;
	}
	.feature_inner_content_box02_text02 {
					text-align: left;
					font-size: 14px;
	}
	.feature_inner_content_box02_text02 p + p {
					margin: 16px 0 0;
	}
	.feature_inner_content_box03_img {
					max-width: 400px;
					margin: 0 auto;
	}	
	.feature_inner_btn_catch {
					font-size: 18px;
	}
	.feature_inner_btn_btn a {
					width: 100%;
					max-width: 320px;
					height: 96px;
					font-size: 20px;
	}
}


/**利用者の声**/
section#voice {
				padding: 80px 20px 0;
}
.voice_inner {
				width: 100%;
				max-width: 898px;
				margin: 0 auto;
}
.voice_inner_video {
				margin-bottom: 100px;
}
.voice_inner_text {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 40px;
}
.voice_inner_content {
				margin: 0 0 32px;
}
.voice_inner_content li {
				background: #f7f6f9;
				border-radius: 10px;
				padding: 12px;
}
.voice_inner_content li + li {
				margin: 24px 0 0;
}
.voice_inner_content_catch {
				color: #4958aa;
				font-weight: bold;
				margin: 0 0 6px;
}
.voice_inner_content_text {
				background: #fff;
				border-radius: 10px;
				padding: 12px;
				font-size: 14px;
}
.voice_inner_linkbtn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 224px;
				height: 48px;
				background: #4b58a6;
				border: 2px solid #4b58a6;
				border-radius: 300px;
				margin: 0 auto;
				text-decoration: none;
				color: #fff;
				font-size: 16px;
				font-weight: bold;
}
@media screen and (min-width:768px) {
	.voice_inner_linkbtn a:hover {
					opacity: .7;
	}
}
@media screen and (max-width:767px) {
	section#voice {
					padding: 40px 16px 0;
	}
	.voice_inner_video {
					width: 100%;
					margin-bottom: 48px;
	}
	.voice_inner_video iframe {
					width: 100%;
					height: 52vw;
	}
	.voice_inner_text {
					font-size: 14px;
	}
	.voice_inner_card ul {
					justify-content: center;
	}
	.voice_inner_card li {
					width: 100%;
					max-width: 286px;
					margin: 0 10px 20px;
	}	
}


/**利用企業**/
section#business {
				padding: 80px 20px 0;
}
.business_inner {
}
.business_inner_text {
				text-align: center;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 40px;
}
.business_inner_img {
				text-align: center;
}
@media screen and (max-width:767px) {
	section#business {
					padding: 48px 16px 0;
	}
	.business_inner_text {
					text-align: left;
					font-size: 14px;
	}
}



/**事例**/
section#example {
				padding: 96px 20px;
}
.example_inner {
				width: 100%;
				max-width: 1024px;
				margin: 0 auto;
}
.example_inner_company {
				text-align: center;
				color: #4B58A6;
				font-size: 24px;
				font-weight: 700;
				margin: -24px 0 48px;
}
.example_inner_lead {
				margin: 0 0 48px;
}
.example_inner_content {
				background: #F7F7F7;
				border-radius: 10px;
				width: 100%;
				max-width: 860px;
				margin: 0 auto 48px;
				padding: 48px 80px;
}
.example_inner_content_img01 {
				margin: 0 0 64px;
}
.example_inner_content_catch01 {
				color: #4B58A6;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 48px;
}
.example_inner_content_text01 {
				margin: 0 0 64px;
}
.example_inner_content_text01 dl + dl {
				margin: 48px 0 0;
}
.example_inner_content_text01 dt {
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 32px;
}
.example_inner_content_text01 dt:before {
				content: "— ";
}
.example_inner_content_text01 dd + dd {
				margin: 20px 0 0;
}
.example_inner_content_catch02 {
				color: #4B58A6;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 32px;
}
.example_inner_content_img02 {
				margin: 0 0 40px;
}
.example_inner_content_text02 dl + dl {
				margin: 48px 0 0;
}
.example_inner_content_text02 dt {
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 32px;
}
.example_inner_content_text02 dt:before {
				content: "— ";
}
.example_inner_content_text02 dd + dd {
				margin: 20px 0 0;
}
.example_inner_catch {
				margin: 0 0 32px;
}
.example_inner_catch_tag ol {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
}
.example_inner_catch_tag li {
				background: #F7F7F9;
				border-radius: 5px;
				margin: 0 4px 20px;
				padding: 3px 10px;
				color: #4B58A6;
				font-weight: 700;
}
.example_inner_catch_text {
				text-align: center;
				font-weight: 700;
}
.example_inner_btn {
				text-align: center;
}
.example_inner_btn_catch {
				color: #FA783B;
				font-size: 24px;
				font-weight: 700;
				margin: 0 0 12px;
}
.example_inner_btn_btn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 470px;
				height: 92px;
				background: transparent linear-gradient(113deg, #F78D28 0%, #FD5F52 100%);
				border-radius: 300px;
				margin: 0 auto;
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				text-decoration: none;
}
@media screen and (min-width: 768px) {
	.example_inner_btn_btn a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:767px) {
	section#example {
					padding: 80px 16px;
	}
	.example_inner_company {
					font-size: 18px;
					margin: -10px 0 24px;
	}
	.example_inner_lead {
					font-size: 14px;
					margin: 0 0 32px;
	}
	.example_inner_content {
					margin: 0 auto 32px;
					padding: 24px 16px 32px;
	}
	.example_inner_content_img01 {
					margin: 0 0 20px;
	}
	.example_inner_content_catch01 {
					font-size: 18px;
					margin: 0 0 20px;
	}
	.example_inner_content_text01 {
					margin: 0 0 48px;
	}
	.example_inner_content_text01 dl + dl {
					margin: 32px 0 0;
	}
	.example_inner_content_text01 dt {
					font-size: 16px;
					margin: 0 0 16px;
	}
	.example_inner_content_text01 dd {
					font-size: 14px;
	}
	.example_inner_content_text01 dd + dd {
					margin: 16px 0 0;
	}
	.example_inner_content_img02 {
					margin: 0 0 24px;
	}
	.example_inner_content_catch02 {
					font-size: 18px;
					margin: 0 0 24px;
	}
	.example_inner_content_text02 {
	}
	.example_inner_content_text02 dl + dl {
					margin: 32px 0 0;
	}
	.example_inner_content_text02 dt {
					font-size: 16px;
					margin: 0 0 16px;
	}
	.example_inner_content_text02 dd {
					font-size: 14px;
	}
	.example_inner_content_text02 dd + dd {
					margin: 16px 0 0;
	}
	.example_inner_btn_catch {
					font-size: 18px;
	}
	.example_inner_btn_btn a {
					width: 100%;
					max-width: 320px;
					height: 96px;
					font-size: 20px;
	}
}



/**よくある質問**/
section#faq {
				background: #F7F6F2;
				padding: 80px 20px;
}
.faq_inner {
				width: 100%;
				max-width: 680px;
				margin: 0 auto;
}
.faq_inner_content dl + dl {
				margin: 52px 0 0;
}
.faq_inner_content dt {
				color: #4B58A6;
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 24px;
				position: relative;
}
.faq_inner_content dt:before {
				content: "Q.";
				font-family: 'Arial',sans-serif;
				font-size: 32px;
				position: absolute;
				left: -42px;
				top: -12px;
}
.faq_inner_content dd {
				position: relative;
}
.faq_inner_content dd:before {
				content: "A.";
				font-family: 'Arial',sans-serif;
				color: #F06777;
				font-size: 24px;
				font-weight: 700;
				position: absolute;
				left: -32px;
				top: -6px;
}
@media screen and (max-width:767px) {
	section#faq {
					padding: 64px 16px;
	}
	.faq_inner_content dl {
					padding: 0 0 0 36px;
	}
	.faq_inner_content dl + dl {
					margin: 40px 0 0;
	}
	.faq_inner_content dt {
					font-size: 18px;
					margin: 0 0 18px;
	}
	.faq_inner_content dt:before {
					font-size: 24px;
					left: -32px;
					top: -4px;
	}
	.faq_inner_content dd {
					font-size: 14px;
	}	
}



/**プライバシーポリシー**/
section#privacypolicy {
				padding: 160px 20px 100px;
}
.privacypolicy_inner {
				width: 100%;
				max-width: 1024px;
				margin: 0 auto;
}
@media screen and (max-width:767px) {
	section#privacypolicy {
					padding: 120px 18px 60px;
	}
}



/**サンクスページ**/
section#thanks {
				padding: 160px 20px 100px;
}
.thanks_inner {
				width: 100%;
				max-width: 1024px;
				margin: 0 auto;
}
.thanks_inner_content {
				margin: 0 0 60px;
}
.thanks_inner_content p {
				text-align: center;
				font-size: 20px;
}
.thanks_inner_btn a {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				width: 470px;
				height: 92px;
				background: transparent linear-gradient(113deg, #F78D28 0%, #FD5F52 100%);
				border-radius: 300px;
				margin: 0 auto;
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				text-decoration: none;
}
@media screen and (min-width: 768px) {
	.thanks_inner_btn a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:767px) {
	section#thanks {
					padding: 120px 18px 60px;
	}	
	.thanks_inner_btn a {
					width: 100%;
					max-width: 320px;
					height: 96px;
					font-size: 20px;
	}
}


/**フォーム**/
section#form {
				padding: 64px 20px 120px;
}
.form_inner {
				width: 100%;
				max-width: 878px;
				margin: 0 auto;
}
.form_inner_lead {
				text-align: center;
				margin: -20px 0 32px;
}

@media screen and (max-width:767px) {
	section#form {
					padding: 64px 15px 80px;
	}
	.form_inner_lead {
					margin: -20px 0 20px;
	}
}
/**フッター**/
footer {
				padding: 32px 20px;
				border-top: 1px solid #232F76;
}
.footer_inner {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: space-between;
				align-items: stretch;
}
.footer_inner_left {
				padding: 0 0 10px;
}
footer a.company {
				font-family: 'Josefin Sans', sans-serif;
				color: #111111;
				font-size: 18px;
				font-weight: 600;
				line-height: 1.2;
				text-decoration: none;
}
footer a.Privacy {
				color: rgba(0, 0, 0, 0.64);
				font-size: 13px;
				line-height: 1.2;
				opacity: 1;
				margin: 0 0 30px;
}
footer p.address {
				font-size: 14px;
}
footer a.map {
				text-decoration: none;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: center;
				justify-content: flex-start;
				align-items: center;
				margin: 10px 0 0;
}
footer a.map p {
				border-bottom: solid 1px #000;
				font-family: 'Josefin Sans', sans-serif;
				color: #333;
				font-size: 12px;
				font-style: normal;
				font-weight: 500;
				letter-spacing: 0.1em;
				line-height: 1.6;
				margin: 0px 0px 0px 6px;
				transition: .3s;
}
footer a.map i {
				font-size: 18px;
				color: #333;
				transition: .3s;
}
.footer_inner_right {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				align-content: center;
				justify-content: flex-end;
				align-items: flex-end;
}
footer .copy {
				font-family: 'Josefin Sans', sans-serif;
				font-size: 10px;
}
@media screen and (min-width: 768px) {
	footer a.company:hover {
		color: #ffdb00;
	}
	footer a.Privacy:hover {
		opacity: .7;
	}	
	footer a.map:hover p {
		color: #a7d86d;
		border-bottom: solid 1px #fff;
	}
	footer a.map:hover i {
		color: #a7d86d;
	}
}
@media screen and (max-width:767px) {
	footer {
					padding: 32px 16px;
	}
	.footer_inner {
					flex-direction: column;
					justify-content: center;
					align-items: center;
	}
	.footer_inner_left {
					text-align: center;
					margin: 0 0 48px;
					padding: 0;
	}
	footer p.address {
					font-size: 12px;
	}
	footer a.map {
					justify-content: center;
	}
}



/** 導入事例　**/
div#wordpress_blog {
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				gap: 30px 0px;
				margin-bottom: 60px;
}
article.wp-article {
				width: 30%;
}
.eyecatch {
				width: 100%;
				height: 180px;
				border-radius: 10px;
				overflow: hidden;
				margin-bottom: 10px;
}
.eyecatch img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
}
article.wp-article a {
				text-decoration: none;
}
article.wp-article h3 {
				color: #333;
				font-weight: bold;
				font-size: 18px;
				line-height: 1.4;
				margin-bottom: 10px;
}
article.wp-article p {
				color: #333;
}

@media screen and (min-width: 768px) {
article.wp-article a {
* {transition: .3s;}
&:hover {
	 .eyecatch img {
				scale: 1.02;
				}
				h3,p {
					color: #4b58a6;
				}
	}
}
}

@media screen and (max-width:767px) {
	article.wp-article {
					width: 48%;
	}
	.eyecatch {
					height: 30vw;
	}
}


/** 資料ダウンロード・お問い合わせ **/
.cta_box {
				width: 880px;
				margin-inline: auto;
				background: #fff;
				border: 1px solid #ddd;
				border-radius: 10px;
				box-shadow: 5px 10px 30px #0002;
				padding: 48px;
				display: flex;
				flex-flow: row wrap;
				align-content: center;
				justify-content: space-between;
				align-items: center;
}
.cta_textwrap {
				width: calc(100% - 302px);
}
.cta_catch {
				color: #232F76;
				font-size: 38px;
				font-weight: 700;
				line-height: 1.4;
				margin-bottom: 20px;
}
.cta_catch .color {
				color: #FD614F;
}
.cta_text {
				font-size: 14px;
				font-weight: 500;
				margin-bottom: 32px;
}
.cta_btn a {
				display: flex;
				flex-flow: row wrap;
				align-content: center;
				justify-content: center;
				align-items: center;
				gap: 10px;
				width: 448px;
				background: linear-gradient(101.08deg, #F8892D 33.63%, #FD614F 66.37%);
				border: 2px solid #DF6400;
				border-radius: 300px;
				padding-block: 24px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.4;
}
.cta_btn a::before {
				content: "";
				display: inline-block;
				width: 40px;
				height: 40px;
				background: url(../img/ab_ic.png) no-repeat center / 25px auto;
}
.cts_img {
				width: 272px;
}
@media screen and (min-width: 768px) {
	.cta_btn a:hover {
		opacity: 0.7;
	}
	#form .cta_box {
					background: #F7F6F3;
					border: none;
					box-shadow: none;
					margin-block: 78px 80px;
					padding: 20px 48px;
	}
	#form .cts_img {
					margin-block: -57px 0;
	}
}
@media screen and (max-width:767px) {
	.cta_box {
					width: 100%;
					flex-direction: column-reverse;
					margin-top: 90px;
					padding: 0 20px 32px;
	}
	.cta_textwrap {
					width: 100%;
	}
	.cta_catch {
					text-align: center;
					font-size: 28px;
					margin-bottom: 12px;
	}
	.cta_text {
					margin-bottom: 20px;
	}
	.cta_btn a {
					width: min(100% - 20px, 278px);
					margin-inline: auto;
					padding-block: 16px;	
					font-size: 16px;
	}
	.cts_img {
					width: 225px;
					margin-block: -45px 12px;
	}
	#form .cta_box {
					border: none;
					box-shadow: none;
					padding: 0;
	}
	#form .cta_text {
					text-align: center;
	}
}