@charset "UTF-8";
/* CSS Document */

body{
	text-align:center;
	/*font-family:'Noto Serif JP', serif;
	font-family:'Noto Sans JP', sans-serif;*/
	font-family:'Roboto', sans-serif;
	font-size:1em;
	color:(100 100 100 / 1);
	letter-spacing:.07em;
	line-height:1.75em;
}

a{
	text-decoration:none;
	font-style:normal;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	-ms-transition:All 1s ease;
	transition:All 1s ease;
}

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

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	letter-spacing:.15em;
}

.pc{
	display:block;
}
.sp{
	display:none;
}

/* header */
header{
	background:url(./images/mv_001.jpg) no-repeat 50% 0;
	background-size:100% auto;
	padding-top:0;
	padding-bottom:30px;
}
div#header_top_round{
	height:30px;
	display:grid;
	grid-template-columns:50px 250px;
	justify-content:space-between;
}
div#header_left_logo{
	height:45px;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
	/*background:rgb(255 255 255 / 1);*/
}
div#header_left_logo img{
	width:85%;
	height:auto;
	padding-top:10px;
}
a#header_right_menu{
	height:45px;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
	background:rgb(255 255 255 / 1);
	background:rgb(240 232 0 / 1);
	background-size:30px auto;
	font-size:1.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
a#header_right_menu span{
	background:url(./images/icon_download_blue.svg) no-repeat 0 50%;
	background-size:20px auto;
	padding-left:25px;
}

div#header_title{
	width:70%;
	margin:15px auto 20px;
}
div#header_title h2{
	margin-bottom:25px;
	font-size:2.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
div#header_title h1{
	width:80%;
	margin:0 auto;
}
div#header_title div#header_title_main h1 img{
}

div#header_main_menu{/* プランパネル panel */
	width:60%;
	margin:0 auto;
}
div#header_main_menu h5{
	margin-bottom:-15px;
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
div#header_main_menu h5 strong{
	font-size:1.75em;
	font-weight:700;
}
div#header_main_menu_round{
	width:100%;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap:0;
	align-items:flex-end;/* 下揃え */
}
div#header_main_menu_round a{
}
div#header_main_menu_round a img{
}

/* シーン別メニュー scene menu */
main article#menu_scene{
	margin:25px auto;
}
main article#menu_scene h2{
	display:inline-block;
	background:url(./images/icon_fukdashi.svg) no-repeat 0 50%;
	background-size:40px auto;
	margin-bottom:15px;
	padding-left:50px;
	font-size:1.75em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}

div#menu_scene_round{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:1fr 1fr;
	gap:0;
}

div#menu_scene_round a{
	padding-top:1.25em;
	padding-bottom:1.25em;
	border:1px solid rgb(255 255 255 / 0);
	text-align:center;
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
div#menu_scene_round a:nth-of-type(1),
div#menu_scene_round a:nth-of-type(3),
div#menu_scene_round a:nth-of-type(6),
div#menu_scene_round a:nth-of-type(8){
	background:rgb(14 110 168 / 1) url(./images/icon_arrow_for_menu.svg) no-repeat -5% -30%;
	background-size:40px auto;
}
div#menu_scene_round a:nth-of-type(2),
div#menu_scene_round a:nth-of-type(4),
div#menu_scene_round a:nth-of-type(5),
div#menu_scene_round a:nth-of-type(7){
	background:rgb(0 141 187 / 1) url(./images/icon_arrow_for_menu.svg) no-repeat -5% -30%;
	background-size:40px auto;
}

/* シーンパート scene */
section#scene{
}
div#scene_kyoiku{/* 教育 */
}
div.scene_001{
}
h3.scene_title{/* シーン別ご活用事例 〉〉<strong>教育機関</strong> */
	width:90%;
	margin:50px auto 25px;
	padding:.75em;
	background:rgb(14 110 168 / 1);
	border-radius:10px;
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
h3.scene_title strong{
	position:relative;
	bottom:-.1em;
	padding-right:65px;
	background:url(./images/icon_men_!.svg) no-repeat 95% 50%;
	background-size:43px auto;
	font-size:1.75em;
}
div.scene_ploblem{
	display:flex;
	justify-content:center;/* 左右センター */
	background:rgb(255 255 255 / 1) url(./images/icon_arrow_down_blue.svg) no-repeat 50% bottom;
	background-size:auto 30px;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:45px;
}
h4.scene_bloblem_title{
	margin-bottom:15px;
	font-size:1.75em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
div.scene_ploblem ul{
}
div.scene_ploblem ul li{
	margin-bottom:0;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:50px;
	font-size:1.45em;
	font-weight:700;
	text-align:left;
	color:rgb(14 110 168 / 1);
}
div.scene_ploblem ul li:nth-of-type(odd){
	background:url(./images/icon_men_ques_blue.svg) no-repeat 0 50%;
	background-size:35px auto;
}
div.scene_ploblem ul li:nth-of-type(even){
	background:url(./images/icon_men_ques_yellow.svg) no-repeat 0 50%;
	background-size:35px auto;
}

/* そのお悩みBitalkで解決します */
div.scene_solution{
	margin:25px auto;
	padding:50px 5%;
	padding-left:5%;
	padding-right:5%;
	background:rgb(14 110 168 / 1);
	font-size: .5em;
	color:rgb(255 255 255 / 1);
}
h3.scene_solution_title{
	display:inline-block;
	margin-bottom:25px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:58px;
	background:url(./images/icon_men_teacher.svg) no-repeat 0 50%;
	background-size:45px auto;
	font-size:1.75em;
	font-weight:700;
}
h3.scene_solution_title strong{
	font-size:1.75em;
}
h4.scene_solution_cap{
	margin-bottom:25px;
	font-size:3.5em;
	line-height:2em;
}
h4.scene_solution_cap strong{
	font-weight:700;
}
h4.scene_solution_cap strong.scene_back_yellow{
	margin-bottom:10px;
	padding:.1em 10px;
	background:rgb(240 232 0 / 1);
	color:rgb(14 110 168 / 1);
}
div.scene_solution_round{
	width:75%;
	margin:0 auto 35px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
}
div.scene_solution_round img{
	border-radius:15px;
}
div.scene_solution_round h5{
	margin-top:0;
	padding:5px;
	border:1px solid rgb(255 255 255 / .5);
	border-radius:5px;
	font-size:.9em;
	line-height:1.35em;
}
div.scene_solution_round h5 small{
	font-size:.5em;
}
div.scene_solution p{
	margin-bottom:35px;
	line-height:1.8em;
}
p.scene_solution_text{
}
p.scene_solution_text strong{
	font-weight:700;
}
div.scene_solution p img{
	width:70%;
	height:auto;
}
h5.scene_solution_cap_underline{
	display:inline;
	background:linear-gradient(transparent 70%, rgb(0 141 187 / 1) 70%);
	font-size:1.45em;
	font-weight:700;
	line-height:2em;
}
div.scene_solution_list_round{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top: 32px;
}
div.scene_solution_list_round > div{
	display:grid;
	grid-template-columns:145px auto;
	gap:16px;
	align-items:center;

}

div.scene_solution_list_round ul li{
	margin-bottom:10px;
	font-size:2em;
	font-weight:500;
	text-align:left;
}

/* プランパート plan */

/* プランタブメニュー */
/* コンテンツのオンオフ */
.tab-content{
 display: none;
}
/* コンテンツのオン */
.tab-content.active{
 display: block;
}
.tab-menu .tab-link.active {
 font-weight: bold; /* アクティブなタブのスタイルを追加（任意） */
}
li.tab-link {
 cursor: pointer;
}
article#menu_plan{
}
article#menu_plan h2{
	display:inline-block;
	margin-top:35px;
	margin-bottom:25px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:95px;
	background:url(./images/icon_3man_blue.svg) no-repeat 0 50%;
	background-size:85px auto;
	font-size:2.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
ul#menu_plan_round{
	margin:0 auto;
	display:grid;
	grid-template-columns:200px 200px 200px 200px;
	gap:0;
}
ul#menu_plan_round li{
	display:block;
	padding:.35em;
	padding-top:.5em;
	background:rgb(0 141 187 / .65);
	clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
	border-right:1px solid rgb(255 255 255 / 1);
	font-size:.95em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
ul#menu_plan_round li.active{
	background:rgb(14 110 168 / 1);
}

section#plan_content > div{
	background:rgb(255 255 255 / 1);
	box-sizing:border-box;
	border:5px solid rgb(0 0 0 / .1);
}
div#plan_standard{
}
div#plan_personal{
}
div#plan_chat{
}
div#plan_hiblid{
}

h3.plan_title{
	margin-top:35px;
	margin-bottom:50px;
	font-size:2.2em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
h3.plan_title img{
	display:inline-block;
	width:200px;
	height:auto;
	margin-right:20px;
	position:relative;
	top:.3em;
}
div.plan_main_round{
	margin-bottom:35px;
	padding:0 5%;
	display:grid;
	grid-template-columns:1fr 2fr;
	gap:10px;
}
div.plan_main_round_robot{
	grid-template-columns:0.9fr 2fr;
	gap: 40px;
	margin-bottom: 80px;
}
div.plan_main_round_robot div.plan_main_round_v img{
	border-radius: 64px;
}
div.plan_main_round_robot div.plan_main_title p.plan_main_title_img{
	margin-top: 36px;
}
div.plan_main_round_robot div.plan_main_title p.plan_main_title_img img{
	display: block;
	margin: 0 auto 0;
	width: 50%;
	margin: 0 auto;
	box-shadow: 5px 5px 3px rgb(14 110 168 / .3);
	text-align: center;
}

div.plan_main_title h4{
	margin-bottom:15px;
	font-size:1.75em;
	font-weight:600;
	line-height:1.8em;
	color:rgb(14 110 168 / 1);
	text-align:left;
}
div.plan_main_title p{
	margin-bottom:25px;
	text-align:left;
	line-height:1.8em;
}
div.plan_main_title a{
	display:block;
	margin:0 auto;
	width:300px;
	padding:.75em;
	background:rgb(240 232 0 / 1);
	border-radius:3px;
	box-shadow:3px 3px 3px rgb(14 110 168 / .3); 
	font-size:1.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
div.plan_main_title p.bitalk_logo{
	width:125px;
	margin:0 auto;
	margin-bottom:0;
	text-align:center;
}

h3.plan_feature{
	margin-bottom:15px;
	font-size:1.45em;
	color:rgb(14 110 168 / 1);
}
h3.plan_feature strong{
	font-weight:700;
}
ul.plan_list{
	width:80%;
	margin:0 auto;
	margin-bottom:80px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap:10px;
}
ul.plan_list li{
	height:45px;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/	
	border-radius:10px;
	font-size:1.25em;
	font-weight:700;
	line-height:1.2em;
}
ul.plan_list li:nth-of-type(1),
ul.plan_list li:nth-of-type(3),
ul.plan_list li:nth-of-type(6),
ul.plan_list li:nth-of-type(8){
	background:rgb(14 110 168 / 1);
	border:3px solid rgb(14 110 168 / 1);
	color:rgb(255 255 255 / 1);
}
ul.plan_list li:nth-of-type(2),
ul.plan_list li:nth-of-type(4),
ul.plan_list li:nth-of-type(5),
ul.plan_list li:nth-of-type(7){
	background:rgb(255 255 255 / 1);
	border:3px solid rgb(14 110 168 / 1);
	color:rgb(14 110 168 / 1);
}  

/* プランコンテンツテレコ plan_content */
div.plan_content{
	padding:60px 5%;
	display:grid;
	gap:20px;
	align-items:center;/*天地中央*/
}
div.plan_content_odd{
	grid-template-columns:2fr 1fr;
}
div.plan_content_even{
	grid-template-columns:1fr 2fr;
}
div.plan_content_odd.gray{
	background:rgb(0 0 0 / .03);
}
div.plan_content_even.yellow{
	background:rgb(240 232 0 / 1);
}
div.plan_content_odd div.plan_content_left{/* テキスト左 */
}
div.plan_content_odd div.plan_content_right{/* 画像右 */
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div.plan_content_even div.plan_content_left{/* 画像左 */
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div.plan_content_even div.plan_content_right{/* テキスト右 */
}
p.google img{
	width:60%;
	height:auto;
	margin:0 auto;
}
p.keyboard{
	width:175px;
	margin:0 auto;
	text-align:center;
}
p.keyboard img{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:25px;
	text-align:center;
}
p.sh img{
	box-shadow:8px 8px 6px rgb(14 110 168 / .2);
}
div.plan_content h3{
	margin-bottom:15px;
	font-size:1.75em;
	color:rgb(14 110 168 / 1);
	font-weight:600;
	text-align:left;
	line-height:1.9em;
}

div.plan_content h3 strong,
div.plan_content_single_column h3 strong{
	font-size:1.45em;
	font-weight:900;
}
div.plan_content div p{
	margin-bottom:15px;
	line-height:2em;
	text-align:left;
	color:rgb(14 110 168 / 1);
}
div.plan_content div ul{
	text-align:left;
	line-height:2em;
}
div.plan_content div ul li{
	display:inline-block;
	margin-right:2px;
	padding:.05em 10px;
	background:rgb(14 110 168 / 1);
	border-radius:13px;
	font-size:.8em;
	font-weight:600;
	color:rgb(255 255 255 / 1);
}
div.center_aj{
	margin:35px auto;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}

/* 20240728 追加プラン */
div.plan_content_single_column{
	padding:35px 5%;
}
div.plan_content_double{
}
div.plan_content_double_round{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
	align-items:center;/*天地中央*/
	margin-bottom:35px;
	text-align:left;
}
div.plan_content_single_column h3{
	margin-bottom:15px;
	padding-bottom:.25em;
	border-bottom:3px dotted rgb(0 141 187 / .35);
	font-size:1.45em;
	color:rgb(14 110 168 / 1);
	font-weight:700;
	text-align:center;
	line-height:1.9em;
}
div.plan_content_single_column h4{
	margin-top:35px;
	margin-bottom:10px;
	padding:.35em;
	padding-top:.55em;
	background:rgb(14 110 168 / 1);
	border-radius:3px;
	font-size:1.25em;
	font-weight:700;
	line-height:1.65em;
	color:rgb(255 255 255 / 1);
}
div.plan_content_single_column p{
	text-align:left;
}
div.plan_content_single_column ul{
	text-align:center;
}
div.plan_content_single_column ul li{
	margin-bottom:10px;
	font-size:1.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
div.plan_content_single_column ul li:before{
	content:'▶ ';
	font-size:.7em;
	color:rgb(0 141 187 / 1);
}
div.plan_content_single_column ul li span{
}
div.plan_content_single p img{
	width:70%;
	height:auto;
	margin:0 auto;
}

/* 20260401 チャットAI 追加プラン */
div.main_chat_ai_intro{
	padding: 64px 10%;
	color:rgb(14 110 168 / 1);
	text-align: left;
}
div.main_chat_ai_intro_title,
div.main_chat_ai_intro_content{
display:flex;
justify-content:center;
align-items:center;
}
div.main_chat_ai_intro_title > div{
	display: grid;
	grid-template-columns: 120px auto;
	margin-bottom: 20px;
	gap:24px;
	align-items:center;
}
div.main_chat_ai_intro_title h3{
	font-size: 1.75em;
	font-weight: 600;
	line-height: 1.75em;
}
div.main_chat_ai_intro_content > div{
	display: grid;
	grid-template-columns: auto 185px;
	gap:24px;
	align-items:center;
	font-size: 1.25em;
	line-height: 1.75em;
}
@media screen and (max-width:768px){
div.main_chat_ai_intro{
	text-align: center;
}	
div.main_chat_ai_intro_title > div{
	grid-template-columns: 1fr;
	grid-template-rows: 50px 1fr;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: left;
}
div.main_chat_ai_intro_title > div img{
	width: 125px;
	margin: 0 auto 40px;
}	
div.main_chat_ai_intro_content > div{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 100px; 
	margin: 0 auto;
	text-align: center;
}
div.main_chat_ai_intro_content > div a{
	display: block;
	margin: 0 auto;
	text-align: center;
}
div.main_chat_ai_intro_content > div a img{
	width: 175px;
	margin: 0 auto;
}
div.main_chat_ai_intro_content p{
	text-align: left;
}
}

div.plan_content_blue{
	background: rgb(14 110 168 / 1);
	padding:60px 5%;
}
div.plan_content_blue > div{
	background: white;
	border-radius: 24px;
	padding: 60px;
}
/*div.plan_content_blue > div > p:first-child img{
	display: block;
	margin-bottom: 100px;
}*/

div.plan_content_blue_ai p{
	color: white;
	font-size: 1.2em;
	text-align: left;
}

/* プラン表テーブル */
section#plan_table{
	width:70%;
	margin:0 auto;
}

h4.table_title{
	margin-top:35px;
	margin-bottom:15px;
	font-size:1.05em;
}
h4.table_title img{
	display:inline-block;
	width:175px;
	height:auto;
	margin-right:10px;
	position:relative;
	top:.35em;
}
table{
	width:100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0;
	color:rgb(100 100 100 / 1);
}
table tr::nth-of-type(odd){
}
table tr::nth-of-type(even){
	background:rgb(0 0 0 / .1);
}
table th,
table td{
	padding:7px;
	border:1px solid rgb(210 210 210 / 1);
	text-align:center;
	vertical-align:middle;
	
}
table th{
	background:rgb(14 110 168 / 1);
	width:20%;
	color:rgb(255 255 255 / 1);
}
table td:first-child{
	background:rgb(126 196 221 / .3);
}
table td strong{
	font-size:1.45em;
	font-weight:900;
	color:rgb(14 110 168 / 1);
}
table td span{
	font-size:.65em;
	text-align:left;
}
table td strong span{
	position:relative;
	bottom:-.05em;
	font-size:1.6em;
}
table td.left{
	font-size:.8em;
	text-align:left;
}
ul.table_cap{
	margin-top:15px;
	margin-right:15%;
	text-align:right;
}
ul.table_cap li{
	margin-bottom:0;
	font-size:.7em;
	text-align:left;
}

/* FAQ-よくある質問- */
section#faq{
	padding:70px 5% 0;
}
section#faq h3.faq_title{
	margin-bottom:25px;
	font-size:2.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
section#faq h3.faq_title img{
	margin-right:10px;
	width:55px;
	height:auto;
	position:relative;
	top:0px;
}
div.faq_round{
	margin-bottom:35px;
}
h4.faq_sub_title{
	margin-bottom:10px;
	font-size:2em;
	font-weight:600;
	color:rgb(14 110 168 / 1);
}
div.faq_group{
	padding:15px 1.5em;
	border-top:3px solid rgb(0 141 187 / .3);
	text-align:left;
}
div.faq_group:last-child{
	border-bottom:3px solid rgb(0 141 187 / .3);
}
div.faq_group:nth-child(even){
	background:rgb(0 0 0 / .05);
}
div.faq_group:nth-child(odd){
	background:rgb(0 141 187 / .05);
}
div.faq_group h5{
	margin-bottom:10px;
	padding-left:45px;
	padding-top:15px;
	padding-bottom:15px;
	background:url(./images/faq_q.svg) no-repeat 0 50%;
	background-size:35px auto;
	font-size:1.45em;
	font-weight:700;
	color:rgb(14 110 168 / 1);	
}
div.faq_group h6.faq_a{
	margin-left:1em;
	padding-left:60px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(./images/faq_a.svg) no-repeat 0 5px;
	background-size:50px auto;	
	font-size:1.25em;
	font-weight:600;
	color:rgb(14 110 168 / 1);
	line-height:1.5em;
}
div.faq_group h6.faq_a p{
	margin-bottom:8px;
	margin-left:0;
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
	background:none;
	font-size:1em;
	font-weight:600;
	color:rgb(14 110 168 / 1);	
}
div.faq_group span{
	font-size:.7em;
	color:rgb(0 141 187 / 1);	
}

/* footer */
footer{
	background:rgb(14 110 168 / 1);
	margin-top:70px;
	padding:35px 5% 0;
}
footer section#download{
	margin:0 5%;
	padding:35px;
	background:rgb(255 255 255 / 1);
	box-shadow:8px 8px 6px rgb(14 110 168 / .5);
	border-radius:20px 20px 0 0;
	border:2px solid rgb(14 110 168 / .5);
}

/* footerダウンロードエリア */
div#info h3,
div#movie h3{
	display:inline-block;
	margin-bottom:25px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:2.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
div#info h3{
	background:url(./images/icon_download_file.svg) no-repeat 0 50%;
	background-size:25px auto;
	padding-left:35px;
}
div#movie h3{
	background:url(./images/icon_download_movie.svg) no-repeat 0 40%;
	background-size:30px auto;
	padding-left:40px;
}

select{
	width: 100%;
	padding:6px 20px 6px 1em;
	color:rgb(14 110 168 / 1);
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand{
	display: none;
}
.select_wrapper{
	margin-bottom:15px;
	padding:.75em;
	position: relative;
	border-radius: 2px;
	border:3px solid rgb(0 0 0 / .2);
	background: rgb(255 255 255 / 1);
	font-size:1.25em;
	color:rgb(100 100 100 / 1);
}
select option{
	display:block;
	width:100%;
	padding:.1em 10px;
	background:rgb(14 110 168 / 1);
	border-bottom:1px solid rgb(255 255 255 / 1);
	color:rgb(255 255 255 / 1);
}
.select_wrapper::after{
	position: absolute;
	top: 1.5em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgb(0 0 0 / .3);
	pointer-events: none;
}
button{
	width:100%;
	background:rgb(0 141 187 / 1) url(./images/icon_arrow_downcircle_white.svg) no-repeat 100% -10%;
	background-size:55px auto;
	margin-bottom:50px;
	padding:.75em;
	border:none;
	border-radius:8px;
	box-shadow:8px 8px 6px rgb(14 110 168 / .3);
	font-size:1.45em;
	font-weight:700;
	letter-spacing:.2em;
	color:rgb(255 255 255 / 1);
}
button::hover{
	background:rgb(0 141 187 / 1) url(./images/icon_arrow_downcircle_white.svg) no-repeat 100% -10%;
	background-size:55px auto;
}
button.disabled{
   opacity:0.25; /* 薄く表示 */
   cursor:not-allowed; /* カーソルを禁止マークに変更 */
}

div#company_info{
	margin:25px auto;
	text-align:center;
	color:rgb(14 110 168 / 1);
}
div#company_info p{
	width:175px;
	margin:0 auto;
	margin-bottom:4px;
}
div#company_info h3{
	margin-bottom:0;
	font-size:1.75em;
}
div#company_info h3 span{
	font-size: .7em;
}
div#company_info h4{
	margin-bottom:0;
	font-size:.95em;
	letter-spacing:.2em;
}
div#company_info a{
	display:block;
	width:300px;
	margin:0 auto;
	margin-top:25px;
	padding:.5em;
	padding-top:.75em;
	border-radius:3px;
	background:rgb(14 110 168 / 1);
	background-size:25px auto;
	box-shadow:3px 3px 2px rgb(14 110 168 / .3);
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
div#company_info a span{
	padding-left:30px;
	background:url(./images/common_mail_white.svg) no-repeat 0 50%;
	background-size:20px auto;
}

footer a#credit{
	display:block;
	width:100%;
	padding-top:55px;
	padding-bottom:55px;
	background:rgb(14 110 168 / 1);
	font-size:.65em;
	color:rgb(255 255 255 / 1);
	letter-spacing:.5em;
}

/* ページトップボタン */
.to-top{
	position:fixed;
	right:0;
	bottom:-7px;
	cursor:pointer;
	z-index:5555;
}

.to-top img{
	width:35px;
	height:auto;
}

/* for タブレット・スマートフォン */
@media screen and (max-width:768px){
.pc{
	display:none;
}
.sp{
	display:block;
}

/* header */
header{
	min-height:100vh;
	background:url(./images/mv_001_sp.jpg) no-repeat 50% top;
	background-size:auto 100vh;
	padding-top:0;
	padding-bottom:30px;
}
div#header_title{
	width:90%;
	margin:45px auto 0;
}
div#header_title h2{
	margin-bottom:5px;
	font-size:2.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
	line-height:1.45em;
	letter-spacing:.1em;
}
div#header_title h1{
	width:100%;
	margin:0 auto 10px;
}
div#header_main_menu{/* プランパネル panel */
	width:90%;
	margin:0 auto;
}
div#header_main_menu h5{
	margin-bottom:8px;
	font-size:1.05em;
}
div#header_main_menu_round{
	width:100%;
	display:grid;
	grid-template-columns:1fr;
	gap:0;
	align-items:flex-end;/* 下揃え */
}
div#header_main_menu_round img{
	width:100%;
	height:auto;
}

ul#menu_plan_round{
	grid-template-columns:1fr 1fr;
}

/* シーン別メニュー scene menu */
main article#menu_scene{
	margin:0 auto;
}
main article#menu_scene h2{
	display:inline-block;
	background:url(./images/icon_fukdashi.svg) no-repeat 0 50%;
	background-size:40px auto;
	margin-bottom:15px;
	padding-left:50px;
	font-size:1.45em;
	font-weight:700;
	text-align:left;
	color:rgb(14 110 168 / 1);
}

div#menu_scene_round{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:1fr 1fr 1fr 1fr;
	gap:0;
}

div#menu_scene_round a{
	padding-top:1em;
	padding-bottom:1em;
	border:1px solid rgb(255 255 255 / 0);
	text-align:center;
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
div#menu_scene_round a:nth-of-type(1),
div#menu_scene_round a:nth-of-type(4),
div#menu_scene_round a:nth-of-type(5),
div#menu_scene_round a:nth-of-type(8){
	background:rgb(14 110 168 / 1) url(./images/icon_arrow_for_menu.svg) no-repeat -5% -30%;
	background-size:40px auto;
}
div#menu_scene_round a:nth-of-type(2),
div#menu_scene_round a:nth-of-type(3),
div#menu_scene_round a:nth-of-type(6),
div#menu_scene_round a:nth-of-type(7){
	background:rgb(0 141 187 / 1) url(./images/icon_arrow_for_menu.svg) no-repeat -5% -30%;
	background-size:40px auto;
}

/* シーンパート scene */
section#scene{
}
div#scene_kyoiku{/* 教育 */
}
div.scene_001{
}
h3.scene_title{/* シーン別ご活用事例 〉〉<strong>教育機関</strong> */
	width:90%;
	margin:25px auto 20px;
	padding:.5em;
	background:rgb(14 110 168 / 1);
	border-radius:5px;
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
h3.scene_title strong{
	position:relative;
	bottom:-.1em;
	padding-right:65px;
	background:url(./images/icon_men_!.svg) no-repeat 95% 50%;
	background-size:30px auto;
	font-size:1.45em;
}
div.scene_ploblem{
	display:flex;
	justify-content:center;/* 左右センター */
	background:rgb(255 255 255 / 1) url(./images/icon_arrow_down_blue.svg) no-repeat 50% bottom;
	background-size:auto 20px;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:35px;
}
h4.scene_bloblem_title{
	margin-bottom:5px;
	font-size:1.45em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
div.scene_ploblem ul{
}
div.scene_ploblem ul li{
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:28px;
	font-size:1.25em;
	font-weight:700;
	text-align:left;
	color:rgb(14 110 168 / 1);
}
div.scene_ploblem ul li:nth-of-type(odd){
	background:url(./images/icon_men_ques_blue.svg) no-repeat 0 50%;
	background-size:20px auto;
}
div.scene_ploblem ul li:nth-of-type(even){
	background:url(./images/icon_men_ques_yellow.svg) no-repeat 0 50%;
	background-size:20px auto;
}

/* そのお悩みBitalkで解決します */
div.scene_solution{
	margin:25px auto;
	padding:25px 5%;
	padding-left:5%;
	padding-right:5%;
	background:rgb(14 110 168 / 1);
	font-size: 1.45em;
	color:rgb(255 255 255 / 1);
}
h3.scene_solution_title{
	display:inline-block;
	margin-bottom:15px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:40px;
	background:url(./images/icon_men_teacher.svg) no-repeat 0 50%;
	background-size:30px auto;
	font-size:1.05em;
	font-weight:700;
	letter-spacing:.05em;
	line-height: 1.8em;
}
h3.scene_solution_title strong{
	font-size:1.3em;
}
h4.scene_solution_cap{
	margin-bottom:15px;
	font-size:1.15em;
	line-height:1.8em;
}
h4.scene_solution_cap strong{
	font-weight:700;
}
h4.scene_solution_cap strong.scene_back_yellow{
	margin-bottom:10px;
	padding:.1em 10px;
	background:rgb(240 232 0 / 1);
	color:rgb(14 110 168 / 1);
}
div.scene_solution_round{
	width:80%;
	margin:0 auto 25px;
	display:grid;
	grid-template-columns:1fr;
	gap:25px;
}
div.scene_solution_round img{
	border-radius:10px;
}
div.scene_solution_round h5{
	margin-top:0;
	padding:5px;
	border:1px solid rgb(255 255 255 / .5);
	border-radius:5px;
	font-size:.9em !important;
	line-height:1.35em;
}
div.scene_solution_round h5 small{
	font-size:.5em;
}
div.scene_solution p{
	margin-bottom:25px;
	text-align:left;
}
p.scene_solution_text{
}
p.scene_solution_text strong{
	font-weight:700;
}
div.scene_solution p img{
	width:100%;
	height:auto;
	margin:0 auto;
}
h5.scene_solution_cap_underline{
	display:inline;
	background:linear-gradient(transparent 70%, rgb(0 141 187 / 1) 70%);
	font-size:1.15em;
	font-weight:700;
	line-height:2em;
}
div.scene_solution_list_round > div{
	display:grid;
	grid-template-columns:auto;
	grid-template-rows: auto autos;
	gap:16px;
	place-items:center;
}
div.scene_solution_list_round img{
	width: 120px;
}

div.scene_solution_list_round ul li{
	margin-bottom:10px;
	font-size:1em;
	font-weight:500;
	line-height: 1.55em;
	text-align:left;
}

/* プランパート plan */

article#menu_plan h2{
	display:inline-block;
	margin-top:0px;
	margin-bottom:15px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:75px;
	background:url(./images/icon_3man_blue.svg) no-repeat 0 50%;
	background-size:65px auto;
	font-size:2em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
ul#menu_plan_round{
	margin:0 auto;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0;
}
ul#menu_plan_round li{
	display:block;
	padding:.35em;
	padding-top:.5em;
	background:rgb(0 141 187 / .65);
	clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
	border-right:1px solid rgb(255 255 255 / 1);
	font-size:.9em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
ul#menu_plan_round li.active{
	background:rgb(14 110 168 / 1);
}

h3.plan_title{
	margin-top:20px;
	margin-bottom:0;
	font-size:1.45em;
	color:rgb(14 110 168 / 1);
}
h3.plan_title img{
	display:inline-block;
	width:150px;
	height:auto;
	margin-right:10px;
	position:relative;
	bottom:-.25em;
}
div.plan_main_round{
	margin-bottom:0;
	padding:0 5%;
	display:grid;
	grid-template-columns:1fr;
	gap:15px;
}
div.plan_main_title h4{
	margin-bottom:15px;
	font-size:1.45em;
	font-weight:700;
	line-height:1.8em;
	color:rgb(14 110 168 / 1);
	text-align:left;
}
div.plan_main_title p{
	margin-bottom:10px;
	text-align:left;
}
div.plan_main_title a{
	display:block;
	margin:0 auto;
	width:200px;
	padding:.75em;
	background:rgb(240 232 0 / 1);
	border-radius:3px;
	box-shadow:3px 3px 3px rgb(14 110 168 / .3); 
	font-size:1.05em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}

/*202604*/
div.plan_main_round_robot{
	grid-template-columns:1fr;
	margin-bottom: 24px;
}
div.plan_main_round_robot div.plan_main_round_v img{
	border-radius: 64px;
	width: 60%;
	margin: 32px auto 0;
}
div.plan_main_round_robot div.plan_main_title p.plan_main_title_img img{
	display: block;
	width: 85%;
	margin: 0 auto;
}


h3.plan_feature{
	margin-top:25px;
	margin-bottom:15px;
	font-size:1.45em;
	color:rgb(14 110 168 / 1);
}
h3.plan_feature strong{
	font-weight:700;
}
ul.plan_list{
	width:90%;
	margin:0 auto;
	margin-bottom:30px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:5px;
}
ul.plan_list li{
	height:45px;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/	
	border-radius:6px;
	font-size:.9em;
	font-weight:700;
	line-height:1.2em;
}
ul.plan_list li span{
	font-size:1em;
}
ul.plan_list li:nth-of-type(1),
ul.plan_list li:nth-of-type(4),
ul.plan_list li:nth-of-type(5),
ul.plan_list li:nth-of-type(8){
	background:rgb(14 110 168 / 1);
	border:2px solid rgb(14 110 168 / 1);
	color:rgb(255 255 255 / 1);
}
ul.plan_list li:nth-of-type(2),
ul.plan_list li:nth-of-type(3),
ul.plan_list li:nth-of-type(6),
ul.plan_list li:nth-of-type(7){
	background:rgb(255 255 255 / 1);
	border:2px solid rgb(14 110 168 / 1);
	color:rgb(14 110 168 / 1);
}  

/* プランコンテンツテレコ plan_content */
div.plan_content{
	padding:35px 5%;
	display:grid;
	gap:10px;
	align-items:center;/*天地中央*/
}
div.plan_content_odd{
	grid-template-columns:1fr;
}
div.plan_content_even{
	grid-template-columns:1fr;
}
div.plan_content_odd div.plan_content_left{/* テキスト左 */
	margin:0 auto;
}
div.plan_content_odd div.plan_content_right{/* 画像右 */
	margin:0 auto;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div.plan_content_even div.plan_content_left{/* 画像左 */
	margin:0 auto;
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div.plan_content_even div.plan_content_right{/* テキスト右 */
	margin:0 auto;
}
p.google img{
	width:45%;
	height:auto;
	margin:0 20%;
	text-align:center;
}
p.keyboard{
	width:100px;
	margin:0 auto;
	text-align:center;
}
p.keyboard img{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:25px;
	text-align:center;
}
p.sh img{
	width:70%;
	height:auto;
	margin:0 15%;
	box-shadow:4px 4px 3px rgb(14 110 168 / .2);
}
p.cloud{
	width:50%;
	height:auto;
	margin:0 25%;	
}
div.plan_content h3{
	margin-bottom:10px;
	font-size:1.25em;
	color:rgb(14 110 168 / 1);
	text-align:center;
	line-height:1.9em;
}
div.plan_content h3 strong{
	font-size:1.45em;
	font-weight:700;
}
div.plan_content div p{
	margin-bottom:10px;
	line-height:1.65em;
	text-align:left;
}
div.plan_content div ul{
	margin:10px auto 10px;
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); /* 1列から自動フィット */
	gap:5px;	
	justify-content: center; /* 水平方向の中央揃え */
	align-content: center; /* 垂直方向の中央揃え */
	text-align:center;
	line-height:2em;
}
div.plan_content div ul li{
	display:block;
	margin-right:1px;
	padding:.02em 10px;
	background:rgb(14 110 168 / 1);
	border-radius:10px;
	font-size:1em;
	font-weight:600;
	line-height:2.1em;
	color:rgb(255 255 255 / 1);
}

/* 20240728 追加プラン */
div.plan_content_single_column{
	padding:20px 5%;
}
div.plan_content_double{
}
div.plan_content_double_round{
	display:grid;
	grid-template-columns:1fr;
	gap:15px;
	align-items:center;/*天地中央*/
	margin-bottom:55px;
	text-align:left;
}
div.plan_content_single_column h3{
	margin-bottom:15px;
	padding-bottom:.25em;
	border-bottom:3px dotted rgb(0 141 187 / .35);
	font-size:1.25em;
	color:rgb(14 110 168 / 1);
	font-weight:700;
	text-align:center;
	line-height:1.8em;
	letter-spacing:.01em;
}

div.plan_content_single_column h4{
	margin-top:35px;
	margin-bottom:10px;
	padding:.35em;
	padding-top:.55em;
	background:rgb(14 110 168 / 1);
	border-radius:3px;
	font-size:1.25em;
	font-weight:700;
	line-height:1.65em;
	color:rgb(255 255 255 / 1);
}
div.plan_content_single_column p{
	text-align:left;
}
div.plan_content_single_column ul{
	text-align:center;
}
div.plan_content_single_column ul li{
	margin-bottom:10px;
	margin-left:1em;
	text-indent:-1em;
	font-size:1.05em;
	font-weight:600;
	color:rgb(14 110 168 / 1);
	text-align:left;
	line-height:1.65em;
}
div.plan_content_single_column ul li:before{
	content:'→ ';
	font-size:.7em;
	color:rgb(0 141 187 / 1);
}
div.plan_content_single_column ul li span{
}
div.plan_content_single p img{
	width:100%;
	height:auto;
	margin:0 auto;
}

/* プラン表テーブル */
section#plan_table{
	width:90%;
	margin:0 auto;
}

h4.table_title{
	margin-top:35px;
	margin-bottom:15px;
	font-size:1.05em;
}
h4.table_title img{
	display:inline-block;
	width:175px;
	height:auto;
	margin-right:10px;
	position:relative;
	top:.35em;
}
table{
	width:100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0;
	color:rgb(100 100 100 / 1);
}
table tr::nth-of-type(odd){
}
table tr::nth-of-type(even){
	background:rgb(0 0 0 / .1);
}
table th,
table td{
	padding:7px;
	border:1px solid rgb(210 210 210 / 1);
	text-align:center;
	vertical-align:middle;
	
}
table th{
	background:rgb(14 110 168 / 1);
	width:20%;
	color:rgb(255 255 255 / 1);
}
table td:first-child{
	background:rgb(126 196 221 / .3);
}
table td strong{
	font-size:1.45em;
	font-weight:900;
	color:rgb(14 110 168 / 1);
}
table td span{
	font-size:.65em;
	text-align:left;
}

ul.table_cap{
	margin-top:15px;s
	margin-right:15%;
	text-align:right;
}

ul.table_cap li{
	margin-bottom:0;
	font-size:.7em;
	text-align:left;
}

/* footer */
footer{
	background:rgb(14 110 168 / 1);
	margin-top:50px;
	padding:35px 0 0;
}
footer section#download{
	margin:0 2.5%;
	padding:15px;
}

/* FAQ-よくある質問- */
section#faq{
	padding:70px 5% 0;
}
section#faq h3.faq_title{
	margin-bottom:45px;
	font-size:2.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
section#faq h3.faq_title img{
	margin-right:10px;
	width:55px;
	height:auto;
	position:relative;
	top:6px;
}
div.faq_round{
	margin-bottom:50px;
}
div.faq_group{
	padding:10px .5em;
	border-top:3px solid rgb(0 141 187 / .2);
	text-align:left;
}
div.faq_group h5{
	margin-bottom:10px;
	padding-left:45px;
	padding-top:15px;
	padding-bottom:15px;
	background:url(./images/faq_q.svg) no-repeat 0 50%;
	background-size:35px auto;
	font-size:1.25em;
	font-weight:700;
	color:rgb(14 110 168 / 1);	
}
div.faq_group h6.faq_a{
	margin-left:.25em;
	padding-left:60px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(./images/faq_a.svg) no-repeat 0 5px;
	background-size:50px auto;	
	font-size:1.25em;
	font-weight:600;
	rgb(14 110 168 / 1);
	line-height:1.5em;
}

/* footerダウンロードエリア */
div#info h3,
div#movie h3{
	display:inline-block;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.75em;
	font-weight:700;
	color:rgb(14 110 168 / 1);
}
div#info h3{
	background:url(./images/icon_download_file.svg) no-repeat 0 50%;
	background-size:23px auto;
	padding-left:32px;
}
div#movie h3{
	background:url(./images/icon_download_movie.svg) no-repeat 0 50%;
	background-size:40px auto;
	padding-left:50px;
}

select{
	width: 100%;
	padding:3px 20px 3px .25em;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size:1.05em;
	color:rgb(100 100 100 / 1);
}
select::-ms-expand{
	display: none;
}
.select_wrapper{
	margin-bottom:15px;
	padding:.75em;
	position: relative;
	border-radius: 2px;
	border:3px solid rgb(0 0 0 / .2);
	background: rgb(255 255 255 / 1);
	font-size:1.45em;
	color:rgb(100 100 100 / 1);
}
.select_wrapper::after{
	top: 1.5em;
	right: .5em;
}
button{
	width:100%;
	background:rgb(14 110 168 / 1) url(./images/icon_arrow_downcircle_white.svg) no-repeat 100% -10%;
	background-size:55px auto;
	margin-bottom:50px;
	padding:.75em;
	border:none;
	border-radius:8px;
	box-shadow:4px 4px 3px rgb(14 110 168 / .3);
	font-size:1.45em;
	font-weight:700;
	letter-spacing:.2em;
	color:rgb(255 255 255 / 1);
}

div#company_info{
	margin:0 auto;
	text-align:center;
}
div#company_info p{
	width:175px;
	margin:0 auto;
	margin-bottom:10px;
}
div#company_info h3{
	font-size:1.75em;
	margin-bottom:0;
}
div#company_info h4{
	margin-bottom:0;
	font-size:.95em;
	letter-spacing:.1em;
}
div#company_info a{
	display:block;
	width:250px;
	margin:15px auto 35px;
	padding:.5em;
	padding-top:.75em;
	border-radius:3px;
	background:rgb(14 110 168 / 1);
	background-size:25px auto;
	box-shadow:3px 3px 2px rgb(14 110 168 / .3);
	font-size:1.25em;
	font-weight:700;
	color:rgb(255 255 255 / 1);
}
div#company_info a span{
	padding-left:30px;
	background:url(./images/common_mail_white.svg) no-repeat 0 50%;
	background-size:20px auto;
}

footer a#credit{
	display:block;
	width:100%;
	padding-top:35px;
	padding-bottom:35px;
	background:rgb(4 74 117 / 1);
	font-size:.65em;
	color:rgb(255 255 255 / 1);
	letter-spacing:.5em;
}
}

@media (min-width: 1280px) {
/* PC文字サイズ調整 */	
/* シーン別解決 */
/*h4.scene_solution_cap{
	font-size:4em;
}	*/	
div.scene_solution_round h5{
	font-size:3.5em;
}
div.scene_solution_round h5 small{
	font-size:.7em;
}
div.scene_solution p{
	font-size:2.5em;
}
/*h5.scene_solution_cap_underline{
	font-size:3.5em;
}*/

/* プランメインタイトル */
div.plan_main_title h4{
	font-size:3em;
}
div.plan_main_title p{
	font-size:2.5em;
}
div.plan_main_title a{
	font-size:2.5em;
}

/* プランコンテンツ */
div.plan_content div p{
	font-size:2.5em;
}
}

/* アニメーション */
/* Loading背景画面設定　*/
#opening{
position:fixed;
width:100%;
height:100vh;
z-index:9999;
background:rgb(14 110 168 / 1);
text-align:center;
}
/* Loading画像中央配置　*/
#opening_logo{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
@media screen and (max-width:768px){
#opening_logo{
top:45%;
}
}
/* Loading アイコンの大きさ設定　*/
#opening_logo img{
width:150px;
}
/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from{
opacity:0;
transform:translateY(100px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* ヘッダーアニメーション */
body{
	animation: fade 3s;
}
@keyframes fade{
	0%{opacity: 0;
	}
	100%{opacity: 1;
	}
}

/* 1.5秒間かけてフェードイン */
.fadeIn1500ms{
		animation-name: fadeIn1500ms;
		animation-delay: 1500ms;
		animation-duration: 1.5s;
		animation-fill-mode: forwards;
		transform: translateY(-60px);
		opacity: 0;
}
@keyframes fadeIn1500ms{
		0%{
		}
		100%{
				transform: translateY(0);
				opacity: 1;
		}
}

/* 2秒間かけてフェードイン */
.fadeIn2000ms{
		animation-name: fadeIn2000ms;
		animation-delay: 2000ms;
		animation-duration: 2s;
		animation-fill-mode: forwards;
		transform: translateY(60px);
		opacity: 0;
}
@keyframes fadeIn2000ms{
		0%{
		}
		100%{
				transform: translateY(0);
				opacity: 1;
		}
}

/* 2.5秒間かけてフェードイン */
.fadeIn2500ms{
		animation-name: fadeIn2500ms;
		animation-delay: 2500ms;
		animation-duration: 2.5s;
		animation-fill-mode: forwards;
		transform: translateY(-60px);
		opacity: 0;
}
@keyframes fadeIn2500ms{
		0%{
		}
		100%{
				transform: translateY(0);
				opacity: 1;
		}
}

.animate{
opacity:0;
transform:translateY(30px);
transition:all 1.0s;
}
.animate_reverse{
opacity:0;
transform:translateY(-30px);
transition:all 1.0s;
}
.animate.show,
.animate_reverse.show{
opacity:1;
transform:translateY(0);
}
body{
animation:fade 3s;
}
@keyframes fade{
0%{opacity:0;
}
100%{opacity:1;
}
}