@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.schedule
03.shift_management
04.reporting
05.calculation
06.assist
07.company
08.faq
09.case
09-01.case_detail
10.price
11.trial
11-01.trial_comfirm
11-02.trial_thanks
11-03.trial_error
12.contact
12-02.contact_thanks
12-03.contact_error
13.news
14.sitemap
15.error_page
--------------------*/

@media only screen and (max-width:1024px){
/*----------
01.top 1024
----------*/
#top .top_mv_area {
margin-top: 75px;
position: relative;
background: url("../img/top/top_bg_img.png")no-repeat center/cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#top .top_mv_area::before {
position: absolute;
content: "";
background: linear-gradient(180deg, rgba(186,220,255,1) 0%, rgba(255,237,238,1) 100%);
width: 100%;
height: 100%;
z-index: -1;
}

#top .top_mv_area .contents_in {
position: relative;
padding: 80px 0 60px;
}

#top .top_mv_area .cnt_g {
position: relative;
z-index: 2;
max-width: 800px;
margin: 0 auto;
}

#top .top_mv_area .cnt_g .h1_title {
font-size: 34px;
line-height: 58px;
font-weight: 700;
margin-bottom: 20px;
}

#top .top_mv_area .cnt_g .cnt_box {
color: #1551A3;
padding: 15px 0 17px;
border-top: solid #7498C9 1px;
border-bottom: solid #7498C9 1px;
width: fit-content;
margin-bottom: 25px;
}

#top .top_mv_area .cnt_g .cnt_box .title_text {
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin-bottom: 15px;
border-left: solid #1551A3 4px;
padding-left: 10px;
}

#top .top_mv_area .cnt_g .cnt_box .soft_list li {
font-size: 14px;
font-weight: 500;
position: relative;
padding-left: 21px;
margin-right: 17px;
}

#top .top_mv_area .cnt_g .cnt_box .soft_list li::before {
position: absolute;
content: "";
background: url("../img/top/icon_check01.png")no-repeat center/contain;
width: 16px;
height: 16px;
top: 0;
left: 0;
}

#top .top_mv_area .cnt_g .btn_box {
margin-bottom: 15px;
}

#top .top_mv_area .cnt_g .cnt_img.logo {
max-width: 180px;
}

#top .top_mv_area .cnt_g .bg_img_box {
max-width: 430px;
width: 100%;
height: 391px;
position: absolute;
bottom: -50px;
right: -10px;
z-index: -1;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img01 {
position: absolute;
width: 100%;
top: 0;
left: 0;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img02 {
position: absolute;
max-width: 330px;
width: 100%;
top: 49px;
left: 46px;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img03 {
position: absolute;
max-width: 100px;
width: 100%;
top: 139px;
left: 73px;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img04{
position: absolute;
width: 50px;
height: 100px;
right: 42px;
top: 147px;
z-index: 1;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img05{
position: absolute;
width: 50px;
height: 85px;
top: 122px;
left: 0;
z-index: 1;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img06 {
position: absolute;
max-width: 72px;
width: 100%;
top: 82px;
right: 153px;
}


#top #price_area table th {
font-size: 16px;
line-height: 23px;
font-weight: 500;
min-height: 80px;
padding: 5px 0;
}

#top #price_area table th .small_txt {
font-size: 	12px;
line-height: 16px;
font-weight: 400;
display: block;
margin-top: 3px;
}

#top #price_area .table_pc tr th:first-child {
width: 15%;
}

#top #price_area .table_pc tr th:nth-child(2) {
width: 41%;
}

#top #price_area .table_pc tr th:nth-child(3) {
width: 25%;
}

#top #price_area .table_pc tr th:nth-child(4) {
width: 19%;
}

#top #price_area .table_pc tr td:first-child {
width: 15%;
}

#top #price_area .table_pc tr td:nth-child(2) {
width: 41%;
}

#top #price_area .table_pc tr td:nth-child(3) {
width: 25%;
}

#top #price_area .table_pc tr td:nth-child(4) {
width: 19%;
}

#top #price_area table td {
font-size: 16px;
line-height: 28px;
font-weight: 500;
min-height: 120px;
padding: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}

#top #price_area table br.sp {
display: block;
}

#top #price_area table .big {
font-size: 32px;
padding: 0 3px;
}

#top #price_area table .medium {
font-size: 24px;
padding: 0 5px;
}

#top #price_area table .small {
font-size: 17px;
padding: 0 5px;
}

#top #price_area table .sub {
font-size: 15px;
margin-top: 5px;
}

#top #price_area table .attention {
font-size: 13px;
display: block;
}

#top #price_area table td .border_red {
position: relative;
border-bottom: solid #E23E43 3px;
display: flex;
align-items: center;
margin-bottom: 3px;
}

#top #case_area .case_g .case_box {
max-width: 300px;
width: 32%;
}

#top #case_area .case_g .case_box a {
padding: 15px 10px;
}

#top #case_area .case_g .case_box .cnt_in {
max-width: 225px;
margin: 0 auto;
}

#top #case_area .case_g .case_box .title_text {
font-size: 17px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
height: 72px;
}

#top #case_area .case_g .case_box .title_text .sub_title {
font-size: 14px;
font-weight: 400;
display: block;
}

#top #case_area .case_g .case_box .cnt_img {
height: 135px;
overflow: hidden;
margin-bottom: 10px;
border-radius: 5px;
margin: 0 auto 15px;
}

#top #case_area .case_g .case_box .category_list li {
color: #BCBCBC;
background: #F5F5F5;
font-size: 12px;
line-height: 17px;
font-weight: 500;
border-radius: 5px;
text-align: center;
padding: 1px;
width: 32%;
display:flex;
align-items: center;
justify-content: center;
}

/*----------
02.schedule 1024
----------*/
#schedule #cnt_area01 .slider_list .slider_img {
height: 350px;
}

#schedule #cnt_area02 .cnt_g {
padding: 40px;
max-width: 1110px;
width: 95%;
margin-bottom: 50px;
}

#schedule #cnt_area02 .cnt_g .contents_in {
max-width: 870px;
width: 100%;
}

#schedule #cnt_area02 .cnt_box .cnt_img {
max-width: 300px;
width: 28%;
}

#schedule #cnt_area02 .cnt_box .cnt_text {
max-width: 500px;
width: 67%;
}

#schedule #cnt_area03 {
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
padding: 100px 0 120px;
}

#schedule #cnt_area03 .h2_title {
font-size: 28px;
line-height: 36px;
font-weight: 700;
width: fit-content;
margin: 0 auto 60px;
padding: 0 32px;
position: relative;
}

#schedule #cnt_area03 .h2_title::before {
position: absolute;
content: "";
background: #003D7B;
width: 4px;
height: 33px;
bottom: 0;
left: 0;
transform: rotate(-30deg);
}

#schedule #cnt_area03 .h2_title::after {
position: absolute;
content: "";
background: #003D7B;
width: 4px;
height: 33px;
bottom: 0;
right: 0;
transform: rotate(30deg);
}

#schedule #cnt_area03 .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
box-shadow: 3px 3px 12px rgba(0,0,0,.1);
}

#schedule #cnt_area03 .cnt_g .cnt_box {
padding: 15px 5px;
background: #FFFFFF;
border: solid #DEDEDE 1px;
}

#schedule #cnt_area03 .cnt_g .cnt_box .cnt_img {
max-width: 150px;
min-width: 120px;
margin: 0 auto;
width: 70%;
}

#schedule #cnt_area03 .cnt_g .cnt_box .title_text {
color: #003D7B;
font-size: 15px;
line-height: 22px;
font-weight: 700;
width: fit-content;
margin: 0 auto;
text-align: center;
position: relative;
height: 44px;
display: flex;
align-items: center;
}

/*----------
schedule_page共通 1024
----------*/
.schedule_page .color_area .cnt_g {
padding: 60px 40px 60px 20px;
max-width: 1110px;
width: 96%;
border-radius: 0 15px 15px 0;
}

.schedule_page .color_area .cnt_box {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 800px;
width: 100%;
margin: 0 0 0 auto;
}

.schedule_page .color_area .cnt_box .cnt_img {
max-width: 220px;
width: 26%;
margin-top: 20px;
}

.schedule_page .color_area .cnt_box p {
font-size: 15px;
line-height: 28px;
max-width: 541px;
width: 70%;
}

.schedule_page .flex_area .cnt_g {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 80px;
}

.schedule_page .flex_area .cnt_g::before {
position: absolute;
content: "";
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
width: 300px;
height: 150px;
top: 60%;
z-index: -1;
}

.schedule_page .flex_area .cnt_g:nth-child(even)::before {
left: -20px;
}

.schedule_page .flex_area .cnt_g:nth-child(odd)::before {
right: -20px;
}

.schedule_page .flex_area .cnt_g .cnt_img {
max-width: 250px;
height: 170px;
width: 100%;
}

.schedule_page .flex_area .cnt_g .cnt_img img {
object-fit: cover;
height: 170px;
}

/*cnt_slider*/
.schedule_page .flex_area .cnt_slider {
max-width: 270px;
height: 170px;
}

.schedule_page .flex_area .cnt_slider .slider_img img {
object-fit: cover;
height: 170px;
border: solid #E6E6E6 1px;
}

.schedule_page .flex_area .slick-dots {
width: fit-content;
margin: 0 auto;
position: absolute;
bottom: -100px;
}

.schedule_page .flex_area .slick_arrow {
width: 34px;
height: auto;
position: absolute;
bottom: -96px;
}
/* slider_g　終わり*/

.schedule_page .flex_area .cnt_g .cnt_text {
max-width: 600px;
width: 60%;
}

.schedule_page .flex_area .cnt_g .cnt_text p {
font-size: 15px;
line-height: 28px;
margin-bottom: 30px;
}

.schedule_page .flex_area .cnt_g .cnt_text .point_list {
background: #F8F8F8;
padding: 20px;
}

.schedule_page .flex_area .cnt_g .cnt_text .point_list li {
color: #003D7B;
font-size: 15px;
line-height: 26px;
font-weight: 500;
padding-left: 21px;
position: relative;
}

.schedule_page .flex_area .cnt_g .cnt_text .point_list li::before {
position: absolute;
content: "";
background: #003D7B;
width: 3px;
height: 3px;
top: 14px;
left: 7px;
border-radius: 50%;
}

/*----------
03.shift_management 1024
----------*/
#shift_management .color_area {
padding: 0 0 100px;
}

#shift_management .color_area .cnt_box {
max-width: 700px;
width: 100%;
margin: 0 0 0 auto;
}

#shift_management .color_area .cnt_box p {
font-size: 28px;
line-height: 54px;
max-width: 360px;
font-weight: 700;
padding-right: 0;
}

#shift_management .color_area .cnt_box .cnt_img {
max-width: 220px;
width: 34%;
margin-top: 20px;
}

#shift_management .flex_area .title_g {
padding: 32px 40px 32px 20px;
max-width: 1180px;
width: 96%;
border-radius: 0 15px 15px 0;
margin-bottom: 40px;
}

#shift_management .flex_area .h3_title_ptn01 {
padding-left: 70px;
position: relative;
}

#shift_management .flex_area .h3_title_ptn01::before {
position: absolute;
content: "";
background: url("../img/shift_management/icon_01.png")no-repeat center/contain;
width: 56px;
height: 65px;
top: 50%;
transform: translateY(-50%);
left: 0;
}

#shift_management #cnt_area01 .cnt_g:nth-child(even) .cnt_slider .slider_img, #shift_management #cnt_area02 .cnt_g:nth-child(odd) .cnt_slider .slider_img, #shift_management #cnt_area03 .cnt_g:nth-child(even) .cnt_slider .slider_img, #shift_management #cnt_area04 .cnt_g:nth-child(odd) .cnt_slider .slider_img {
margin: 0 20px 0 0;
}

#shift_management #cnt_area01 .cnt_g:nth-child(odd) .cnt_slider .slider_img, #shift_management #cnt_area02 .cnt_g:nth-child(even) .cnt_slider .slider_img, #shift_management #cnt_area03 .cnt_g:nth-child(odd) .cnt_slider .slider_img, #shift_management #cnt_area04 .cnt_g:nth-child(even) .cnt_slider .slider_img {
margin: 0 0 0 20px;
}

#shift_management #cnt_area02 .cnt_g:nth-child(even)::before, #shift_management #cnt_area04 .cnt_g:nth-child(even)::before {
left: inherit;
right: -20px;
border-radius: 15px 0 0 15px;
}

#shift_management #cnt_area02 .cnt_g:nth-child(odd)::before, #shift_management #cnt_area04 .cnt_g:nth-child(odd)::before {
right: inherit;
left: -20px;
border-radius: 0 15px 15px 0;
}

#shift_management #cnt_area03 #auto_mail.cnt_g .cnt_img::after {
width: 180px;
height: 122px;
bottom: -65px;
right: -23px;
}

/*----------
04.reporting 1024
----------*/
#reporting #cnt_area01 .cnt_g:nth-child(even) .cnt_slider .slider_img {
margin: 0 0 0 20px;
}

#reporting #cnt_area01 .cnt_g:nth-child(odd) .cnt_slider .slider_img {
margin: 0 20px 0 0;
}

#reporting #cnt_area01 .cnt_g:nth-child(even)::before {
left: inherit;
right: -20px;
border-radius: 15px 0 0 15px;
}

#reporting #cnt_area01 .cnt_g:nth-child(odd)::before {
left: inherit;
left: -20px;
border-radius: 0 15px 15px 0;
}

/*----------
05.calculation 1024
----------*/
#calculation #cnt_area01 .cnt_g:nth-child(odd) .cnt_slider .slider_img {
margin: 0 0 0 20px;
}

#calculation #cnt_area01 .cnt_g:nth-child(even) .cnt_slider .slider_img {
margin: 0 20px 0 0;
}

#calculation #cnt_area01 .cnt_g:nth-child(odd)::before {
left: inherit;
right: -20px;
border-radius: 15px 0 0 15px;
}

#calculation #cnt_area01 .cnt_g:nth-child(even)::before {
left: inherit;
left: -20px;
border-radius: 0 15px 15px 0;
}

/*----------
06.assist 1024
----------*/
#assist #cnt_area03 .cnt_g .cnt_box {
justify-content: space-around;
}

#assist #cnt_area03 .cnt_g .cnt_img {
max-width: 250px;
width: 25%;
}

#assist #cnt_area03 .cnt_g table {
max-width: 553px;
width: 70%;
font-size: 16px;
line-height: 29px;
text-align: center;
}

/*----------
07.company 1024
----------*/
#company #about_area .cnt_g .flex_box dt {
max-width: 200px;
min-width: 200px;
width: 100%;
padding: 15px 0;
text-align: center;
font-weight: 700;
}

#company #about_area .cnt_g .flex_box dd {
width: 100%;
padding: 15px 30px;
border-left: solid #FFFFFF 1px;
}

/*----------
08.faq 1024
----------*/

/*----------
09.case 1024
----------*/
#case #cnt_area01 .case_g .case_box {
max-width: 300px;
width: 32%;
margin-bottom: 35px;
}

#case #cnt_area01 .case_g .case_box a {
padding: 15px 10px;
}

#case #cnt_area01 .case_g .case_box .cnt_in {
max-width: 225px;
margin: 0 auto;
}

#case #cnt_area01 .case_g .case_box .title_text {
font-size: 17px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
height: 72px;
}

#case #cnt_area01 .case_g .case_box .title_text .sub_title {
font-size: 14px;
font-weight: 400;
display: block;
}

#case #cnt_area01 .case_g .case_box .cnt_img {
height: 135px;
overflow: hidden;
margin-bottom: 10px;
border-radius: 5px;
margin: 0 auto 15px;
}

#case #cnt_area01 .case_g .case_box .category_list li {
color: #BCBCBC;
background: #F5F5F5;
font-size: 12px;
line-height: 17px;
font-weight: 500;
border-radius: 5px;
text-align: center;
padding: 1px;
width: 32%;
display:flex;
align-items: center;
justify-content: center;
}

#case #cnt_area01 .case_g .case_box .category_list br.pc {
display: none;
}

#case #comic_area {
margin-bottom: 150px;
}

#case #comic_area .contents_in {
background: url("../img/case/bg_img_pc.png")no-repeat center/cover;
padding: 40px 0;
}

#case #comic_area .h2_title {
font-size: 22px;
line-height: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}

/*----------
09-01.case_detail 1024
----------*/
#case_detail #cnt_area01 .cnt_wrapper {
display: block;
}

#case_detail #cnt_area01 .cnt_g {
max-width: 750px;
width: 100%;
margin: 0 auto 120px;
}

#case_detail .list_g {
max-width: 750px;
min-width: inherit;
margin: 0 auto;
}

#case_detail .list_g ul {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#case_detail .list_g ul li {
margin-bottom: 20px;
width: 47%;
}

/*----------
10.price 1024
----------*/
#price #cnt_area01 .contents_in, #price #cnt_area02 .contents_in, #price #cnt_area03 .contents_in {
width: 100%;
}

#price .cnt_table {
overflow: scroll;
width: calc(100% - 20px);
margin: 0 0 0 auto;
}

#price .attention_list {
font-size: 14px;
line-height: 29px;
margin: 0 20px;
}

#price .attention_list li {
padding-left: 15px;
position: relative;
}

#price .attention_text {
font-size: 14px;
line-height: 29px;
margin: 0 20px 60px;
}

#price #cnt_area01 table  {
width: 843px;
}

#price #cnt_area01 table th {
font-size: 16px;
line-height: 23px;
font-weight: 500;
min-height: 80px;
padding: 5px 0;
}

#price #cnt_area01 table th .small_txt {
font-size: 	12px;
line-height: 16px;
font-weight: 400;
display: block;
margin-top: 3px;
}

#price #cnt_area01 .cnt_g table tr th:first-child {
width: 15%;
}

#price #cnt_area01 .cnt_g table tr th:nth-child(2) {
width: 41%;
}

#price #cnt_area01 .cnt_g table tr th:nth-child(3) {
width: 25%;
}

#price #cnt_area01 .cnt_g table tr th:nth-child(4) {
width: 19%;
}

#price #cnt_area01 .cnt_g table tr td:first-child {
width: 15%;
}

#price #cnt_area01 .cnt_g table tr td:nth-child(2) {
width: 41%;
}

#price #cnt_area01 .cnt_g table tr td:nth-child(3) {
width: 25%;
}

#price #cnt_area01 .cnt_g table tr td:nth-child(4) {
width: 19%;
}

#price #cnt_area01 table td {
font-size: 16px;
line-height: 28px;
font-weight: 500;
min-height: 120px;
padding: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}

#price #cnt_area01 table br.sp {
display: block;
}

#price #cnt_area01 table .big {
font-size: 32px;
padding: 0 3px;
}

#price #cnt_area01 table .medium {
font-size: 24px;
padding: 0 5px;
}

#price #cnt_area01 table .small {
font-size: 17px;
padding: 0 5px;
}

#price #cnt_area01 table .sub {
font-size: 15px;
margin-top: 5px;
}

#price #cnt_area01 table .attention {
font-size: 13px;
display: block;
}

#price #cnt_area01 table td .border_red {
position: relative;
border-bottom: solid #E23E43 3px;
display: flex;
align-items: center;
margin-bottom: 3px;
}

#price #cnt_area02 .h3_title {
color: #003D7B;
font-size: 16px;
line-height: 26px;
font-weight: 700;
position: relative;
padding-left: 30px;
width: calc(100% - 20px - 20px);
margin: 0 auto 15px;
}

#price #cnt_area02 .h3_title::before {
position: absolute;
content: "";
background: url("../img/price/icon_hand.png")no-repeat center/contain;
width: 20px;
height: 17px;
top: 5px;
left: 0;
}

#price #cnt_area02 p {
font-size: 16px;
line-height: 28px;
width: calc(100% - 20px - 20px);
margin: 0 auto 40px;
}

#price #cnt_area02 table {
min-width: 854px;
height: 458px;
}

#price #cnt_area02 table th {
font-size: 16px;
line-height: 23px;
font-weight: 500;
border: solid #FFFFFF 1px;
height: 80px;
}

#price #cnt_area02 table td {
font-size: 16px;
line-height: 23px;
font-weight: 500;
border: solid #E6E6E6 1px;
height: 54px;
vertical-align: middle;
text-align: center;
border-radius: 0 10px 0 0;
}

#price #cnt_area02 table .big {
font-size: 30px;
line-height: 29px;
}

#price #cnt_area02 table .medium {
font-size: 20px;
line-height: 29px;
}

#price #cnt_area02 table .small {
font-size: 20px;
line-height: 29px;
}

#price #cnt_area02 table .bold {
font-weight: 700;
}

#price #cnt_area02 table td .border_red {
position: relative;
border-bottom: solid #E23E43 3px;
display: flex;
align-items: center;
width: fit-content;
margin: 0 auto 3px;
}

#price #cnt_area02 table .attention {
font-size: 12px;
line-height: 20px;
font-weight: 400;
padding-left: 5px;
}

#price #cnt_area02 table .padding{
padding: 0 7px;
}

#price #cnt_area03 table {
min-width: 806px;
}

#price #cnt_area03 table .big {
font-size: 25px;
line-height: 29px;
}

#price #cnt_area03 table .medium {
font-size: 20px;
line-height: 29px;
font-weight: 400;
}

#price #cnt_area03 table .small {
font-size: 20px;
line-height: 29px;
}

#price #cnt_area03 table td .border_red {
position: relative;
border-bottom: solid #E23E43 3px;
margin: 0 auto 3px;
font-size: 20px;
}

/*----------
11.trial 1024
----------*/
.trial_page .flow_area .cnt_g .cnt_box {
max-width: 252px;
width: 30%;
}

.trial_page .flow_area .cnt_g .cnt_box .cnt_img {
max-width: 220px;
width: 90%;
margin: 0 auto 25px;
padding-left: 15px;
position: relative;
}

.trial_page .flow_area .cnt_g .cnt_box .cnt_img::before {
position: absolute;
content: "";
width: 50px;
height: 49px;
top: 6px;
left: 0;
}

.trial_page .flow_area .cnt_g .cnt_text {
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-align: center;
width: 100%;
}

.trial_page .flow_area .cnt_g .cnt_text span {
font-size: 15px;
line-height: 26px;
font-weight: 400;
display: block;
}
}

@media only screen and (max-width:750px){
/*----------
01.top 750
----------*/
#top .top_mv_area {
position: relative;
background: url("../img/top/top_bg_img.png")no-repeat center/cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin-top: 63px;
}

#top .top_mv_area::before {
position: absolute;
content: "";
background: linear-gradient(180deg, rgba(186,220,255,1) 0%, rgba(255,237,238,1) 100%);
width: 100%;
height: 100%;
z-index: -1;
}

#top .top_mv_area .contents_in {
position: relative;
padding: 30px 0 7px;
}

#top .top_mv_area .cnt_g {
position: relative;
z-index: 2;
margin: 0 auto;
max-width: 500px;
}

#top .top_mv_area .cnt_g .h1_title {
font-size: 25px;
line-height: 40px;
font-weight: 700;
margin: 0 auto 20px;
}

#top .top_mv_area .cnt_g .cnt_box {
color: #1551A3;
padding: 10px 10px 10px 5px;
border-top: solid #7498C9 1px;
border-bottom: solid #7498C9 1px;
width: 100%;
margin: 0 auto 300px;
display: flex;
align-items: center;
justify-content: flex-start;
}

#top .top_mv_area .cnt_g .cnt_box .title_text {
font-size: 18px;
line-height: 27px;
font-weight: 700;
margin-bottom: 0;
margin-right: 40px;
border-left: solid #1551A3 4px;
padding-left: 13px;
}

#top .top_mv_area .cnt_g .cnt_box .soft_list {
display: block;
}

#top .top_mv_area .cnt_g .cnt_box .soft_list li {
font-size: 14px;
font-weight: 500;
position: relative;
padding-left: 20px;
margin-right: 0;
margin-bottom: 5px;
}

#top .top_mv_area .cnt_g .cnt_box .soft_list li:last-child {
margin-bottom: 0;
}

#top .top_mv_area .cnt_g .cnt_box .soft_list li::before {
position: absolute;
content: "";
background: url("../img/top/icon_check01.png")no-repeat center/contain;
width: 15px;
height: 15px;
top: 0;
left: 0;
}

#top .top_mv_area .cnt_g .btn_box {
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 400px;
width: 100%;
margin: 0 auto;
}

#top .top_mv_area .cnt_g .btn_box .btn_ptn01 {
min-width: 160px;
width: 47%;
}

#top .top_mv_area .cnt_g .btn_box .btn_ptn01.trial .pc {
display: none;
}

#top .top_mv_area .cnt_g .cnt_img.logo {
display: none;
}

#top .top_mv_area .cnt_g .bg_img_box {
max-width: 336px;
width: 100%;
height: 296px;
position: absolute;
bottom: 45px;
right: 50%;
transform: translateX(56%);
z-index: -1;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img01 {
position: absolute;
max-width: 336px;
width: 100%;
top: 0;
left: 0;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img01 {
position: absolute;
width: 100%;
top: 0;
left: 0;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img02 {
position: absolute;
max-width: 251px;
width: 100%;
top: 40px;
left: 40px;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img03 {
position: absolute;
max-width: 86px;
width: 100%;
top: 100px;
left: 58px;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img04{
position: absolute;
width: 45px;
height: 78px;
right: 42px;
top: 147px;
z-index: 1;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img05{
position: absolute;
width: 45px;
height: 61px;
top: 122px;
left: 0;
z-index: 1;
}

#top .top_mv_area .cnt_g .bg_img_box .mv_img06 {
position: absolute;
max-width: 72px;
width: 100%;
top: 82px;
right: 153px;
}

#top #cnt_area01 {
padding: 60px 0 0;
}

#top #cnt_area01 .h2_title_ptn01 {
margin-bottom: 40px;
}

#top #cnt_area01 .card_g {
display: block;
max-width: 930px;
margin: 0 auto;
}

#top #cnt_area01 .card_g .card_box {
width: 100%;
max-width: inherit;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
}

#top #cnt_area01 .card_g .card_box:last-child {
margin-bottom: 0;
}

#top #cnt_area01 .card_g .card_box .cnt_img {
max-width: 130px;
min-width: 100px;
width: 20%;
margin: 0 20px 0 0;
}

#top #cnt_area01 .card_g .card_box .cnt_text {
width: 75%;
}

#top #cnt_area01 .card_g .card_box .cnt_text .title_text {
font-size: 16px;
line-height: 24px;
font-weight: 700;
margin-bottom: 7px;
text-align: left;
}

#top #cnt_area01 .card_g .card_box .cnt_text .bold_text {
font-size: 14px;
line-height: 29px;
font-weight: 700;
text-align: left;
}

#top #cnt_area01 .card_g .card_box .cnt_text .small_text {
font-size: 14px;
line-height: 29px;
}

#top #cnt_area01 .h2_title {
color: #003D7B;
font-size: 18px;
line-height: 29px;
font-weight: 700;
text-align: center;
margin-top: 50px;
margin-bottom: 10px;
position: relative;
}

#top #cnt_area01 .h2_title::before {
position: absolute;
content: "";
background: url("../img/top/bg_arrow02.png")no-repeat center/contain;
width: 65px;
height: 15px;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
}

#top #cnt_area01 .bg_pink {
background: rgba(255,173,176,0.41);
position: relative;
}

#top #cnt_area01 .bg_pink .cnt_img.bg_img {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}

#top #cnt_area01 .bg_pink .contents_in {
padding: 50px 0;
position: relative;
}

#top #cnt_area01 .bg_pink .contents_in .cnt_img.bg_text01 {
max-width: 69px;
width: 100%;
position: absolute;
bottom: inherit;
left: inherit;
top: 50%;
transform: translateY(-50%);
right: -35px;
}

#top #cnt_area01 .bg_pink .contents_in .card_g {
margin-top: 15%;
}

#top #about_area {
padding: 60px 0;
}

#top #about_area .h2_title_ptn01 {
text-align: center;
margin-bottom: 60px;
}

#top #about_area .h3_title_ptn01 {
text-align: center;
margin-bottom: 30px;
}

#top #about_area .flex_box {
display: block;
}

#top #about_area .flex_box .cnt_img {
max-width: 335px;
width: 100%;
margin: 0 auto;
}

#top #about_area .flex_box .cnt_text {
max-width: 450px;
margin-top: 20px;
width: 100%;
margin: 0 auto;
}

#top #about_area .flex_box .cnt_text p {
font-size: 14px;
line-height: 28px;
margin-bottom: 30px;
}

#top #about_area .flex_box .cnt_text .btn_ptn01.more {
margin: 0 auto;
}

#top #assist_area {
background: url("../img/top/assist_bg_sp.png")no-repeat center/cover;
padding: 20px 0;
}

#top #assist_area .h3_title_ptn01 {
margin-bottom: 8px;
}

#top #assist_area p {
font-size: 14px;
line-height: 25px;
text-align: center;
margin-bottom: 30px;
}

#top #assist_area .btn_ptn01.more {
margin: 0 auto;
}

#top #point_area {
padding: 30px 0 30px 55px;
}

#top #point_area .contents_in {
max-width: 955px;
width: 91%;
margin: 0 auto 0 5%;
}

#top #point_area .point_wrapper {
background: linear-gradient(90deg, rgba(102,166,255,0.2) 0%, rgba(255,173,176,0.2) 100%);
padding: 20px 0;
max-width: 1180px;
margin: 0 0 0 auto;
}

#top #point_area .point_wrapper .cnt_img.bg_text02 {
position: absolute;
max-width: 267px;
width: 100%;
top: inherit;
bottom: -10px;
right: 10px;
z-index: 1;
}

#top #point_area .h3_title {
font-size: 18px;
line-height: 26px;
font-weight: 700;
margin-bottom: 20px;
position: relative;
padding-left: 30px;
}

#top #point_area .h3_title::before {
position: absolute;
content: "";
background: url("../img/top/point_icon01.png")no-repeat center/contain;
width: 22px;
height: 26px;
top: 0;
left: 0;
}

#top #point_area .cnt_g {
display: block;
max-width: 955px;
}

#top #point_area .cnt_g .title_text {
font-size: 16px;
line-height: 1;
font-weight: 700;
text-align: center;
border: solid #333439 1px;
padding: 23px 0;
max-width: 182px;
width: 100%;
margin-bottom: 20px;
}

#top #point_area .cnt_g p {
font-size: 14px;
line-height: 29px;
max-width: 600px;
width: 100%;
}

#top #price_area {
padding: 60px 0;
}

#top #price_area .h2_title_ptn01 {
margin-bottom: 40px;
}

#top #price_area .table_pc {
display: none;
}
#top #price_area .table_sp {
display: block;
}

#top #price_area .table_sp {
max-width: 450px;
width: 100%;
margin: 0 auto 20px;
}

#top #price_area .table_sp tbody {
display: block;
}

#top #price_area table th {
font-size: 14px;
line-height: 21px;
font-weight: 500;
padding: 4px 0;
min-height: 50px;
}

#top #price_area .table_sp tr th:first-child {
width: 100%;
}

#top #price_area .table_sp tr td:first-child {
width: 30%;
}

#top #price_area .table_sp tr td:nth-child(2) {
width: 70%;
}

#top #price_area table tr:first-child th:last-child {
border-radius: 10px 10px 0 0;
}

#top #price_area table tr:nth-child(2) td:first-child {
border-radius: 0;
}

#top #price_area table tr:last-child td:first-child {
border-radius: 0;
}

#top #price_area table th .box {
color: #63ACD3;
font-size: 	12px;
line-height: 1;
font-weight: 500;
background: #FFFFFF;
border-radius: 2px;
display: inline-block;
width: fit-content;
padding: 4px 5px;
margin: 0 5px 3px;
}

#top #price_area table td {
font-size: 14px;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
min-height: 77px;
padding: 5px;
}

#top #price_area table .bg_color01 {
background: #003D7B;
min-height: 72px;
}

#top #price_area table .big {
font-size: 30px;
padding: 0 3px;
}

#top #price_area table .medium {
font-size: 24px;
padding: 0 5px;
}

#top #price_area table .small {
font-size: 12px;
padding: 3px 4px 0;
}

#top #price_area table .bold {
font-weight: 700;
font-size: 12px;
}

#top #price_area table .sub {
font-size: 12px;
margin-top: 0;
}

#top #price_area table .attention {
font-size: 12px;
line-height: 17px;
text-align: left;
}

#top #price_area table td .border_red {
position: relative;
border-bottom: solid #E23E43 2px;
display: flex;
align-items: center;
margin-bottom: 3px;
}

#top #price_area .attention_list {
font-size: 14px;
line-height: 28px;
margin: 20px 0 30px;
}

#top #case_area {
background: #F8F8F8;
padding: 30px 0;
}

#top #case_area .contents_in {
width: 100%;
}

#top #case_area .h2_title_ptn01{
margin-bottom: 40px;
}

#top #case_area .case_g {
display: block;
margin-bottom: 30px;
}

#top #case_area .case_g .case_box {
max-width: inherit;
width: inherit;
}

#top #case_area .case_g .case_box a {
max-width: 450px;
min-width: 276px;
width: 90%;
margin: 15px auto 0;
background: #FFFFFF;
border-radius: 5px;
box-shadow: 0px 3px 12px rgba(51, 52, 57, .05);
padding: 15px;
}

#top #case_area .case_g .case_box .cnt_in {
max-width: 240px;
margin: 0 auto;
}

#top #case_area .case_g .case_box .title_text {
font-size: 15px;
line-height: 24px;
font-weight: 500;
margin-bottom: 10px;
text-align: center;
height: 48px;
}

#top #case_area .case_g .case_box .title_text .sub_title {
font-size: 12px;
font-weight: 400;
display: block;
}

#top #case_area .case_g .case_box .cnt_img {
height: 147px;
overflow: hidden;
border-radius: 5px;
margin: 0 auto 10px;
}

#top #case_area .case_g .case_box .category_list {
display: block;
}

#top #case_area .case_g .case_box .category_list li {
color: #BCBCBC;
background: #F5F5F5;
border: solid #F5F5F5 2px;
font-size: 12px;
line-height: 17px;
font-weight: 500;
border-radius: 5px;
text-align: center;
padding: 7px;
width: 100%;
display:flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}

#top #case_area .case_g .case_box .category_list li:last-child {
margin-bottom: 0;
}

#top #case_area .case_g .case_box .category_list li.active {
color: #003D7B;
background: #FFFFFF;
border: solid #003D7B 2px;
}

#top #case_area .case_g .case_box .category_list li br.sp {
display: none;
}

#top #case_area .slick-dots {
padding-top: 20px;
width: fit-content;
margin: 0 auto;
}

#top #case_area .slick-dots li {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
margin: 0 15px;
padding: 0;
cursor: pointer;
}

#top #case_area .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 7px;
height: 7px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

#top #case_area .slick-dots li button:before {
content: '';
position: absolute;
background: #AFAFAF;
top: 0;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
}

#top #case_area .slick-dots li.slick-active button:before{
background: #E23E43;
}

#top #faq_area {
padding: 60px 0;
}

#top #faq_area .h2_title_ptn01{
margin-bottom: 40px;
}

#top #faq_area .cnt_g {
margin-bottom: 30px;
}

#top #faq_area dl div {
border: solid #D1D1D1 1px;
border-radius: 3px;
padding: 4px 20px;
margin-bottom: 20px;
box-shadow: 3px 3px 12px rgba(51, 52, 57, .05);
}

#top #faq_area dl div:last-child {
margin-bottom: 0;
}

#top #faq_area dl dt {
position: relative;
font-size: 16px;
line-height: 26px;
font-weight: 700;
padding: 16px 40px 16px 35px;
}

#top #faq_area dl dt.active {
border-bottom: solid #CBCBCB 1px;
margin-bottom: 15px;
}

#top #faq_area dl dt::before {
position: absolute;
content: "";
background: url("../img/top/faq_icon_q.png")no-repeat center/contain;
width: 18px;
height: 17px;
top: 50%;
transform: translateY(-50%);
left: 0;
} 

#top #faq_area dl dt::after {
position: absolute;
content: "";
background: url("../img/top/faq_icon02.png")no-repeat center/contain;
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
right: 0;
} 

#top #faq_area dl dt.active::after {
position: absolute;
content: "";
background: url("../img/top/faq_icon01.png")no-repeat center/contain;
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
right: 0;
} 

#top #faq_area dl dd {
position: relative;
font-size: 14px;
line-height: 28px;
padding-left: 30px;
margin-bottom: 16px;
display: none;
overflow-x: scroll;
}

#top #faq_area dl dd.no_text {
position: relative;
font-size: 16px;
line-height: 32px;
padding-left: 0;
padding-top: 25px
}

#top #faq_area dl dd::before {
position: absolute;
content: "";
background: url("../img/top/faq_icon_a.png")no-repeat center/contain;
width: 17px;
height: 13px;
top: 10px;
left: 0;
} 

#top #faq_area dl dd.no_text::before {
position: absolute;
content: "";
width: 17px;
height: 13px;
top: 0;
left: 0;
} 


#top #faq_area dl dd .cnt_img.scroll {
width: 440px;
}

#top #faq_area dl dd table {
width: 100%;
font-size: 13px;
line-height: 18px;
}

#top #faq_area dl dd table dl {
text-align: center;
}

#top #faq_area dl dd table th {
color: #FFFFFF;
background: #63ACD3;
text-align: center;
vertical-align: middle;
padding: 12px 5px;
border-bottom: solid #FFFFFF 1px;
font-weight: 500;
}

#top #faq_area dl dd table tr th:first-child {
border-right: solid #FFFFFF 1px;
}

#top #faq_area dl dd table tr:nth-child(odd) td:first-child {
background: #ECF6FA;
border-right: solid #FFFFFF 1px;
}

#top #faq_area dl dd table tr:nth-child(odd) td:nth-child(2) {
background: #FAFAFA;
}

#top #faq_area dl dd table tr:nth-child(even) td {
background: #E2F0F5;
}

#top #faq_area dl dd table tr:nth-child(even) td:nth-child(2) {
background: #F4F4F4;
}

#top #faq_area dl dd table td {
text-align: center;
vertical-align: middle;
padding: 13px 5px;
border-bottom: solid #FFFFFF 1px;
}

#top #faq_area dl dd table.column02 tr th:first-child {
width: 50%;
}

#top #faq_area dl dd table.column02 tr th:nth-child(2){
width: 50%;
}

#top #news_area {
padding: 20px 0 60px;
position: relative;
}

#top #news_area .h2_title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
margin-bottom: 30px;
}

#top #news_area::before {
position: absolute;
content: "";
background: linear-gradient(90deg, rgba(102,166,255,0.2) 0%, rgba(255,173,176,0.2) 100%);
width: 100%;
height: 300px;
top: 0;
left: 0;
z-index: 1;
}

#top #news_area .cnt_g {
background: #FFFFFF;
border-radius: 10px;
padding: 30px 28px;
position: relative;
z-index: 2;
box-shadow: 0px 10px 20px rgba(0, 0, 0, .05);
}

#top #news_area .cnt_g .news_list {
max-width: 900px;
margin: 0 auto 30px;
}

#top #news_area .cnt_g .news_list li {
display: block;
border-bottom: solid #CECECE 1px;
padding: 10px 0;
}

#top #news_area .cnt_g .news_list li:first-child {
border-top: solid #CECECE 1px;
}

#top #news_area .cnt_g .news_list li .date {
color: #8B8B8B;
font-size: 12px;
line-height: 24px;
min-width: 98px;
}

#top #news_area .cnt_g .news_list li a {
font-size: 14px;
line-height: 24px;
padding: 0 25px 0 0;
display: block;
width: 100%;
position: relative;
}

#top #news_area .cnt_g .news_list li a::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 12px;
height: 9px;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: 0.3s;
}

#top #news_area .cnt_g .news_list li a:hover::after {
right: -10px;
}

#top #news_area .cnt_g .btn_ptn01.more {
margin: 0 auto;
}

#top #news_area .contents_in .cnt_img.bg_text03 {
position: absolute;
top: 0px;
right: -20px;
max-width: 254px;
width: 100%;
z-index: 2;
}

/*----------
02.schedule 750
----------*/
#schedule .intro_area {
padding: 60px 0 30px;
}

#schedule #cnt_area01 {
padding: 30px 0;
}

#schedule #cnt_area01 .contents_in {
max-width: inherit;
width: calc(100% + 10px + 10px);
margin: 0 auto 0 -10px;
}

#schedule #cnt_area01 .slider_g {
position: relative;
}

#schedule #cnt_area01 .slider_list .slider_img {
padding: 0 8px;
position: relative;
height: 240px;
}

#schedule #cnt_area01 .slick-list {
margin-bottom: 270px;
}

#schedule #cnt_area01 .slick-dots {
width: fit-content;
margin: 0 auto;
position: relative;
}

#schedule #cnt_area01 .slick-dots li {
position: relative;
display: inline-block;
width: 5px;
height: 5px;
margin: 18px 5px;
padding: 0;
cursor: pointer;
}

#schedule #cnt_area01 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 5px;
height: 5px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

#schedule #cnt_area01 .slick-dots li button:before {
content: '';
position: absolute;
background: #BFBFBF;
top: 0;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
}

#schedule #cnt_area01 .prev_arrow {
left: 50%;
transform: translateX(-120px);
}

#schedule #cnt_area01 .next_arrow {
right: 50%;
transform: translateX(120px);
}

#schedule #cnt_area01 .slider_g .cnt_text {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
background: #CBE2FA;
padding: 25px;
border-radius: 40px;
max-width: 400px;
width: calc(100% - 20px - 20px);
}

#schedule #cnt_area01 .slider_g .cnt_text::before {
position: absolute;
content: "";
background: url("../img/schedule/icon_arrow01.png")no-repeat center/contain;
width: 17px;
height: 25px;
top: -25px;
left: 50%;
transform: translateX(-50%);
}

#schedule #cnt_area01 .slider_g .cnt_text::after {
position: absolute;
content: "";
background: url("../img/schedule/icon_point.png")no-repeat center/contain;
width: 40px;
height: 41px;
top: -8px;
right: 0;
}

#schedule #cnt_area02 {
padding: 60px 0 98px;
}

#schedule #cnt_area02 .cnt_g {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 20px;
max-width: 1110px;
width: 95%;
margin-bottom: 50px;
}

#schedule #cnt_area02 .cnt_g:nth-child(odd) {
border-radius: 0 15px 15px 0;
margin: 0 auto 50px 0;
}

#schedule #cnt_area02 .cnt_g:nth-child(even) {
border-radius: 15px 0 0 15px;
margin: 0 0 50px auto;
}

#schedule #cnt_area02 .cnt_g .contents_in {
max-width: 870px;
width: 100%;
}

#schedule #cnt_area02 .cnt_box {
display: block;
}

#schedule #cnt_area02 .cnt_box .cnt_img {
max-width: 160px;
width: 100%;
margin: 0 auto 30px;
}

#schedule #cnt_area02 .cnt_box .cnt_text {
max-width: inherit;
width: 100%;
}

#schedule #cnt_area02 .cnt_box .cnt_text .h3_title_ptn01 {
margin-bottom: 10px;
}

#schedule #cnt_area02 .cnt_box .cnt_text p {
font-size: 14px;
line-height: 28px;
}

#schedule #cnt_area02 .cnt_box .cnt_text .btn_ptn01 {
margin: 30px auto 0;
}

#schedule #cnt_area03 {
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
padding: 60px 0;
}

#schedule #cnt_area03 .h2_title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
width: fit-content;
margin: 0 auto 40px;
padding: 0 20px;
position: relative;
}

#schedule #cnt_area03 .h2_title::before {
position: absolute;
content: "";
background: #003D7B;
width: 3px;
height: 20px;
bottom: 0;
left: 0;
transform: rotate(-30deg);
}

#schedule #cnt_area03 .h2_title::after {
position: absolute;
content: "";
background: #003D7B;
width: 3px;
height: 20px;
bottom: 0;
right: 0;
transform: rotate(30deg);
}

#schedule #cnt_area03 .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
box-shadow: 3px 3px 12px rgba(0,0,0,.1);
max-width: 500px;
margin: 0 auto;
}

#schedule #cnt_area03 .cnt_g .cnt_box {
width: 50%;
display: block;
height: 100%;
padding: 7px 10px;
background: #FFFFFF;
border: solid #DEDEDE 1px;
}

#schedule #cnt_area03 .cnt_g .cnt_box .cnt_img {
max-width: 120px;
min-width: 100px;
width: 65%;
margin: 0 auto;
}

#schedule #cnt_area03 .cnt_g .cnt_box .title_text {
color: #003D7B;
font-size: 14px;
line-height: 22px;
font-weight: 700;
width: fit-content;
margin: 0 auto;
text-align: center;
position: relative;
padding-left: 0;
}

/*----------
schedule_page共通 750
----------*/
.schedule_page .intro_area {
padding: 60px 0 30px;
}

.schedule_page .color_area {
padding: 0 0 60px;
}

.schedule_page .color_area .cnt_g {
padding: 40px 20px;
max-width: 1110px;
width: 96%;
border-radius: 0;
}

.schedule_page .color_area .cnt_box {
display: block;
max-width: 900px;
width: 100%;
margin: 0 0 0 auto;
}

.schedule_page .color_area .cnt_box .cnt_img {
max-width: 175px;
width: 100%;
margin: 0 auto 30px;
}

.schedule_page .color_area .cnt_box p {
font-size: 14px;
line-height: 28px;
max-width: 500px;
width: 100%;
margin: 0 auto;
}

.schedule_page .flex_area .cnt_g {
display: block;
position: relative;
margin-bottom: 40px;
}

.schedule_page .flex_area .cnt_g:last-child {
margin-bottom: 0;
}

.schedule_page .flex_area .cnt_g:nth-child(odd) {
flex-flow: row-reverse;
}

.schedule_page .flex_area .cnt_g::before {
position: absolute;
content: "";
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
width: calc(100% + 20px);
height: 110px;
top: 95px;
z-index: -1;
}

.schedule_page .flex_area .cnt_g:nth-child(even)::before {
left: -20px;
border-radius: 0 10px 10px 0;
}

.schedule_page .flex_area .cnt_g:nth-child(odd)::before {
right: -20px;
border-radius: 10px 0 0 10px;
}

.schedule_page .flex_area .cnt_g .cnt_img {
max-width: 250px;
height: 167px;
width: 100%;
margin: 0 auto 45px;
}

.schedule_page .flex_area .cnt_g .cnt_img img {
object-fit: cover;
height: 167px;
}

/*cnt_slider*/
.schedule_page .flex_area .cnt_slider {
max-width: 270px;
height: 167px;
margin: 0 auto 130px;
}

.schedule_page .flex_area .cnt_slider .slider_img img {
object-fit: cover;
height: 167px;
border: solid #E6E6E6 1px;
}

.schedule_page .flex_area .slick-dots {
width: fit-content;
margin: 0 auto;
position: absolute;
bottom: -100px;
}

.schedule_page .flex_area .slick_arrow {
width: 40px;
height: auto;
position: absolute;
bottom: -100px;
}
/* slider_g　終わり*/

.schedule_page .flex_area .cnt_g::before {
position: absolute;
content: "";
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
width: calc(100% + 20px);
height: 110px;
top: 190px;
z-index: -1;
}

.schedule_page .flex_area .cnt_g .cnt_text {
max-width: 500px;
width: 100%;
margin: 0 auto;
}

.schedule_page .flex_area .cnt_g .cnt_text .title_text {
font-size: 18px;
line-height: 26px;
font-weight: 700;
margin-bottom: 5px;
}

.schedule_page .flex_area .cnt_g .cnt_text .sub_title_text {
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin-bottom: 5px;
}

.schedule_page .flex_area .cnt_g .cnt_text p {
font-size: 14px;
line-height: 28px;
margin-bottom: 20px;
}

.schedule_page .flex_area .cnt_g .cnt_text .point_list {
background: #F8F8F8;
padding: 20px;
}

.schedule_page .flex_area .cnt_g .cnt_text .point_list li {
color: #003D7B;
font-size: 14px;
line-height: 28px;
font-weight: 500;
padding-left: 21px;
position: relative;
}

.schedule_page .flex_area .cnt_g .cnt_text .point_list li::before {
position: absolute;
content: "";
background: #003D7B;
width: 3px;
height: 3px;
top: 14px;
left: 7px;
border-radius: 50%;
}

/*----------
03.shift_management 750
----------*/
#shift_management .color_area .cnt_g {
padding: 40px 20px;
}

#shift_management .color_area .cnt_box {
max-width: 700px;
width: 100%;
margin: 0 0 0 auto;
}

#shift_management .color_area .cnt_box p {
font-size: 24px;
line-height: 46px;
max-width: 270px;
font-weight: 700;
padding-right: 0;
}

#shift_management .color_area .cnt_box .cnt_img {
max-width: 175px;
width: 100%;
margin: 0 auto 30px;
}


#shift_management .flex_area .title_g {
background: #F8F8F8;
padding: 25px 0 25px 0;
max-width: 1180px;
width: calc(100% - 20px);
border-radius: 0 15px 15px 0;
margin: 0 20px 40px 0;
}

#shift_management .flex_area .h3_title_ptn01 {
padding-left: 50px;
position: relative;
}

#shift_management .flex_area .h3_title_ptn01::before {
position: absolute;
content: "";
width: 38px;
height: 47px;
top: 50%;
transform: translateY(-50%);
left: 0;
}

#shift_management #cnt_area01, #shift_management #cnt_area02, #shift_management #cnt_area03, #shift_management #cnt_area04 {
padding: 0 0 80px;
}

#shift_management #cnt_area01 .cnt_g:nth-child(even) .cnt_slider .slider_img, #shift_management #cnt_area02 .cnt_g:nth-child(odd) .cnt_slider .slider_img, #shift_management #cnt_area03 .cnt_g:nth-child(even) .cnt_slider .slider_img, #shift_management #cnt_area04 .cnt_g:nth-child(odd) .cnt_slider .slider_img {
margin: 0 10px;
}

#shift_management #cnt_area01 .cnt_g:nth-child(odd) .cnt_slider .slider_img, #shift_management #cnt_area02 .cnt_g:nth-child(even) .cnt_slider .slider_img, #shift_management #cnt_area03 .cnt_g:nth-child(odd) .cnt_slider .slider_img, #shift_management #cnt_area04 .cnt_g:nth-child(even) .cnt_slider .slider_img {
margin: 0 10px;
}

#shift_management #cnt_area01 .cnt_g:nth-child(odd) .slick-dots, #shift_management #cnt_area02 .cnt_g:nth-child(even) .slick-dots, #shift_management #cnt_area03 .cnt_g:nth-child(odd) .slick-dots, #shift_management #cnt_area04 .cnt_g:nth-child(even) .slick-dots {
right: 50%;
transform: translateX(50%);
}

#shift_management #cnt_area01 .cnt_g:nth-child(even) .slick-dots, #shift_management #cnt_area02 .cnt_g:nth-child(odd) .slick-dots, #shift_management #cnt_area03 .cnt_g:nth-child(even) .slick-dots, #shift_management #cnt_area04 .cnt_g:nth-child(odd) .slick-dots {
left: 50%;
transform: translateX(-50%);
}

#shift_management #cnt_area01 .cnt_g:nth-child(odd) .prev_arrow, #shift_management #cnt_area02 .cnt_g:nth-child(even) .prev_arrow, #shift_management #cnt_area03 .cnt_g:nth-child(odd) .prev_arrow,  #shift_management #cnt_area04 .cnt_g:nth-child(even) .prev_arrow {
right: inherit;
left: 50%;
transform: translateX(-92px);
}

#shift_management #cnt_area01 .cnt_g:nth-child(odd) .next_arrow, #shift_management #cnt_area02 .cnt_g:nth-child(even) .next_arrow, #shift_management #cnt_area03 .cnt_g:nth-child(odd) .next_arrow, #shift_management #cnt_area04 .cnt_g:nth-child(even) .next_arrow {
right: 50%;
transform: translateX(92px);
}

#shift_management #cnt_area01 .cnt_g:nth-child(even) .prev_arrow, #shift_management #cnt_area02 .cnt_g:nth-child(odd) .prev_arrow, #shift_management #cnt_area03 .cnt_g:nth-child(even) .prev_arrow,  #shift_management #cnt_area04 .cnt_g:nth-child(odd) .prev_arrow {
left: 50%;
transform: translateX(-92px);
}

#shift_management #cnt_area01 .cnt_g:nth-child(even) .next_arrow, #shift_management #cnt_area02 .cnt_g:nth-child(odd) .next_arrow, #shift_management #cnt_area03 .cnt_g:nth-child(even) .next_arrow, #shift_management #cnt_area04 .cnt_g:nth-child(odd) .next_arrow {
left: inherit;
right: 50%;
transform: translateX(92px);
}

#shift_management #cnt_area02 .cnt_g:nth-child(even)::before, #shift_management #cnt_area04 .cnt_g:nth-child(even)::before {
left: inherit;
right: -20px;
border-radius: 15px 0 0 15px;
}

#shift_management #cnt_area02 .cnt_g:nth-child(odd)::before, #shift_management #cnt_area04 .cnt_g:nth-child(odd)::before {
right: inherit;
left: -20px;
border-radius: 0 15px 15px 0;
}

#shift_management #cnt_area02 .cnt_g:nth-child(even)::before, #shift_management #cnt_area04 .cnt_g:nth-child(even)::before {
left: inherit;
right: -20px;
border-radius: 10px 0 0 10px;
}

#shift_management #cnt_area02 .cnt_g:nth-child(odd)::before, #shift_management #cnt_area04 .cnt_g:nth-child(odd)::before {
right: inherit;
left: -20px;
border-radius: 0 10px 10px 0;
}

#shift_management #cnt_area03 #auto_mail.cnt_g .cnt_img::after {
width: 180px;
height: 122px;
bottom: -60px;
right: -53px;
}

/*----------
04.reporting 750
----------*/
#reporting .top_img_area {
padding: 40px 0;
margin-bottom: 60px;
}

#reporting .top_img_area .cnt_img {
max-width: 193px;
width: 80%;
margin: 0 auto;
}

#reporting #cnt_area01 {
padding: 0 0 60px;
}

#reporting #cnt_area01 .cnt_g:nth-child(even)::before {
left: inherit;
right: -20px;
border-radius: 10px 0 0 10px;
}

#reporting #cnt_area01 .cnt_g:nth-child(odd)::before {
left: inherit;
left: -20px;
border-radius: 0 10px 10px 0;
}

#reporting #cnt_area01 .cnt_g:nth-child(even) .cnt_slider .slider_img {
margin: 0 10px;
}

#reporting #cnt_area01 .cnt_g:nth-child(odd) .cnt_slider .slider_img {
margin: 0 10px;
}

#reporting #cnt_area01 .cnt_g:nth-child(even) .slick-dots {
right: 50%;
transform: translateX(50%);
}

#reporting #cnt_area01 .cnt_g:nth-child(odd) .slick-dots {
left: 50%;
transform: translateX(-50%);
}

#reporting #cnt_area01 .cnt_g:nth-child(even) .prev_arrow {
right: inherit;
left: 50%;
transform: translateX(-92px);
}

#reporting #cnt_area01 .cnt_g:nth-child(even) .next_arrow {
right: 50%;
transform: translateX(92px);
}

#reporting #cnt_area01 .cnt_g:nth-child(odd) .prev_arrow {
left: 50%;
transform: translateX(-92px);
}

#reporting #cnt_area01 .cnt_g:nth-child(odd) .next_arrow {
left: inherit;
right: 50%;
transform: translateX(92px);
}

/*----------
05.calculation
----------*/
#calculation #cnt_area01 .cnt_g:nth-child(odd) .cnt_slider .slider_img {
margin: 0 10px;
}

#calculation #cnt_area01 .cnt_g:nth-child(even) .cnt_slider .slider_img {
margin: 0 10px;
}

#calculation #cnt_area01 .cnt_g:nth-child(odd) .slick-dots {
right: 50%;
transform: translateX(50%);
}

#calculation #cnt_area01 .cnt_g:nth-child(even) .slick-dots {
left: 50%;
transform: translateX(-50%);
}

#calculation #cnt_area01 .cnt_g:nth-child(odd) .prev_arrow {
right: inherit;
left: 50%;
transform: translateX(-92px);
}

#calculation #cnt_area01 .cnt_g:nth-child(odd) .next_arrow {
right: 50%;
transform: translateX(92px);
}

#calculation #cnt_area01 .cnt_g:nth-child(even) .prev_arrow {
left: 50%;
transform: translateX(-92px);
}

#calculation #cnt_area01 .cnt_g:nth-child(even) .next_arrow {
left: inherit;
right: 50%;
transform: translateX(92px);
}

#calculation #cnt_area01 .cnt_g:nth-child(odd)::before {
left: inherit;
right: -20px;
border-radius: 15px 0 0 15px;
}

#calculation #cnt_area01 .cnt_g:nth-child(even)::before {
right: inherit;
left: -20px;
border-radius: 0 15px 15px 0;
}

/*----------
06.assist 750 
----------*/
#assist .title_area .contents_in .cnt_img.bg_img {
position: absolute;
max-width: 210px;
top: 50%;
transform: translateY(-50%);
}

#assist .intro_area {
padding: 60px 0 50px;
}

#assist .intro_area .h3_title {
font-size: 16px;
line-height: 28px;
font-weight: 500;
margin-bottom: 20px;
}

#assist .intro_area .h3_title span {
font-size: 14px;
font-weight: 400;
}

#assist .intro_area .bg_gray {
font-size: 14px;
line-height: 29px;
padding: 15px 15px 15px 47px;
position: relative;
}

#assist .intro_area .bg_gray::before {
width: 20px;
height: 17px;
top: 23px;
left: 15px;
}

#assist .top_img_area {
padding: 40px 0;
}

#assist .top_img_area .cnt_img {
max-width: 335px;
width: 100%;
margin: 0 auto;
}

#assist .insert_area {
padding: 20px 0;
background: url("../img/assist/insert_bg_pc.png")no-repeat center/cover;
}

#assist .insert_area p {
font-size: 14px;
line-height: 36px;
font-weight: 500;
color: #FFFFFF;
text-align: center;
}

#assist .insert_area p span {
font-size: 18px;
font-weight: 700;
}

#assist #cnt_area01 {
padding: 60px 0;
}

#assist #cnt_area01 .h3_title {
font-size: 20px;
line-height: 43px;
font-weight: 700;
text-align: center;
margin-bottom: 40px;
}

#assist #cnt_area01 .cnt_g {
display: block;
max-width: 940px;
margin: 0 auto;
}

#assist #cnt_area01 .cnt_g .cnt_box {
max-width: 500px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 25px;
}

#assist #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: 128px;
width: 100%;
margin: 0 15px 0 7px;
position: relative;
}

#assist #cnt_area01 .cnt_g .cnt_box .cnt_img::before {
position: absolute;
content: "";
width: 31px;
height: 30px;
top: 4px;
left: -7px;
}

#assist #cnt_area01 .cnt_g .cnt_box .cnt_text h4 {
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-align: left;
margin-bottom: 14px;
}

#assist #cnt_area01 .cnt_g .cnt_box .cnt_text .sub_text {
font-size: 14px;
line-height: 26px;
text-align: left;
}

#assist #cnt_area02 {
padding: 40px 0;
background: #F8F8F8;
}

#assist #cnt_area02 .contents_in {
max-width: inherit;
width: calc(100% + 20px + 20px);
margin: 0 auto 0 -20px;
}

#assist #cnt_area02 .slider_g {
position: relative;
}

#assist #cnt_area02 .slider_list li {
padding: 0 20px;
position: relative;
box-shadow: 3px 3px 12px rgba(51,52,57,.05);
}

#assist #cnt_area02 .slider_list li:not(.slick-current){
box-shadow: none;
}  

#assist #cnt_area02 .slider_list li:not(.slick-current) img{
opacity: 0.5;
}   

#assist #cnt_area02 .slick-list {
margin-bottom: 185px;
}

#assist #cnt_area02 .slick-dots {
width: fit-content;
margin: 0 auto;
position: relative;
}

#assist #cnt_area02 .slick-dots li {
position: relative;
display: inline-block;
width: 8px;
height: 8px;
margin: 16px 4px;
padding: 0;
cursor: pointer;
}

#assist #cnt_area02 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 8px;
height: 8px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

#assist #cnt_area02 .slick-dots li button:before {
content: '';
position: absolute;
background: #BFBFBF;
top: 0;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
}

#assist #cnt_area02 .slick-dots li.slick-active button:before{
background: #003D7B;
}

#assist #cnt_area02 .slick_arrow {
width: 40px;
position: absolute;
bottom: 0;
}

#assist #cnt_area02 .prev_arrow {
left: 50%;
transform: translateX(-110px);
}

#assist #cnt_area02 .next_arrow {
right: 50%;
transform: translateX(110px);
}

#assist #cnt_area02 .slider_g .cnt_text {
position: absolute;
bottom: 70px;
left: 50%;
transform: translateX(-50%);
background: #CBE2FA;
padding: 15px 25px;
border-radius: 100px;
max-width: 600px;
width: 100%;
}

#assist #cnt_area02 .slider_g .cnt_text::before {
position: absolute;
content: "";
background: url("../img/schedule/icon_arrow01.png")no-repeat center/contain;
width: 17px;
height: 25px;
top: -25px;
left: 50%;
transform: translateX(-50%);
}

#assist #cnt_area02 .slider_g .cnt_text::after {
position: absolute;
content: "";
background: url("../img/schedule/icon_point.png")no-repeat center/contain;
width: 48px;
height: 50px;
top: -10px;
right: 20px;
}

#assist #cnt_area02 .slider_g .cnt_text p {
font-size: 14px;
line-height: 24px;
font-weight: 500;
text-align: center;
}

#assist #cnt_area02 {
padding: 30px 0;
}

#assist #cnt_area02 .contents_in {
max-width: inherit;
width: calc(100% + 10px + 10px);
margin: 0 auto 0 -10px;
}

#assist #cnt_area02 .slider_list li {
padding: 0 10px;
position: relative;
box-shadow: 3px 3px 12px rgba(51,52,57,.05);
}

#assist #cnt_area02 .slick-list {
margin-bottom: 220px;
}

#assist #cnt_area02 .slick-dots {
width: fit-content;
margin: 0 auto;
position: relative;
}

#assist #cnt_area02 .slick-dots li {
position: relative;
display: inline-block;
width: 5px;
height: 5px;
margin: 18px 5px;
padding: 0;
cursor: pointer;
}

#assist #cnt_area02 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 5px;
height: 5px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

#assist #cnt_area02 .slick-dots li button:before {
content: '';
position: absolute;
background: #BFBFBF;
top: 0;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
}

#assist #cnt_area02 .prev_arrow {
left: 50%;
transform: translateX(-120px);
}

#assist #cnt_area02 .next_arrow {
right: 50%;
transform: translateX(120px);
}

#assist #cnt_area02 .slider_g .cnt_text {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
background: #CBE2FA;
padding: 25px 10px;
border-radius: 40px;
max-width: 400px;
width: calc(100% - 20px - 20px);
}

#assist #cnt_area02 .slider_g .cnt_text::before {
position: absolute;
content: "";
background: url("../img/schedule/icon_arrow01.png")no-repeat center/contain;
width: 17px;
height: 25px;
top: -25px;
left: 50%;
transform: translateX(-50%);
}

#assist #cnt_area02 .slider_g .cnt_text::after {
position: absolute;
content: "";
background: url("../img/schedule/icon_point.png")no-repeat center/contain;
width: 40px;
height: 41px;
top: -8px;
right: 0;
}

#assist #cnt_area03 {
padding: 60px 0;
}

#assist #cnt_area03 .cnt_g  {
margin-bottom: 80px;
max-width: 1280px;
margin: 0 auto 60px;
}

#assist #cnt_area03 .cnt_g:last-child {
margin: 0 auto;
}

#assist #cnt_area03 .cnt_g .title_box {
background: #E2F0FF;
border-radius: 0 10px 10px 0;
padding: 20px 0 ;
max-width: 1180px;
width: calc(100% - 20px);
margin: 0 auto 40px 0;
}

#assist #cnt_area03 .cnt_g .title_box .h3_title {
font-size: 18px;
line-height: 26px;
font-weight: 700;
}

#assist #cnt_area03 .cnt_g .title_box .h3_title span {
font-size: 14px;
line-height: 24px;
font-weight: 500;
padding-left: 0;
display: block;
margin-top: 8px;
}

#assist #cnt_area03 .cnt_g .cnt_box {
display: block;
}

#assist #cnt_area03 .cnt_g .cnt_img {
max-width: 238px;
width: 100%;
margin: 0 auto 40px;
}

#assist #cnt_area03 .cnt_g table {
max-width: 500px;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 32px;
margin: 0 auto;
}

#assist #cnt_area03 .cnt_g table td {
padding: 5px 0;
width: 50%;
height: 54px;
vertical-align:middle
}

#assist #cnt_area03 .cnt_g table tbody td {
font-size: 13px;
line-height: 18px;
}

#assist #cnt_area03 .list_box {
display: block;
max-width: 940px;
margin: 40px auto 0;
}


#assist #cnt_area03 .list_box .list_in {
max-width: 500px;
width: 100%;
margin: 0 auto;
}

#assist #cnt_area03 .list_box .list_in:first-child {
border-bottom: none;
}

#assist #cnt_area03 .list_box .list_in dl dt {
font-size: 16px;
line-height: 32px;
font-weight: 500;
border-bottom: solid #D1D1D1 1px;
padding: 13px 42px 14px 20px;
position: relative;
}

#assist #cnt_area03 .list_box .list_in dl div:last-child dt.active {
border-bottom: solid #D1D1D1 1px;
}

#assist #cnt_area03 .list_box .list_in dl dt::after {
position: absolute;
content: "";
background: url("../img/assist/icon_btn02.png")no-repeat center/contain;
width: 22px;
height: 22px;
top: 50%;
transform: translateY(-50%);
right: 20px;
}

#assist #cnt_area03 .list_box .list_in dl dt.active::after {
background: url("../img/assist/icon_btn01.png")no-repeat center/contain;
}

#assist #cnt_area03 .list_box .list_in dl dd {
font-size: 16px;
line-height: 32px;
padding: 13px 42px 14px 20px;
display: none;
background: #FFFCEB;
}

#assist #cnt_area03 .list_box .list_in dl dd ul li {
padding-left: 12px;
position: relative;
}

#assist #cnt_area03 .list_box .list_in dl dd ul li::before {
position: absolute;
content: "";
background: #333439;
width: 3px;
height: 3px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
left: 0;
}

#assist #cnt_area03 .sub_text {
font-size: 14px;
line-height: 26px;
position: relative;
margin-top: 40px;
}

#assist #cnt_area03 .sub_text ul li {
position: relative;
padding-left: 15px;
}

#assist #cnt_area03 .sub_text ul li::before {
position: absolute;
content: "";
background: #333439;
width: 3px;
height: 3px;
border-radius: 50%;
top: 12px;
left: 6px;
}

#assist #price_area .contents_in {
background: url("../img/assist/price_bg_sp.png")no-repeat center/cover;
padding: 30px 0;
max-width: 1080px;
margin: 0 auto 60px;
}

#assist #price_area .h3_title_ptn01 {
text-align: center;
margin-bottom: 20px;
}

/*----------
07.company 750
----------*/
#company .title_area .contents_in .cnt_img.bg_img {
max-width: 214px;
top: 50%;
transform: translateY(-50%);
right: 0;
}

#company #about_area {
padding: 60px 0;
}

#company #about_area .cnt_g {
max-width: 500px;
margin: 0 auto;
}

#company #about_area .cnt_g dl {
border: solid #FFFFFF 1px;
width: 100%;
font-size: 14px;
line-height: 26px;
}

#company #about_area .cnt_g .flex_box {
display: block;
border-bottom: none;
vertical-align: middle;
}

#company #about_area .cnt_g .flex_box:nth-child(odd) {
background: #ECF6FA;
}

#company #about_area .cnt_g .flex_box:nth-child(even) {
background: #ECF6FA;
}

#company #about_area .cnt_g .flex_box dt {
max-width: inherit;
min-width: 250px;
width: 100%;
padding: 10px 20px;
text-align: center;
font-weight: 700;
}

#company #about_area .cnt_g .flex_box dd {
width: 100%;
padding: 10px 20px;
border-left: none;
border-top: solid #FFFFFF 1px;
border-bottom: solid #FFFFFF 1px;
}

#company #about_area .cnt_g .flex_box:nth-child(odd) dd {
background: #FAFAFA;
}

#company #about_area .cnt_g .flex_box:nth-child(even) dd {
background: #FAFAFA;
}

#company #about_area .cnt_g .flex_box dd ol {
list-style: auto;
padding-left: 15px;
}

#company #about_area .cnt_g .flex_box dd ol li {
margin-bottom: 15px;
}

#company #map_area {
margin-bottom: 100px;
position: relative;
}

#company #map_area::before {
position: absolute;
content: "";
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
width: 1280px;
height: 293px;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}

#company #map_area .map_g {
max-width: 900px;
width: 100%;
height: 388px;
margin: 0 auto;
}

#company #map_area .map_g iframe {
width: 100%;
height: 388px;
}

/*----------
08.faq 750
----------*/
#faq .title_area .contents_in .cnt_img.bg_img {
max-width: 150px;
top: 50%;
transform: translateY(-50%);
right: 0;
}

#faq #cnt_area01 {
padding: 60px 0;
}

#faq #cnt_area01 dl div {
border: solid #D1D1D1 1px;
border-radius: 3px;
padding: 4px 20px;
margin-bottom: 20px;
box-shadow: 3px 3px 12px rgba(51, 52, 57, .05);
}

#faq #cnt_area01 dl dt {
position: relative;
font-size: 16px;
line-height: 26px;
font-weight: 700;
padding: 16px 40px 16px 35px;
}

#faq #cnt_area01 dl dt.active {
border-bottom: solid #CBCBCB 1px;
margin-bottom: 15px;
}

#faq #cnt_area01 dl dt::before {
position: absolute;
content: "";
background: url("../img/faq/faq_icon_q.png")no-repeat center/contain;
width: 18px;
height: 17px;
top: 50%;
transform: translateY(-50%);
left: 0;
} 

#faq #cnt_area01 dl dt::after {
position: absolute;
content: "";
background: url("../img/faq/faq_icon02.png")no-repeat center/contain;
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
right: 0;
} 

#faq #cnt_area01 dl dt.active::after {
position: absolute;
content: "";
background: url("../img/faq/faq_icon01.png")no-repeat center/contain;
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
right: 0;
} 

#faq #cnt_area01 dl dd {
position: relative;
font-size: 14px;
line-height: 28px;
padding-left: 30px;
margin-bottom: 16px;
display: none;
}

#faq #cnt_area01 dl dd.no_text {
position: relative;
font-size: 16px;
line-height: 32px;
padding-left: 0;
padding-top: 25px
}


#faq #cnt_area01 dl dd::before {
position: absolute;
content: "";
background: url("../img/faq/faq_icon_a.png")no-repeat center/contain;
width: 17px;
height: 13px;
top: 10px;
left: 0;
} 

#faq #cnt_area01 dl dd.no_text::before {
position: absolute;
content: "";
width: 17px;
height: 13px;
top: 0;
left: 0;
} 

#faq #cnt_area01 dl dd .cnt_img {
width: 440px;
}

#faq #cnt_area01 dl dd table {
width: 100%;
font-size: 13px;
line-height: 18px;
}

#faq #cnt_area01 dl dd table dl {
text-align: center;
}

#faq #cnt_area01 dl dd table th {
color: #FFFFFF;
background: #63ACD3;
text-align: center;
vertical-align: middle;
padding: 12px 5px;
border-bottom: solid #FFFFFF 1px;
font-weight: 500;
}

#faq #cnt_area01 dl dd table tr th:first-child {
border-right: solid #FFFFFF 1px;
}

#faq #cnt_area01 dl dd table tr:nth-child(odd) td:first-child {
background: #ECF6FA;
border-right: solid #FFFFFF 1px;
}

#faq #cnt_area01 dl dd table td {
text-align: center;
vertical-align: middle;
padding: 13px 5px;
border-bottom: solid #FFFFFF 1px;
}

#faq #cnt_area01 dl dd table.column02 tr th:first-child {
width: 50%;
}

#faq #cnt_area01 dl dd table.column02 tr th:nth-child(2){
width: 50%;
}

/*----------
09.case 750
----------*/
#case #cnt_area01 {
padding: 60px 0;
}

#case #cnt_area01 .case_g {
max-width: 700px;
margin: 0 auto;
}

#case #cnt_area01 .case_list {
display: flex;
align-items: stretch;
justify-content: flex-start;
}

#case #cnt_area01 .case_g .case_box {
max-width: 400px;
/*min-width: 335px;*/
width: 49%;
}

#case #cnt_area01 .case_g .case_box a {

background: #FFFFFF;
border-radius: 5px;
box-shadow: 0px 3px 12px rgba(51, 52, 57, .05);
padding: 15px 7px;
}

#case #cnt_area01 .case_g .case_box .cnt_in {
max-width: 305px;
margin: 0 auto;
}

#case #cnt_area01 .case_g .case_box .title_text {
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin-bottom: 16px;
height: inherit;
}

#case #cnt_area01 .case_g .case_box .title_text .sub_title {
font-size: 14px;
font-weight: 400;
display: block;
}

#case #cnt_area01 .case_g .case_box .cnt_img {
height: 200px;
overflow: hidden;
border-radius: 5px;
margin: 0 auto 10px;
}

#case #cnt_area01 .case_g .case_box .category_list li {
color: #BCBCBC;
background: #F5F5F5;
border: solid #F5F5F5 2px;
font-size: 13px;
line-height: 17px;
font-weight: 500;
border-radius: 5px;
text-align: center;
padding: 7px 0;
width: 32%;
display:flex;
align-items: center;
justify-content: center;
}

#case #cnt_area01 .case_g .case_box .category_list br.pc {
display: block;
}

#case #cnt_area01 .case_g .case_box .category_list br.sp_1024 {
display: none;
}

#case #comic_area {
margin-bottom: 60px;
}

#case #comic_area .contents_in {
background: url("../img/case/bg_img_sp.png")no-repeat center/cover;
padding: 30px 0;
}

#case #comic_area .h2_title {
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}

/*----------
09-01.case_detail 750
----------*/
#case_detail #comic_area {
margin-bottom: 60px;
}

#case_detail #comic_area .contents_in {
background: url("../img/case/bg_img_sp.png")no-repeat center/cover;
padding: 30px 0;
}

#case_detail #comic_area .h2_title {
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}

#case_detail #cnt_area01 {
padding: 60px 0;
}

#case_detail #cnt_area01 .cnt_g {
margin: 0 auto 40px;
max-width: 600px;
}

#case_detail #cnt_area01 .cnt_g .cnt_img.main_img {
margin: 0 auto 30px;
}

#case_detail #cnt_area01 .cnt_g .cnt_img.main_img img {
object-fit: cover;
object-position: center;
height: 100%;
border-radius: 5px;
}

#case_detail #cnt_area01 .cnt_g .info_box {
background: #ECF6FA;
padding: 15px;
margin-bottom: 40px;
font-size: 14px;
line-height: 29px;
}

#case_detail #cnt_area01 .cnt_g .info_box .flex_box {
display: flex;
align-items: center;
justify-content: flex-start;
}

#case_detail #cnt_area01 .cnt_g .info_box dt {
min-width: 120px;
position: relative;
}

#case_detail #cnt_area01 .cnt_g .info_box dt::after {
position: absolute;
content: "：";
top: 0;
right: 0;
}

#case_detail #cnt_area01 .cnt_g .question_text {
font-size: 16px;
line-height: 28px;
font-weight: 700;
background: #F8F8F8;
padding: 3px 10px;
position: relative;
margin-bottom: 20px;
}

#case_detail #cnt_area01 .cnt_g .answer_text {
font-size: 14px;
line-height: 29px;
margin-bottom: 30px;
}

#case_detail #cnt_area01 .cnt_g .insert_img {
padding-bottom: 30px;
margin-bottom: 30px;
}

#case_detail #cnt_area01 .cnt_g .insert_img .cnt_img {
max-width: 335px;
height: 223px;
margin: 0 auto;
position: relative;
}

#case_detail #cnt_area01 .cnt_g .btn_ptn01.back {
margin: 40px auto 0;
}

#case_detail .list_g {
max-width: 335px;
min-width: inherit;
margin: 0 auto;
}

#case_detail .list_g ul {
display: block;
}

#case_detail .list_g ul li {
margin-bottom: 20px;
max-width: auto;
width: 100%;
}

#case_detail #comic_area {
margin-bottom: 150px;
}

#case_detail #comic_area .contents_in {
background: url("../img/case/bg_img_pc.png")no-repeat center/cover;
padding: 65px 0;
}

#case_detail #comic_area .h2_title {
font-size: 22px;
line-height: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 35px;
}

#case_detail #comic_area .more {
margin: 0 auto;
}

#case_detail #comic_area {
margin-bottom: 60px;
}

#case_detail #comic_area .contents_in {
background: url("../img/case/bg_img_sp.png")no-repeat center/cover;
padding: 30px 0;
}

#case_detail #comic_area .h2_title {
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}

/*----------
10.price
----------*/
#price .title_area .contents_in .cnt_img.bg_img {
max-width: 100px;
}

#price #cnt_area01 {
padding-bottom: 60px 0 ;
}

#price #cnt_area02 {
padding-bottom: 60px;
}

#price #cnt_area03 {
padding-bottom: 60px;
}

/*----------
11.trial 750
----------*/
.trial_page .flow_area {
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
margin: 60px 0 0;
padding: 30px 0;
}

.trial_page .flow_area .cnt_g {
display: block;
max-width: 896px;
margin: 0 auto;
}

.trial_page .flow_area .cnt_g .cnt_box {
max-width: 335px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 30px;
}

.trial_page .flow_area .cnt_g .cnt_box:last-child {
margin-bottom: 0;
}

.trial_page .flow_area .cnt_g .cnt_box .cnt_img {
max-width: 115px;
width: 100%;
margin: 0 20px 0 0;
padding-left: 10px;
position: relative;
z-index: 2;
}

.trial_page .flow_area .cnt_g .cnt_box .cnt_img::before {
position: absolute;
content: "";
width: 40px;
height: 39px;
top: -6px;
left: 0;
}

.trial_page .flow_area .cnt_g .cnt_box .cnt_img::after {
position: absolute;
content: "";
background-image : linear-gradient(to right, rgba(102,166,255,0.5) 5px, transparent 5px);
background-size: 10px 3px;
background-repeat: repeat-x; 
background-position: left bottom;
width: 60%;
height: 3px;
top: 100%;
transform: rotate(90deg);
left: 32px;
z-index: -1;
}

.trial_page .flow_area .cnt_g .cnt_box:last-child .cnt_img::after {
display: none;
}

.trial_page .flow_area .cnt_g .cnt_text {
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-align: left;
width: 100%;
}

.trial_page .flow_area .cnt_g .cnt_text span {
font-size: 14px;
line-height: 26px;
font-weight: 400;
display: block;
}

.trial_page #cnt_area01 {
padding: 80px 0 120px;
}

.trial_page #cnt_area01 .top_g {
max-width: 600px;
margin: 0 auto 30px;
}

.trial_page #cnt_area01 .top_g .cnt_img {
margin: 0 0 30px;
}

.trial_page #cnt_area01 .top_g .cnt_img .pc {
display: none;
}

.trial_page #cnt_area01 .top_g .cnt_img .wide {
display: block;
}

.trial_page #cnt_area01 .top_g .cnt_img .sp {
display: none;
}

.trial_page #cnt_area01 .top_g .attention_text {
font-size: 14px;
line-height: 26px;
}

.trial_page #cnt_area01 .top_g .top_text {
font-size: 14px;
line-height: 26px;
}

.trial_page #cnt_area01 .required {
color: #FFFFFF;
background: #E23E43;
font-size: 11px;
line-height: 1;
font-weight: 700;
border-radius: 3px;
padding: 2px 9px;
margin-right: 10px;
}

.trial_page #cnt_area01 .optional {
color: #FFFFFF;
background: #AFAFAF;
font-size: 11px;
line-height: 1;
font-weight: 700;
border-radius: 3px;
padding: 2px 9px;
margin-right: 10px;
}

.trial_page #cnt_area01 .form_g dl {
max-width: 600px;
margin: 0 auto 40px;
border-bottom: solid #EAEAEA 1px;
}

.trial_page #cnt_area01 .form_g dl .flex_box {
display: block;
width: 100%;
}

.trial_page #cnt_area01 .form_g dl .flow_box div {
display: block;
}

.trial_page #cnt_area01 .form_g dl:first-child .flow_box div:first-child dd {
border-top: none;
}

.trial_page #cnt_area01 .form_g dl .flow_box:last-child div dd {
border-bottom: none;
}

.trial_page #cnt_area01 .form_g dl dt {
font-size: 14px;
line-height: 29px;
font-weight: 700;
border-bottom: none;
background: #ECF6FA;
max-width: inherit;
width: 100%;
padding: 3px 15px;
align-items: center;
}

.trial_page #cnt_area01 .form_g dl dd {
border-bottom: none;
width: 100%;
padding: 30px 15px;
font-size: 14px;
line-height: 26px;
}

.trial_page #cnt_area01 .form_g dl:first-child dd {
border-top: none;
}

.trial_page #cnt_area01 .form_g dl dd .guide {
font-size: 13px;
line-height: 24px;
margin-bottom: 5px;
display: block;
}

.trial_page #cnt_area01 .form_g dl label {
font-size: 14px;
line-height: 26px;
margin-right: 40px;
}

.trial_page #cnt_area01 .form_g dl input {
border-radius: 3px;
padding: 6px 10px;
font-size: 14px;
line-height: 26px;
}

.trial_page #cnt_area01 .form_g dl textarea {
max-width: 500px;
width: 100%;
height: 180px;
border-radius: 3px;
padding: 10px 10px;
}

.trial_page #cnt_area01 .form_g dl .item01 input {
max-width: 305px;
width: 100%;
}

.trial_page #cnt_area01 .form_g dl .item02 input {
max-width: 305px;
width: 100%;
}

.trial_page #cnt_area01 .form_g dl .item04 input {
max-width: 305px;
width: 100%;
}

.trial_page #cnt_area01 .form_g dl .item12 textarea {
max-width: 500px;
width: 100%;
height: 180px;
}

.trial_page #cnt_area01 .mw_wp_form .error {
font-size: 12px;
font-weight: 500;
color: #E23E43;
display: block;
}

.trial_page #cnt_area01 .form_g .btn_box {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 548px;
margin: 0 auto;
}

.trial_page #cnt_area01 .form_g .btn01 {
width: 100%;
max-width: 200px;
margin: 0 auto;
border-radius: 3px;
border: solid #003D7B 2px;
display: block;
text-align: center;
font-size: 14px;
line-height: 1;
font-weight: 700;
padding: 16px 5px;
}

.trial_page #cnt_area01 .form_g .btn_ptn01.back {
border: solid #003D7B 2px;
}

/*----------
11-01.trial_confirm 750
----------*/

/*----------
11-02.trial_thanks 750
----------*/
#trial_thanks #cnt_area02 {
padding: 60px 0;
}

#trial_thanks #cnt_area02 .cnt_g {
max-width: 600px;
margin: 0 auto;
}

#trial_thanks #cnt_area02 .cnt_g .cnt_img {
margin-bottom: 40px;
}

#trial_thanks #cnt_area02 .cnt_g .cnt_img .pc {
display: none;
}

#trial_thanks #cnt_area02 .cnt_g .cnt_img .wide {
display: block;
}

#trial_thanks #cnt_area02 .cnt_g .cnt_img .sp {
display: none;
}


#trial_thanks #cnt_area02 .cnt_box {
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
padding: 50px 20px;
}

#trial_thanks #cnt_area02 .cnt_box .title_text {
color: #003D7B;
font-size: 20px;
line-height: 26px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}

#trial_thanks #cnt_area02 .cnt_box p {
font-size: 14px;
line-height: 26px;
text-align: center;
margin-bottom: 30px;
}

#trial_thanks #cnt_area02 .cnt_box .back {
margin: 0 auto;
}

/*----------
12.contact
----------*/
.contact_page #cnt_area01 {
padding: 60px 0;
}

.contact_page #cnt_area01 .top_g {
max-width: 600px;
margin: 0 auto 30px;
}

.contact_page #cnt_area01 .top_text {
font-size: 14px;
line-height: 26px;
margin-bottom: 40px;
}

.contact_page #cnt_area01 .attention_text {
font-size: 14px;
line-height: 26px;
}

.contact_page #cnt_area01 .top_g .cnt_img {
margin-bottom: 30px;
margin: 0 auto 30px;
}

.contact_page #cnt_area01 .top_g .cnt_img .pc {
display: none;
}

.contact_page #cnt_area01 .top_g .cnt_img .wide {
display: block;
}

.contact_page #cnt_area01 .top_g .cnt_img .sp {
display: none;
}

.contact_page #cnt_area01 .required {
color: #FFFFFF;
background: #E23E43;
font-size: 11px;
line-height: 1;
font-weight: 700;
border-radius: 3px;
padding: 2px 9px;
margin-right: 10px;
}

.contact_page #cnt_area01 .optional {
color: #FFFFFF;
background: #AFAFAF;
font-size: 11px;
line-height: 1;
font-weight: 700;
border-radius: 3px;
padding: 2px 9px;
margin-right: 10px;
}

.contact_page #cnt_area01 .form_g dl {
max-width: 600px;
margin: 0 auto 40px;
border-bottom: solid #EAEAEA 1px;
}

.contact_page #cnt_area01 .form_g dl .flex_box {
display: block;
width: 100%;
}

.contact_page #cnt_area01 .form_g dl .flow_box div {
display: block;
}

.contact_page #cnt_area01 .form_g dl dt {
font-size: 14px;
line-height: 29px;
font-weight: 700;
border-bottom: none;
background: #ECF6FA;
max-width: inherit;
width: 100%;
padding: 3px 15px;
align-items: center;
}

.contact_page #cnt_area01 .form_g dl dd {
border-bottom: none;
width: 100%;
padding: 30px 15px;
font-size: 14px;
line-height: 26px;
}

.contact_page #cnt_area01 .form_g dl:first-child dd {
border-top: none;
}

.contact_page #cnt_area01 .form_g dl .flow_box div {
display: block;
}

.contact_page #cnt_area01 .form_g dl:first-child .flow_box div:first-child dd {
border-top: none;
}

.contact_page #cnt_area01 .form_g dl .flow_box:last-child div dd {
border-bottom: none;
}

.contact_page #cnt_area01 .form_g dl dd .guide{
font-size: 13px;
line-height: 24px;
margin-bottom: 5px;
display: block;
}

.contact_page #cnt_area01 .form_g dl label {
font-size: 14px;
line-height: 26px;
margin-right: 40px;
}

.contact_page #cnt_area01 .form_g dl input {
border-radius: 3px;
padding: 6px 10px;
font-size: 14px;
line-height: 26px;
}

.contact_page #cnt_area01 .form_g dl textarea {
font-size: 14px;
line-height: 26px;
border-radius: 3px;
padding: 10px 10px;
}

.contact_page #cnt_area01 .form_g dl .item02 input {
max-width: 305px;
width: 100%;
}

.contact_page #cnt_area01 .form_g dl .item03 input {
max-width: 305px;
width: 100%;
}

.contact_page #cnt_area01 .form_g dl .item04 input {
max-width: 200px;
width: 100%;
}

.contact_page #cnt_area01 .form_g dl .item05 input {
max-width: 200px;
width: 100%;
padding: 6px 17px;
}

.contact_page #cnt_area01 .form_g dl .item10 input {
max-width: 305px;
width: 100%;
}

.contact_page #cnt_area01 .form_g dl .item11 label {
display: inline-block;
}

.contact_page #cnt_area01 .form_g dl .item12 textarea {
max-width: 500px;
width: 100%;
height: 180px;
}

.contact_page #cnt_area01 .mw_wp_form .error {
font-size: 12px;
font-weight: 500;
color: #E23E43;
display: block;
}

.contact_page .btn_box {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 548px;
margin: 0 auto;
}

.contact_page .btn01 {
width: 100%;
max-width: 200px;
margin: 0 auto;
border-radius: 3px;
border: solid #003D7B 2px;
display: block;
text-align: center;
font-size: 14px;
line-height: 1;
font-weight: 700;
padding: 16px 5px;
}

.contact_page .btn_ptn01.back {
border: solid #003D7B 2px;
}


/*----------
12-01.contact_confirm 750
----------*/
#contact_confirm #cnt_area01 .top_g .cnt_img {
margin: 0 auto 40px;
}


/*----------
12-02.contact_thanks 750
----------*/
#contact_thanks #cnt_area02 {
padding: 60px 0;
}

#contact_thanks #cnt_area02 .cnt_g {
max-width: 600px;
margin: 0 auto;
}

#contact_thanks #cnt_area02 .cnt_g .cnt_img {
margin-bottom: 40px;
}

#contact_thanks #cnt_area02 .cnt_g .cnt_img .wide {
display: block;
}

#contact_thanks #cnt_area02 .cnt_g .cnt_img .sp {
display: none;
}

#contact_thanks #cnt_area02 .cnt_box {
background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(255,245,246,1) 100%);
padding: 50px 20px;
}

#contact_thanks #cnt_area02 .cnt_box .title_text {
color: #003D7B;
font-size: 20px;
line-height: 26px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}

#contact_thanks #cnt_area02 .cnt_box p {
font-size: 14px;
line-height: 26px;
text-align: center;
margin-bottom: 30px;
}

/*----------
13.news 750
----------*/
#news .title_area .contents_in .cnt_img.bg_img {
position: absolute;
max-width: 140px;
top: 50%;
transform: translateY(-50%);
right: 0;
}

#news #cnt_area01 {
padding: 60px 0 100px;
position: relative;
}

#news #cnt_area01::before {
position: absolute;
content: "";
background: linear-gradient(90deg, rgba(102,166,255,0.2) 0%, rgba(255,173,176,0.2) 100%);
width: 100%;
height: 40%;
bottom: 40px;
left: 0;
z-index: 1;
}

#news #cnt_area01 .cnt_g {
background: #FFFFFF;
border-radius: 10px;
padding: 30px 28px;
position: relative;
z-index: 2;
box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}

#news #cnt_area01 .cnt_g .news_list {
max-width: 900px;
margin: 0 auto 40px;
}

#news #cnt_area01 .cnt_g .news_list li {
display: block;
border-bottom: solid #CECECE 1px;
padding: 10px 0;
}

#news #cnt_area01 .cnt_g .news_list li:first-child {
border-top: solid #CECECE 1px;
}

#news #cnt_area01 .cnt_g .news_list li .date {
color: #8B8B8B;
font-size: 12px;
line-height: 24px;
min-width: 98px;
}

#news #cnt_area01 .cnt_g .news_list li a {
font-size: 14px;
line-height: 24px;
padding: 0 25px 0 0;
display: block;
width: 100%;
position: relative;
}

#news #cnt_area01 .cnt_g .news_list li a::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 12px;
height: 9px;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: 0.3s;
}

#news #cnt_area01 .cnt_g .news_list li a:hover::after {
right: -10px;
}

#news #cnt_area01 .cnt_g .btn_ptn01.more {
margin: 0 auto;
}

#news #cnt_area01 .contents_in .cnt_img.bg_text03 {
position: absolute;
top: 0px;
right: -20px;
max-width: 254px;
width: 100%;
z-index: 2;
}

/*----------
13-01.news_detail
----------*/
#news_detail .title_area .contents_in .cnt_img.bg_img {
position: absolute;
max-width: 140px;
top: 50%;
transform: translateY(-50%);
right: 0;
}

#news_detail #cnt_area01 {
padding: 60px 0;
}

#news_detail #cnt_area01 .cnt_g {
margin-bottom: 80px;
}

#news_detail #cnt_area01 .cnt_g .h2_title_ptn01 {
margin-bottom: 80px;
}

#news_detail #cnt_area01 .cnt_g p  {
font-size: 14px;
line-height: 26px;
}

#news_detail #cnt_area01 .cnt_g .title_text {
font-size: 16px;
line-height: 28px;
padding-bottom: 30px;
font-weight: 700;
}

#news_detail #cnt_area01 .cnt_g .cnt_img {
max-width: 450px;
margin: 20px auto 40px;
}

#news_detail #cnt_area01 .back {
margin: 0 auto;
}

/*----------
14.sitemap
----------*/
#sitemap #cnt_area01 {
padding: 80px 0;
}

#sitemap #cnt_area01 .cnt_g {
display: flex;
align-content: stretch;
justify-content: space-between;
flex-wrap: wrap;
max-width: 900px;
margin: 0 auto;
}

#sitemap #cnt_area01 .cnt_g .page_box {
width: 45%;
margin-bottom: 40px;
}

#sitemap #cnt_area01 .cnt_g .page_box .page_link {
position: relative;
} 

#sitemap #cnt_area01 .cnt_g .page_box .page_link a {
font-size: 16px;
line-height: 28px;
font-weight: 700;
display: block;
width: 100%;
border-bottom: solid #003D7B 2px;
}

#sitemap #cnt_area01 .cnt_g .page_box ul {
margin-top: 10px;
}

#sitemap #cnt_area01 .cnt_g .page_box ul li {
position: relative;
padding-left: 10px;
margin-left: 0;
margin-bottom: 5px;
}

#sitemap #cnt_area01 .cnt_g .page_box ul li::before {
position: absolute;
content: "";
background: #333439;
width: 3px;
height: 3px;
border-radius: 50%;
top: 12px;
left: 0;
}

#sitemap #cnt_area01 .cnt_g .page_box ul li a {
display: block;
font-size: 14px;
line-height: 26px;
font-weight: 500;
position: relative;
}

#sitemap #cnt_area01 .cnt_g .page_box ul li a::before {
position: absolute;
content: "";
background: url("../common/img/icon_arrow01.png")no-repeat center/contain;
width: 13px;
height: 10px;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: 0.3s;
}

#sitemap #cnt_area01 .cnt_g .page_box ul li a:hover::before {
right: -7px;
}

/*----------
15.error_page
----------*/
#error_page #cnt_area01 {
padding: 80px 0 60px;
}

#error_page #cnt_area01 .cnt_g .h2_404 {
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: #003D7B;
text-align: center;
margin-bottom: 40px;
}

#error_page #cnt_area01 .cnt_g p {
font-size: 14px;
line-height: 28px;
text-align: center;
margin-bottom: 60px;
}
}

@media only screen and (max-width:600px){ 
/*----------
09.case 450
----------*/
#case #cnt_area01 .case_g .case_list {
display: block;
}

#case #cnt_area01 .case_g .case_box {
max-width: 335px;
width: 100%;
margin: 0 auto 20px;
}
}

@media only screen and (max-width:450px){
/*----------
11.trial 450
----------*/
.trial_page #cnt_area01 .top_g .cnt_img .wide {
display:none;
}

.trial_page #cnt_area01 .top_g .cnt_img .sp {
display: block;
}

/*----------
11-02.trial_thanks 450
----------*/
#trial_thanks #cnt_area02 .cnt_g .cnt_img .wide {
display: none;
}

#trial_thanks #cnt_area02 .cnt_g .cnt_img .sp {
display: block;
}

/*----------
12.contact 450
----------*/
.contact_page #cnt_area01 .top_g .cnt_img .wide {
display:none;
}

.contact_page #cnt_area01 .top_g .cnt_img .sp {
display: block;
}

/*----------
12.contact_thanks 450
----------*/
#contact_thanks #cnt_area02 .cnt_g .cnt_img .wide {
display: none;
}

#contact_thanks #cnt_area02 .cnt_g .cnt_img .sp {
display:block;
}
}