@charset 'UTF-8';

html { font-size: 62.5%; }

body {
    font: 1.0rem;
    font-family:'Noto Sans JP', 'Helvetica', 'Arial','メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'sans-serif';
}

/* BLOCK内スタイル設定
======================================================= */

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}


table.tbr {
    border-collapse: collapse;
    border-top: 1px solid #dddddd;    /* [15. 表組み設定]　枠線色 */
    border-left: 1px solid #dddddd;    /* [15. 表組み設定]　枠線色 */
}

table.tbr th {
    padding: 12px 12px 11px;
    text-align: left;
    color: #333;    /* [15. 表組み設定]　th文字色 */
    border-right: 1px solid #dddddd;    /* [15. 表組み設定]　枠線色 */
    border-bottom: 1px solid #dddddd;    /* [15. 表組み設定]　枠線色 */
    background: #f5f7f8;    /* [15. 表組み設定]　th背景色 */
}

table.tbr.both_th thead th {
    background: #4b474d;
    color: #fff;
}

table.tbr.both_th thead th a {
    color: #fff;
    text-decoration-color: #fff;
}

table.tbr td {
    padding: 10px;
    text-align: left;
    border-right: 1px solid #dddddd;    /* [15. 表組み設定]　枠線色 */
    border-bottom: 1px solid #dddddd;    /* [15. 表組み設定]　枠線色 */
}

table.td_center td {
    text-align: center !important;
}

.photo-r {
    font-size: 10px;
    font-size: 1.0rem;
    float: right;
    margin: 3px 0 10px 24px;
    text-align: left;
}

.photo-l {
    font-size: 10px;
    font-size: 1.0rem;
    float: left;
    margin: 3px 24px 10px 0;
    text-align: left;
}

.photo-c {
    font-size: 10px;
    font-size: 1.0rem;
    margin: 3px auto 10px;
}

.photo-r img,
.photo-l img,
.photo-c img {
    margin-bottom: 5px;
}

/*スマホレイアウト*/
@media (max-width: 767px) {
    .photo-r,
    .photo-l,
    .photo-c {
        float: none;
        margin: 0 0 16px!important;
    }
}

@media (max-width: 1079px) {
    .under_post .photo-r,
    .under_post .photo-l,
    .under_post .photo-c,
    .under_col2 .photo-r,
    .under_col2 .photo-l,
    .under_col2 .photo-c {
        float: none;
        margin: 0 0 16px!important;
    }
}

iframe {
    border: none;
}

@media (min-width: 641px) and (max-width: 1079px) {
    iframe {
        max-width: 100%;
    }
}



/* リンク定義
======================================================= */

ul.link_un {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}

ul.link_un li {
    margin: 0 0 5px;
}

.arw {
    background: url(../img/ico_arw_r.png) no-repeat 0 12px;
    background-size: 22px 6px;
    padding: 0 0 0 28px;
}

.blank {
    padding: 0 0 0 20px;
    background: url(../img/ico_blank.png) no-repeat 0 9px;
    background-size: 12px;
}

.pdf {
    padding: 0 0 0 20px;
    background: url(../img/ico_pdf.png) no-repeat 0 7px;
    background-size: 12px auto;
}

.blank_right {
    padding: 0 16px 0 0;
    margin: 0 4px 0 2px;
    background: url(../img/ico_blank.png) no-repeat right 6px;
    background-size: 12px;
}


/* 引用定義
======================================================= */

blockquote {
    padding: 15px;
    border: 8px solid #f5f5f5;
    margin-bottom: 20px;
}


/* お問い合わせ設定
======================================================= */

/* お問い合わせ table */

form table.tbr {
    width: 100%;
}

form table.tbr th {
    width: 30%;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 10px;
}

form table.tbr td {
    width: 70%;
    text-align: left;
    padding: 20px 10px;
}

form table.tbr span {
    float: right;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    background: #c00;
    padding: 2px 7px;
}

form ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

form input,
form select,
form label {
    padding: 5px;
    font-size: 1.6rem;
    vertical-align: middle;
}

form textarea {
    width: 90%;
    padding: 5px;
    font-size: 1.6rem;
    vertical-align: middle;
    resize: vertical;
}

form input[type="text"] {
    width: 85%;
}

form input[type="tel"] {
    width: 20%;
}
*#tel1,
*#tel2,
*#tel3,
*#zip1 {
    width: 20%;
}
*#zip2 {
    width: 30%;
}

form input[type="radio"],
form input[type="checkbox"] {
    width: 20px;
    height: 20px;
}


form ul.list_inline li {
    float: left;
    margin: 0 30px 0 0;
}

form ul.list_inline li input[type="checkbox"] {
    margin: 0 5px 0 0;
}

dl.subform {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

dl.subform dt {
    float: left;
    width: 23%;
    padding: 9px 0 0;
}
dl.subform dd {
    float: left;
    width: 77%;
}


form .agree_box {
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-size: 18px;
    font-size: 1.8rem;
}

form .agree_box input[type="checkbox"] {
    margin: 0 10px 0 0;
}

form input.btn {
    display: block;
    margin: 0 auto;
    padding: 20px 60px 20px 81px;
    color: #fff;
    background: #666 url(../img/arw_fmenu.png) no-repeat 60px 50%;
    border: none;
    font-size: 14px;
    font-size: 1.4rem;
}

form p.back {
    margin: 30px 0 0;
    text-align: center;
}

form p.back a {
    padding: 0 0 0 21px;
    background: url(../img/arw.png) no-repeat 0 .2em;
}


/* お問い合わせ error */

.err_block {
    clear: both;
    margin-bottom: 17px;
    padding: 12px;
    background: #ffe8e8;
}

.err_block p {
    color: #f00;
}

.err_block p.err_tit {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 2px 0 2px 10px;
    color: #fff;
    background: #f00;
}

label.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
    display: inline-block;
}

input.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

select.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

textarea.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

fieldset {
    display: inline;
    padding: 3px;
}

fieldset.error {
    background: #ffe8e8;
}

#form_flow {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#form_flow li {
    float: left;
    width: 202px;
    list-style-type: none;
}

#form_flow li.arw {
    width: 57px;
    padding: 7px 0 0;
    text-align: center;
}

#form_flow li .inner {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #d2d2d2;
}


/* 真ん中
======================================================= */
.tal {    text-align: left !important;}
.tac {    text-align: center !important;}
.tar {    text-align: right !important;}


/* TOPへ戻る
======================================================= */

.top_back {
    clear: both;
    text-align: center;
}

.top_back a {
    margin: 0 15px;
}


/* カラムテンプレート
======================================================= */

/*等間隔分割*/
.col2_box,
.col3_box,
.col4_box,
.col5_box,
.col6_box {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.col2_box .item {
    width: calc(50% - 20px);
    margin-right: 40px;
}

.col3_box .item {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
}

_:-ms-lang(x), .col3_box .item {
    width: calc((100% - 81px) / 3);
}

.col4_box .item {
    width: calc((100% - 120px) / 4);
    margin-right: 40px;
}

.col5_box .item {
    width: calc((100% - 140px) / 5);
    margin-right: 35px;
}

.col6_box .item {
    width: calc((100% - 175px) / 6);
    margin-right: 35px;
}

.col2_box .item:nth-child(2n),
.col3_box .item:nth-child(3n),
.col4_box .item:nth-child(4n),
.col5_box .item:nth-child(5n),
.col6_box .item:nth-child(6n) {
    margin-right: 0;   
}

.col2_box .item:nth-child(n+3),
.col3_box .item:nth-child(n+4),
.col4_box .item:nth-child(n+5),
.col5_box .item:nth-child(n+6),
.col6_box .item:nth-child(n+7) {
    margin-top: 40px;
}

.col2_box .item img,
.col3_box .item img,
.col4_box .item img,
.col5_box .item img,
.col6_box .item img {
    max-width: 100%;
    height: auto;
}

/*kuroda追記250326*/
.col2_box_twicerate {
	display: flex;
    justify-content:center;
	align-items:center;
	background-color:#f7f7f7;
	padding: 2rem 4rem;
}
.col2_box_twicerate .item:nth-child(1)  {
    flex-grow: 1;
    margin:0 20px;
}

.col2_box_twicerate .item:nth-child(2)  {
    flex-grow: 2;
    margin: 10px 20px 0 40px;
	max-width:500px;
}


/*kuroda追記2506 jsaは[j]ustify-content:[s]pace-[a]round のこと*/
.col2_box_jsa {
    display: flex;
    flex-wrap: wrap;
	justify-content:space-around;
}

.col2_box_jsa .item_jsa {
	width:50%;
	justify-items:center;
	margin: 2rem 0;
}

.col2_box_jsa .item_jsa .item_jsa_child {
	width:80%;
	margin: auto;
}

.col2_box_jsa .item_jsa .item_jsa_child img {
	width:100%;
	margin: 2rem 0;
}

.col2_box_jsa .item_jsa .item_jsa_child p,
.col2_box_jsa .item_jsa .item_jsa_child h3, {
	text-align:left;
}

/*スマホレイアウトにする*/
@media (max-width: 767px) {
    .col2_box,
    .col3_box,
    .col4_box,
    .col5_box,
    .col6_box {
        display: block;
    }

    .col2_box .item,
    .col3_box .item,
    .col4_box .item,
    .col5_box .item,
    .col6_box .item {
        width: auto;
        margin: 0;
    }

    .col2_box .item:nth-child(n+2),
    .col3_box .item:nth-child(n+2),
    .col4_box .item:nth-child(n+2),
    .col5_box .item:nth-child(n+2),
    .col6_box .item:nth-child(n+2) {
        margin: 20px 0 0;
    }

    .col2_box.sp_col2,
    .col3_box.sp_col2,
    .col4_box.sp_col2,
    .col5_box.sp_col2,
    .col6_box.sp_col2 {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }

    .col2_box.sp_col2 .item,
    .col3_box.sp_col2 .item,
    .col4_box.sp_col2 .item,
    .col5_box.sp_col2 .item,
    .col6_box.sp_col2 .item {
        width: calc(50% - 10px);
        margin: 0 20px 0 0;
    }

    .col2_box.sp_col2 .item:nth-child(n+2),
    .col3_box.sp_col2 .item:nth-child(n+2),
    .col4_box.sp_col2 .item:nth-child(n+2),
    .col5_box.sp_col2 .item:nth-child(n+2),
    .col6_box.sp_col2 .item:nth-child(n+2) {
        margin-top: 0;
    }

    .col2_box.sp_col2 .item:nth-child(n+3),
    .col3_box.sp_col2 .item:nth-child(n+3),
    .col4_box.sp_col2 .item:nth-child(n+3),
    .col5_box.sp_col2 .item:nth-child(n+3),
    .col6_box.sp_col2 .item:nth-child(n+3) {
        margin-top: 20px;
    }

    .col2_box.sp_col2 .item:nth-child(2n),
    .col3_box.sp_col2 .item:nth-child(2n),
    .col4_box.sp_col2 .item:nth-child(2n),
    .col5_box.sp_col2 .item:nth-child(2n),
    .col6_box.sp_col2 .item:nth-child(2n) {
        margin-right: 0;   
    }

    .col2_box .item img,
    .col3_box .item img,
    .col4_box .item img,
    .col5_box .item img,
    .col6_box .item img {
        max-width: 100%;
        height: auto;
        text-align: center;
    }
}


/*タブレットレイアウトにする*/
@media (max-width: 980px) {
    .col2_box,
    .col3_box,
    .col4_box,
    .col5_box,
    .col6_box {
        display: block;
    }
	
	/*241114黒田追加
	 ───────*/
		.page-id-35 .col3_box {
		display: flex;		
	}
	
	.page-id-20 .tablet_none {
		display: none;
	}
	
	.page-id-35 .center-column {
		flex: 2;
		align-items: center;
		justify-content: center;
		align-items: center;
		padding: 10px;
		text-align: center;
	}
	
	.page-id-35 .right-column {
		display: none;	
	}
	
	.page-id-35 .left-column {
		display: none;	
	}
	
	/*241114黒田追加終わり
	 ───────*/

    .col2_box .item,
    .col3_box .item,
    .col4_box .item,
    .col5_box .item,
    .col6_box .item {
        width: auto;
        margin: 0;
    }

    .col2_box .item:nth-child(n+2),
    .col3_box .item:nth-child(n+2),
    .col4_box .item:nth-child(n+2),
    .col5_box .item:nth-child(n+2),
    .col6_box .item:nth-child(n+2) {
        margin: 20px 0 0;
    }

    .col2_box.sp_col2,
    .col3_box.sp_col2,
    .col4_box.sp_col2,
    .col5_box.sp_col2,
    .col6_box.sp_col2 {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }

    .col2_box.sp_col2 .item,
    .col3_box.sp_col2 .item,
    .col4_box.sp_col2 .item,
    .col5_box.sp_col2 .item,
    .col6_box.sp_col2 .item {
        width: calc(50% - 10px);
        margin: 0 20px 0 0;
    }

    .col2_box.sp_col2 .item:nth-child(n+2),
    .col3_box.sp_col2 .item:nth-child(n+2),
    .col4_box.sp_col2 .item:nth-child(n+2),
    .col5_box.sp_col2 .item:nth-child(n+2),
    .col6_box.sp_col2 .item:nth-child(n+2) {
        margin-top: 0;
    }

    .col2_box.sp_col2 .item:nth-child(n+3),
    .col3_box.sp_col2 .item:nth-child(n+3),
    .col4_box.sp_col2 .item:nth-child(n+3),
    .col5_box.sp_col2 .item:nth-child(n+3),
    .col6_box.sp_col2 .item:nth-child(n+3) {
        margin-top: 20px;
    }

    .col2_box.sp_col2 .item:nth-child(2n),
    .col3_box.sp_col2 .item:nth-child(2n),
    .col4_box.sp_col2 .item:nth-child(2n),
    .col5_box.sp_col2 .item:nth-child(2n),
    .col6_box.sp_col2 .item:nth-child(2n) {
        margin-right: 0;   
    }

    .col2_box .item img,
    .col3_box .item img,
    .col4_box .item img,
    .col5_box .item img,
    .col6_box .item img {
        max-width: 100%;
        height: auto;
        text-align: center;
    }
}

/*比率分割*/
.col8-2,
.col2-8,
.col7-3,
.col3-7,
.col6-4,
.col4-6 {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; 
}

.col8-2 .item:nth-child(n+3),
.col2-8 .item:nth-child(n+3),
.col7-3 .item:nth-child(n+3),
.col3-7 .item:nth-child(n+3),
.col6-4 .item:nth-child(n+3),
.col4-6 .item:nth-child(n+3) {
    margin-top: 40px;
}

.col8-2 .item:nth-child(2n),
.col2-8 .item:nth-child(2n),
.col7-3 .item:nth-child(2n),
.col3-7 .item:nth-child(2n),
.col6-4 .item:nth-child(2n),
.col4-6 .item:nth-child(2n) {
    margin-left: 40px;
}

.col8-2 .item:nth-child(2n-1),
.col2-8 .item:nth-child(2n) {
    width: calc((100% - 40px) * 0.8);
}

.col8-2 .item:nth-child(2n),
.col2-8 .item:nth-child(2n-1) {
    width: calc((100% - 40px) * 0.2);
}

.col7-3 .item:nth-child(2n-1),
.col3-7 .item:nth-child(2n) {
    width: calc((100% - 40px) * 0.7);
}

.col7-3 .item:nth-child(2n),
.col3-7 .item:nth-child(2n-1) {
    width: calc((100% - 40px) * 0.3);
}

.col6-4 .item:nth-child(2n-1),
.col4-6 .item:nth-child(2n) {
    width: calc((100% - 40px) * 0.6);
}

.col6-4 .item:nth-child(2n),
.col4-6 .item:nth-child(2n-1) {
    width: calc((100% - 40px) * 0.4);
}

.col8-2 .item img,
.col2-8 .item img,
.col7-3 .item img,
.col3-7 .item img,
.col6-4 .item img,
.col4-6 .item img {
    max-width: 100%;
    height: auto;
}

/*ページ内リンク*/
ul.alink {
    margin: 24px 0 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

ul.alink li {
    margin: 0 24px 24px 0;
}

ul.alink li a {
    display: block;
    padding: 8px 20px 10px;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 #e0e3e5;
}

ul.alink li a span {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

ul.alink li a:hover span {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}

ul.alink li a span {
    padding: 0 40px 0 0;
    background: url(../img/ico_arw_down.png) no-repeat right center;
    background-size: 6px auto;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
}


/* 汎用スタイル設定
======================================================= */

.tac { text-align: center; }
.tal { text-align: left; }
.ter { text-align: right; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.pc_none { display: none; }

/*kuroda250327追記*/
@media screen and (min-width: 641px) and (max-width: 980px) {
	.tb_none { display: none; }	
	.tb_show { display: block; }	
}

.clearfix:after {
    display: block;
    clear: both;
    content: '';
}
*:after {
    display: block;
    clear: both;
}

/*object-fit対応させる*/
.object-fit_img {
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.object-fit_img_contain {
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

/*エディタ機能の画像位置*/
.block img.alignright {
    display: block;
    margin: 0 0 10px auto;
}

.block img.alignleft {
    display: block;
    margin: 0 auto 10px 0;
}

.block img.aligncenter {
    display: block;
    margin: 0 auto 10px;
}

.wrappertop {
    overflow-x :hidden;
}

.wrappertop .block img.alignright {
    display: block;
    margin: 0 0 0 auto;
}

.wrappertop .block img.alignleft {
    display: block;
    margin: 0 auto 0 0;
}

.wrappertop .block img.aligncenter {
    display: block;
    margin: 0 auto 0;
}

/*子要素のリンクを発動させる*/
.box_a, .box_alink {
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.box_a:hover, .box_alink:hover {
    opacity: 0.6;
}

.box_a a, .box_alink a {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

.box_a:hover a, .box_alink:hover a {
    text-decoration: underline;
    text-decoration-color: #0d70bc;
    transition: all 0.3s ease 0s;
}


/* トップページ設定
======================================================= */
/*白→グレー（赤線あり）*/
.wrappertop .area_gray 
    background: #f5f7f8;
    position: relative;
    padding: 120px 0;
}

.wrappertop .area_gray:before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
 ? ?height: 80px;
/* ? ?background: #f24555; 21/02/19 delete */
 ?  left: 0;
    right: 0;
    top: -40px;
    margin: 0 auto;
}

/*グレー→白（赤線あり）*/
.wrappertop .area_white {
    background: #fff;
    position: relative;
    padding: 120px 0;
}

.wrappertop .area_white:before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 80px;
/* ? ?background: #f24555; 21/02/19 delete */
    left: 0;
    right: 0;
    top: -40px;
    margin: 0 auto;
}

/*通常ブロック*/
.wrappertop .block {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}

/*見出し*/
.wrappertop .normal_h2 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}

/*赤ボタン*/
.wrappertop .red_btn a {
    position: relative;
    display: block;
    width: 480px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    background: #f24555 url(../img/ico_arw_w.png) no-repeat 438px center;
    background-size: 22px 6px;
    border-radius: 50px;
    padding: 27px 0 28px;
    text-decoration: none;
    box-shadow: 0 0 12px 0 #e9b9b9;
    margin: 60px auto 0;
    transition: all 0.3s ease 0s;
}

.wrappertop .red_btn a:hover {
    background-color: #ff7364;
	text-decoration:none;
}


/*白ボタン*/
.wrappertop .gray_btn a {
    position: relative;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    background: #f5f7f8 url(../img/ico_arw_b.png) no-repeat right 24px center;
    background-size: 22px 6px;
    border: solid 2px #e8eaeb;
    border-radius: 50px;
    padding: 15px 52px 16px 20px;
    text-decoration: none;
    box-shadow: 0 0 8px 0 #e5e8f1;
    margin: 0 auto;
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.wrappertop .gray_btn a:hover {
    background-color: #dce1e4;
}



/* ################################################ */
/* TOP RN */
/* ################################################ */

h2.h2_first{text-align:center; font-size:3.0em; margin:20px auto 30px;}
.h2_first img {  margin-right: 10px; width: 50%; max-width: 350px;}

.area_white-new{
}

.area_gray-new{
	background: #f5f7f8;
	position: relative;
	padding: 20px 0;
	margin: 125px 0;
}
.area_gray-new::before {
    border-color: transparent #f5f7f8 transparent transparent;
    border-style: solid;
    border-width: 50px 100vw 0 0;
    bottom: 100%;
    content: "";
    position: absolute;
    right: 0px;
    height: 31px;
}
.area_gray-new::after {
  border-color: #f5f7f8 transparent transparent transparent;
  border-style: solid;
  border-width: 50px 0 0 100vw;
  bottom: 0;
  content: "";
  position: absolute;
  top: 100%;
}

.top-rn_inner{max-width:1080px; margin:auto;}
.top-rn_inner img{width:100%;}

.reason3_right, .reason3_left{display:flex; max-width:1080px; margin:0 auto;}
.reason3_right .box_img, .reason3_left .box_img{width:30%; box-sizing:border-box; padding:20px;}
.reason3_right .box_txt, .reason3_left .box_txt{width:70%; box-sizing:border-box; padding:20px;}
.reason3_right img, .reason3_left img {width:100%;}
.reason3_right p, .reason3_left p{font-size:1.8rem;}
.reason3_first_area {display:block;}
a.reason3_first_area {text-decoration:none; color:#333;}
.label_popularity a.reason3_first_area {text-decoration:none; color:#fff;}

.reason3_right h3, .reason3_left h3{
	width:100%;
	display:inline;
	position: absolute;
  top: 0;
  left: 5%;
  background: none !important;
  border: none !important;
  color: #fff !important;
  text-shadow: #d0303e 1px 2px;
  font-weight: 600 !important;
  font-size: 3.5rem !important;
}

@media screen and (max-width:950px) {
.reason3_right h3, .reason3_left h3 { font-size:3.0vw !important;  top:-3%;}
}


.reason3_right .box_img .backbox ,.reason3_left .box_img .backbox{
	position	:relative;
	background	:#f24554;
	width:75%;
}

.reason3_right .box_img .backbox::before, .reason3_left .box_img .backbox::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.reason3_right .box_img .backbox p, .reason3_left .box_img .backbox p {
	position: absolute;
	color:#ffffff;
	text-shadow:#a20c0c 1px 1px;
	font-size:2em;
	font-weight:bold;
	top:10%;
	padding-left:30px;
}

.reason3_right .box_img .img_onta img, .reason3_left .box_img .img_onta img {
	position	:relative;
	left: 80%;
	margin-top: 70px;
	width	:50%;
	height	:50%;
}

.reason3_timerecorder_list {width:90%; margin:auto; max-width:1080px;}
.reason3_timerecorder_list, .top_function{display: flex; flex-wrap:wrap; margin-top:25px;}
.reason3_timerecorder_list img{width:100%; margin:auto;}
.reason3_timerecorder_list div{width:23%; box-sizing:border-box; margin-right:2%; text-align:center; }
.reason3_timerecorder_list div:last-child{margin-right:0;}

.top_function div.reason{ width: calc(50% - 20px); box-sizing:border-box; flex-shrink:0; display:flex; flex-wrap:wrap; background: #fff; border-radius: 6px; box-shadow: 0 0 20px 0 #e0e3e5; padding: 30px 30px 40px ; margin-right: 40px; margin-bottom:20px;}
.top_function div.reason.full{width:100%;}
.top_function div.reason:nth-child(2n) {  margin-right: 0;}
.top_function div.reason h3 { background :none !important; text-align:center; width:100%; font-size: 2.2rem; font-weight: 600; margin-bottom:20px;}
.top_function div.reason .img{width:25%;}
.top_function div.reason .img img {width:65%;}
.top_function div.reason .txt{width:75%;}
.wrapper .block .top_function div.reason h3::before {background:none !important;}
.top_function div.reason.full .top_flexible_txt, .top_function div.reason.full .top_flexible_img {display:flex; flex-wrap:wrap;}
.top_function div.reason.full .top_flexible_txt p, .top_function div.reason.full .top_flexible_img p {width:32%; box-sizing:border-box; margin-right:1%; text-align:center; }
.top_function div.reason.full .top_flexible_txt p ul li{text-align:center;}

.cooperation_list {display:flex; flex-wrap:wrap;}
.cooperation_list p{width:calc(20% - 5px);margin-right:5px; align-self:center; margin-bottom:10px;}
.cooperation_list p:nth-child(4n){margin-right:0;}
.cooperation_list p img {width:100%;}


.pr_seminar_outer { background: url(/wp/wp-content/uploads/top_img_seminarback.webp); height: 500px; margin-bottom:100px;}
.pr_seminar_inner { max-width: 1080px; margin: auto; display: flex; flex-wrap: wrap; background: #fff; position: relative;}
.pr_seminar_inner div { width: 50%; box-sizing: border-box; padding: 30px 40px;}
.pr_seminar_inner div p { margin-bottom:25px;}
.pr_seminar_inner div img {width :100%; margin:auto;}
.pr_seminar_inner_subtitle {width:100%; font-size:2.8rem; text-align:center; font-weight:600; color:#ffffff; padding:30px 0;}


.top_recommend_banner, .top_recommend_industry{display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative; margin-bottom:40px;}
.top_recommend_banner > .banner_area, .top_recommend_industry > .banner_area { width:32%; margin-right:1%; border-radius: 35px; height:70px; color:#ffffff; font-weight:600; position:relative; font-size:1.7rem; margin-bottom:30px;}
.top_recommend_banner > .banner_area:nth-child(4n), .top_recommend_industry > .banner_area:nth-child(4n){ margin-right:0;}

.top_recommend_industry > p, .top_recommend_banner > p {text-align:center; font-weight:600; font-size:2.2rem; margin-bottom:20px; width:100%; }
.top_recommend_industry a:hover { transform: scale(0.9); background:none;}
.banner_area a{ display: inline-block; box-sizing:border-box; margin-bottom: 30px; width: 100%; height: 100%; border-radius: 35px;padding-left: 26%;color: #fff; padding-top:5px; text-decoration:none; transition: all .3s ease 0s;}
.banner_area a:hover, .top_recomment_banner .banner_area a:active{ text-decoration:none !important; background-color:#ff7364 !important;}
.top_recommend_industry .banner_area a{padding:0; border-radius:0; height:auto; background:none; transition: all .3s ease 0s;}
.top_recommend_industry .banner_area a:hover, .top_recommend_industry .banner_area a:active{background:none !important; transform: scale(0.9);}
.pr_seminar_inner a, .shindan_area a { display:inline-block; transition: all .3s ease 0s;}
.pr_seminar_inner a:hover, .pr_seminar_inner a:active, .shindan_area a:hover, .shindan_area a:active{transform: scale(0.9);}

.banner_area a.area01 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar01.png") no-repeat 9px;}
.banner_area a.area02 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar02.png") no-repeat 9px;}
.banner_area a.area03 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar03.png") no-repeat 9px;}
.banner_area a.area04 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar04.png") no-repeat 9px;}
.banner_area a.area05 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar05.png") no-repeat 9px;}
.banner_area a.area06 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar06.png") no-repeat 9px;}
.banner_area a.area07 {background:#f24554 url("/wp/wp-content/uploads/top_img_bottom_bannar07.png") no-repeat 9px;}


/*赤ボタン slim*/
.wrappertop .red_btn-new a {
    position: relative;
    display: block;
    width: 400px;
    color: #fff;
    font-size: 16px;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    background: #f24555 url(../img/ico_arw_w.png) no-repeat 300px center;
    background-size: 22px 6px;
    border-radius: 50px;
    padding: 13px 0 14px;
    text-decoration: none;
    box-shadow: 0 0 12px 0 #e9b9b9;
    margin: 40px auto;
    transition: all 0.3s ease 0s;
}

.wrappertop .red_btn-new a:hover {
    background-color: #ff7364;
	text-decoration:none;
}


/*白ボタン slim　kuroda追加*/
.wrappertop .white_btn-new a {
    position: relative;
    display: block;
    width: 400px;
    color: #F24555;
    font-size: 16px;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    background: #fff url(../img/ico_arw_r.png) no-repeat 300px center;
    background-size: 22px 6px;
    border-radius: 50px;
    padding: 13px 0 14px;
    text-decoration: none;
    box-shadow: 0 0 12px 0 #e9b9b9;
    margin: 40px auto;
    transition: all 0.3s ease 0s;
}

.wrappertop .white_btn-new a:hover {
    background-color: #fff;
	text-decoration:none;
}

/* h2 */
.normal_h2_rn {
	border: none !important;
	text-align: center;
	font-weight: 600 !important;
	background: none !important;
	font-size: 3.5rem !important;
	margin-bottom:30px;
	padding: 0 15px!important;
}

/* 細かい装飾 */
.label_popularity{background:#f24554; padding:2px 10px; margin:5px 0 10px; color:#ffffff; width: 100px; text-align: center;  font-size:1.8rem; font-weight:bold;}
img.whatisTOT {margin-right: 10px; ; width:40vw; height:6.5%; max-width:350px;}
.subtitle {font-size:2.5rem !important; font-weight:600;}
.highlight { background: linear-gradient(transparent 60%, #ffff66 0%); line-height: 1.3em; padding: 0 10px;}
.pr_seminar_outer .red_btn-new a {box-shadow:none;}
@media screen and (max-width:950px) {
.banner_area a{ font-size: 1.7vw; padding:10px 5% 0 36%;}
}

/*　2025メインビジュアル（2412）
======================================================= */
.kv_wrapper {
	padding: 6rem 10rem;
	background-color: #f8f8f8;
	border-top:8px solid #f24555;
	background: url(/wp/wp-content/uploads/kv_wrapper_back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;	
    /*padding: 4rem 10rem;
	background-color: #f8f8f8;
	border-top:8px solid #f24555;*/
}

.kv_description {
	font-size:5.4rem;
	line-height:1.3;
	font-weight:800;
	color: #222;
	white-space:nowrap;
}

.kv_description span {
	color: #f24555;
}

.kv_twofive {
	display:flex;
	align-items:center;
	justify-content:center;
}

.kv_item {
	box-sizing:border-box;
}

.kv_item:first-child {
    flex-grow: 1;
}

.kv_item:last-child {
    flex-grow: 3; /* サイズ比率 2 */
	padding-left:1rem;
	width: 100%; /* 親要素にフィットさせる */
    max-width: none; /* サイズ制約を解除 */
}

.kv_result {
	display: flex;
}

.kv_result img {
	margin: 2rem 1rem 0rem;
	width: 160px;
	height:auto;
}

@media screen and (min-width: 641px) and (max-width: 1080px) {
  .kv_wrapper {
    padding: 4rem 1rem;
    background-color: #f8f8f8;
  }
  
  .kv_description {
    font-size:6rem;
    line-height:1.3;
    font-weight:800;
    color: #222;
    max-width:800px;
    margin: 0 2rem;
    box-sizing: border-box;
    white-space:wrap;
    text-align: center;
	margin:auto;
  }
  
  .kv_description span {
    color: #f24555;
  }
  
  .kv_twofive {
    display:block;
    align-items:center;
  }
  
  .kv_result {
    display: flex;
    justify-content:center;
  }
  
  .kv_result img {
    margin: 1rem;
    width: 20%;
    box-sizing:border-box;
  }
	
	.kv_item {
		justify-items: center; 
	}
	
	.kv_item span {
		text-align: center; 
	}
}

/*メインビジュアル*/
/*資料請求とトライアルのボタンも一部変更 */
  .mv_area.ver202312 {
    width: 100%;
}
.mv_area.ver202312 .sp {
    display: none;
}

.mv_area.ver202312 .ctaBox {
    display: block;
    width: 100%;
    height: 115px;
    background-color: #f8f8f8;
}
.mv_area.ver202312 .ctaBox .innerBox {
    max-width: 1080px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*　ctaBtn（ボタン）のCSS*/
.mv_area.ver202312 .ctaBox .ctaBtn {
    width: 360px;
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    border-radius: 100px;
}

.mv_area.ver202312 .ctaBox .ctaBtn a {
    text-decoration: none;	
}

.mv_area.ver202312 .ctaBox .ctaBtn a:hover {
    cursor:pointer;
    opacity: 90%;
    text-decoration: none;
}

/*赤白ボタン　共通した項目のCSS*/
.mv_area.ver202312 .ctaBox .ctaBtn .btnRed,
.mv_area.ver202312 .ctaBox .ctaBtn .btnWhite {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    background: #3d3d3d;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 500;
    position: relative;
}

.mv_area.ver202312 .ctaBox .ctaBtn .btnRed::after,
.mv_area.ver202312 .ctaBox .ctaBtn .btnWhite::after {
    content: "";
    background-image: url(../img/top_mv_202312/ico_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: absolute;
    right: 30px;
    top: clac(50% - 10px);
}
.mv_area.ver202312 .ctaBox .ctaBtn .btnRed:hover:after,
.mv_area.ver202312 .ctaBox .ctaBtn .btnWhite:hover:after {
    background-image: url(../img/top_mv_202312/ico_arrow_r.png);
}

/*グレー/白ボタンに関しての記述*/
.mv_area.ver202312 .ctaBox .ctaBtn .btnWhite {
	padding-left: 3em;
	box-shadow: 0 6px 0 0 #222222;
	font-weight:600;
    transition: 0.3s;
}

.mv_area.ver202312 .ctaBox .ctaBtn a.btnWhite:hover {
    color: #222222!important;
    background-color: #FFF;
    box-shadow: 0 6px 0 0 #cfcfcf;
}

.mv_area.ver202312 .ctaBox .ctaBtn a.btnWhite {
    color: #FFF !important;
}

/*赤いボタンに関しての記述*/
.mv_area.ver202312 .ctaBox .ctaBtn .btnRed {
  position: relative;
  background-color: #F24555;
  color: #fff;
  box-shadow: 0 6px 0 0 #7a0000;
  font-weight:600;
  padding-top:10px;
  transition: 0.3s;
}

.mv_area.ver202312 .ctaBox .ctaBtn a.btnRed {
    text-align:center;
}

.mv_area.ver202312 .ctaBox .ctaBtn a.btnRed:hover {
    color: #F24555;
    background-color: #FFF;
    box-shadow: 0 6px 0 0 #903434;
}

.mv_area.ver202312 .ctaBox .ctaBtn .btnRed::before {
  position: absolute;
  display: inline-block;
  border-radius: 50px;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
    padding: 0 2em;
    border: solid 4px #F24555;
    width: auto;
    white-space: nowrap;
    background-color: #FFF;
    content: '1分でカンタン入力';
    color: #F24555;
    font-size: 0.9em;
    transition: 0.3s;
}

.mv_area.ver202312 .ctaBox .ctaBtn a.btnRed:hover:before {
    top: -20px;
    color: #FFF;
    background-color: #F24555;
    border: solid 4px #FFF;
}


/*MVスライド*/
.wrap_mv_slider {
    width: 100%;
    position: relative;
    margin: 40px auto 100px; /* 21/02/19 edit 160px>100px */
    height: 215px;
}

#mv_slider {
    width: 4000px;
    height: 215px;
    position: absolute;
    left: 50%;
    margin-left: -2000px;
}

#mv_slider .bx-viewport {
    overflow: visible!important;
    z-index: 1;
}

#mv_slider .bx-wrapper{
    margin: 0 auto;
    min-width: 900px!important;
}

#mv_slider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mv_slider ul li {
    visibility:hidden;
}

#mv_slider .bx-viewport ul li {
    visibility: visible!important;
}

#mv_slider .bx-viewport ul li a {
    display: block;
    transition: all 0.3s ease 0s;
}

#mv_slider .bx-viewport ul li a:hover {
    opacity: 0.5;
}

#mv_slider ul img {
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #e0e3e5;
}


/*--矢印ボタンとページャーの表示は
    jQuery実行箇所内の"pager"と"controls"で制御可--*/
    
/*矢印ボタン*/
#mv_slider .bx-controls {
  position: absolute;
  max-width: 1080px;
  height: 215px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;  
}

_:-ms-lang(x), #mv_slider .bx-controls {
    max-width: none;
}

#mv_slider .bx-controls-direction a {
    display: block;
    overflow: hidden;
    width: 45px;
    height: 0 !important;
    margin: auto 0;
    padding-top: 45px;
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    margin: auto;
}

_:-ms-lang(x), #mv_slider .bx-controls-direction a {
    top: 210px;
}

_:-ms-lang(x), #mv_slider .bx-controls .bx-controls-direction {
    position: relative;
    width: 1080px;
    margin: 0 auto;
}

#mv_slider .bx-prev {
    left: -22px;
    background: url(../img/ico_slide_arw_s_left.png) no-repeat scroll 0 0;
    background-size: 45px;
}

#mv_slider .bx-next {
    right: -22px;
    background: url(../img/ico_slide_arw_s_right.png) no-repeat scroll 0 0;
    background-size: 45px;

}

/*ページャー*/
#mv_slider .bx-controls .bx-pager {
    position: absolute;
    z-index: 100;
    bottom: -37px;
    left: 0;
    right: 0;
    height: 12px;
    margin: auto;
    padding: 0;
    text-align: center;
}

#mv_slider .bx-controls .bx-pager-item {
    display: inline;
}

#mv_slider .bx-controls .bx-pager-item a {
    display: inline-block;
    overflow: hidden;
    width: 38px;
    height: 0!important;
    margin: 0 4px;
    padding-top: 6px;
    border-radius: 4px;
    background: #e5e5e5;
    transition: all 0.2s ease 0s;
}

#mv_slider .bx-controls .bx-pager-item a:hover,
#mv_slider .bx-controls .bx-pager-item a.active {
    background: #f24555;
}

/*お悩み*/
.wrappertop .nayami_area {
    padding-bottom: 30px;
	margin-top:-100px !important;
}

.nayami_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    letter-spacing: 0.3em;
    text-align: center;
    margin-bottom: 50px;
}

.nayami_area .nayami {
    display: -webkit-box;
    display: flex;
}

.nayami_area .nayami .icon {
    margin-right: 15px;
}

.nayami_area .nayami .icon img {
    max-width: none;
}

.nayami_area .icon .name {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
}

.nayami_area .nayami .txt span {
    background: linear-gradient(transparent 0%, transparent 54%, #e8eaeb 54%, #e8eaeb 86%, transparent 86%, transparent 100%);
}


/*解決*/
.kaiketsu_area {
    background: #f5f7f8;
    position: relative;
    padding: 90px 0 40px;
}

.kaiketsu_area:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 50vw 0 50vw;
    border-color: #fff transparent transparent transparent;
}

.kaiketsu_area h2 img {
    margin-right: 12px;
    vertical-align: bottom;
    margin-bottom: 7px;
}

.kaiketsu_area .kaiketsu {
    background: #fff;
    border-radius: 6px;
    padding: 50px 40px;
    margin-top: 60px;
    box-shadow: 0 0 20px 0 #e0e3e5;
    height: calc(100% - 160px);
}

.kaiketsu_area .kaiketsu .img {
    text-align: center;
}

.kaiketsu_area .kaiketsu .txt {
    margin-top: 40px;
}

.kaiketsu_area .kaiketsu .txt span {
    background: linear-gradient(transparent 0%, transparent 54%, #ffebe9 54%, #ffebe9 86%, transparent 86%, transparent 100%);
}

.kaiketsu_area .col2_box {
    margin-top: 60px;
}

.kaiketsu_area .thumb {
    position: relative;
    cursor: pointer;
}

.kaiketsu_area .thumb:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: url(../img/ico_youtube.png) no-repeat center center;
}

.kaiketsu_area .youtube img,
.kaiketsu_area .youtube iframe {
    box-shadow: 0 0 20px 0 #e0e3e5;
}

.kaiketsu_area .txt_box .red_btn a {
    background: #f24555 url(../img/ico_arw_w.png) no-repeat right 20px center;
    background-size: 22px 6px;
    margin: 32px auto 0;
    transition: all 0.3s ease 0s;
    padding: 27px 52px 28px 20px;
    width: auto;
}

.kaiketsu_area .red_btn a:hover {
    background-color: #ff7364;
}

/*タッチオンタイムの特徴/選ばれる理由*/
.reason_area .normal_h2 {
    margin-bottom: 50px;
}

.reason_area .clock_img {
    display: block;
    content: '';
    position: absolute;
    width: 736px;
    height: 736px;
    right: -486px;
    bottom: -330px;
    z-index: 0;
}

.reason_area .col2_box {
    position: relative;
}

.reason_area .reason {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #e0e3e5;
}

.reason_area .reason h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding: 39px 20px 13px;
}

.reason_area .reason h3 span {
    font-size: 32px;
    font-size: 3.2rem;
}

.reason_area .inner_reason {
    padding: 0 64px 48px;
}

.reason_area .inner_reason .img {
    text-align: center;
    margin-bottom: 30px;
}

.reason_area .inner_reason .gray_btn {
    margin-top: 44px
}

/*タッチオンタイムの機能*/
.function_area h2 + .txt {
    text-align: center;
    margin: 30px 0 56px;
}

.function_area .kinou {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #e0e3e5;
    text-align: center;
    padding: 36px 16px;
    transition: all 0.3s ease 0s;
    height: calc(100% - 72px);
}

.function_area .kinou:nth-child(n+5) {
    margin-top: 24px;
}

.function_area .kinou .link {
    font-weight: bold;
    margin-top: 16px;
}

.function_area .kinou .link span {
    background: url(../img/ico_arw_b.png) no-repeat right 50%;
    background-size: 22px 6px;
    padding-right: 28px;
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

_:-ms-lang(x), .function_area .kinou a .link span {
    text-decoration: none;
}

.function_area .kinou a:hover {
    opacity: 0.6;
}

.function_area .kinou a:hover .link span {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}

.function_area .kinou .txt {
    margin-top: 12px;
    text-align: left;
    padding: 0 20px;
}

/*導入の流れ*/
.flow_area {
	padding-bottom: 100px;
}

.flow_area h2 + .txt {
    text-align: center;
    margin: 30px 0 80px;
}

.flow_area .item + .item .flow:before {
	content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px;
    border-color: transparent transparent transparent #f24555;
	top : 45%;
	left: -28px;
    margin: 0 auto;
}

.flow_area .flow {
    background: #fff;
	position: relative;
    border-radius: 6px;
	padding: 42px 25px;
    box-shadow: 0 0 20px 0 #e0e3e5;
    height: calc(100% - 80px);
}

.flow_area .flow .num {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #f24555;
    top: -25px;
    left: -25px;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
}

.flow_area .flow .num + .txt {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
	color: #f24555;
    margin: 0 0 20px;
	text-align: center;
}

.flow_area .flow .img {
    text-align: center;
}

.flow_area .flow .txt {
    margin-top: 20px;
	text-align: center
}

.flow_area + .cv_area {
    box-shadow: none;
}

.flow_area + .cv_area .block {
	padding: 0;
}

/*CVエリア*/
.cv_area, .cv_area2 {
    background: #fff;
    box-shadow: 0 0 20px 0 #e0e3e5;
    position: relative;
    z-index: 1;  
}

.cv_area2{max-width: 1080px; margin: auto;}

.cv_area .block {
    padding: 90px 0 100px;
    text-align: center;
}
.cv_area2 .block { padding:30px 0 40px; }

.cv_area.inner_cta .block, .cv_area2.inner_cta .block {
    padding: 42px 20px 60px;
	box-sizing: border-box;
}

.cv_area h2 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: normal;
    letter-spacing: 0.1em;
}

.cv_area.inner_cta h2 {
    font-size: 28px;
    font-size: 2.8rem;
    border: none;
    margin-bottom: 8px;
}

.cv_area h2 span {
    background: linear-gradient(transparent 0%, transparent 54%, #ffebe9 54%, #ffebe9 86%, transparent 86%, transparent 100%)   
}

.cv_area.inner_cta h2 span {
    padding: 0;
}

.cv_area2 .block .txt{text-align:center; font-size:2.5rem;}

.cv_area .wrap_tel, .cv_area2 .wrap_tel {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 20px;
}

.cv_area.inner_cta .wrap_tel, .cv_area2.inner_cta .wrap_tel {
    margin-top: 0;
}

.cv_area .wrap_tel a, .cv_area2 .wrap_tel a {
    background: url(../img/ico_tel_l.png) left 55% no-repeat;
    background-size: 28px auto;
    font-size: 40px;
    font-size: 4.0rem;
    padding: 0 0 0 38px;
    cursor: default;
    text-decoration: none;
    pointer-events: none;
    display: block;
}

.cv_area .wrap_tel a, .cv_area2 .wrap_tel a,
.cv_area .wrap_tel a:visited, .cv_area2 .wrap_tel a:visited {
    color: #333333;
}

.cv_area .wrap_tel .txt, .cv_area2 .wrap_tel .txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 16px;
    line-height: 1;

}

.cv_area .wrap_btn, .cv_area2 .wrap_btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 22px;
}

.cv_area .wrap_btn p + p, .cv_area2 .wrap_btn p + p {
    margin-left: 20px;
}

.cv_area .wrap_btn a, .cv_area2 .wrap_btn a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    border-radius: 80px;
    padding: 17px 0 18px;
    text-decoration: none!important;
}

.cv_area .contact_btn a, .cv_area2 .contact_btn a {
    background: #f24555;
    box-shadow: 0 0 12px 0 #e9b9b9;
    transition: all 0.3s ease 0s;
    padding: 17px 50px 18px;
}

.cv_area .contact_btn a:hover, .cv_area2 .contact_btn a:hover {
    background-color: #ff7364;
}

.cv_area .contact_btn span, .cv_area2 .contact_btn span {
    background: url(../img/ico_mail_s.png) no-repeat left 50%;
    background-size: 16px 14px;
    padding-left: 24px;
}

.cv_area .mitsumori_btn a, .cv_area2 .mitsumori_btn a {
    background: #2e7dd7;
    box-shadow: 0 0 12px 0 #9abce3;
    transition: all 0.3s ease 0s;
    padding: 17px 66px 18px;
}

.cv_area .mitsumori_btn a:hover, .cv_area2 .mitsumori_btn a:hover {
    background-color: #4f9ffb;
}

.cv_area .mitsumori_btn span, .cv_area2 .mitsumori_btn span {
    background: url(../img/ico_mitsumori_s.png) no-repeat left 50%;
    background-size: 13px auto;
    padding-left: 24px;
}

.cv_area .trial_btn a, .cv_area2 .trial_btn a {
    background: #4b474d;
    box-shadow: 0 0 12px 0 #e0e3e5;
    transition: all 0.3s ease 0s;
    padding: 17px 33px 18px;
}

.cv_area .trial_btn a:hover, .cv_area2 .trial_btn a:hover {
    background-color: #757175;
}

.cv_area .trial_btn span, .cv_area2 .trial_btn span {
    background: url(../img/ico_trial.png) no-repeat left 50%;
    background-size: 16px auto;
    padding-left: 24px;
}

/*クラス追加 21/12/21*/
.cv_area.style_02 {
    background: #ffe8e8;
	box-shadow: none;
}

.cv_area.style_02 .block {
    padding: 20px 0 22px;
}

.cv_area.style_02 .wrap_btn a {
    font-size: 15px;
}

.cv_area.style_02 .contact_btn a {
	padding: 16px 33px 17px;
}

.cv_area.style_02 .mitsumori_btn a {
	padding: 16px 48px 17px;
}

.cv_area.style_02 .trial_btn a {
	padding: 16px 17px 17px;
}

/*導入事例*/
.jirei_area {
    background: #f5f7f8;
    position: relative;
/*    padding: 120px 0; 2023/12/05 調整のためコメントアウト */
}

.jirei_area .block {
    margin-bottom: 90px;
}

.jirei_area h2 + .catch_txt {
    margin-top: 25px;
}

.jirei_area .catch_txt {
    text-align: center;
}

.jirei_area .catch_txt .bold {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}

.jirei_area .catch_txt .red {
    font-size: 32px;
    font-size: 3.2rem;
    color: #f24555;
}

.sp_scroll_txt {
    display: none;
}

.jirei_area .jirei_ul, .function_area .cooperation_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 46px 0 0;
    padding: 0;
    list-style-type: none;
}

.jirei_area .jirei_ul li, .function_area .cooperation_list li, .function_area .cooperation_list p{
    margin: 10px 12px 0 0;
    width: calc((100% - 48px) / 5);
}

.jirei_area .jirei_ul li:nth-child(5n), .function_area .cooperation_list li:nth-child(5n), .function_area .cooperation_list p:nth-child(5n){
    margin-right: 0;
}

.jirei_area .jirei_ul li img, .function_area .cooperation_list li img, .function_area .cooperation_list p img{
    width: 100%;
    height: auto;
}

.jirei_area .chui {
    margin-top: 18px;
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
}

.jirei_area .slide_box > .txt {
    margin-top: 80px;
    text-align: center;
}

/*事例スライド*/
.wrap_jirei_slider {
    width: 100%;
    position: relative;
    margin: 60px auto 106px;
}

#jirei_slider {
    width: 20000px;
    position: absolute;
    left: 50%;
    margin-left: -10000px;
}

#jirei_slider .bx-viewport {
    overflow: visible!important;
    z-index: 1;
}

#jirei_slider .bx-wrapper {
    margin: 0 auto;
    min-width: 900px!important;
}

#jirei_slider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#jirei_slider ul li {
    visibility:hidden;
}

#jirei_slider .bx-viewport ul li {
    visibility: visible!important;
}

#jirei_slider ul img {
    box-shadow: 0 0 20px 0 #e0e3e5;
}

/*--矢印ボタンとページャーの表示は
    jQuery実行箇所内の"pager"と"controls"で制御可--*/
    
/*矢印ボタン*/

#jirei_slider .bx-controls {
    position: absolute;
    max-width: 1080px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;  
}

_:-ms-lang(x), #jirei_slider .bx-controls {
    max-width: none;
}

#jirei_slider .bx-controls-direction a {
    display: block;
    overflow: hidden;
    width: 96px;
    height: 0 !important;
    margin: auto 0;
    padding-top: 96px;
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    margin: auto;
}

_:-ms-lang(x), #jirei_slider .bx-controls-direction a {
    top: 360px;
}

#jirei_slider .bx-prev {
    left: 43px;
    background: url(../img/ico_slide_arw_l_left.png) no-repeat scroll 0 0;
    background-size: 96px;
}

#jirei_slider .bx-next {
    right: 43px;
    background: url(../img/ico_slide_arw_l_right.png) no-repeat scroll 0 0;
    background-size: 96px;
}

/*ページャー*/
#jirei_slider .bx-controls .bx-pager {
    position: absolute;
    z-index: 100;
    bottom: -46px;
    left: 0;
    right: 0;
    height: 12px;
    margin: auto;
    padding: 0;
    text-align: center;
}

_:-ms-lang(x), #jirei_slider .bx-controls .bx-controls-direction {
    position: relative;
    width: 1080px;
    margin: 0 auto;
}

#jirei_slider .bx-controls .bx-pager-item {
    display: inline;
}

#jirei_slider .bx-controls .bx-pager-item a {
    display: inline-block;
    overflow: hidden;
    width: 38px;
    height: 0!important;
    margin: 0 4px;
    padding-top: 6px;
    border-radius: 4px;
    background: #e5e5e5;
    transition: all 0.2s ease 0s;
}

#jirei_slider .bx-controls .bx-pager-item a:hover,
#jirei_slider .bx-controls .bx-pager-item a.active {
    background: #f24555;
}

#jirei_slider .jirei {
    display: -webkit-box;
    display: flex;
    background: #fff;
    padding: 60px 50px;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #e0e3e5;
    color: #333;
    transition: all 0.3s ease 0s;
}

#jirei_slider .jirei .tag {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

#jirei_slider .jirei .tag p {
    background: #f24555;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 3px 30px;
    margin: 0 8px 6px 0;
}

#jirei_slider .jirei .tit {
    margin-top: 6px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}

#jirei_slider .jirei .txt {
    margin-top: 6px;
}

#jirei_slider .jirei .link {
    margin-top: 12px;
}

#jirei_slider .jirei .link span {
    background: url(../img/ico_arw_b.png) no-repeat right 50%;
    background-size: 22px 6px;
    padding-right: 30px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
    color: #0d70bc;
}

_:-ms-lang(x), #jirei_slider .jirei a .link span {
    text-decoration: none;
}

#jirei_slider .jirei a:hover .link span {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}

#jirei_slider .jirei .img {
    margin-left: 36px;
    width: 95%;
    height: auto;
    display: flex;
    align-items: center;
}

/*勤怠管理・ブログ*/
.kiji_area .block {
    display: -webkit-box;
    display: flex;
}

.kiji_area .inner_block {
    width: calc(50% - 12px);
    background: #fff;
    border-radius: 6px;
    padding: 60px 70px;
    box-shadow: 0 0 20px 0 #e0e3e5;
}

.kiji_area .inner_block + .inner_block {
    margin-left: 24px;
}

.kiji_area .catch_txt {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

.kiji_area h2 {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.kiji_area h2 img {
    margin: 6px 8px 0 0;
}

.kiji_area h2 span {
    margin-top: 6px;
}

.kiji_area ul {
    height: 260px;
    overflow-y: scroll;
    margin: 20px 0 40px;
    padding: 0;
}

.kiji_area ul li {
    margin-top: 20px;
}

.kiji_area ul li {
    display: -webkit-box;
    display: flex;
    padding: 0 0 20px;
    margin-right: 32px;
    border-bottom: solid 1px #e5e5e5;
}

.kiji_area ul li .img {
    margin-right: 12px;
}

.kiji_area ul li .img img {
    border-radius: 8px;
    width: 80px;
    height: 80px;
}

.kiji_area ul li .txt {
    display: inline;
}

/*よくあるご質問*/
.faq_area .normal_h2 {
    margin-bottom: 50px;
}

/*勤怠管理システムを選ぶときはここをチェック！*/
.wrap_h2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    align-items: flex-end;
}

.wrap_h2 div {
    margin-left: 24px;
    margin-bottom: 38px;
}

.wrap_h2 .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 2px;
}

.wrap_h2 .tit {
    font-size: 30px;
    font-size: 3.0rem;
    color: #f24555;
    border: solid 3px #c5c9cb;
    border-radius: 12px;
    text-align: center;
    padding: 8px 44px 7px;
    position: relative;
    letter-spacing: 0.1em;
	background-color: white;
}

.wrap_h2 .tit:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -8px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 12px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 2;
}

.wrap_h2 .tit:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -12px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 12px 14px 0;
    border-color: transparent #c5c9cb transparent transparent;
    z-index: 1;
}

.check_area .tab_wrap {
    max-width: 1080px;
    margin: 20px auto 0;
}

@media (min-width: 1080px) {
    .check_area .tab_wrap .tab_area{
        font-size: 0;
        margin:0 10px;
    }

    .check_area .tab_wrap .tab_area .tab_btn {
        /*width:188px;*/
        margin:0 4px;
        display:inline-block;
        padding:12px 12px;
        color:#333;
        background:#f5f7f8;
        border-radius: 12px 12px 0 0;
        box-shadow: 0 0 20px 0 #e0e3e5;
        text-align:center;
        font-size:16px;
        font-size: 1.6rem;
        cursor:pointer;
        transition: all 0.3s ease 0s;
    }

    .check_area .tab_wrap .tab_area .tab_btn:hover {
        background-color: #dce1e4;
    }
}
.check_area .tab_wrap .panel_area {
    background:#fff;
    box-shadow: 0 0 20px 0 #e0e3e5;
    border-radius: 6px;
}

.check_area .tab_wrap .tab_panel {
    display:none;
    position: relative;
}

.check_area .tab_wrap .tab_panel:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;    
    border-radius: 6px;
}

.check_area .tab_wrap .tab_panel .check {
    position: relative;
    z-index: 1;
    padding:40px;
}

.check_area .tab_wrap .tab_panel .check .img {
    font-size: 10px;
    font-size: 1.0rem;
    float: right;
    margin: 3px 0 30px 40px;
    text-align: left;
}

.check_area .tab_wrap .tab_panel .check .wrap_tit {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 13px;
}

.check_area .tab_wrap .tab_panel .check .point {
    background: #f24555;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    padding: 3px 18px 2px;
    margin: 4px 18px 0 0;
    min-width: 82px;
}

.check_area .tab_wrap .tab_panel .check .tit {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding-top: 4px;
}

.check_area .tab_wrap .tab_panel .check .wrap_txt p + p {
    margin-top: 24px;
}

.check_area .tab_wrap .tab_panel .check .wrap_txt .red {
    color: #f24555;
    font-weight: bold;
}

.check_area .tab_wrap .tab_area .tab_btn.active {
    background:#f24555;
    color:#fff;
}

.check_area .tab_wrap .panel_area .tab_panel.show {
    display:block;
}


/*「勤怠管理」お役立ち資料ダウンロード*/
.top_download {
    max-width: 1080px;
    margin: 0 auto -24px;
}

.top_download h2 {
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
}

.top_download ul {
    list-style-type: none;
    margin: 48px 0 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.top_download ul li {
    margin-bottom: 24px;
}

.top_download ul li + li {
    margin-left: 24px;
}

.top_download ul p {
    text-align: center;
}

.top_download ul p + p {
    margin-top: 18px;
}

.top_download ul img {
    border: solid 1px #ededed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top_download ul a {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

_:-ms-lang(x), .top_download ul a {
    text-decoration: none;
}

.top_download ul a:hover {
    text-decoration: underline;
    text-decoration-color: #0d70bc;
    transition: all 0.3s ease 0s;
    opacity: 0.6;
}


/* トップページ1080px未満
======================================================= */
@media (max-width: 1079px) {
    .mv_area .item_img {
        height: 320px;
        right: -169px;
        bottom: 50px;
    }

    .mv_area .item_img img {
        width: auto;
        height: 310px;
    }

    .mv_area .mv_btn .contact_btn a,
    .mv_area .mv_btn .trial_btn a {
        padding: 21px 12px 22px;
        width: 300px;
    }

    .wrap_mv_slider {
        height: 160px;
    }

    #mv_slider .bx-controls {
        max-width: 640px;
        height: 140px;
    }

    _:-ms-lang(x), #mv_slider .bx-controls {
        max-width: none;
    }

    _:-ms-lang(x), #mv_slider .bx-controls-direction a {
        top: 124px;
    }

    _:-ms-lang(x), #mv_slider .bx-controls .bx-controls-direction {
        position: relative;
        width: 640px;
        margin: 0 auto;
    }

    #mv_slider .bx-wrapper {
        margin: 0 auto;
        min-width: 640px!important;
    }

    #mv_slider ul img {
        width: 315px;
        height: auto;
    }

    .kaiketsu_area .kaiketsu {
        padding: 40px 20px;
        height: calc(100% - 140px);
    }

    .reason_area .inner_reason {
        padding: 0 24px 48px;
    }

    #jirei_slider .bx-controls {
        max-width: 740px;
    }

    _:-ms-lang(x), #jirei_slider .bx-controls {
        max-width: none;
    }

    _:-ms-lang(x), #jirei_slider .bx-controls .bx-controls-direction {
        width: 740px;
    }

    #jirei_slider .jirei {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        padding: 30px 50px;
    }

    #jirei_slider .jirei .img {
        margin: 0 auto 20px;
    }

    _:-ms-lang(x), #jirei_slider .jirei .img {
        text-align: center;
    }

    _:-ms-lang(x), #jirei_slider .bx-controls-direction a {
        top: 520px;
    }

    .check_area .tab_wrap .tab_area {
        font-size:0;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 12px;
    }

    .check_area .tab_wrap .tab_area .tab_btn {
        width: calc(33.3333% - 8px);
        margin: 0 4px 8px;
        display:inline-block;
        padding: 8px 0;
        color:#333;
        background:#f5f7f8;
        border-radius: 4px;
        box-shadow: 0 0 4px 0 #e0e3e5;
        text-align:center;
        font-size: 1.4rem;
        cursor:pointer;
        transition: all 0.3s ease 0s;
    }

    .kiji_area .inner_block {
        padding: 60px 35px;
    }

    /*全体左右余白*/
    .mv_area .wrap_summary {
        padding: 33px 20px 52px;
    }

    .wrappertop .area_gray {
        padding: 120px 20px;
    }

    .wrappertop .area_white {
        padding: 120px 20px;
    }

    .kaiketsu_area {
        padding: 150px 20px 120px;
    }
	
	.flow_area {
		margin-left: 20px;
    }
	
    .cv_area .block {
        padding: 90px 20px 100px;
    }

    .jirei_area {
        padding: 120px 20px;
    }
	.area_gray-new.jirei_area{padding:0 20px;}
}

@media (max-width: 880px) {
    .mv_area .item_img {
        height: 260px;
        right: -220px;
        bottom: 90px;
    }

    .mv_area .item_img img {
        width: auto;
        height: 240px;
    }

    .check_area .tab_wrap .tab_panel .check .img {
        margin: 3px 0 20px 20px;
    }

    .check_area .tab_wrap .tab_panel .check .img img {
        width: 268px;
        height: auto;
    }

    .function_area .kinou {
        padding: 36px 15px;
    }

    .function_area .kinou .txt {
        padding: 0 4px;
    }

    .kiji_area h2 {
        font-size: 2.0rem;
    }

    .kiji_area h2 img {
        width: 180px;
        height: auto;
    }

    .kiji_area .inner_block {
        padding: 60px 20px;
    }

    .cv_area .wrap_btn {
        display: block;
    }

    .cv_area .wrap_btn p {
        max-width: 520px;  
        margin: 0 auto; 
    }

    .cv_area .wrap_btn p + p {
        margin: 12px auto 0;
    }
}

/*スマホレイアウト*/
@media (max-width: 767px) {
    .mv_area .catch {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .mv_area .wrap_share {
        width: 316px;
    }

    .mv_area .wrap_share .tit {
        width: 112px;
    }

    .mv_area .item_img {
        height: 220px;
        right: -290px;
        bottom: 120px;
    }

    .mv_area .item_img img {
        width: auto;
        height: 220px;
    }

    .mv_area .mv_btn .contact_btn a,
    .mv_area .mv_btn .trial_btn a {
        padding: 21px 12px 22px;
        width: 266px;
    }

    .kaiketsu_area .youtube .thumb {
        text-align: center;
    }

    .function_area .col4_box {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }

    .function_area .col4_box .item {
        width: calc(50% - 10px);
        margin: 0 20px 0 0;
    }

    .function_area .col4_box .item:nth-child(2n) {
        margin-right: 0;
    }

    .function_area .col4_box .item:nth-child(n+3) {
        margin-top: 20px;
    }

    .jirei_area .jirei_ul li,
    .jirei_area .jirei_ul li:nth-child(5n) {
        margin: 8px 8px 0 0;
        width: calc((100% - 32px) / 4);
    }

    .jirei_area .jirei_ul li:nth-child(4n) {
        margin-right: 0;
    }

    .check_area .tab_wrap .tab_panel .check .img {
        float: none;
        margin: 0 auto 40px;
    }

    .check_area .tab_wrap .tab_panel .check .img img {
        width: auto;
        height: auto;
    }

    .kiji_area .block {
        display: block;
    }

    .kiji_area .inner_block {
        width: auto;
        padding: 30px 35px;
    }

    .kiji_area .inner_block + .inner_block {
        margin: 30px 0 0;
    }
	
    .flow_area .flow {
        padding: 40px 20px;
    }

    .flow_area .item + .item .flow {
		margin-top: 60px;
    }
	
	.flow_area .item + .item .flow:before {
    	border-color: #f24555 transparent transparent transparent;
    	top: -38px;
    	left: 0;
		right: 0;
    	margin: 0 auto;
	}

}

/*スマホレイアウト*/
@media (max-width: 700px) {
    .mv_area .data_area .onta {
        margin: 0 12px 0 0;
    }

    .mv_area .data_area .onta img {
        width: 60px;
        height: auto;
    }

    .mv_area .item_img {
        height: 220px;
        right: -338px;
        bottom: 120px;
    }

    .mv_area .wrap_share {
        padding: 24px 30px 22px 85px;
    }
}


/* 投稿ページ共通
======================================================= */

.under_post .postlist > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*(詳細ページ)画像最大幅*/
.single .under_post .single-featured-image-header img,
.single .under_post .block img {
    max-width: 100%;
    height: auto;
}

/*トップへ戻る*/
.under_post .top_back a {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

.under_post .top_back a:hover {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}

/*ページャー*/
.under_post .wp-pagenavi {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 80px;
}

.under_post .wp-pagenavi .pages {
    background-color: #f24555;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
    display: inline-block;
}

.under_post .wp-pagenavi .current,
.under_post .wp-pagenavi a:hover {
    border: 1px solid #f24555;
    background-color: #f24555;
    color: #fff;
    padding: 6px 15px;
    margin-right: 10px;
    display: inline-block;
}

.under_post .wp-pagenavi a,
.under_post .wp-pagenavi .extend {
    border: 1px solid #e2e2e2;
    background-color: #f8f8f8;
    color: #333333;
    padding: 6px 15px;
    margin-right: 10px;
    display: inline-block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none; 
}

/*絞り込み結果*/
.under_post .search_result {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
}

/*サイドメニュー*/
.under_post .widget,
.under_post .sidemenu {
    margin-top: 24px;
}

.under_post .widget-title,
.under_post .sidemenu h2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 8px;    
    border-bottom: solid 1px #ddd;
}

.under_post .side_newpost h2 {
    margin-bottom: 12px;
}

.under_post .side_newpost a {
    font-size: 14px;
    font-size: 1.4rem;   
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    display: flex;
}

.under_post .side_newpost a:hover {
    transition: all 0.3s ease 0s;
    opacity: 0.6; 
}

.under_post .side_newpost .img {
    padding: 0 12px 0 0;
}

.under_post .side_newpost .img img {
    width: 72px;
    height: 72px;
    border: solid 1px #e8eaeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.under_post .side_newpost li + li {
    margin-top: 16px;
}

.under_post .side_category a {
    font-size: 15px;
    font-size: 1.5rem;
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

.under_post .side_category a:hover {
    text-decoration: underline;
    text-decoration-color: #0d70bc;
    transition: all 0.3s ease 0s;
    opacity: 0.6; 
}

.under_post .side_category li + li {
    margin-top: 4px;
}

.under_post .side_tag p { 
    display: inline-block;
}

.under_post .side_tag a {
    display: inline-block;
    background: #d4d2d5;
    color: #555454;
    padding: 2px 12px;
    margin: 0 4px 4px 0;
    font-size: 1.1px!important;
    font-size: 1.1rem!important;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
}

.under_post .side_tag a:hover {
    background-color: #e6e6e6;
}

.under_post .widget_search .search-form {
    display: -webkit-box;
    display: flex;
}

.under_post .widget_search .search-form .search-field {
    width: calc(100% - 62px);
    border: solid 1px #4b474d;
    border-radius: 4px 0 0 4px;
    -webkit-appearance: none;
}

.under_post .widget_search .search-form .screen-reader-text {
    display: none;
}

.under_post .widget_search .search-form .search-submit {
    padding: 2px 12px;
    border: none;
    background: #4b474d;
    border-radius: 0 4px 4px 0;
    transition: all 0.3s ease 0s;
}

.under_post .widget_search .search-form .search-submit:hover {
    background-color: #757175;
}


/* ブログ設定
======================================================= */

/*一覧*/
.blog_post .postlist > ul > li + li {
    margin-top: 44px;
}

.blog_post .summary_box a {
    display: -webkit-box;
    display: flex;
    transition: all 0.3s ease 0s;
    text-decoration: none!important;
}

.blog_post .summary_box a:hover {
    opacity: 0.6;
    text-decoration: none!important;
}

.blog_post .summary_box .summary_img {
    margin-top: 8px;
}

.blog_post .summary_box .summary_img img {
    width: 150px;
    height: 150px;
    border: solid 1px #e8eaeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.blog_post .summary_box .summary_txt {
    margin-left: 20px;
}

.blog_post .blog_subtit {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0 0 5px;
    background: #fff;
    color: #333;
    border-bottom: 1px solid #bfc0c1;
}

.blog_post .blog_catch {
    margin-bottom: 44px;
}

.blog_post .block .summary_box h3 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: normal;
    margin: 0 0 8px;
    padding: 0;
    background: #fff;
    text-decoration-color: transparent;
    border-bottom: none;
    color: #0d70bc;
    transition: all 0.3s ease 0s;
}

.blog_post .block .summary_box h3:before {
    display: none;
}

.blog_post .block .summary_box a:hover h3 {
    transition: all 0.3s ease 0s;
    text-decoration-color: #0d70bc;
    text-decoration: underline;
}

.blog_post .summary_txt .summary_data {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.blog_post .summary_txt .summary_data li {
    display: block;
    margin: 0 6px 6px 0;
    padding: 1px 10px 2px;
    background: #f24555;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
}

.blog_post .summary_txt .txt {
    margin-top: 2px;
    color: #333;
}


/*個別*/
.blog_post .article_head {
    margin-bottom: 40px;
}

.blog_post .article_head h1 {
    font-size: 28px;
    font-size: 2.8rem;
}

.blog_post .article_head .summary_data {
    margin: 16px 0 20px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.blog_post .article_head .summary_data p {
    padding: 1px 10px 2px;
    margin: 0 4px 4px 0;
    background: #f24555;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
}

.blog_post .mokuji {
    background: #f5f7f8;
    padding: 40px;
}

.blog_post .mokuji p {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: solid 1px #ddd;
    padding-bottom: 8px;
}

.blog_post .mokuji ul {
    list-style-type: none;
    margin: 16px 0 0;
    padding: 0;
}

.blog_post .mokuji li + li {
    margin-top: 8px;
}

.blog_post .mokuji a {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

.blog_post .mokuji a:hover {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}

.blog_post .mokuji + .block {
    margin-top: 80px;
}

.blog_post .single-featured-image-header {
    text-align: center;
    margin-bottom: 80px;
}

.blog_post .introduction {
    margin-bottom: 40px;
}

.blog_post .block h2 {
    margin: -80px 0 20px;
    padding: 80px 0 5px;
}

/*関連記事*/
.blog_post .related {
    margin: 80px 0;
}

.blog_post .related h2 {
    border-bottom: none;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 20px;
}

.blog_post .related ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
}

.blog_post .related li {
    width: 186px;
}

.blog_post .related li + li {
    margin-left: 20px;
}

.blog_post .related .img img {
    width: 186px;
    height: 120px;
    border: solid 1px #e8eaeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1079px) {
    .blog_post .related ul {
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .blog_post .related ul li {
        width: 40%;
    }

    .blog_post .related ul li:nth-child(n + 3) {
        margin: 32px 0 0;
    }

    .blog_post .related ul li:nth-child(2n) {
        margin-left: 40px;
    }

    .blog_post .related ul li {
        text-align: center;
    }
}

.blog_post .related .txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 8px;
}

.blog_post .related a {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

.blog_post .related a:hover {
    transition: all 0.3s ease 0s;
    opacity: 0.6;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}


/*ダウンロード*/
.under_download h2 {
    margin-top: 80px;
    border-bottom: none;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 20px;
}

#under_download_slider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.under_col1 #under_download_slider ul {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

#under_download_slider ul li {
    width: 124px;
}

.under_col1 #under_download_slider ul li {
    width: 140px;
}

#under_download_slider ul li img {
    width: 124px;
    height: auto;
    border: solid 1px #e8eaeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1079px) {
    #under_download_slider ul {
        flex-wrap: wrap;
    }

    #under_download_slider ul li,
    .under_col1 #under_download_slider ul li {
        width: calc((100% / 3) - 20px);   
    }

    #under_download_slider ul li:nth-child(n + 4) {
        margin-top: 32px;
    }

    #under_download_slider ul li {
        text-align: center;
    }
}

#under_download_slider ul li .txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 8px;
}

#under_download_slider a {
    transition: all 0.3s ease 0s;
    text-decoration-color: transparent;
}

#under_download_slider a:hover {
    text-decoration: underline;
    text-decoration-color: #0d70bc;
    transition: all 0.3s ease 0s;
    opacity: 0.6;
}

/*CTAバナー*/
.cta_banner{margin-bottom:50px !important; }

.cta_banner .img {
    text-align: center;
    margin-top: 50px;
}

.cta_banner img {
    max-width: 90%;
    height: auto;
}

/*その他リンク*/
.blog_post .other_link {
    margin: 80px 0;
    padding: 40px 20px;
    background: #f5f7f8;
    border-radius: 8px;
}

.blog_post .other_link .txt_box {
    text-align: center;
}

.blog_post .other_link .txt_box span {
    font-weight: bold;
    color: #f24555;
}

@media (min-width: 1080px) {

    .blog_post .other_link ul {
        margin: 32px 0 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .other_link{margin-bottom: 30px;} /* overwrite 21/04/14 */

    .blog_post .other_link ul li {
        width: 136px;
    }

    .blog_post .other_link ul li + li {
        margin-left: 16px;
    }

    .blog_post .other_link .img {
        text-align: center;
    }

    .blog_post .other_link .txt {
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
        margin-top: 8px;
    }

    .blog_post .other_link a {
        border-radius: 6px;
        box-shadow: 0 0 16px 0 #e0e3e5;
        display: block;
        padding: 20px 16px 30px;
        height: calc(100% - 40px);
        transition: all 0.3s ease 0s;
        background: #fff url(../img/ico_arw_b.png) no-repeat center bottom 16px;
        background-size: 22px 6px;
        text-decoration-color: transparent;
    }

    .blog_post .other_link a:hover {
        opacity: 0.6;
        transition: all 0.3s ease 0s;
        text-decoration: underline;
        text-decoration-color: #0d70bc;
    }

}

@media (max-width: 1079px) {
    .blog_post .other_link {
        padding: 32px 20px;
    }

    .blog_post .other_link ul {
        margin: 20px 0 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .blog_post .other_link ul li:first-child {
        width: 100%;
    }

    .blog_post .other_link ul li {
        width: calc(50% - 4px);
    }

    .blog_post .other_link ul li:nth-child(2n) {
        margin-right: 8px;
    }


    .blog_post .other_link ul li:nth-child(n+2) {
        margin-top: 8px;
    }

    .blog_post .other_link a {
        border-radius: 6px;
        box-shadow: 0 0 16px 0 #e0e3e5;
        display: block;
        padding: 20px 8px 30px;
        background: #fff url(../img/ico_arw_b.png) no-repeat center bottom 16px;
        background-size: 22px 6px;
    }

    .blog_post .other_link .img {
        text-align: center;
    }

    .blog_post .other_link .txt {
        font-size: 1.6rem;
        text-align: center;
        margin-top: 8px;
    }

    .blog_post .other_link .txt br {
        display: none;
    }

    .blog_post .other_link ul li:first-child a {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 16px 48px 16px 16px;
        background: #fff url(../img/ico_arw_b.png) no-repeat right 16px center;
        background-size: 22px 6px;
    }

    .blog_post .other_link ul li:first-child .txt {
        margin: 0 0 0 12px;
        text-align: left;
        max-width: 150px;
    }

}
/* お知らせ設定
======================================================= */

/*一覧*/
.news_post .postlist > ul > li {
    border-bottom: dotted 1px #ddd;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.news_post .summary_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.news_post .summary_box .date {
    width: 90px;
}

.news_post .summary_box .category {
    width: 100px;
    margin: 3px 0 0 5px;
    background-color: #f24555;
    text-align: center;
    color: #fff;
    padding: 0px 10px 1px;
    font-size: 14px;
    font-size: 1.4rem;
}

.news_post .summary_box .tit {
    margin: 0 0 0 12px;
    padding: 0;
    border-bottom: none;
}

.news_post .summary_box .date + .tit {
    width: calc(100% - 102px);
}

.news_post .summary_box .category + .tit {
    width: calc(100% - 227px);
}

/*個別*/
.news_post .article_head {
    margin-bottom: 40px;
}

.news_post .article_head h1 {
    font-size: 28px;
    font-size: 2.8rem;
}

.news_post .article_head .single_summary_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 16px 0 20px;
}

.news_post .article_head .date {
    line-height: 1.3;
}

.news_post .article_head .category {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.news_post .article_head .category p {
    padding: 1px 20px 2px;
    margin: 0 4px 4px 0;
    background: #f24555;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
}

.news_post .article_body {
    margin-bottom: 80px;
}


/*サイドメニュー*/
.news_post .side_newpost .date {
    font-size: 14px;
    font-size: 1.4rem;
}


/* よくあるご質問
======================================================= */
.faq_tab_wrap {
    max-width: 1080px;
    margin: 20px auto 0;
}

.faq_tab_wrap input[type="radio"]{display:none;}

.faq_tab_wrap .tab_area .inner_tab_area {
    display: -webkit-box;
    display: flex;
}

.faq_tab_wrap .lbl_all label{
    width: 120px;
    height: 100%;
    color:#333;
    background:#f5f7f8;
    text-align:center;
    font-size:15px;
    font-size: 1.5rem;
    cursor:pointer;
    transition: all 0.3s ease 0s;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: solid 1px #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.faq_tab_wrap .lbl_parts {
    width: calc(100% - 120px);
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.faq_tab_wrap .lbl_parts label {
    width: calc(100% / 4);
    padding: 16px 10px 16px 10px;
    color: #333;
    background: #f5f7f8;
    font-size: 15px;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.faq_tab_wrap .lbl_parts label:nth-child(n+5) {
    border-top: none;
}

@media (min-width: 901px) and (max-width: 1079px) {
    .faq_tab_wrap .lbl_parts label {
        width: calc(100% * 0.3333);
    }

    .faq_tab_wrap .lbl_parts label:nth-child(n+4) {
        border-top: none;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    .faq_tab_wrap .lbl_parts label {
        width: calc(100% / 2);
    }

    .faq_tab_wrap .lbl_parts label:nth-child(n+3) {
        border-top: none;
    }
}

.faq_tab_wrap .tab_area label:hover {
    background-color: #dce1e4;
}

.faq_tab_wrap .tab_area.fixed {
    background: #f5f7f8;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 12px 0;
}

body.faq_fixed {
    margin-bottom: 120px;
}

@media (max-width: 1080px) {
    body.faq_fixed {
        margin-bottom: 166px;
    }
}

@media (max-width: 899px) {
    body.faq_fixed {
        margin-bottom: 213px;
    }
}

.faq_tab_wrap .tab_area.fixed .lbl_parts label {
    padding: 8px 0 8px 10px;
}

.faq_tab_wrap .tab_area.fixed .inner_tab_area {
    max-width: 1080px;
    margin: 0 auto;
}

.faq_tab_wrap .panel_area{
    margin-top: 80px;
}

.faq_tab_wrap .tab_panel{
    display:none;
}

.faq_tab_wrap .tab_panel .check {
    position: relative;
    z-index: 1;
    padding:40px;
}

.faq_tab_wrap .tab_panel .check .img {
    font-size: 10px;
    font-size: 1.0rem;
    float: right;
    margin: 3px 0 30px 40px;
    text-align: left;
}

.faq_tab_wrap .tab_panel .check .wrap_tit {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 13px;
}

.faq_tab_wrap .tab_panel .check .point {
    background: #f24555;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    padding: 3px 18px 2px;
    margin: 4px 18px 0 0;
}

.faq_tab_wrap .tab_panel .check .tit {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding-top: 4px;
}

.faq_tab_wrap .tab_panel .check .wrap_txt p + p {
    margin-top: 24px;
}

.faq_tab_wrap .tab_panel .check .wrap_txt .red {
    color: #f24555;
    font-weight: bold;
}

.faq_tab_wrap .tab1_label span {
    background: url(../img/ico_faq_all.png) no-repeat center top;
    background-size: 30px auto;
    padding-top: 28px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab2_label span {
    background: url(../img/ico_faq_about.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab3_label span {
    background: url(../img/ico_faq_donyu.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab4_label span {
    background: url(../img/ico_faq_price.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab5_label span {
    background: url(../img/ico_faq_function.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab6_label span {
    background: url(../img/ico_faq_dakoku.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab7_label span {
    background: url(../img/ico_faq_kanri.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab8_label span {
    background: url(../img/ico_faq_support.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}

.faq_tab_wrap .tab9_label span {
    background: url(../img/ico_faq_possible.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 34px;
    display: inline-block;
    line-height: 30px;
}


.faq_tab_wrap #tab1:checked ~ .tab_area .tab1_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab1:checked ~ .tab_area .tab1_label span {
    background: url(../img/ico_faq_all_w.png) no-repeat center top;
    background-size: 30px auto;
}

.faq_tab_wrap #tab1:checked ~ .panel_area #panel1{display:block;}
.faq_tab_wrap #tab2:checked ~ .tab_area .tab2_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab2:checked ~ .tab_area .tab2_label span {
    background: url(../img/ico_faq_about_w.png) no-repeat left center;
    background-size: 30px auto;
}

.faq_tab_wrap #tab2:checked ~ .panel_area #panel2{display:block;}
.faq_tab_wrap #tab3:checked ~ .tab_area .tab3_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab3:checked ~ .tab_area .tab3_label span {
    background: url(../img/ico_faq_donyu_w.png) no-repeat left center;
    background-size: 30px auto;
}


.faq_tab_wrap #tab3:checked ~ .panel_area #panel3{display:block;}
.faq_tab_wrap #tab4:checked ~ .tab_area .tab4_label {
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab4:checked ~ .tab_area .tab4_label span {
    background: url(../img/ico_faq_price_w.png) no-repeat left center;
    background-size: 30px auto;
}

.faq_tab_wrap #tab4:checked ~ .panel_area #panel4{display:block;}
.faq_tab_wrap #tab5:checked ~ .tab_area .tab5_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab5:checked ~ .tab_area .tab5_label span {
    background: url(../img/ico_faq_function_w.png) no-repeat left center;
    background-size: 30px auto;
}

.faq_tab_wrap #tab5:checked ~ .panel_area #panel5{display:block;}
.faq_tab_wrap #tab6:checked ~ .tab_area .tab6_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab6:checked ~ .tab_area .tab6_label span{
    background: url(../img/ico_faq_dakoku_w.png) no-repeat left center;
    background-size: 30px auto;
}


.faq_tab_wrap #tab6:checked ~ .panel_area #panel6{display:block;}
.faq_tab_wrap #tab7:checked ~ .tab_area .tab7_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab7:checked ~ .tab_area .tab7_label span {
    background: url(../img/ico_faq_kanri_w.png) no-repeat left center;
    background-size: 30px auto;
}

.faq_tab_wrap #tab7:checked ~ .panel_area #panel7{display:block;}
.faq_tab_wrap #tab8:checked ~ .tab_area .tab8_label{
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab8:checked ~ .tab_area .tab8_label span {
    background: url(../img/ico_faq_support_w.png) no-repeat left center;
    background-size: 30px auto;
}

.faq_tab_wrap #tab8:checked ~ .panel_area #panel8{display:block;}
.faq_tab_wrap #tab9:checked ~ .tab_area .tab9_label {
    background:#f24555;
    color:#fff;
}

.faq_tab_wrap #tab9:checked ~ .tab_area .tab9_label span{
    background: url(../img/ico_faq_possible_w.png) no-repeat left center;
    background-size: 30px auto;
}

.faq_tab_wrap #tab9:checked ~ .panel_area #panel9{display:block;}

.un_question_block {
    margin-bottom: 40px;
}

.un_question_block .faq_q_q {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #e0e3e5;
    padding: 0;
    margin-top: 16px;
}

.un_question_block .faq_q_q a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px 30px 18px 30px;
    text-decoration: none;
}

.un_question_block .faq_q_q .txt {
    text-decoration: underline;
    transition: all 0.3s ease 0s;
    text-decoration-color: #0d70bc;
}

.un_question_block .faq_q_q a:hover .txt {
    text-decoration-color: transparent;
    transition: all 0.3s ease 0s;
}

.un_question_block .ico_q,
.un_answer_block .ico_q {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1!important;
    text-decoration: none;
    color: #f24555;
    margin-right: 20px;
    width: 24px;
    text-align: center;
    display: block;
}

.un_answer_block .ico_a {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1!important;
    color: #333;
    margin: 2px 20px 0 0;
    width: 24px;
    text-align: center;
}

.wrapper .un_answer_block + .un_answer_block {
    margin-top: 40px;
}

.un_answer_block .inner_un_answer_block {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #e0e3e5;
    padding: 0;
}

.un_answer_block .inner_un_answer_block img {
    max-width: 100%;
    height: auto;
}

.un_answer_block .faq_qa_q {
    padding: 20px 30px 20px 30px;
    display: -webkit-box;
    display: flex;
}

.un_answer_block .faq_qa_q .txt {
    color: #f24555;
    font-weight: bold;
    width: calc(100% - 44px);
}

.un_answer_block .faq_qa_a {
    padding: 0px 30px 20px 30px;
    display: -webkit-box;
    display: flex;
}

.un_answer_block .faq_qa_a div {
    width: calc(100% - 44px);
}

/* 導入事例
======================================================= */

/*一覧*/
.select_tab_wrap .tab_area {
    padding: 40px;
    background: #f5f7f8;
}

.select_tab_wrap .tab_select {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.select_tab_wrap .tab_select li {
    width: calc((100% - 12px) * 0.3333);
}

.select_tab_wrap .tab_select p {
    border: solid 1px #e8eaeb;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.select_tab_wrap .tab_select p:hover,
.select_tab_wrap .tab_select .select {
    background: #636874;
    color: #fff;
    transition: all 0.3s ease 0s;
}

.select_tab_wrap .tab_select .select {
    position: relative;
}

.select_tab_wrap .tab_select .select:before {
    transition: all 0.3s ease 0s;
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #636874 transparent transparent transparent;
}

.select_tab_wrap .tab_box {
    display: none;
}

.select_tab_wrap .tab_box .inner_tab_box {
    margin-top: 20px;
    background: #fff;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.select_tab_wrap .tab_box p {
    width: calc((100% - 60px) / 5);
    margin-right: 15px;
    border: solid 1px #e8eaeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    padding: 4px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    word-break: break-all;
}

.select_tab_wrap .tab_box p:hover,
.select_tab_wrap .tab_box .select {
    transition: all 0.3s ease 0s;
    background: #f24555;
    color: #fff;
}

.select_tab_wrap .tab_box p:nth-child(5n) {
    margin-right: 0;
}

.select_tab_wrap .tab_box p:nth-child(n+6) {
    margin-top: 8px;
}

.select_tab_wrap .panel_area {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.select_tab_wrap .panel_area:after{
    content:"";
    display: block;
    width:30%;
}

.select_tab_wrap .panel_area > li {
    width: calc((100% - 48px) / 3);
    display: none;
    margin-top: 90px;
}

@media (max-width: 767px) {
    .select_tab_wrap .panel_area > li {
        width: calc((100% - 24px) / 2);
    }
}

.select_tab_wrap .summary_box a {
    display: block;
    color: #333;
    transition: all 0.3s ease 0s;
}

.select_tab_wrap .summary_box a .tit {
    text-decoration-color: transparent;
    transition: all 0.3s ease 0s;
}

.select_tab_wrap .summary_box a:hover {
    transition: all 0.3s ease 0s;
    opacity: 0.6;
    text-decoration-color: transparent;
}

.select_tab_wrap .summary_box a:hover .tit {
    text-decoration: underline;
    text-decoration-color: #0d70bc;
    transition: all 0.3s ease 0s;
}

.select_tab_wrap .summary_img {
    position: relative;
    border: solid 1px #e8eaeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.select_tab_wrap .summary_img img {
    max-width: 100%;
    width: auto;
    height: 210px;
}

.select_tab_wrap .summary_img .interview_tag {
    position: absolute;
    right: 0;
    bottom: 12px;
    color: #fff;
    background: #4b474d;
    padding: 2px 16px 3px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
}

.select_tab_wrap .summary_data {
    list-style-type: none;
    margin: 12px 0 0;
    padding: 0;
}

.select_tab_wrap .summary_data li {
    background: #f24555;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 8px 4px 0;
}

.select_tab_wrap .summary_data li:last-child {
    margin-right: 0;
}

.select_tab_wrap .summary_txt .tit {
    font-size: 18px;
    font-size: 1.8rem;
    color: #0d70bc;
}


.result_top_back {
    margin-top: 80px;
}

.result_link_interview {
    margin-top: 80px;
}

.result_link_interview .under_btn a {
    margin: 0 auto;
    padding: 20px 0 21px;
    font-size: 24px;
    font-size: 2.4rem;
    max-width: 800px;
}


/*個別*/
.result_post .article_head {
    margin-bottom: 40px;
}

.result_post .article_head h1 {
    font-size: 28px;
    font-size: 2.8rem;
}

.result_post .article_head .summary_data {
    margin: 16px 0 20px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.result_post .article_head .summary_data a {
    display: block;
    padding: 1px 10px 2px;
    margin: 0 4px 4px 0;
    background: #f24555;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.result_post .article_head .summary_data a:hover {
    background-color: #ff7364;
}

.result_post .single-featured-image-header {
    text-align: center;
    margin-bottom: 80px;
}

.result_post .result_catch {
    font-size: 24px;
    font-size: 2.4rem;
}

@media (min-width: 641px) and (max-width: 1079px) {
    .result_post .block:nth-child(2) .col7-3 {
        display: block;
    }

    .result_post .block:nth-child(2) .col7-3 .item {
        width: auto;
    }

    .result_post .block:nth-child(2) .col7-3 .item:nth-child(2) {
        margin: 20px 0 0;
    }
}

/*CV*/
.result_post .result_cv_area {
    margin: 80px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.result_post .result_cv_area p {
    width: calc(50% - 6px);
}

.result_post .result_cv_area p + p {
    margin-left: 12px;
}

.result_post .result_cv_area a {
    transition: all 0.3s ease 0s;
}

.result_post .result_cv_area a:hover {
    transition: all 0.3s ease 0s;
    opacity: 0.6;
}

.result_post .result_cv_area img {
    max-width: 100%;
    height: auto;
}

/*サイドメニュー*/
.result_post .sidemenu {
    margin-top: 24px;
}

.result_post .sidemenu h2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 8px;    
    border-bottom: solid 1px #ddd;
}

.result_post .side_newpost h2 {
    margin-bottom: 12px;
}

.result_post .side_newpost a {
    font-size: 14px;
    font-size: 1.4rem;   
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    display: flex;
    text-decoration: none;
}

.result_post .side_newpost a:hover {  
    transition: all 0.3s ease 0s;
    opacity: 0.6; 
}

.result_post .side_newpost .img {
    padding: 0 12px 0 0;
}

.result_post .side_newpost .img img {
    width: 72px;
    height: 72px;
}

.result_post .side_newpost .txt {
    width: calc(100% - 84px);
}

.result_post .side_newpost .tit {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration-color: transparent;
    transition: all 0.3s ease 0s;
}

.result_post .side_newpost a:hover .tit {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-decoration-color: #0d70bc;
}

.result_post .side_newpost .interview_tag {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    background: #4b474d;
    text-align: center;
    margin-top: 4px;
    padding: 2px 10px;
    max-width: 200px;
}

.result_post .side_newpost li + li {
    margin-top: 16px;
}

/*2305_関連する導入事例追加*/
.related_case + .related_case {
    margin-top: 40px;
}

.related_case a:hover {
    opacity: .6;
}

.related_case .item:first-child a {
    display: block;
    margin: 0 auto;
    max-width: 310px;
    border: 1px solid #e8eaeb;
	box-sizing: border-box;
}

.related_case .item img {
    width: auto;
    max-height: 192px;
    margin-bottom: 0 !important;
}

.related_case .tag {
    display: flex;
    flex-wrap: wrap;
}
.related_case .tag p {
    background: #f24555;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0px 12px;
    margin: 0 8px 12px 0;
}
.related_case .tit {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
}
.related_case .txt {
    margin-top: 4px;
}
.related_case .link {
    margin-top: 2px;
}
.related_case .link span {
    background: url(/wp/wp-content/themes/tot/common/img/ico_arw_b.png) no-repeat right 50%;
    background-size: 22px 6px;
    padding-right: 30px;
    font-weight: 700;
}

/* 下層CVエリア（汎用）
======================================================= */

.cv_block {
    margin-top: 120px;
}

.cv_block > .tit {
    font-size: 28px;
    font-size: 2.8rem;
    text-align: center;
    line-height: 60px!important;
    letter-spacing: 0.12em;
}

.cv_block > .tit span {
    background: url(../img/img_onta02.png) no-repeat left center;
    background-size: auto 60px;
    padding-left: 52px;
    display: inline-block;
}

.cv_block > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.cv_block .cv_block_part {
    width: calc(50% - 92px);
    background: #f5f7f8;
    padding: 36px 40px 44px;
    text-align: center;
    border-radius: 6px;
}

.cv_block .cv_block_part .tit {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
}

.cv_block .cv_block_part .tel {
    color: #333333;
}

.cv_block .cv_block_part .tel a {
    background: url(../img/ico_tel_l.png) left 50% no-repeat;
    background-size: 28px auto;
    font-size: 40px;
    font-size: 4.0rem;
    padding: 0 0 0 34px;
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}

@media (min-width: 641px) and (max-width: 1079px) {
    .cv_block .cv_block_part .tel a {
        background: url(../img/ico_tel_l.png) left 50% no-repeat;
        background-size: 20px auto;
        padding: 0 0 0 24px;
        font-size: 30px;
        font-size: 3.0rem;
    }
}

.cv_block .cv_block_part .tel a,
.cv_block .cv_block_part .tel a:visited {
    color: #333333;
}

.cv_block .cv_block_part .contact_btn a {
    display: block;
    color: #fff;
    padding: 17px 0;
    margin: 28px 20px 0;
    text-decoration: none;
    background: #f24555;
    border-radius: 60px;
    box-shadow: 0 0 12px 0 #e9b9b9;
    transition: all 0.3s ease 0s;
    font-weight: bold;
}

.cv_block .cv_block_part .contact_btn a:hover {
    background-color: #ff7364;
}

.cv_block .cv_block_part .contact_btn a span {
    background: url(../img/ico_mail_l.png) left center no-repeat;
    background-size: 18px auto; 
    padding-left: 28px;   
}

.cv_block .cv_block_part .help_btn a {
    display: block;
    color: #fff;
    padding: 17px 0;
    margin: 28px 20px 0;
    text-decoration: none;
    background: #2e7dd7 url(../img/ico_arw_w.png) no-repeat right 30px center;
    background-size: 22px 6px;
    border-radius: 60px;
    box-shadow: 0 0 12px 0 #c1cddb;
    transition: all 0.3s ease 0s;
    font-weight: bold;
}

.cv_block .cv_block_part .help_btn a:hover {
    background-color: #4f9ffb;
}


/* scroll-hint.css
======================================================= */
.scroll-hint-icon-wrap {
    display: none;
}

.tablet .scroll-hint-icon-wrap {
    display: block;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.tablet .scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.tablet .scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.tablet .scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.tablet .scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.tablet .scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.tablet .scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.tablet .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.tablet .scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.tablet .scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.tablet .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.tablet .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.tablet .scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.tablet .scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.tablet .scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.tablet .scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}


/* 404
======================================================= */
.tit_404 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.tit_404 .txt {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    margin-right: 32px;
}

.ul_404 {
    border: solid 6px #e8eaeb;
    list-style-type: none;
    margin: 32px 0 0;
    padding: 32px 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.ul_404 li + li {
    position: relative;
    padding-left: 60px;
    margin-left: 60px;
}

.ul_404 li + li:after {
    content: '/';
    display: block;
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
}

/*過去のデザイン*/
/*メインビジュアル_20231222 */
/* ################################################

.mv_area.ver202312 .bgSp {
    display: none;
}

.mv_area.ver202312 .bgBox {
    width: 100%;
    height: 404px;
    overflow: hidden;
    background: url(../img/top_mv_202312/bg_pic.jpg);
    background-position: center bottom;
    background-size: cover;
    position: relative;
}

.mv_area.ver202312 .inner_mv_area {
    max-width: 1080px;
    height: 404px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.mv_area.ver202312 .leftBox {
    width: 50%;
    height: 100%;
    background: rgba(102, 102, 102, 0.60);
    backdrop-filter: blur(5px);
    position: absolute;
    left: 0;
    z-index: 0;
}
.mv_area.ver202312 .ttl1 {
    position: absolute;
    left: 0px;
    top: 60px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.mv_area.ver202312 .ttl1 span {
    display: block;
    position: absolute;
    left: 140px;
    top: 25px;
    font-size: 70px;
    font-weight: 700;
    width: 6em;
    letter-spacing: 2px;
}
.mv_area.ver202312 .ttl1 span::before {
    content: "";
    background-image: url(../img/top_mv_202312/ico_new.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 127px;
    height: 70px;
    vertical-align: middle;
    position: absolute;
    left: -140px;
    top: 26px;
}
.mv_area.ver202312 .numBox {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 520px;
    position: absolute;
    top: 220px;
    left: 0;
}
.mv_area.ver202312 .numBox li {
    position: relative;
}
.mv_area.ver202312 .numBox li:nth-child(1)::before {
    content: "";
    background-image: url(../img/top_mv_202312/ico_crown.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 89px;
    height: 22px;
    vertical-align: middle;
    position: absolute;
    left: calc(50% - 44.5px);
    top: -23px;
}
.mv_area.ver202312 .numBox li:nth-child(n+2)::before {
    content: "";
    background-image: url(../img/top_mv_202312/img_line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 27px;
    height: 96px;
    vertical-align: middle;
    position: absolute;
    left: -30px;
    top: 5px;
}

.mv_area.ver202312 .numBox li span {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}
.mv_area.ver202312 .numBox li span.sub {
    font-size: 15px;
    margin: 0 0 0;
}
.mv_area.ver202312 .numBox li:nth-child(2) span.sub {
    margin-top: -2px;
}
.mv_area.ver202312 .btnFacee {
    position: absolute;
    left: 336px;
    top: 40px;
}
.mv_area.ver202312 .btnFacee:hover {
    opacity: 80%;
}
.mv_area.ver202312 .note {
    font-size: 1.2rem;
    color: rgb(238, 238, 238);
    position: absolute;
    left: 0px;
    bottom: 50px;
}
.mv_area.ver202312 .device {
    position: absolute;
    right: 0px;
    top: 163px;
    width: 330px;
}
.mv_area.ver202312 .device img {
    width: 100%;
    position: absolute;
}
.mv_area.ver202312 .device::before {
    content: "";
    position: absolute;
    border-top: 100px solid #FCDA27;
    border-left: 30px solid transparent;
    width: 0;
    height: 0;
    left: -36px;
    top: 56px;
    transform: rotate(120deg);
}
.mv_area.ver202312 .ctaBox {
    display: block;
    width: 100%;
    height: 104px;
    background-color: #4A474D;
}
.mv_area.ver202312 .ctaBox .innerBox {
    max-width: 1080px;
    height: 104px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: -8px;
}
.mv_area.ver202312 .ctaBox .ctaBtn {
    width: 360px;
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    border-radius: 100px;
}
*/



/*SP用
メインビジュアル_20231222
（1050〜ブレイクまでの補完、ブレイク後はsp_block.cssにて記述）
*/
/* ################################################ 
@media screen and (max-width: 1050px)  {
    .mv_area.ver202312 {
        width: 100%;
    }
    .mv_area.ver202312 .bgSp {
        display: none;
    }
    .mv_area.ver202312 .sp {
        display: none;
    }
    .mv_area.ver202312 .bgBox {
        width: 100%;
        height: 404px;
        overflow: hidden;
        background: url(../img/top_mv_202312/bg_pic.jpg);
        background-position: center bottom;
        background-size: cover;
        position: relative;
    }
    
    .mv_area.ver202312 .inner_mv_area {
        max-width: 1080px;
        height: 404px;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
    }
    
    .mv_area.ver202312 .leftBox {
        width: 50%;
        height: 100%;
        background: rgba(102, 102, 102, 0.60);
        backdrop-filter: blur(5px);
        position: absolute;
        left: 0;
        z-index: 0;
    }
    .mv_area.ver202312 .ttl1 {
        position: absolute;
        left: 20px;
        top: 76px;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
    }
    .mv_area.ver202312 .ttl1 span {
        display: block;
        position: absolute;
        left: 140px;
        top: 25px;
        font-size: 70px;
        font-weight: 700;
        width: 6em;
        letter-spacing: 2px;
    }
    .mv_area.ver202312 .ttl1 span::before {
        content: "";
        background-image: url(../img/top_mv_202312/ico_new.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 127px;
        height: 70px;
        vertical-align: middle;
        position: absolute;
        left: -140px;
        top: 26px;
    }
    .mv_area.ver202312 .numBox {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
        width: 428px;
        position: absolute;
        top: 238px;
        left: 0;
    }
    .mv_area.ver202312 .numBox li {
        position: relative;
        text-align: center;
    }
    .mv_area.ver202312 .numBox li img {
        width: 80%;
    }
    .mv_area.ver202312 .numBox li:nth-child(1)::before {
        content: "";
        background-image: url(../img/top_mv_202312/ico_crown.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 89px;
        height: 22px;
        vertical-align: middle;
        position: absolute;
        left: calc(50% - 44.5px);
        top: -23px;
    }
    .mv_area.ver202312 .numBox li:nth-child(n+2)::before {
        content: "";
        background-image: url(../img/top_mv_202312/img_line.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 20px;
        height: 96px;
        vertical-align: middle;
        position: absolute;
        left: -13px;
        top: 5px;
    }
    
    .mv_area.ver202312 .numBox li span {
        display: block;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        margin-bottom: 0;
    }
    .mv_area.ver202312 .numBox li span.sub {
        font-size: 15px;
        margin: 0 0 0;
    }
    .mv_area.ver202312 .numBox li:nth-child(2) span.sub {
        margin-top: -2px;
    }
    .mv_area.ver202312 .btnFacee {
        position: absolute;
        left: 336px;
        top: 56px;
    }
    .mv_area.ver202312 .btnFacee:hover {
        opacity: 80%;
    }
    .mv_area.ver202312 .note {
        font-size: 1.2rem;
        color: rgb(238, 238, 238);
        position: absolute;
        left: 0px;
        bottom: 35px;
    }
    .mv_area.ver202312 .device {
        position: absolute;
        right: 25px;
        top: 270px;
        width: 200px;
    }
    .mv_area.ver202312 .device img {
        width: 100%;
        position: absolute;
    }
    .mv_area.ver202312 .device::before {
        content: "";
        position: absolute;
        border-top: 70px solid #FCDA27;
        border-left: 30px solid transparent;
        width: 0;
        height: 0;
        left: -40px;
        top: 30px;
        transform: rotate(120deg);
    }
    .mv_area.ver202312 .ctaBox {
        display: block;
        width: 100%;
        height: 104px;
        background-color: #4A474D;
    }
    .mv_area.ver202312 .ctaBox .innerBox {
        max-width: 90%;
        height: 104px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: -8px;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn {
        width: 360px;
        height: 68px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 10px;
        border-radius: 100px;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn .btnRed,
    .mv_area.ver202312 .ctaBox .ctaBtn .btnWhite {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        box-sizing:border-box;
        padding-left: 3em;
        background: #fff;
        border-radius: 100px;
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn .btnRed {
        background-color: #F24555;
        color: #fff;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn a:hover {
        cursor:pointer;
        opacity: 90%;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn a.btnRed:hover {
        color: #fff;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn a.btnWhite:hover {
        color: #333;
    }
    .mv_area.ver202312 .ctaBox .ctaBtn .btnRed::after,
    .mv_area.ver202312 .ctaBox .ctaBtn .btnWhite::after {
        content: "";
        background-image: url(../img/top_mv_202312/ico_arrow_w.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        position: absolute;
        right: 30px;
        top: clac(50% - 10px);
    }
    .mv_area.ver202312 .ctaBox .ctaBtn .btnWhite::after {
        background-image: url(../img/top_mv_202312/ico_arrow_r.png);
    }
    .mv_area.ver202312 .ctaBox .ctaBtn .btnRed::before {
        white-space: pre;
        content: "1分で\aカンタン\a申込！";
        position: absolute;
        left: -42px;
        top: -44px;
        display: flex;
        width: 80px;
        height: 80px;
        padding: 8px;
        justify-content: center;
        align-items: center;
        gap: -16px;
        flex-shrink: 0;
        border-radius: 100px;
        background: #fff;
        text-align: center;
        font-size: 14px;
        color: #F24555;
        font-weight: 700;
    }
}
*/
/*メインビジュアル_20220330*/
/* ################################################ */
/*.mv_area.ver202203 {
    width: 100%;
    height: 505px;
    overflow: hidden;
    background-image: url(/wp/wp-content/uploads/top-kv/01/bg_s2.png);
    background-position: center bottom;
    background-size: cover;
    position: relative;
}

.mv_area.ver202203 .inner_mv_area {
    max-width: 1080px;
    height: 505px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 39px 0 46px;
    position: relative;
}

.mv_area.ver202203 .inner_mv_area img {
    width: 100%;
}

.mv_area.ver202203 .wrap_summary {
    position: relative;
    padding: 0 !important;
}
.mv_area.ver202203 .logo_catch {
    display: inline-block !important;
    width: 25%;
    max-width: 266px;
    position: absolute;
    left: 0;
    top: 39px;
}

.mv_area.ver202203 .logo_catch img:nth-of-type(1) {
    margin-bottom: 10.76px;
}

.mv_area.ver202203 .title_txt2 {
    position: absolute;
    right: 11%;
    top: 22px;
}

.mv_area.ver202203 .ontakun2 {
    position: absolute;
    right: 0;
    top: 20%;
    width: 15%
}

.mv_area.ver202203 .appealBox.pc {
    position: absolute;
    top: 35%;
    width: 100%;
}

.mv_area.ver202203 .appealBox.sp {
    display: none;
}

.mv_area.ver202203 .appealBox ul.appeal:nth-of-type(1) {
    margin-bottom: 15px;
}

.mv_area.ver202203 ul.appeal {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 18% 0 0;
    margin: 0;
}

.mv_area.ver202203 ul.appeal li:nth-of-type(-n+2) {
    margin-right: 2%;
}

.mv_area.ver202203 .mv_btn2 {
    position: absolute;
    left: 0;
    bottom: 38px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.mv_area.ver202203 .mv_btn2 p:nth-of-type(1) {
    margin-right: 25px;
}
.mv_area.ver202203 .mv_btn2 p a:hover {
    opacity: 95%;
}
.mv_area.ver202203 .chui2 {
    font-size: 1.2rem;
    color: rgb(238, 238, 238);
    position: absolute;
    right: 10px;
    bottom: 10px;
}

@media screen and (max-width: 1100px) {
    .mv_area.ver202203 .inner_mv_area {
        padding: 39px 10px 46px;
    }

    .mv_area.ver202203 .logo_catch {
        left: 10px;
    }

    .mv_area.ver202203 .ontakun2 {
        right: 10px;
    }

    .mv_area.ver202203 .mv_btn2 {
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 1019px) {
    .mv_area.ver202203 .title_txt2 {
        width: 55%;
        top: 27px;
    }

    .mv_area.ver202203 .appealBox {
        top: 28%;
    }

    .mv_area.ver202203 ul.appeal {
        top: 28%;
        padding-right: 19%;
    }
}
*/
/* ################################################ */

/*メインビジュアル_オリジナル*/
/* ################################################
.mv_area {
    background: #f5f7f8;
    position: relative;
    overflow: hidden;
}

.mv_area .inner_mv_area {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}

.mv_area .clock_img {
    display: block;
    content: '';
    position: absolute;
    width: 633px;
    height: 633px;
    left: -290px;
    top: 86px;
    z-index: 0;
}

.mv_area .item_img {
    display: block;
    content: '';
    position: absolute;
    width: 539px;
    height: 444px;
    right: -169px;
    bottom: 14px;
    z-index: 0;
}

.mv_area .chui {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 16px;
    position: absolute;
    right: 0;
    bottom: 20px;
}

@media (min-width: 1450px) {
    .mv_area .chui {
        right: -169px;
    }
}

.mv_area .wrap_summary {
    position: relative;
    padding: 33px 0 60px;
}

.mv_area .catch {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.5;
}

.mv_area .catch_kantan {
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 6px;
}

.mv_area .catch .catch_large {
    font-size: 36px;
    font-size: 3.6rem;
}

.mv_area .catch .catch_red {
    color: #f24555;
}

.mv_area .data_area {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}

.mv_area .data_area .onta {
    margin: 8px 16px -12px 0;
}

.mv_area .wrap_share {
    display: -webkit-box;
    display: flex;
    background-color: rgba(255, 255, 255, 0.6);
    max-width: 397px;
    position: relative;
    padding: 24px 40px 22px 85px;
    margin: 16px 0 0 46px;
}

.mv_area .wrap_share .img {
    position: absolute;
    top: -2px;
    left: -55px;
}

.mv_area .wrap_share .wrap_num {
    width: 100%;
}

.mv_area .wrap_share .num {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mv_area .wrap_share .num + .num {
    margin-top: 16px;
}

.mv_area .wrap_share .tit {
    background: #333;
    color: #fff;
    border-radius: 4px;
    width: 140px;
    text-align: center;
    margin-right: 20px;
}

.mv_area .wrap_share .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

.mv_area .wrap_share .txt .red_txt {
    color: #f24555;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    margin-right: 6px;
}

.mv_area .wrap_share .txt .large {
    font-size: 36px;
    font-size: 3.6rem;
}

.mv_area .mv_btn {
    display: -webkit-box;
    display: flex;
    position: relative;
    margin-top: 38px;
}

.mv_area .mv_btn .contact_btn a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    background: #f24555;
    border-radius: 36px;
    padding: 21px 69px 22px;
    text-decoration: none;
    box-shadow: 0 0 12px 0 #e9b9b9;
    transition: all 0.3s ease 0s;
}

.mv_area .mv_btn .contact_btn a:hover {
    background: #ff7364;
}

.mv_area .mv_btn .contact_btn span {
    background: url(../img/ico_mail_s.png) no-repeat left 50%;
    background-size: 16px 14px;
    padding-left: 24px;
}

.mv_area .mv_btn .trial_btn {
    margin-left: 20px;
}

.mv_area .mv_btn .trial_btn a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    background: #4b474d;
    border-radius: 36px;
    padding: 21px 49px 22px;
    text-decoration: none;
    box-shadow: 0 0 12px 0 #e0e3e5;
    transition: all 0.3s ease 0s;
}

.mv_area .mv_btn .trial_btn a:hover {
    background: #757175;
}

.mv_area .mv_btn .trial_btn span {
    background: url(../img/ico_trial.png) no-repeat left 50%;
    background-size: 16px auto;
    padding-left: 24px;
}
################################################ */

/*メインビジュアル_20240326*/
/* ################################################
.sp {
	display:none;
}

.wrapper_test {
    display: grid;
	max-width:1400px;
	padding: 0 4em 0 6em;
	margin: 1em auto 0;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 100px;
    gap: 10px 20px;
	position:relative;
}

#person {
    grid-column: 1/2;
    grid-row: 1/2;
	justify-self: center;
}

#person img {
	width:125%;
	height:125%;
	object-fit:cover;
}

#wide-big-box {
    grid-column: 2/5;
    grid-row: 1/2;
	position:relative;
}

#wide-big-box p {
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	font-size: 3em;
	line-height:1.2;
	font-weight:800;
}

#share1 {
    grid-column: 1/2;
    grid-row: 2/4;
	justify-self: center;
}

#share1 img{
	justify-content:center;
	align-content:center;
	object-fit:cover;
	width:100%;
	height:100%;
}

#companies img{
	justify-content:center;
	align-content:center;
	object-fit:contain;
	width:100%;
}

#totr img{
	justify-content:center;
	align-content:center;
	object-fit:contain;
	width:100%;
}
#user_id img{
	justify-content:center;
	align-content:center;
	object-fit:contain;
	width:100%;
}

#support img{
	justify-content:center;
	align-content:center;
	object-fit:contain;
	width:100%;
}

#row-big-box_onta {
    grid-column: 4/5;
    grid-row: 2/4;
}

#row-big-box_onta img {
    grid-column: 4/5;
    grid-row: 2/4;
	object-fit:cover;
	width:100%;
	height: 100%;
}
################################################*/