@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 104%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section {
  display: block;
}

body {
  background: #fff;
  font-family: "メイリオ", Meiryo, sans-serif;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/*etc/designs/nttcom/cmn/css/style.css　打消し*/
@media screen and (max-width:1260px) {
	body {
		min-width: auto;
	}
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  margin: 0 auto;
  max-width: 960px;
}

section img {
  width: auto;
  max-width: 100%;
}

a:hover{
  opacity: .7;
}
.sp_only{
  display: none;
}

@media screen and (max-width: 768px){
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
}


/** ========================================
  header
 ======================================== */
header .header_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 5px 10px;
  max-width: 100%;
  width: 100%;
  min-height: 65px;
}
header .header_inner .header_left{
  display: flex;
  align-items: center;
  align-content: space-between;
  width: calc(100% - 560px);
}
header .header_inner .header_left .header_logo{
  width: 269px;
  margin-bottom: 4px;
}
header .header_inner .header_left .header_logo a img{
  vertical-align: middle;
}
header .header_inner .header_left .header_menu{
  /*margin: 0 0 0 85px;*/
  width: calc(100% - 201px);
}
header .header_inner .header_left .header_menu .menu_link{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .header_inner .header_left .header_menu .menu_link .link_item{
  position: relative;
  padding: 12px 65px 12px 20px;
  font-size: 18px;
}

header .header_inner .header_left .header_menu .menu_link .link_item::after{
  content: "";
  position: absolute;
  top: 47%;
  right: 45px;
  width: 9px;
  height: 9px;
  border: solid #193477;
  border-width: 0 2px 2px 0;
  z-index: 10;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
header .header_inner .header_left .header_menu .menu_link .link_item-tab{
  display: none;
}
header .header_inner .header_right{
  display: flex;
  align-items: center;
}
header .header_inner .header_right .primary_btn{
  display: flex;
  margin-right: 20px;
  padding: 13px 8px 13px 5px;
  width: 170px;
  text-align: center;
  /*border: 2px solid #004386;*/
  border: 2px solid #000;
}
header .header_inner .header_right .primary_btn span{
  padding: 0 10px 0 0;
  font-size: 16px;
}
header .header_inner .header_right .primary_btn span.inq{
  padding: 0 2px 0 0;
}
header .header_inner .header_right .primary_btn.contact{
  margin-right: 10px;
}

@media screen and (max-width: 1562px){
	header .header_inner .header_left .header_menu .menu_link .link_item{
    font-size: 1vw;
    padding-right: 4.2vw;
    padding-left: 0.8vw;
	}
  header .header_inner .header_left .header_menu .menu_link .link_item::after{
    right: 3vw;
  }
}

@media screen and (max-width: 1520px){
  header .header_inner .header_left{
    width: calc(67vw - 20px);
  }
  header .header_inner .header_left .header_menu{
    width: calc(67vw - 349px); /*281*/
  }
  header .header_inner .header_right .primary_btn{
    width: 11vw;
  }
  header .header_inner .header_right .primary_btn span{
    font-size: 1vw;
  }
}

@media screen and (max-width: 1315px){
  header .header_inner .header_left{
    width: calc(65.5vw - 20px);
  }
  header .header_inner .header_left .header_menu{
    width: calc(65.5vw - 349px); /*281*/
  }
  header .header_inner .header_left .header_menu .menu_link .link_item{
    padding-right: 3.5vw;
  }
  header .header_inner .header_left .header_menu .menu_link .link_item::after{
    right: 2vw;
  }
  header .header_inner .header_right .primary_btn {
    width: 11.5vw;
  }
}

@media screen and (max-width: 1220px){
	header .header_inner .header_left .header_menu .menu_link .link_item{
    padding-left: 0.6vw;
	}
}

@media screen and (max-width: 1189px){
	header .header_inner .header_left .header_menu .menu_link .link_item{
    padding-right: 3.2vw;
    padding-left: 0.2vw;
	}
	header .header_inner .header_right .primary_btn{
		margin-right: 10px;
	}
	header .header_inner .header_left{
		width: calc(65.5vw - 10px);
	}
}
@media screen and (max-width: 1140px){
  header .header_inner .header_left{
    width: calc(64vw - 10px);
  }
  header .header_inner .header_left .header_menu{
    width: calc(65.5vw - 349px);
  }
  header .header_inner .header_left .header_menu .menu_link .link_item{
    padding-right: 2.3vw;
  }
  header .header_inner .header_left .header_menu .menu_link .link_item::after{
    right: 1vw;
  }
  header .header_inner .header_right .primary_btn {
    width: 12vw;
  }
}

@media screen and (max-width: 1062px){

  header .header_inner{
    min-height: 65px;
    padding: 6px 0 6px 10px;
  }
  header .header_inner .header_left{
    justify-content: space-between;
    width: 100%;
    padding: 0 20px 0 0;
  }
  header .header_inner .header_left .header_logo{
    width: 135px;
    margin: 0;
  }
  header .header_inner .header_left .header_menu{
    margin: 0;
    width: auto;
  }
  header .header_inner .menu_btn{
    display: inline-block;
    padding: 8px 10px 6px;
    border: 2px solid #264085;
    color: #264085;
    font-size: 14px;
    font-weight: bold;
  }

  header .header_inner .header_left .header_menu .menu_box{
    display: block;
    z-index: 200000;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    padding: 20px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: -webkit-transform 1.0s ease;
    transition: transform 1.0s ease;
  }
  header .header_inner .header_left .header_menu .menu_box.show{
    transform: translate(0%);
  }
  header .header_inner .header_left .header_menu .menu_link{
    display: block;
    margin-top: 20px;
  }

  header .header_inner .header_left .header_menu .menu_link .link_item{
    padding: 10px 0;
    border-right: none;
    text-align: center;
    font-size: 12px;
  }
  header .header_inner .header_left .header_menu .menu_link .link_item::after{
    display: none;
  }
  header .header_inner .header_left .header_menu .menu_link .link_item-tab{
    display: block;
  }
  header .header_inner .header_left .header_menu .menu_link .primary_btn{
    width: 100%;
    border-width: 2px;
  }
  header .header_inner .header_left .header_menu .menu_link .primary_btn span{
    font-size: 12px;
  }

  .close_btn-top{
    text-align: right;
  }
  .close_btn-top span{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .close_btn-top span::before,
  .close_btn-top span::after{
    content: "";
    position: absolute;
    top: 8px;
    right: -2px;
    display: block;
    width: 24px;
    height: 3px;
    background: #004386;
    transform: rotate(45deg);
  }
  .close_btn-top span::after{
    transform: rotate(-45deg);
  }

  .close_btn-btm{
    margin: 10px 0 0;
    text-align: center;
    display: block;
  }
  .close_btn-btm span{
    position: relative;
    display: inline-block;
    padding: 9px 8px 9px 20px;
    border: 1px solid #004386;
    color: #004386;
    font-size: 12px;
  }
  .close_btn-btm span::before,
  .close_btn-btm span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 10px;
    height: 2px;
    background: #004386;
    transform: translateY(-50%) rotate(45deg);
  }
  .close_btn-btm span::after{
    transform: translateY(-50%) rotate(-45deg);
  }

  header .header_inner .header_right{
    display: none;
  }

}


@media screen and (max-width: 960px){
  header .header_inner .header_left .header_logo a img{
    width:210px;
    height:auto;
  }
}

@media screen and (max-width: 768px){
  header .header_inner .header_left .header_menu .menu_link .primary_btn{
    padding: 13px 15px;
  }
  header .header_inner .header_left .header_menu .menu_link .primary_btn span{
    padding: 0;
  }
}


/** ========================================
  共通
 ======================================== */
.contents{
  margin-top: -85px;
  padding-top: 85px;
}

.contents_inner{
  width: 980px;
  margin: 0 auto;
}

/* 見出し */
.bnr_heading{
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 0 30px;
  padding: 23px 0 18px;
  background: #004386;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
}
.bnr_heading span{
  display: inline-block;
  margin: 10px 0 0;
  font-size: 40px;
  font-weight: bold;
}
.bnr_heading span.color-y{
  color: #FFD601;
}
.bnr_heading::after{
  content: "";
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #004386;
  position: absolute;
  bottom: -30px;
  left: 50%;
transform: translateX(-50%);
}

/* ボタン */
.btn_area{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 50px;
  text-align: center;
}

.primary_btn{
  display: inline-block;
  background:#ffd601;
  border:3px solid #004386;
  padding: 13px 24px;
  font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.3); 
}
.primary_btn span{
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  color:#193477;
  font-size:18px;
  font-weight:bold;
}
.primary_btn span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 9px;
  height: 9px;
  border: solid #193477;
  border-width: 0 2px 2px 0;
  z-index: 10;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.primary_btn-l{
  min-width: 755px;
  padding: 30px 20px 30px 20px;
}
.primary_btn-l span{
/*  padding-right: 40px;*/
}
.primary_btn-l span:after{
  width: 24px;
  height: 24px;
  top: 40%;
  right: 15px;
  border-width: 0 4px 4px 0;
}
/* 赤色 */
.primary_btn-red{
  background: #C00000;
  /*border: 2px solid #600000;*/
  border: 2px solid #000;
}
.primary_btn-red span{
  color: #fff;
}
.primary_btn-red span:after{
  border-color: #fff;
}


/* 右下固定ボタン */
.fix_box{
  display: none;
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 901;
}
.fix_box .box_inner{
  display: flex;
  flex-direction: column;
}
.fix_box .primary_btn{
  min-width: 250px;
  padding: 14px 18px 12px;
}
.fix_box .primary_btn span{
  padding: 0 17px 0 0;
  font-size: 19px;
  text-align: center;
}
.fix_box .primary_btn span:after{
  right: -4px;
}
.fix_box .primary_btn + .primary_btn{
  margin-top: 10px;
}


.atten_txt{
  margin: 3px 0 0;
  padding-left: 1.3em;
  font-size: 14px;
  text-indent: -1.3em;
}

/* 無料トライアル */
.trial_box{
  margin: 85px 0 0;
}
.trial_box .trial_txt{
  text-align: center;
  font-size: 32px;
  line-height: 1.6;
	width:100%;
	font-weight:bold;
	position: relative;
}
/*
.trial_box .trial_txt span{
  position: relative;
  font-weight: bold;
}
.trial_box .trial_txt span::before,
.trial_box .trial_txt span::after{
  content: "";
  width: 3px;
  height: 94px;
  display: inline-block;
  background: #004386;
  position: absolute;
  top: 2px;
}
.trial_box .trial_txt span::before{
  left: -150px;
  transform: rotate(-32deg);
}
.trial_box .trial_txt span::after{
  right: -50px;
  transform: rotate(32deg);
}
*/

/*↓Firefoxのみ
@-moz-document url-prefix() {
	.trial_box .trial_txt span::after{
		right: -150px;
	}
}
*/

/*
.trial_box .btn_area .primary_btn-l{
  min-width: 460px;
}
.trial_box .btn_area .primary_btn-l:nth-child(n + 2){
  margin-left: 40px;
}
*/

/*修正2022.07*/
.trial_box .trial_txt::before{
	left: 180px;
	transform: rotate(-32deg);
	content: "";
    width: 3px;
    height: 94px;
    display: inline-block;
    background: #004386;
    position: absolute;
    top: 2px;
}
.trial_box .trial_txt::after{
	right: 180px;
	transform: rotate(32deg);
	content: "";
    width: 3px;
    height: 94px;
    display: inline-block;
    background: #004386;
    position: absolute;
    top: 2px;
}
@media screen and (max-width: 768px){
	.trial_box .trial_txt::before,
	.trial_box .trial_txt::after{
		content: none;
	}
}



@media screen and (max-width: 768px){
  .contents{
    margin-top: -70px;
    padding-top: 70px;
  }
  .contents_inner{
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  /* 見出し */
  .bnr_heading{
    padding: 25px 20px 15px;
    font-size: 22px;
    text-align: center;
    line-height: 1.2;
  }
  .bnr_heading span{
    margin: 3px 0 0;
    font-size: 34px;
  }

  /* ボタン */
  .btn_area{
    margin-top: 32px;
  }
  .primary_btn-l{
    min-width: auto;
    padding: 21px 20px 15px 30px;
    width: 90%;
    max-width: 540px;
  }

  /* 無料トライアル */
  .trial_box{
    margin-top: 38px;
  }
  .trial_box .trial_txt{
    font-size: 22px;
    line-height: 1.45;
  }
  .trial_box .btn_area{
    display: block;
    margin-top: 13px;
  }
  .trial_box .btn_area .primary_btn-l{
    width: 100%;
    min-width: auto;
    max-width: 460px;
  }
  .trial_box .btn_area .primary_btn-l span{
    padding: 0 50px 0 40px;
  }
  .trial_box .btn_area .primary_btn-l span:after{
    right: 1px;
  }
  .trial_box .btn_area .primary_btn-l:nth-child(n + 2){
    margin: 20px 0 0;
  }

  .top_box .btn_area .primary_btn-l span:after{
   right: 0px;
    width: 14px;
    height: 14px;
  }
  /* 右下固定ボタン */
  .fix_box{
    text-align: right;
  }
  .fix_box .primary_btn{
    min-width: 250px;
    padding: 12px 18px;
  }
}



/** ========================================
  TOP
 ======================================== */
.contents.top{
  background: #004386;
}
.contents.top .contents_inner{
  padding: 0 0 100px;
  width:1260px;
	background-image: url(/content/dam/nttcom/hq/jp/business/solutions/enterprise-application-management/coomonita/lp/on-site/img/top_background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.contents.top .top_box .top_main{
  position: relative;
}
.contents.top .top_box .top_main .main_txt{
  line-height:100%;
  background: #004386;
}

.contents.top .top_box .top_main .main_img{
  position: absolute;
  top: 0;
  right: 0;
}
.contents.top,
.contents.intro,
.contents.merit,
.contents.case,
.contents.fee,
.contents.question,
.contents.lineup,
footer
{
 min-width: 1260px;
}

@media screen and (max-width: 768px){
.contents.top,
.contents.intro,
.contents.merit,
.contents.case,
.contents.fee,
.contents.question,
.contents.lineup,
footer
{
  min-width: 100%;
}
}
/* イントロ部分 */
.contents.intro{
  margin-top: 0;
  background: #F2F2F2;
}
.contents_wrap{
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding-top: 164px;
}
.contents.intro .contents_inner{
  position: absolute;
  top: -144px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .65);
  padding: 29px 29px 42px;
  background: #fff;
  text-align: center;
}
/* IE11*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .contents.intro .contents_inner{
	  transform: translateX(0);
	  left: 100px;
	}
} 
@media screen and (max-width:768px) {
	.contents_wrap{
		width: 100%;
		padding-top: 0;
	}
}
.contents.intro .intro_box .intro_txt{
/*  color: #263F85;*/
  font-size: 38px;
  font-weight: bold;
}
.contents.intro .intro_box .intro_txt span{
  font-size: 54px;
  font-weight: bold;
}
.contents.intro .intro_box .intro_list{
  width: 710px;
  margin: 15px auto 0;
  padding-left: 5px;
  text-align: left;
}
.contents.intro .intro_box .intro_list .list_item{

  padding-left: 2em;
  font-size: 24px;
  font-weight: bold;
  text-indent: -2em;
}
.contents.intro .intro_box .intro_list .list_item:nth-child(n + 2){
  margin-top: 16px;
}
.contents.intro .intro_box .intro_list .list_item::before{
  content: url(/content/dam/nttcom/hq/jp/business/services/application/ai/cotoha-translator/lp/img/icon_check.png);
  margin-right: 17px;
    position: relative;
    top: 5px;
}

@media screen and (max-width: 768px){
  .contents.top .contents_inner{
    padding: 0 0 35px;
    width:100%;
    background-size:cover;
  }
  .contents.top .top_box .top_main{
    /*margin: 0 25px;*/
  }
  .contents.top .top_box .top_main .main_txt{
    padding:0;
    background-color:#004386;

  }
  .contents.top .top_box .top_main .main_txt img{
    margin: 0 auto 30px;
  }
  .contents.top .top_box .top_main .main_img{
    position: relative;
    width: 78%;
    margin: 40px 10px 0 25px;
    text-align: center;
  }

  /* イントロ部分 */
  .contents.intro{
    margin-top: 0;
    padding-top: 0;
/*
    margin-top: -70px;
    padding-top: 70px;
*/
  }
  .contents.intro .contents_inner{
    position: relative;
    top: 0;
    left: 0;
    transform: unset;
/*    margin-bottom: 20px;*/
    padding: 26px 14px 33px;
    border-bottom: 1px solid #000;
    box-shadow: none;
  }
  .contents.intro .intro_box .intro_txt{
    font-size: 24px;
  }
  .contents.intro .intro_box .intro_txt span{
    font-size: 35px;
  }
  .contents.intro .intro_box .intro_list{
    width: 100%;
    margin-top: 10px;
  }
  .contents.intro .intro_box .intro_list .list_item{
    font-size: 16px;
  }
  .contents.intro .intro_box .intro_list .list_item:nth-child(n + 2){
    margin-top: 27px;
  }
}
@media all and (max-width: 768px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, .contents.intro .contents_inner {
    transform: translateX(0);
  }
  *::-ms-backdrop, .merit_box .merit_list-arrow > .list_item {
    width:100%;
    height:100%;
  }
}
/** ========================================
  メリット
 ======================================== */
.merit_list{
  display: flex;
  justify-content: space-between;
  margin: 53px 0 0;
}
.merit_list .list_item{
  width: calc((100% - 50px) / 3);
  border: 1px solid #C1C1C1;
}
.merit_list .list_item a{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 23px 0 50px;
  color: #000;
  text-align: center;
}
.merit_list .list_item a::before{
  content: "";
  position: absolute;
  bottom: 13px;
  left: 50%;
  width: 15px;
  height: 15px;
  border: solid #193477;
  border-width: 0 3px 3px 0;
  z-index: 10;
  -webkit-transform: translateY(calc(-50% - 4px)) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.merit_list .list_item a .item_txt{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
.merit_list .list_item a .item_img{
  margin: 22px 0 0;
}
.merit_list .list_item a .item_img img{
  width:75%;
}
.merit_box{
  padding-top: 85px;
  margin-top: -18px;
}
.merit_box .merit_heading{
  /*font-size: 40px;*/
  font-size: 42px;
  font-weight: bold;
  text-align: center;
}
.merit_box .merit_txt{
  margin: 30px 0 0;
  line-height: 1.75;
  text-align:center;
  font-weight:bold;
  font-size:24px;
}
.merit_box .merit_img{
  margin: 35px 0 0;
}
.merit_box .merit_list-col3{
  margin: 40px 8px 0;
  display: flex;
  justify-content: space-between;
}
.merit_box .merit_list-arrow{
  margin: 32px 0 0;
  display: flex;
  justify-content: space-between;
}
.merit_box .merit_list-arrow p + img{
  margin: 10px 0 0;
}
.merit_box .merit_list-arrow > .list_item{
  position: relative;
}
.merit_box .merit_list-arrow > .list_item + .list_item::after{
  position: absolute;
  top: 50%;
  left: -39px;
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #EBEBEB;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.merit02_list{
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
}
.merit02_list .list_item{
  width: 48%;
  padding: 2px;
  border: solid 1px #ccc;
}
.merit02_list .list_item.list_item-before .item_ttl,
.merit02_list .list_item.list_item-after .item_ttl{
  margin: 2px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0 3px;
}
.merit02_list .list_item.list_item-before .item_ttl{
  background-color: #e3e3e3;
}
.merit02_list .list_item.list_item-after .item_ttl{
  background-color: #eaf5fc;
}
.merit02_list .list_item .item_img{
  text-align: center;
}
.merit02_list .list_item .item_list{
  margin: 0;
  padding: 1em 1em 1em 2em;
  list-style: disc;
}
.merit02_list .list_item .item_list li{
  position: relative;
}
.merit02_list .list_item .item_list li::marker{
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}
.item_list li{
  font-size: 15px;
}



@media screen and (max-width: 768px){
  .merit_list{
    display: block;
    margin-top: 50px;
  }
  .merit_list .list_item{
    width: 100%;
  }
  .merit_list .list_item:nth-child(n + 2){
    margin-top: 20px;
  }
  .merit_box{
    margin-top: -23px;
    padding-top: 70px;
  }
  .merit_box .merit_heading{
    font-size: 28px;
    line-height: 1.4;
  }
  .merit_box .merit_txt{
    margin-top: 12px;
    line-height: 1.8;
    font-size:16px;
    font-weight:normal;
    text-align:left;
  }

  .merit_box .merit_list-arrow{
    align-items: center;
    flex-direction: column;
    margin-top: 27px;
  }
  .merit_box .merit_list-arrow img{
    margin: 0 auto;
  }
  .merit_box .merit_list-arrow p + img{
    margin-top: 8px;
  }
  .merit_box .merit_list-arrow > .list_item + .list_item{
    margin-top: 52px;
  }
  .merit_box .merit_list-arrow .list_item + .list_item::after{
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
  }
  .merit_box .merit_list-col3{
    display: block;
    margin-top: 30px;
  }
  .merit_box .merit_list-col3 .list_item{
    margin-top: 20px;
  }
  .merit_box .merit_list-col3 .list_item img{
    display: block;
    margin: 0 auto;
  }

  .merit02_list .list_item{
    width: 100%;
  }



}



/** ========================================
  導入事例
 ======================================== */
.contents.case{
  margin: -3px 0 0;
}
.case_img{
  margin: 83px 0 0;
}
.case_box{
  margin: 55px 0 0;
  padding: 5px;
  border: 1px solid #C1C1C1;
}
.case_box .box_heading{
  padding: 7px 10px;
  background: #004386;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.case_box .box_main{
  display: flex;
  justify-content: space-between;
  padding: 25px 20px 20px;
}
.case_box .box_main .main_img{
  width: 275px;
}
.case_box .box_main .main_txt{
  width: calc(100% - 305px);
}
.case_box .box_main .main_heading{
  /*margin: 6px 0 0;*/
  font-size: 24px;
  font-weight: bold;
}
.case_box .box_main .main_heading span{
  font-size: 18px;
  font-weight: bold;
}
.case_box .box_main .main_list{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.case_box .box_main .main_list .detail_list{
  padding-left: 1em;
  text-indent: -1em;
}
.detail_list li{
  font-size:16px;
}
.case_box .box_main .main_list dt,
.case_box .box_main .main_list dd{
	margin-top:25px;
}

.case_box .box_main .main_list dt{
  width: 50px;
  padding: 7px 0 5px 0;
  background: #DEEBF7;
  font-size: 16px;
  text-align: center;
  line-height: 1;
}
.case_box .box_main .main_list dd{
  width: calc(100% - 60px);
}

@media screen and (max-width: 768px){
  .case_img{
    margin-top: 43px;
  }
  .case_box{
    margin-top: 34px;
    padding: 15px;
  }
  .case_box .box_heading{
    padding: 10px;
  }
  .case_box .box_main{
    display: block;
    padding: 0;
    margin: 10px 0 0;
  }
  .case_box .box_main .main_img{
    width: 100%;
    text-align: center;
  }
  .case_box .box_main .main_txt{
    width: 100%;
    margin-top: 10px;
  }
}



/** ========================================
  料金
 ======================================== */
.contents.fee{
  margin: -15px 0 0;
}
.fee_txt{
  margin: 60px 0 0;
  /*font-size: 24px;*/
  font-size: 23.5px;
  font-weight: bold;
}
.fee_box{
  margin: 10px 0 0;
  padding: 20px;
  background: #D7E5F4;
}
.fee_box .box_inner{
  padding: 30px 20px 30px 45px;
  background: #fff;
}
.fee_box .box_inner .box_list{
  display: flex;
  align-items: center;
}
.fee_box .box_inner .box_list .list_item{
  display: flex;
  align-items: center;
  width: 50%;
}
.fee_box .box_inner .box_list .list_item:nth-child(n + 2){
  padding-left: 33px;
}
.fee_box .box_inner .box_list .list_item .item_tag{
  padding: 10px 12px 10px 12px;
  background: #FDD5B3;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.fee_box .box_inner .box_list .list_item .item_fee{
  margin: 0 0 0 13px;
  font-size: 34px;
  font-weight: bold;
}
.fee_box .box_inner .box_list .list_item .item_fee i{
  font-size: 18px;
}
.fee_box .box_inner .box_list .list_item .item_fee span{
  font-size: 20px;
  font-weight: bold;
}
.fee_box + .atten_txt{
  margin-top: 20px;
}
.fee_box + .atten_txt li + li{
  margin-top: 10px;
}

.contents.fee .trial_box{
  margin-top: 67px;
}

@media screen and (max-width: 768px){
  .fee_txt{
    margin-top: 48px;
    line-height: 1.4;
  }
  .fee_box{
    margin-top: 20px;
  }
  .fee_box .box_inner{
    padding: 13px 12px;
  }
  .fee_box .box_inner .box_list{
    display: block;
  }
  .fee_box .box_inner .box_list .list_item{
    align-items: flex-start;
    width: 100%;
  }
  .fee_box .box_inner .box_list .list_item:nth-child(n + 2){
    margin-top: 30px;
    padding-left: 0;
  }
  .fee_box .box_inner .box_list .list_item .item_tag{
    padding-right: 15px;
  }
  .fee_box .box_inner .box_list .list_item .item_fee{
    line-height: 1;
    margin-top: 10px;
  }
  .fee_box .box_inner .box_list .list_item .item_fee i{
    font-size: 18px;
  }
  .fee_box .box_inner .box_list .list_item .item_fee span{
    display: block;
    margin-top: 3px;
    text-align: right;
  }
  .contents.fee .trial_box{
    margin-top: 27px;
  }
}



/** ========================================
  ご質問
 ======================================== */
.contents.question{
  margin: -3px 0 0;
}
.question_list{
  margin: 92px 0 0;
}
.question_list .list_q{
  position: relative;
  padding-left: 60px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2.0;
}
.question_list .list_q:not(:first-of-type){
  margin-top: 33px;
}
.question_list .list_a{
  position: relative;
  margin-top: 20px;
  font-weight: bold;
  padding: 0 0 30px 60px;
  border-bottom: 1px solid #C1C1C1;
  font-size: 20px;
}
.question_list .list_a p{
  font-size: 18px;
  line-height: 1.8;
}
.question_list .list_a p + p{
  margin-top: 30px;
}
.question_list .list_q::before,
.question_list .list_a::before{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 3px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 1;
}
.question_list .list_q::before{
  content: "Q";
  background: #1F497D;
}
.question_list .list_a::before{
  content: "A";
  background: #C00000;
}
.contents.question .trial_box{
  margin-top: 65px;
}


@media screen and (max-width: 768px){
  .contents.question{
    margin-top: -20px;
    padding-top: 70px;
  }

  .question_list{
    margin-top: 52px;
  }
  .question_list .list_a{
    margin-top: 15px;
    padding-bottom: 23px;
  }
  .question_list .list_a:last-of-type{
    border-bottom: none;
  }
  .question_list .list_q:not(:first-of-type){
    margin-top: 36px;
  }
  .contents.question .trial_box{
    margin-top: 10px;
  }

}





/** ========================================
  フッター
 ======================================== */
footer .linkArea li,
footer .langArea .copyright{
 font-size: 76%;
}

/** ========================================
  トップ
 ======================================== */

.top_btn_box{
	width: 1100px;
	display: flex;
	flex-wrap: wrap;
	align-items:flex-end;
	justify-content:space-between;
	margin:0 auto;
}
.box01,
.box02{
	width:290px;
	padding-bottom:20px;
}
.box03,
.box04{
	width:235px;
	padding-top:20px;
}


@media screen and (max-width: 768px){
	.top_btn_box{
		width: 100%;
		padding:0 20px;
	}
	.box01,
	.box02{ width: 100%;padding:0 0 20px 0;}
	.box03,
	.box04
	{ width: 48%;text-align:center;}

	.top_btn span{
		font-size:26px !important;
	}
}

/*トップボタン*/
.top_btn{
  display: inline-block;
  background:#ffd601;
  border:3px solid #004386;
  padding: 20px 35px 20px 20px;
  font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.3);
  width:100%;
}
.top_btn span{
  position: relative;
  display: inline-block;
  width: 100%;
  color:#004386;
  font-size:28px;
  font-weight:bold;
  text-align:center;
}
.top_btn span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 15px;
  height: 15px;
  border: solid #004386;
  border-width: 0 3px 3px 0;
  z-index: 10;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
/*トップボタンホバー*/
a.top_btn:hover{
	opacity:1;
}
a.top_btn:hover{
  background:#FFE24E;
  border:3px solid #4D7CAB;
}
a.top_btn:hover span{
  color:#4D7CAB;
}
.top_btn:hover span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 15px;
  height: 15px;
  border: solid #4D7CAB;
  border-width: 0 3px 3px 0;
  z-index: 10;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.merit_pic{
	width:820px;
	margin:0 auto;
}
@media screen and (max-width: 768px){
	.merit_pic{
		width:100%;
	}
}


/** ========================================
  動画
 ======================================== */
.mov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.mov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/** ========================================
  トライアル
 ======================================== */
.tax{
	font-size:24px;
}
.trial_box .trial_txt span span.tax::before,
.trial_box .trial_txt span.tax::after{
	content: none;
}

.trial_btn{
	width: 465px;
	padding: 30px 20px;
	margin-bottom:20px;
}
.trial_btn span{
	padding:0;
	color:#004386;
	font-size: 32px !important;
	font-weight:bold;
}
.trial_btn span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 15px;
    border: solid #004386;
    border-width: 0 3px 3px 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
@media screen and (max-width: 768px){
	.trial_btn{
		width: 100%;
	padding: 20px 45px;
	}
	.trial_btn span{
		font-size: 26px !important;
	}
	.trial_btn span:after {
		right: -25px;
	}
}

/** ========================================
  ラインナップ
 ======================================== */
.lineup_area{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:53px;
}
.lineup_box{
	width:48%;
	border:1px solid #CCC;
	margin-bottom:20px;
}
.lineup_ttl{
	padding:15px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	background-color:#DAE3F3;
}
.lineup_subttl{
	margin:30px 15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.lineup_products{
	text-align:center;
	margin-bottom:10px;
}
.lineup_products img{
	width:105px;
      vertical-align: bottom;
}
.lineup_detail_area{
	padding:20px 30px 5px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:center;
}
.lineup_detail_ttl{
	width:30%;
	background-color:#DAE3F3;
	font-size:17px;
	text-align:center;
	padding:8px 0;
	margin-bottom:15px;
}
.lineup_detail_price{
	width:calc( 100% - 35%);
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}
.lineup_detail_price span{
	font-size:16px;
	font-weight:bold;
}
.lineup_notes{
	width:100%;
	font-size:12px;
	line-height:1.5;
	margin-bottom:15px;
}
.lineup_detail_link{
	width: 100%;
	margin-bottom: 15px;
}
.lineup_detail_link a{
	position: relative;
	display: inline-block;
	width: 100%;
	border-radius: 10px;
	background: #004386;
	color: #fff;
	padding: 13px 20px;
	text-align: center;
}
.lineup_detail_link a span{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 20px;
	font-size: 18px;
	font-weight: bold;
}
.lineup_detail_link a span::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 15px;
	height: 15px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.lineup_detail_link-red a{
  background: #C00000;
}

.lineup_detail_link-yellow a{
  background: #ffd601;
  border: 2px solid #004386;
  color: #004386;
}
.lineup_detail_link-yellow a span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 15px;
	height: 15px;
	border: solid #193477;
	border-width: 0 3px 3px 0;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.lineup_detail_spec{
	width:calc( 100% - 35%);
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
.lineup_detail_line{
	border-bottom:1px solid #CCC;
	width:calc(100% - 60px);
	margin:0 auto;
}
.lineup_detail_lead{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width: 768px){
	.lineup_box{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	.lineup_detail_price{
		text-align:center;
	}
}

/** ========================================
  比べて納得
 ======================================== */
.compare_area{
	margin-top:53px;
}
.compare_area details{
	text-indent:-1000px;
}

/*table全体*/
.compare_table
.compare_table table,
.compare_table td,
.compare_table th {
	border: 1px solid #CCC;
	border-collapse: collapse;
	/*empty-cells: hide;*/
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	line-height:1.6;
}
/*th*/
table.compare_table tr th:nth-of-type(1){
	background-color:#DDEBF7;
}
table.compare_table tr th:nth-of-type(2){
	background-color:#E6E6E6;
}
table.compare_table tr th:nth-of-type(3){
	background-color:#FFD13F;
}
/*td*/
table.compare_table tr td:nth-of-type(1){
	background-color:#F3F3F3;
	font-weight:normal;
}
table.compare_table tr td:nth-of-type(2){
	background-color:#FFF5D9;
}
/*その他*/
.empty{
	border-top: 1px solid #FFF !important;
	border-left: 1px solid #FFF !important;
	background-color:#FFF !important;
}
.txt_red{
	color:#C00000;
	font-weight:bold;
}
.txt_mark{
	font-size:30px;
}



/** ========================================
  モーダル見た目追加 20220202
 ======================================== */
.modal_box{
  padding: 15px;
}
.modal_box *{
  line-height: 1;
}
.modal_box .lineup_detail_link-red a{
  /*border: 3px solid #600000;*/
  border: 3px solid #000;
  height: 60px;
}
.modal_box .lineup_notes{
  min-height: 36px;
  line-height: 1.5;
}
@media screen and (min-width:769px) and ( max-width:1062px){
	.modal_box .lineup_subttl{
		margin:30px 0;
		font-size: 16px;
	}
}

/* IE11 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, header .header_inner {
    padding: 10px 0 5px 10px;
  }
}
@media all and (-ms-high-contrast:none) and (max-width: 950px){
  *::-ms-backdrop, header .header_inner {
    padding: 15px 0 5px 10px;
  }
}

/** ========================================
  修正 20220705
 ======================================== */
.top_mv_box{
	width: 1100px;
	display: flex;
	flex-wrap: wrap;
	align-items:flex-end;
	justify-content:space-between;
	margin:0 auto;
}
.mv_box01{
	width:600px;
}
.mv_box02,
.mv_box03{
	width:235px;
	padding-top:20px;
}

@media screen and (max-width: 768px){
	.top_mv_box{
		width: 100%;
		padding:0 20px;
	}
	.mv_box01{ width: 100%;padding:0 0 20px 0;}
	.mv_box02,
	.mv_box03{ width: 48%;text-align:center;}

	.top_btn span{
		font-size:26px !important;
	}
}

/*インナー*/
.mv_box01_inner{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items:flex-end;
	justify-content:space-between;
	margin:0 auto;
}
.mv_box01_inner .btn_box{
	width: 290px;
	padding-bottom: 20px;
}
@media screen and (max-width: 768px){
	.mv_box01_inner .btn_box{
		width: 100%;
	}
}
/*リード*/
.mv_box01 p{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	text-shadow: 0 0 5px #004386, 0 0 5px #004386, 0 0 5px #004386, 0 0 5px #004386, 0 0 5px #004386, 0 0 5px #004386;
}
/*テーブル内文字サイズ調整*/
.compare_area{
	font-size:102.5%;
}
/*青帯内調整*/
.bnr_heading{
	display: block;
	text-align:center;
}
.bnr_heading span.service_name{
	display:inline;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}