@charset "UTF-8";
/* CSS Document */
/*--------------------
09.お知らせ一覧
10.お知らせ詳細
11.お客様の声
11_01.お客様の声詳細
13.企業情報
13_01.パートナーシップ
16.サイトマップ
--------------------*/
/*--------------------
LP
--------------------*/
#wrapper.bg_type02 #lp{
background-color: #ffffff;
}
#lp #mainvisual_area{
position: relative;
margin: 0 0 70px;  
}

#lp #mainvisual_area .contents_in {
max-width: 1280px;
width: 100%;
position: relative;
}
#lp #mainvisual_area .cnt_g {
position: relative;
max-width: 1140px;
width: 89.07%;
margin: 0 0 0 auto;
}
#lp #mainvisual_area .scroll {
width: 14px;
position: absolute;
bottom: 39px;
left: 7.27%;
padding: 0 0 102px;
}
#lp #mainvisual_area .scroll .scroll_text {
display: block;
height: 47px;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 14px;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
#lp #mainvisual_area .scroll::after {
content: "";
width: 1px;
height: 92px;
background: #000;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#lp #mainvisual_area .cnt_text{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
}
#lp #mainvisual_area .visual01 .cnt_text .text_in{
margin-top: 36px;
width: 100%;
}
#lp #mainvisual_area .visual01 .cnt_text .big_catchcopy{
max-width: 885px;
width: 100%;
color: #fff;
font-size: 84px;
letter-spacing: 0.1em;
margin: 0 20px 40px 4.91%;
}
#lp #mainvisual_area .visual01 .cnt_text .big_catchcopy span{
display: block;
}
#lp #mainvisual_area .visual01 .cnt_text .big_catchcopy span:nth-child(2){
margin: 17.3px 0 0 0.7em ;
word-break: keep-all;
}
#lp .cnt_area.bg{
position: relative;
background-color: #ffffff;
}
#lp .cnt_area.bg::before{
content: '';
display: block;
position: absolute;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 0;
}
#lp .cnt_area1{
padding: 72px 0 100px;
}
#lp .cnt_area1::before{
height: 67.97%;
background-image: url("../img/lp/bg01.png");
}
#lp .cnt_area.bg .contents_in{
position: relative;
z-index: 1;
}
#lp .cnt_area1 .contents_in{
color: #ffffff;
}
#lp .cnt_area1 .contents_in h2{
margin-bottom: 55px;
font-size: 72px;
letter-spacing: 0.05em;
font-weight: 500;
}
#lp .cnt_area1 .contents_in h2 span{
display: block;
margin-bottom: 20px;
font-size: 25px;
}
#lp .cnt_area1 .contents_in .text_box{
margin-bottom: 34px;
font-size: 24px;
letter-spacing: 0.05em;
}
#lp .cnt_area1 .contents_in .text_box p{
margin-top: 15px;
font-size: 16px;
letter-spacing: 0.05em;
}
#lp .cnt_area1 .contents_in .cnt_g{
padding-top: 45px;
background-color: #ffffff;
}
#lp .cnt_area1 .contents_in .cnt_g h3{
margin-bottom: 45px;
font-size: 36px;
font-weight: 300;
color: #313131;
text-align: center;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02{
display: flex;
margin-left: -46px;
padding: 0 26px;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box{
position: relative;
margin-left: 46px;
width: calc(100%/4 - 46px);
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box::after{
content: '＋';
display: block;
position: absolute;
font-size: 32px;
font-weight: 700;
color: #707070;
top: 50%;
transform: translateY(-50%);
right: -38px;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box:last-of-type::after{
content: none;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box span{
position: absolute;
padding: 9px 0;
font-size: 20px;
font-weight: 300;
letter-spacing: 0.05em;
background-color: #ffffff;
color: #313131;
text-align: center;
width: 150px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#lp .cnt_area2{
padding: 350px 0 132px;
}
#lp .cnt_area2::before{
background-image: url("../img/lp/bg02.png");
height: 73%;
}
#lp .cnt_area2 .contents_in{
padding-top: 21px;
background-color: #fff;
}
#lp .cnt_area2 .contents_in h2{
margin-bottom: 35px;
font-size: 72px;
font-weight: 700;
text-align: center;
}
#lp .cnt_area2 .contents_in h2 span{
display: block;
margin-bottom: 20px;
font-size: 30px;
}
#lp .cnt_area2 .contents_in p{
margin: 0 auto;
font-size: 16px;
line-height: 30px;
width: 85.9%;
max-width: 859px;
text-align: center;
}
#lp .cnt_area3{
padding: 93px 0 70px;
}
#lp .cnt_area3::before{
background-image: url("../img/lp/bg03.png");
height: 80%;
}
#lp .cnt_area3 .catchcopy{
position: relative;
margin: 0 auto;
padding: 0 0 38px 50px;
max-width: 1000px;
color: #ffffff;
z-index: 1;
}
#lp .cnt_area3 .catchcopy > span:first-of-type{
display: block;
font-size: 50px;
font-weight: 500;
}
#lp .cnt_area3 .catchcopy > span:last-of-type{
display: block;
padding: 0 50px 0 0;
font-size: 71px;
font-weight: 700;
text-align: right;
}
#lp .cnt_area3 .catchcopy span.big{
display: inline;
margin: 0 10px;
font-size: 142px;
font-weight: 900;
letter-spacing: 0.05em;
}
#lp .cnt_area3 .contents_in{
padding-top: 56px;
background-color: #fff;
}
#lp .cnt_area3 .contents_in h3{
margin-bottom: 24px;
font-size: 72px;
font-weight: 700;
text-align: center;
}
#lp .cnt_area3 .contents_in h3 span{
display: block;
margin-bottom: 15px;
font-size: 28px;
}
#lp .cnt_area3 .contents_in p{
margin: 0 auto;
font-size: 20px;
line-height: 30px;
width: 85.9%;
max-width: 859px;
text-align: center;
}
#lp .cnt_area4.contents_in{
display: flex;
flex-wrap: wrap;
max-width: 1280px;
width: 100%;
background-color: #fff;
}
#lp .cnt_area4 .cnt_box{
width: 50%;
}
#lp .cnt_area4 .cnt_box.text{
padding: 8% 0 0 40px;
}
#lp .cnt_area4 .cnt_box span{
display: block;
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
color: #027DD7;
}
#lp .cnt_area4 .cnt_box h2{
margin-bottom: 35px;
font-size: 29px;
font-weight: 300;
letter-spacing: 0.05em;
line-height: 41px;
}
#lp .cnt_area4 .cnt_box p{
font-size: 14px;
line-height: 30px;
max-width: 460px;
width: 95%;
}
#lp .cnt_area5{
padding: 71px 0 100px;
display: flex;
flex-wrap: wrap;
}
#lp .cnt_area5 h2{
margin-bottom: 48px;
font-size: 72px;
font-weight: 700;
text-align: center;
width: 100%;
}
#lp .cnt_area5 .cnt_box{
margin-bottom: 50px;
width: 50%;
}
#lp .cnt_area5 .cnt_box.text{
padding-left: 31px;
}
#lp .cnt_area5 .cnt_box h3{
margin-bottom: 25px;
font-size: 40px;
font-weight: 500;
color: #048FF1;
}
#lp .cnt_area5 .cnt_box ul{
margin-bottom: 23px;
font-size: 14px;
font-weight: 300;
line-height: 28px;
color: #000000;
}
#lp .cnt_area5 .cnt_box table{
margin-bottom: 23px;
width: 70.6%;
}
#lp .cnt_area5 .cnt_box table tr td{
border: 1px solid #EFDBA8;
padding: 12px 0 13px;
font-size: 14px;
text-align: center;
width: 50%;
}
#lp .cnt_area5 .cnt_box table tr td:first-of-type{
font-weight: 300;
}
#lp .cnt_area5 .cnt_box table tr td:last-of-type{
background-color: #FFFCF4;
}
#lp .cnt_area5 .cnt_box table tr:last-of-type td{
background-color: #F6F0E1;
font-weight: 500;
}
#lp .cnt_area5 .cnt_text{
display: flex;
align-items: flex-end;
font-size: 20px;
}
#lp .cnt_area5 .cnt_text span:first-of-type{
line-height: 33px;
}
#lp .cnt_area5 .cnt_text span:first-of-type:first-line{
font-weight: 300;
}
#lp .cnt_area5 .cnt_text span.a1mincho_font{
font-size: 40px;
font-weight: 700;
letter-spacing: 0.05em;
}
#lp .cnt_area5 .cnt_text span.a1mincho_font:nth-of-type(3){
font-size: 25px;
}
#lp .cnt_area5 .cnt_text span:last-of-type{
font-size: 25px;
font-weight: 300;
}
#lp .cnt_area5 .cnt_box:last-of-type h3{
margin-bottom: 20px;
}
#lp .cnt_area5 .cnt_box:last-of-type ul,
#lp .cnt_area5 .cnt_box:last-of-type table{
margin-bottom: 15px;
}
#lp .cnt_area5 .cnt_box.text2 table{
position: relative;
}
#lp .cnt_area5 .cnt_box.text2 table tr::before{
content: '';
display: block;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
/*-webkit-backface-visibility: hidden;*/
right: -63px;
}
#lp .cnt_area5 .cnt_box.text2 table tr:nth-of-type(1)::before{
background-image: url( "../img/lp/pic09_lp.png");
width: 79px;
height: 41px;
top: -25px;
}
#lp .cnt_area5 .cnt_box.text2 table tr:nth-of-type(2)::before{
background-image: url( "../img/lp/pic10_lp.png");
width: 82px;
height: 45px;
top: 40px;
}
#lp .cnt_area5 .cnt_box.text2 table tr:nth-of-type(4)::before{
background-image: url( "../img/lp/pic11_lp.png");
width: 83px;
height: 45px;
bottom: 20px;
}
#lp .cnt_area6{
padding: 350px 0 70px;
}
#lp .cnt_area6.bg::before{
background-image: url("../img/lp/bg04.png");
height: 74.82%;
}
#lp .cnt_area6 .contents_in{
padding-top: 45px;
background-color: #ffffff;
text-align: center;
}
#lp .cnt_area6 .contents_in p:first-of-type{
margin-bottom: 20px;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 32px;
}
#lp .cnt_area6 .contents_in p:first-of-type span{
font-weight: 500;
}
#lp .cnt_area6 .contents_in h2{
margin-bottom: 35px;
font-size: 72px;
font-weight: 700;
}
#lp .cnt_area6 .contents_in h2 span{
display: block;
margin: 10px 0 0 0;
font-size: 40px;
letter-spacing: 0.05em;
}
#lp .cnt_area6 .contents_in p:last-of-type{
font-size: 14px;
}
/*--------------------
DL
--------------------*/
#download #h1_type01{
background-image: url(../img/document/bg_document.png);
background-position: 50% 100%;
margin-bottom: 0;
color: #000;
padding: 217px 0 0;
}
#download #h1_type01 .contents_in{
background: #fff;
padding: 33px 0 32px;
}
#download #cnt_area01{
padding: 93px 0 189px;
background-color: #ffffff;
}
#download #cnt_area01.confirm .contents_in .form.contents_in .input_box{
padding: 22px 16px 22px 15px;
}
#download #cnt_area01 .first_text{
margin-bottom: 61px;
letter-spacing: 0.15em;
text-align: center;
color: #2C2C2C;
}

#download #cnt_area01 .cnt_box01 span{
position: relative;
display: inline-block;
border-bottom: 1px solid #C6C6C6;
margin-bottom: 47.5px;
padding: 10px;
width: 33.33%;
color: #C6C6C6;
text-align: center;
letter-spacing: 0.15em;
}
#download #cnt_area01 .cnt_box01 span.position{
color: #000000;
border-color: #000000;
}
#download #cnt_area01 .cnt_box01 span.position::before{
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 4px 0 4px;
border-color: #000000 transparent transparent transparent;
left: 49%;
transform: translateY(-50%);
bottom: -11px;
}
#download #cnt_area01 .form_box{
display: flex;
align-items: flex-start;
}
#download #cnt_area01 .form_box:last-of-type {
margin-bottom: 61px;
}
#download #cnt_area01 .form_box .text{
border-bottom: 2px solid #ffffff;
padding: 21px 0 20px 10px;
width: 25%;
background-color: #027DD7;
font-size: 16px;
letter-spacing: 0.15em;
color: #ffffff;
}
#download #cnt_area01 .form_box:last-of-type .text{
border: none;
}
#download #cnt_area01 .form_box .text span{
color: #FF994E;
}
#download #cnt_area01 .form_box .input_box{
margin: -1px 0 0 0;
padding: 14px 16px 13px 15px;
border-bottom: 1px solid #C6C6C6;
width: 75%;
}
#download #cnt_area01 .form_box:first-of-type .input_box{
border-top: 1px solid #C6C6C6;
}
#download #cnt_area01 .form_box input{
padding: 7px 0 7px 10px;
border: 1px solid #707070;
width: 100%;
}
#download #cnt_area01 .button_dl{
display: block;
position: relative;
margin: 0 auto;
border: 1px solid #027DD7;
padding: 19px 0 17px;
width: 220px;
background-color: #FFFFFF;
color: #027DD7;
letter-spacing: 0.05em;
text-align: center;
}
#download #cnt_area01 .button_dl::before{
content: '';
display: block;
position: absolute;
width: 21px;
height: 1px;
background-color: #027DD7;
right: 0;
top: 52%;
}
#download #cnt_area01 .download.contents_in{
padding: 69px 0 67px;
background-color: #F8F8F8;
max-width: 720px;
}
#download #cnt_area01 .download.contents_in .button_dl{
background-color: #F8F8F8;
}
/*--------------------
09.お知らせ一覧
--------------------*/
#news .contents_in{
margin-bottom: 56px;
}

#news #cnt_area01 .cnt_box{
display: flex;
border: 1px solid #027DD7;
margin: 0 auto 18px;
padding: 11px 33px 15px 9px;
background-color: #ffffff;
max-width: 820px;
}

#news #cnt_area01 .cnt_box .cnt_img{
margin-right: 35px;
width: 20%;
}

#news #cnt_area01 .cnt_box .news_data{
display: flex;
flex-wrap: wrap;
color: #6C6C6C;
font-weight: 400;
}

#news #cnt_area01 .cnt_box .news_data .category a{
margin: 0 0 0 14px;
color: #027DD7;
font-weight: 500;
}
#news #cnt_area01 .cnt_box .news_data .news_title{
margin: 9px 0 0 23px;
}
#news #cnt_area01 .cnt_box .news_data .news_title a{
line-height: 23PX;
font-weight: 400;
color: #000000;
}

#news #cnt_area01 .page_nav{
margin-top: 56px;
text-align: center;
}

#news #cnt_area01 .page_nav .wp-pagenavi span.pages{
display: none;
}

#news #cnt_area01 .wp-pagenavi span{
margin: 0 10px;
font-size: 12px;
font-weight: 500;
color: #027DD7;
letter-spacing: 0.1em;
}

#news #cnt_area01 .wp-pagenavi a.page{
margin: 0 10px;
font-size: 12px;
font-weight: 500;
color: #9F9F9F;
letter-spacing: 0.1em;
}
#news #cnt_area01 .previouspostslink{
margin-right: 22.5px;
position: relative;
}
#news #cnt_area01 .previouspostslink::before{
content: '';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 10px solid #027DD7;
}

#news #cnt_area01 .nextpostslink{
margin-left: 22.5px;
position: relative;
}
#news #cnt_area01 .nextpostslink::after{
content: '';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #027DD7;
}
/*--------------------
10.お知らせ詳細
--------------------*/
#news_detail .contents_in{
max-width: 900px;
}
#news_detail #h1_type02 h1{
margin-bottom: 30px;
line-height: 52px;
text-align: left;
letter-spacing: 0.05em;
}
#news_detail .news_data{
display: flex;
margin-bottom: 51px;
font-size: 16px;
font-weight: 400;
color: #6C6C6C;
letter-spacing: 0.1em;
}
#news_detail .news_data .category a{
margin-left: 18px;
color: #027DD7;
font-weight: 500;
}
#news_detail .cnt_img{
margin: 0 auto 60px;
max-width: 600px;
width: 66.66%;
}

#news_detail .cnt_text{
margin-bottom: 117px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.15em;
line-height: 28px;
}
#news_detail .btn a{
display: block;
position: relative;
margin: 0 auto 90px;
border: 1px solid #027DD7;
padding: 16px 0 18px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
color: #027DD7;
width: 220px;
}

#news_detail .btn a::before{
content: '';
display: block;
position: absolute;
height: 1px;
width: 9%;
top: 27px;
left: 0;
background-color: #027DD7;
}
/*--------------------
11.お客様の声
--------------------*/
#customers #h1_type02{
padding-bottom: 194px;
background-image: url( "../img/customers/bg_01.png");
background-size: cover;
background-position: center;
}

#customers .h1_type h1{
color: #ffffff;
}

#customers #h1_type02 .h1_jp{
color: #ffffff;
}

#customers #cnt_area01{
margin-top: -10.1%;
}

#customers #cnt_area01 .contents_in{
padding: 45px 0 0;
background-color: #ffffff;
}

#customers #cnt_area01 .first_text{
margin: 0 8% 103px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.15em;
line-height: 28px;
}

#customers #cnt_area01 .contents_in .cnt_wrapper{
display: flex;
flex-wrap: wrap;
margin: 0 0 63px -20px;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box{
position: relative;
margin: 0 0 64px 20px;
width: calc(100%/3 - 20px);
text-align: center;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .number{
margin-bottom: 20px;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.05em;
color: #008FD7;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .cnt_text{
position: relative;
margin: -15% auto 28px;;
padding: 24px 5% 0;
font-size: 20px;
font-weight: 300;
letter-spacing: 0.05em;
line-height: 29px;
width: 87.5%;
background-color: #ffffff;
z-index: 1;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .customer_name{
margin-bottom: 37px;
font-size: 14px;
letter-spacing: 0.15em;
font-weight: 500;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .btn a{
display: block;
position: relative;
margin: 0 auto;
border: 1px solid #027DD7;
padding: 19px 0 15px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
color: #027DD7;
width: 69.3%;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .btn a::before{
content: '';
display: block;
position: absolute;
height: 1px;
width: 9%;
top: 26px;
right: 0;
background-color: #027DD7;
}

/*--------------------
11_01.お客様の声詳細
--------------------*/

#customers_detail{
background: #fff;
}
#customers_detail #cnt_area01 .mainimg{
width: 100%;
margin-bottom: -14.3vw;
}
#customers_detail #cnt_area01 .contents_in{
background: #fff;
display: block;
padding: 57px 78px 105px;
position: relative;
z-index: 1;
}
#customers_detail #cnt_area01 .title_g{
margin-bottom: 82px;
}
#customers_detail #cnt_area01 .title_g h2{
display: block;
font-size: 32px;
line-height: 46px;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
#customers_detail #cnt_area01 .title_g .people{
font-size: 16px;
color: #848484;
}
#customers_detail #cnt_area01 .article_g{
max-width: 700px;
margin: 0 auto ;
}
#customers_detail #cnt_area01 .article_g h3{
display: block;
font-size: 26px;
line-height: 40px;
letter-spacing: 0.15em;
padding-left: 1.9em;
text-indent: -1.9em;
margin-bottom: 22px;
}
#customers_detail #cnt_area01 .article_g h3 span{
color: #027DD7;
margin-right: 6px;
}
#customers_detail #cnt_area01 .article_g p{
font-size: 14px;
line-height: 28px;
letter-spacing: 0.15em;
margin-bottom: 42px;
}
#customers_detail #cnt_area01 .article_g .cnt_img{
display: block;
max-width: 600px;
margin: 0 auto 42px;
}


/*--------------------
13.企業情報
--------------------*/
#company .mv{
padding-bottom: 345px;
background-image: url( "../img/company/bg_01.png");
background-size: cover;
background-position: center;
}

#company #cnt_area01{
margin-top: -10.1%;
}

#company #cnt_area01 .contents_in{
padding-top: 33px;
background-color: #ffffff;
}

#company #h1_type02{
margin-bottom: 130px;
padding-top: 0;
}

#company .cnt_box{
margin-bottom: 88px;
}

#company .cnt_box h2{
margin-bottom: 23.5px;
border-bottom: 1px solid #C6C6C6;
padding-bottom: 30px;
font-size: 26px;
font-weight: 500;
letter-spacing: 0.05em;
}

#company .cnt_box h3{
margin-bottom: 23px;
font-size: 14px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0.15em;
}

#company .cnt_box .cnt_text{
margin-bottom: 23px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.15em;
line-height: 28px;
}

#company .cnt_box .name{
font-size: 14px;
font-weight: 500;
letter-spacing: 0.15em;
}

#company .cnt_box02 h2{
margin-bottom: 40px;
}

#company .cnt_box dl{
display: flex;
flex-wrap: wrap;
}

#company .cnt_box dl dt{
border-bottom: 1px solid #ffffff;
padding: 23px 0 23px 10px;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.15em;
color: #FFFFFF;
background-color: #027DD7;
width: 20%;
}

#company .cnt_box dl dd{
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
margin-left: 3px;
border-bottom: 1px solid #C6C6C6;
padding: 10px 0 10px 13px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.15em;
color: #2C2C2C;
background-color: #ffffff;
width: calc(80% - 3px);
line-height: 24px;
}

#company .cnt_box dl dd:first-of-type::before{
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
background-color: #C6C6C6;
top: 1px;
left: 0px;
}

#company .cnt_box .first_text{
margin-bottom: 30px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.15em;
}

#company .cnt_box .g_map{
position: relative;
overflow: hidden;
width: 100%;
height: 392px;
}

#company .cnt_box .g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------
13_01.パートナーシップ
--------------------*/
#partnership #h1_type02{
margin-bottom: 60px;
}
#partnership #cnt_area01 .contents_in{
max-width: 900px;
margin: 0 auto;
background: #fff;
padding: 61px 52px 80px;
}
#partnership #cnt_area01 .contents_in .title{
display: block;
text-align: center;
margin: 0 auto 30px;
font-size: 32px; 
line-height: 42px;
letter-spacing: 0.15em;
}
#partnership #cnt_area01 .contents_in .title_text{
    margin: 0 auto 51px;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}
#partnership #cnt_area01 .cnt_g{
display: flex;
flex-flow: wrap;
justify-content: flex-start;
}
#partnership #cnt_area01 .cnt_g .logo_img{
display: flex;
align-items: center;
width: calc(100%/3);
border: solid 1px #000;
border-right: none;
border-bottom: none;
padding: 15px 30px;
}
#partnership #cnt_area01 .cnt_g .logo_img:nth-of-type(3n){
    border-right: solid 1px #000;
}
#partnership #cnt_area01 .cnt_g .logo_img:nth-last-of-type(1),
#partnership #cnt_area01 .cnt_g .logo_img:nth-last-of-type(2),
#partnership #cnt_area01 .cnt_g .logo_img:nth-last-of-type(3){
    border-bottom:  solid 1px #000;
}


/*--------------------
16.サイトマップ
--------------------*/
#sitemap #h1_type02{
margin-bottom: 60px;
}
#sitemap #cnt_area01 .contents_in{
max-width: 1149px;
padding: 66px 74px 172px;
background-color: #ffffff;
}
#sitemap #cnt_area01 .cnt_g{
margin-right: -37px;
display: flex;
}
#sitemap #cnt_area01 .cnt_g .cnt_box{
width: 50%;
}
#sitemap #cnt_area01 .cnt_g li.first{
margin-bottom: 34px;
}
#sitemap #cnt_area01 .cnt_g li.first::before{
content: '';
display: inline-block;
margin-right: 22px;
width: 18px;
height: 18px;
background-color: #027DD7;
}
#sitemap #cnt_area01 .cnt_g li.first a{
font-size: 20px;
font-weight: 600;
letter-spacing: 0.15em;
color: #027DD7;
}
#sitemap #cnt_area01 .cnt_g li ul.under{
padding-left: 43px;
}
#sitemap #cnt_area01 .cnt_g li ul.under a{
font-size: 18px;
color: #2C2C2C;
}
#sitemap #cnt_area01 .cnt_g li ul.under li{
position: relative;
margin-top: 45px;
}
#sitemap #cnt_area01 .cnt_g li ul.under li::before{
content: '';
display: block;
position: absolute;
border-bottom: 1px solid #027DD7;
border-left: 1px solid #027DD7;
width: 27px;
height: 28px;
top: -15px;
left: -35px;
}
#sitemap #cnt_area01 .cnt_g li ul.under li:first-of-type{
margin-top: 35px;
}
@media only screen and (max-width:1024px){
/*----------
LP
----------*/
#lp #mainvisual_area .visual01 .cnt_text .big_catchcopy{
font-size: 58px;
}
#lp .cnt_area1 .contents_in .text_box p{
line-height: 24px;
}
#lp .cnt_area2 .contents_in h2{
font-size: 66px;
}
#lp .cnt_area3 .catchcopy > span:first-of-type{
font-size: 44px;
}
#lp .cnt_area3 .catchcopy > span:last-of-type{
font-size: 64px;
}
#lp .cnt_area3 .catchcopy span.big{
font-size: 130px;
}
#lp .cnt_area3 .contents_in h3{
font-size: 66px;
}
#lp .cnt_area4 .cnt_box.text{
padding-top: 3%;
}
#lp .cnt_area4 .cnt_box p{
line-height: 26px;
}
#lp .cnt_area5 h2{
font-size: 62px;
}
#lp .cnt_area5 .cnt_box.text2 table tr::before{
right: -74px;
}
#lp .cnt_area6 .contents_in h2{
font-size: 66px;
}
#lp .cnt_area6 .contents_in h2 span{
font-size: 34px;
}
/*----------
16.サイトマップ
----------*/
#sitemap #cnt_area01 .contents_in{
padding: 66px 25px 172px;
}
#sitemap #cnt_area01 .cnt_g li.first a{
font-size: 18px;
}
#sitemap #cnt_area01 .cnt_g li ul.under a{
font-size: 16px;
}
}

@media only screen and (max-width:750px){
/*--------------------
LP
--------------------*/
#lp #mainvisual_area{
margin-bottom: 0;
}
#lp #mainvisual_area .cnt_g{
width: 100%;
}
#lp #mainvisual_area .cnt_box{
height: auto;
}
#lp #mainvisual_area .visual_common .cnt_text .catchcopy{
font-size: 18px;
}
#lp #mainvisual_area .visual01 .cnt_text .text_in{
margin-top: 120px;
}
#lp #mainvisual_area .visual01 .cnt_text .big_catchcopy{
margin: 0 0 0  3%;
font-size: 33px;
}
#lp #mainvisual_area .visual01 .cnt_text .big_catchcopy span:nth-child(2){
margin: 7px 0 0 0.4em;
}
#lp .cnt_area.bg::before{
background-position: top center;
}
#lp .cnt_area .contents_in{
width: calc(100% - 40px);
}
#lp .cnt_area1{
padding: 28px 0 22px;
}
#lp .cnt_area1 .contents_in h2{
margin-bottom: 35px;
font-size: 50px;
}
#lp .cnt_area1 .contents_in h2 span{
margin-bottom: 15px;
font-size: 20px;
}
#lp .cnt_area1 .contents_in .text_box{
margin-bottom: 20px;
font-size: 16px;
}
#lp .cnt_area1 .contents_in .text_box p{
font-size: 12px;
line-height: 17px;
}
#lp .cnt_area1 .contents_in .cnt_g{
padding-top: 22px;
}
#lp .cnt_area1 .contents_in .cnt_g h3{
margin-bottom: 25px;
font-size: 28px;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02{
margin-left: -33px;
flex-wrap: wrap;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box{
margin: 0 0 33px 33px;
width: calc(100%/2 - 33px);
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box::after{
font-size: 25px;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box:nth-of-type(1)::after{
right: -30px;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box:nth-of-type(2)::after{
top: auto;
right: 50%;
bottom: -30px;
transform: translateX(50%);
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box:nth-of-type(3)::after{
top: -30px;
right: 50%;
transform: translateX(50%);
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box:nth-of-type(4)::after{
content: '＋';
right: auto;
left: -27px;
}
#lp .cnt_area1 .contents_in .cnt_g .cnt_box02 .img_box span{
padding: 10px 0 6px;
width: 110px;
font-size: 16px;
}
#lp .cnt_area2{
padding: 165px 0 65px;
}
#lp .cnt_area2 .contents_in h2{
margin-bottom: 28px;
font-size: 30px;
}
#lp .cnt_area2 .contents_in h2 span{
margin-bottom: 10px;
font-size: 16px;
}
#lp .cnt_area2 .contents_in p{
font-size: 14px;
width: 92%;
}
#lp .cnt_area3{
padding: 70px 0 65px;
}
#lp .cnt_area3 .catchcopy{
padding: 0 0 13px 8%;
}
#lp .cnt_area3 .catchcopy > span:first-of-type{
font-size: 20px;
}
#lp .cnt_area3 .catchcopy > span:last-of-type{
padding: 0;
font-size: 27px;
text-align: left;
}
#lp .cnt_area3 .catchcopy span.big{
font-size: 57px;
}
#lp .cnt_area3 .contents_in h3{
margin-bottom: 15px;
font-size: 30px;
}
#lp .cnt_area3 .contents_in h3 span{
margin-bottom: 10px;
font-size: 16px;
}
#lp .cnt_area3 .contents_in p{
font-size: 14px;
}
#lp .cnt_area4.contents_in{
display: block;
padding: 0 0 20px;
width: calc(100% - 40px)
}
#lp .cnt_area4 .cnt_box{
width: 100%;
}
#lp .cnt_area4 .cnt_box:nth-of-type(odd){
margin-bottom: 30px;
}
#lp .cnt_area4 .cnt_box.text{
padding: 0;
}
#lp .cnt_area4 .cnt_box span{
margin-bottom: 0;
font-size: 16px;
text-align: center;
}
#lp .cnt_area4 .cnt_box h2{
margin-bottom: 15px;
font-size: 25px;
line-height: 36px;
text-align: center;
}
#lp .cnt_area4 .cnt_box p{
margin: 0 auto 15px;
font-size: 14px;
line-height: 28px;
text-align: center;
width: 100%;
}
#lp .cnt_area5{
padding: 50px 0 70px;
display: block;
}
#lp .cnt_area5 .cnt_box{
width: 100%;
}
#lp .cnt_area5 .cnt_box.text{
padding-left: 0;
}
#lp .cnt_area5 h2{
margin-bottom: 20px;
font-size: 30px;
}
#lp .cnt_area5 .cnt_box h3{
margin-bottom: 20px;
font-size: 28px;
text-align: center;
}
#lp .cnt_area5 .cnt_box ul{
margin-bottom: 15px;
font-size: 12px;
}
#lp .cnt_area5 .cnt_box table{
margin: 0 auto 25px;
width: 85%;
}
#lp .cnt_area5 .cnt_box.text2 table{
margin: 0 auto 15px 0;
}
#lp .cnt_area5 .cnt_text{
margin: 0 auto;
max-width: 250px;
}
#lp .cnt_area5 .cnt_box:nth-of-type(3){
margin: 0 auto 30px -7vw;
width: 93vw;
}
#lp .cnt_area5 .cnt_box.sp:last-of-type{
margin: 0 -7vw 0 auto;
width: 93vw;
}
#lp .cnt_area6{
padding: 165px 0 50px;
}
#lp .cnt_area6 .contents_in{
padding-top: 20px;
}
#lp .cnt_area6 .contents_in p:first-of-type{
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
}
#lp .cnt_area6 .contents_in h2{
font-size: 30px;
}
#lp .cnt_area6 .contents_in h2 span{
font-size: 20px;
}
#lp .cnt_area6 .contents_in p:last-of-type{
line-height: 24px;
}
#lp .cnt_area2.bg::before{
background-image: url(../img/lp/bg02_sp.png);
background-position: center;
}
#lp .cnt_area3.bg::before{
background-image: url(../img/lp/bg03_sp.png);
}
#lp .cnt_area6.bg::before{
background-image: url(../img/lp/bg04_sp.png);
}
#lp .cnt_area5 .cnt_box.text2 table tr::before{
right: -62px;
}
/*--------------------
DL
--------------------*/
#download #h1_type01{
background: none;
padding: 0;
}
#download #h1_type01 .contents_in{
padding: 50px 0 0 0;
background-color: #F8F8F8;
}
#download #cnt_area01{
padding: 25.8px 0 0 0;
background-color: #F8F8F8;
}
#download #cnt_area01 .first_text{
margin-bottom: 70px;
line-height: 24px;
}
#download #cnt_area01 .cnt_box01 span{
margin-bottom: 30px;
padding: 0 0 10px 0;
}
#download #cnt_area01 .box_g{
padding: 15px 25px 25px;
background-color: #FFFFFF;
}
#download #cnt_area01 .form.contents_in{
width: 100%;
}
#download #cnt_area01 .form_box{
margin-bottom: 15px;
border-bottom: 1px solid #BFBFBF;
padding-bottom: 15px;
}
#download #cnt_area01 .form_box
#download #cnt_area01 .form_box:first-of-type{
margin-top: 15px;
border-top: 1px solid #BFBFBF;
padding-top: 15px;
}
#download #cnt_area01 .form_box .text{
padding: 16px 0 15px 5px;
width: 35%;
font-size: 12px;
letter-spacing: -0.05em;
}
#download #cnt_area01 .form_box .input_box{
margin: 0;
border: none;
padding: 0;
width: 70%;
}
#download #cnt_area01 .form_box:first-of-type .input_box{
border: none;
}
#download #cnt_area01 .form_box .input_box input{
border-left: none;
padding: 14px 0 12px 5px;
}
#download #cnt_area01 .download.contents_in{
width: 100%;
background-color: #ffffff;
}
#download #cnt_area01 .download.contents_in .button_dl{
background-color: #ffffff;
}
/*--------------------
09.お知らせ一覧
--------------------*/
#news #cnt_area01 .cnt_box{
padding: 7px 8px 9px 8px;
}
#news #cnt_area01 .cnt_box .cnt_img{
margin-right: 8px;
width: 33%;
}
#news #cnt_area01 .cnt_box .news_data{
width: 67%;
}
#news #cnt_area01 .cnt_box .news_data .news_title{
margin: 0;
}
#news #cnt_area01 .cnt_box .news_data .news_title a{
margin-left: 0px;
padding-top: 7px;
line-height: 22px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/*----------
10.お知らせ詳細
----------*/
#news_detail .contents_in{
width: 83.84%;
}
#news_detail #h1_type02 h1{
margin-bottom: 5px;
font-size: 25px;
line-height: 40px;
}
#news_detail .news_data{
flex-direction: column;
margin-bottom: 25.3px;
font-size: 12px;
}
#news_detail .news_data .category{
margin: 14px 0 0 0;
}
#news_detail .news_data .category a{
margin: 0;
}
#news_detail .cnt_img{
margin-bottom: 26px;
width: 85.98%;
}
#news_detail .cnt_text{
margin-bottom: 25px;
line-height: 25px;
letter-spacing: 0.12em;
}
#news_detail .btn a{
margin-bottom: 50px;
}
/*----------
11.お客様の声
----------*/
#customers #cnt_area01{
margin-top: -20%;
}

#customers #cnt_area01 .contents_in{
padding-top: 22px;
}

#customers #h1_type02{
padding: 34.4px 0 100px;
background-image: url( "../img/customers/bg_01_sp.png");
}

#customers #cnt_area01 .first_text{
margin: 0 auto 50px;
width: 87%;
text-align: center;
font-weight: 300;
}

#customers #cnt_area01 .contents_in .cnt_wrapper{
margin: 0 auto 63px;
flex-direction: column;
width: 87%;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box{
margin: 0 auto 50px;
width: 100%;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .cnt_text{
margin: -14% auto 59px;
padding: 24px 3% 0;
font-size: 18px;
line-height: 23px;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .customer_name{
margin-bottom: 45px;
}

#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .btn a{
width: 70%;
}

/*--------------------
11_01.お客様の声詳細
--------------------*/
#customers_detail #cnt_area01 .contents_in{
padding: 22px 25px 50px;
}
#customers_detail #cnt_area01 .title_g h2{
font-size: 20px;
line-height: 29px;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
#customers_detail #cnt_area01 .title_g .people{
font-size: 12px;
}
#customers_detail #cnt_area01 .title_g{
margin-bottom: 30px;
}
#customers_detail #cnt_area01 .article_g h3{
text-indent: 0;
padding-left: 0;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.1em;
margin-bottom: 18px;
}
#customers_detail #cnt_area01 .article_g h3 span{
display: block;
text-align: center;
margin: 0 auto 7px;
font-size: 25px;
}
#customers_detail #cnt_area01 .article_g p, 
#customers_detail #cnt_area01 .article_g .cnt_img{
margin-bottom: 30px;
}







/*----------
13.企業情報
----------*/
#company #cnt_area01{
margin-top: -15%;
}
#company .mv{
padding-bottom: 200px;
background-image: url(../img/company/bg_01_sp.png);
}
#company #cnt_area01 .contents_in{
padding-top: 40px;
}
#company #h1_type02{
margin-bottom: 55px;
}
#company .cnt_box h2{
font-size: 22px;
padding-bottom: 20px;
}
#company .cnt_box h3{
line-height: 28px;
}

#company .cnt_box .cnt_text{
margin-bottom: 50px;
}

#company .cnt_box dl dt{
font-size: 14px;
width: 30%;
}

#company .cnt_box dl dd{
width: calc(70% - 3px);
text-indent: -1em;
padding-left: calc(1em + 13px);
}

#company .cnt_box .first_text{
line-height: 24px;
}

#company .cnt_box .g_map{
height: 60vw;
}

/*--------------------
13_01.パートナーシップ
--------------------*/
#partnership #h1_type02{
margin-bottom: 50px;
}
#partnership #cnt_area01 .contents_in{
padding: 20px 11px 30px;
}
#partnership #cnt_area01 .contents_in .title{
    font-size: 14px;
    margin-bottom: 23px;
    font-weight: 700;
    line-height: 28px;
}
#partnership #cnt_area01 .contents_in .title_text{
    font-size: 14px;
}
#partnership #cnt_area01 .cnt_g .logo_img{
width: 50%;
}
#partnership #cnt_area01 .cnt_g .logo_img:nth-of-type(3n){
    border-right: none;
}
#partnership #cnt_area01 .cnt_g .logo_img:nth-last-of-type(3){
    /* border-bottom: none; */
}
#partnership #cnt_area01 .cnt_g .logo_img:nth-of-type(2n){
border-right: 1px solid #000000;
}
#partnership #cnt_area01 .cnt_g .logo_img:last-of-type{
    border-top: none;
    border-right: 1px solid #000000;
}

/*----------
16.サイトマップ
----------*/
#sitemap #h1_type02{
margin-bottom: 40px;
}
#sitemap #cnt_area01 .contents_in{
padding: 30px 15px 100px;
}
#sitemap #cnt_area01 .cnt_g{
flex-direction: column;
}
#sitemap #cnt_area01 .cnt_g li.first::before{
margin-right: 10px;
width: 10px;
height: 10px;
}
#sitemap #cnt_area01 .cnt_g .cnt_box{
width: 100%;
}
#sitemap #cnt_area01 .cnt_g li.first{
margin-bottom: 30px;
}
#sitemap #cnt_area01 .cnt_g li ul.under{
padding-left: 27px;
}
#sitemap #cnt_area01 .cnt_g li ul.under li{
margin-top: 30px;
}
#sitemap #cnt_area01 .cnt_g li ul.under li:first-of-type{
margin-top: 25px;
}
#sitemap #cnt_area01 .cnt_g li ul.under li::before{
width: 17px;
height: 18px;
top: -11px;
left: -23px;
}
#sitemap #cnt_area01 .cnt_g li.first a span{
margin-left: 1em;
line-height: 1.5;
}
#sitemap #cnt_area01 .cnt_g li ul.under li:first-of-type{
margin-top: 25px;
}
#sitemap #cnt_area01 .cnt_g li.first a{
font-size: 16px;
}
#sitemap #cnt_area01 .cnt_g li ul.under a{
font-size: 14px;
}
}



@media only screen and (max-width:480px){
/*--------------------
13_01.パートナーシップ
--------------------*/
/* #partnership #cnt_area01 .cnt_g .logo_img, 
#partnership #cnt_area01 .cnt_g .logo_img:nth-of-type(4n), 
#partnership #cnt_area01 .cnt_g .logo_img:nth-of-type(3n){
width: 48.39%;
margin-right: 2.91%;
}
#partnership #cnt_area01 .cnt_g .logo_img:nth-of-type(2n){
margin-right: 0;
} */

}


@media only screen and (max-width:376px){
/*----------
11.お客様の声
----------*/
#customers #cnt_area01 .contents_in .cnt_wrapper .cnt_box .cnt_text{
padding: 20px 5% 0;
width: 90%;
font-size: 14px;
}
}

@media only screen and (max-width:325px){
/*--------------------
LP
--------------------*/
#lp .cnt_area1 .contents_in h2{
font-size: 42px;
}
#lp .cnt_area1 .contents_in h2 span{
font-size: 18px;
}
#lp .cnt_area2 .contents_in h2{
font-size: 24px;
}
#lp .cnt_area2 .contents_in h2 span{
font-size: 14px;
}
#lp .cnt_area3 .catchcopy span.big{
margin: 0 5px;
font-size: 50px;
}
#lp .cnt_area3 .contents_in h3 span{
font-size: 14px;
}
#lp .cnt_area3 .contents_in h3{
font-size: 24px;
}
#lp .cnt_area4 .cnt_box h2{
font-size: 22px;
}
#lp .cnt_area4 .cnt_box:nth-of-type(4) h2{
font-size: 16px;
}
#lp .cnt_area5 .cnt_box.text2 table{
margin-left: -10px;
}
#lp .cnt_area5 .cnt_box table tr td{
font-size: 12px;
}
#lp .cnt_area5 .cnt_box.text2 table tr::before{
right: -73px;
}
#lp .cnt_area6 .contents_in p:first-of-type{
font-size: 12px;
}
#lp .cnt_area6 .contents_in h2{
font-size: 26px;
}
#lp .cnt_area6 .contents_in p:last-of-type{
font-size: 12px;
}
/*--------------------
09.お知らせ一覧
--------------------*/
#news #cnt_area01 .cnt_box .news_data .category{
margin: 3px 0 0 0;
width: 100%;
}
#news #cnt_area01 .cnt_box .news_data .category a{
margin: 0;

}
/*----------
13.企業情報
----------*/
#company .cnt_box h2{
font-size: 20px;
}
#company .cnt_box h3{
font-size: 13px;
}
}