@charset "utf-8";

.gothic { font-family:"游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.mincho{ font-family:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", serif !important; -ms-font-family: "ＭＳ Ｐ明朝", "MS PMincho";-ms-font-feature-settings:"pkna";}

/*コンテンツ幅*/
.cont{width: 980px; max-width: 980px; margin-left: auto; margin-right: auto;}
.cont.cont_min{width:980px; margin-left: auto; margin-right: auto; position:relative;box-sizing: border-box;}
.cont_flex{display: flex; justify-content: space-between;}
.cont__main{width:750px; align-self: stretch;}/*メインコンテンツ*/
.cont__aside{width:200px; align-self: stretch;}/*サイドバーコンテンツ*/
/*コンテンツ幅ここまで*/

/*アンカーリンクの上調整*/
a.anchor{display: block;height:100px; margin-top:-100px;}

/*ブロックごとのデフォルトのパディング*/
.box{padding: 80px 0 100px;}
@media only screen and (max-width :768px) {
  .box{padding: 40px 0 50px;}
}

/*ブラウザ全面を使って表示*/
.full_vis {height: 100vh; width: 100vw; position: relative;}

@media only screen and (max-width :768px) {
  html{font-size:50%;}
	body{letter-spacing:0; line-height: 1.6;width:100%;overflow-x:hidden;}
	img{max-width:100%;width:auto;height:auto;}
	.cont{width: auto; max-width:inherit; margin-left: 15px; margin-right: 15px;}
	.cont.cont_min{width:100%; }
	.sp-cont{padding:0 15px;}
	.cont_flex{display: block; }
	.cont__main,
	.cont__aside{width:auto;}
}

/* font
-----------------------------------------------*/
.tit_en {font-family: 'Josefin Sans', sans-serif;}

/* commmon
-----------------------------------------------*/
/* ico_btn */
.ico_btn.video_ico::before{background-image: url( "../images/ico_video.svg");}
.ico_btn.contact_ico::before{background-image: url( "../images/ico_contact.svg");}
.ico_btn.document_ico::before{background-image: url( "../images/ico_document.svg");}
.ico_btn.try_ico::before{background-image: url( "../images/ico_try.svg");}
.ico_btn.dl_ico::before{background-image: url( "../images/ico_dl.svg");}

.iv {opacity: 0;}

.el_fadeIn { opacity: 0; transform: translate(0, 50px); transition: all 1s; }
.el_fadeIn.is_scrollIn { opacity: 1; transform: translate(0, 0); }

.trial_cv.layout_box3 .btn_try{width: 100%; margin-right: 0;}

@media only screen and (max-width :768px) {
.trial_cv.layout_box3 .btn_try{width: 100%;}
}


/* テーマ内で使いまわすクラス
-----------------------------------------------*/
/* タイトル類 */
.block_tit{ /*大ブロックのタイトル*/
  font-size:3.5rem; color: #333; line-height: 1.5;  margin-bottom:60px; padding-bottom:30px;text-align:center; display:table; margin-left: auto; margin-right: auto; position: relative;}
.block_tit::after{content: ""; display: inline-block; background: #55BDE8; height: 4px; width: 100%; position: absolute; bottom: 0; left: 0;}
.sec_tit{ /*セクションごとのタイトル*/
  font-size:2.2rem;margin-bottom:20px;}
.sub_tit{ /*段落などに使うタイトル*/
  font-size:1.8rem;margin-bottom:20px;}

.main-tit{ /*中ページのメインタイトル*/
  color:#fff; font-size:3.6rem; margin-bottom:30px; line-height: 1.5;text-align:center;}

/* ライン関連 */
.under_line { background: linear-gradient(transparent 70%, #FFFF00 70%);}

@media only screen and (max-width :768px) {
.block_tit{ /*大ブロックのタイトル*/
  font-size:2.5rem; line-height: 1.2;  margin-bottom:30px; padding-bottom:15px;}
}