@media screen and (min-width:767px) {
.m-cms_form_area {
margin-bottom:80px !important;
}
#main {
margin-top: -50px;
margin-bottom: -170px;
}
}
@media screen and (max-width:768px) {
#main {
margin-top: -64px;
/*margin-bottom: -200px;*/
}
}
.m-downloadbtn_box {
display: none;
}
.sp {
	display: none;
}
.yakuhan {
font-family: YakuHanJP,'Noto Sans JP','メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.h1 {
font-size:100%;
font-weight:normal;
}
.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: 20px;
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:768px) {
.pc {
display: none;
}
.sp {
display: inline-block;
}
img {
width: 100%;
}
.h2 {
text-align: center;
margin: 0 0 50px;
font-size: 32px;
}
.h2 .small {
font-size: 16px;
}
.h2:before {
bottom: -14px;
}
}



/**mv**/
section#mv {
background: #232F76 !important;
padding: 65px 20px !important;
}
.mv_inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 100%;
/*max-width: 900px;*/
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;
}
.mv_inner_left_logo {
margin-top: 30px;
}
/*
.mv_inner_right_img {
border-radius: 10px;
overflow: hidden;
}
*/
@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;
}
}
@media screen and (min-width:767px) {
.mv_inner_left {
width: 35%;
}
.mv_inner_right {
width: 60%;
}
}



/**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: 900px;
margin: 0 auto;
}
.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: 21px;
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_title {
text-align: center;
margin: 0 0 48px;
}
.about_inner_content02_wb_img {
text-align: center;
}
.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: 14px;
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_title {
max-width: 233px;
margin: 0 auto 24px;
}



.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: 900px;
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: 600px;
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;
margin: 0;
}
.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_title {
text-align: center;
}
.voice_inner_text {
text-align: center;
font-size: 20px;
font-weight: 700;
margin: 0 0 40px;
}
.voice_inner_card ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.voice_list {
text-align: left;
margin: 0 auto 1.5em !important;
width: fit-content;
}
.voice_list li {
padding-left: 0 !important;
}
@media screen and (max-width:767px) {
section#voice {
padding: 40px 16px 0;
}
.voice_inner_text {
text-align: left;
font-size: 14px;
}
.voice_inner_card ul {
justify-content: center;
}
.voice_inner_card li {
width: 100% !important;
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: 900px;
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 dd, .example_inner_content_text02 dd {
margin: 0;
}
.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 ul {
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;
margin: 0;
}
.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#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;
}



/*SP用の設定*/
@media screen and (max-width:768px) {
.mt16 {
margin-top: 16px;
}
ul.sp_fs43 {
font-size: 4.3vw;
}
}

.voice_inner_video {
margin-bottom: 100px;
text-align: 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) {
.voice_inner_video {
width: 100%;
margin-bottom: 48px;
}
article.wp-article {
width: 48%;
}
.eyecatch {
height: 30vw;
}
}

.add_inner {
width: 100%;
/*max-width: 1000px;*/
margin: 62px auto 124px;
}
.add_inner_catch_img {
text-align: center;
margin-bottom: 24px;
}
.add_inner_catch_txt {
text-align: center;
font-size: 20px;
line-height: 1.75;
margin-bottom: 32px;
}
.add_inner_catch_txt span.bl {
color: #1D48A8;font-weight: 600;
}
.add_inner_catch_txt span.or {
color: #E86615;
font-weight: 600;
}
.add_inner_img {
text-align: center;
margin-bottom: 12px;
}
.add_inner_text {
text-align: center;
font-size: 16px;
font-weight: 600;
margin-bottom: 64px;
}
.add_inner_btn a {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
width: 424px;
height: 96px;
background: transparent linear-gradient(113deg,#f78d28 0%,#fd5f52 100%) 0% 0% no-repeat padding-box;
border-radius: 300px;
box-shadow: 0px 4px 0px 0px rgba(65,1,0,1);
box-shadow: 0px 4px 0px 0px rgb(65 1 0);
text-decoration: none;
color: #fff;font-size: 24px;margin: 0 auto;transition: .3s;
}

.add_inner_btn2 a {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
width: 424px;
height: 96px;
background: #4b58a6;
border-radius: 10px;
box-shadow: 0px 4px 0px 0px rgb(75,88,166,1);
box-shadow: 0px 4px 0px 0px rgb(75,88,166);
text-decoration: none;
color: #fff;font-size: 24px;margin: 0 auto;transition: .3s;
}

@media screen and (min-width:768px) {
.add_inner_btn a:hover {
transform: scale(1.05);
}
.add_inner_btn2 a:hover {
transform: scale(1.05);
}
}

@media screen and (max-width:767px) {
.add_inner {
margin: 0 auto 100px;
padding: 0 20px;
}
.add_inner_catch_img {
width: 164px;
margin: 0 auto 20px;
}
.add_inner_catch_txt {
text-align: left;
font-size: 16px;
}
.add_inner_img {
margin-bottom: 48px;
}
.add_inner_btn a {
width: 100%;
max-width: 300px;
height: 84px;
/*font-size: 16px;*/
}
.add_inner_btn2 a {
width: 100%;
max-width: 300px;
height: 84px;
/*font-size: 16px;*/
}
}