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

html{
	position:relative;
	overflow-x: hidden;
}

/*全体設定*/
body{
	color: #4d4d4d;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.6;
	width:100%;
	position:relative;
	overflow-x: hidden;
}

#back_js{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: -1;
}

#hdr_wrap{display:none;}
#pg_head ul{display:none;}
#pg_head{
	height:50px;
	background:#fff;
	text-align:center;
	border-bottom:1px solid #ddd;
}
#pg_head #logo{
	width:40%;
	height:auto;
}

/*ナビゲーション*/

#sp_menu,#btn_menu{
	display:block;
}

#gnav_wrap{display:none;}

#btn_menu {
	position: absolute;
	top: 0;
	left: 0;
}
#btn_menu a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/btn_menu.gif) no-repeat left top;
	background-size: 50px 50px;
}
#btn_menu a span {
	position: relative;
	z-index: -1;
}
#sp_menu {
	display: none;
}
ul#menu{
	border-bottom: 1px solid #ddd;
	list-style: none;
}
ul#menu li {
	border-top: 1px solid #ddd;
	background: #fff;
	font-weight: bold;
	color: #333 ;
}
ul#menu > li:first-child {
	border-top: none;
}
ul#menu li a{
	display: block;
	padding: 10px;
	color: #333;
}
ul#menu li h6 {
	margin: 0;
	border-top: 1px solid #ddd;
	padding: 10px;
	color: #333 ;
	background: #fff;
	font-size: 100%;
}

/*サブメニュー*/
ul#menu li ul.sub li{
	background: #eee;
	background-image:none;
	border: none;
	border-top: 1px solid #ddd;
	color: #333;
	font-weight: normal;
}
ul#menu li ul.sub li a{
	padding-left: 15px;
	color:#333;
}


section.gnav{
	width: 100%;
/*	overflow:hidden;*/
	z-index:10;
	position:fixed;
}

nav.inner{
	background-color: #efefef;
	height:auto;
	width: 100%;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	overflow:scroll;
}


nav img{
	height: auto;
	width: 40%;
}

nav ul li{
	float: left;
	width:100%;
	text-align:center;
	height: auto;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	display:block;
	padding:10px;
	box-sizing:border-box;
	display:none;
}

nav ul#accordion li{
	display:none;
}

nav ul li:first-child{
	text-align: right;
	width: 100%;
	border-bottom-style: none;
	display:block;
}


img.arrow{
	height: auto;
	width: 20%;
}

nav ul li ul.subs{
	top: 40px;
	display:none;
}

nav ul li ul.subs li{
	background-color: #efefef;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 100%;
	box-sizing: border-box;
	margin-top:0;
	float:none;
	margin-right:0;
	font-size: 12px;
	text-align: left;
	margin-left: 45%;
}

nav ul li ul.subs li a,nav ul li a{
	color: #4d4d4d;
	text-decoration: none;
	display:block;
}

nav ul li.nav_display_none{
	display:none;
}

div.close{
	float: right;
}

#function01, #function02, #function03, #function04, #function05, #function06, #function07, #function08, #function09 {
  margin-top: -10px; /* 固定ナビの高さ分のネガティブマージン */
  margin-bottom:10px;
  padding-top: 50px; /* 打ち消し用のパディング */
}

#function01{margin-top:-20px !important;}
#function02{margin-top:50px !important;}
#function03{margin-top:20px !important;}
#function04{margin-top:50px !important;}
#function05{margin-top:50px !important;}
#function06{margin-top:50px !important;}
#function07{margin-top:50px !important;}
#function08{margin-top:50px !important;}
#function09{margin-top:50px !important;}

/*メインビジュアル*/
.header_img{
	background-image: url(../images/sky_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 100%;
	background-size:cover;
	padding-top:130px;
}

header.inner{
	padding: 0px;
}

header img{
	width: 100%;
	height: auto;
	vertical-align:bottom;
}

.ribbon{
	width: 30%;
	height: auto;
	margin-top: 50px;
}

.header_back{
	padding: 20px 20px 0 20px;
	height: auto;
	margin-top: -20%;
}

.SMS{
	background-color: #ffdc07;
	border: 1px solid #ffdc07;
	border-radius:10px;
	padding: 3px;
	width: 25%;
	font-weight: bold;
	margin-left: 15%;
	font-size: 71%;
	text-align: center;
}

.header_back .lead{
	margin:0 auto;
	font-size:90%;
	color: #FFF;
	font-weight:bold;
	margin-bottom:20px;
}

.header_back .lead em{
	display:block;
}

.header_back .lead span{
	font-size: 130%;
}

.header_back .logo{
	margin-bottom:30px;
}

.header_img  header .header_back .text_center{
	text-align: center;
}


/*イントロダクション*/

section.intro{
	background-color: #fff;
	height: auto;
	width: 100%;
	text-align: center;
}
.intro .pc{display:none;}
.intro .sp{display:block;}


.intro .slide_left{
	visibility:visible !important;
}
.intro .fadeInLeft{
}

.intro h1{
	font-size: 24px;
	font-weight: bold;
	color: orange;
	margin-top: 0;
	line-height:1.3;
}

.intro h1 em{display:block;}

.intro_contents{
	padding: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.intro_link{
	margin-right: auto;
	margin-left: auto;
}

section.intro ul, ul.final{
/*	overflow:hidden;*/
	width: 100%;
	font-size:12px;
	margin:0 auto;
	padding:20px 15px 0;
}

section.intro ul li, ul.final li{
	font-size: 12px;
	color: #0070c9;
	text-align: left;
	margin-bottom: 0;
}

section.intro img{
	clear: both;
	margin-bottom: 50px;
	width: 100%;
	height: auto;
}

.intro ul li a, article a, ul.final li a{
	color: #0070c9;
	text-decoration: none;
	font-size:14px;
}

.inner ul li a:hover,article a:hover{
	text-decoration: underline;
}

.links ul li a{
	font-size: 12px;
	color: #0070c9;
}

/*機能紹介メイン*/




.intro_main_img{
	background-image: url(../images/introback.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
}

.intro_main_img img{
	height: auto;
	width: 100%;
}

/*手動配信*/
article{
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}

article span{
	font-size: 20px;
	font-weight: bold;
}

article img{
	height: auto;
	width: 20%;
	margin-bottom: 20px;
}

h4{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.function, .sp_function{
	background-color: #f4f4f4;
	margin:0 0 0 0;
	padding: 20px 10px 0;
	height: auto;
	border: 1px solid #f4f4f4;
	text-align:center;
	box-sizing:border-box;
/*	overflow:hidden;*/
}

.odd{
	background:#dadbdd;
}

.function_detail span, .sp_function_detail_left span{
	font-size: 24px;
	font-weight:bold;
}

.function_detail{margin-top:30px;}
.function_detail:first-child{margin-top:0px;}

.screen_image{
	text-align: center;
/*	overflow:hidden;*/
}

section.screen_image ul li img.keijiban{
	height: 210px;
}

.screen_image ul li:last-child{
}

.screen_image ul li img:last-child{
	height: auto;
	width: 100%;
}

.screen_image ul li img.slide_bottom{
	width: 100%;
	height: auto;
	vertical-align:bottom;
}

/*基本情報設定*/

.screen_image ul li.negative_margin2{
	margin-left: 0.2%;
}

/*回答一覧*/

.old_version{
	color: #FFF;
	background-color: #666666;
	text-align: left;
	padding: 20px;
	border: 1px solid #666666;
	border-radius:10px;
	margin-bottom:20px;
}

.problem{
/*	overflow:hidden;*/
}

.problem img{
	float: left;
	width:20%;
	height:auto;
}

div.problem p{
	color: #F00;
	text-align: left;
	margin-bottom:20px;
	float: left;
	margin-left:20px;
	width:70%;
}

.clear_both{
	clear: both;
	width:30%;
	height:auto;
}

.new_version{
	color: #FFF;
	background-color: orange;
	padding: 20px;
	border: 1px solid orange;
	border-radius:10px;
	margin-bottom:20px;
	font-weight:bold;
	margin-top:20px;
	font-size:16px;
}

/*未回答一覧*/
article img.icon{
	width: 35%;
}

.screen_image ul li.negative_margin3{
	margin-left: 0.2%;
}


/*ユーザ画面【モバイル】*/

.sp_user{
	background-image: url(../images/sp_tokyo_back01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	bakcground-size:100%;
	font-size: 24px;
	text-align:center;
	height: 180px;
	padding-top:320px;
}

/*ユーザー登録*/

.sp_function_detail_left, .screen_image_left{
	width: 100%;
	margin-right: 2%;
	margin-bottom:30px;
}

.screen_image_right ul.sp1{
	background-image: url(../images/sp_blank.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
}

.screen_image_right ul.sp1 li{
	padding-top: 65px;
}

.screen_image_right{
	width: 80%;
	margin:0 auto;
}

.screen_image_left{
	width: 80%;
	margin:0 auto;
}

.screen_image_left ul.sp2{
	background-image: url(../images/sp_blank2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	margin-top:100px;
}

.screen_image_left ul.sp2 li{
	padding-top: 0;
}


.screen_image_left p.red{
/*	overflow: hidden;*/
	color: #F00;
	text-align: left;
	clear: both;
}

.screen_image_right ul.sp3{
	background-image: url(../images/sp_blank3.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}

.screen_image_right ul.sp3 li{
	padding-top: 32%;
}

.screen_image_right ul.sp4, .screen_image_left ul.sp4{
	background-image: url(../images/sp_blank3.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	height: 650px;
}

.screen_image_right ul.sp4 li, .screen_image_left ul.sp4 li{
	padding-top: 30%;
}

.sp_screen_image2 ul.sp5{
	background-image: url(../images/sp_blank4.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	margin-top:100px;
	height: 480px;
}

.sp_screen_image2 ul.sp5 li{
	padding-top: 0;
}

.sp_screen{
	width: 88%;
	height:auto;
}

.left ul.sp4, .right ul.sp4{
	background-image: url(../images/sp_blank3.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	height: 780px;
}

.left ul.sp4 li, .right ul.sp4 li{
	padding-top: 75px;
}

.screen_image_left p.red img.mail{
	margin-top: 0px;
	width: 20%;
	height: auto;
}

.screen_image_left p img{
	margin-right: 20px;
}

.screen_image_left p.message{
	background-color: #FFF;
	text-align: left;
	padding: 20px;
	border: 1px solid #4d4d4d;
	color:#4d4d4d;
	margin-top: 20px;
}


.sp_function_detail_right{
	float: right;
	width: 47%;
	margin-top: 100px;
	clear:both;
}



/*家族登録*/

ul.sp3 li img{
	margin-left: 7%;
	width: 103%;
	height: auto;
}

.sotowaku{
	background-color: #b3b3b3;
	padding: 20px;
	clear:both;
	width: 100%;
	margin-bottom: 20px;
	box-sizing: border-box;
	margin-top: 40px;
/*	overflow:hidden;*/
}

.screen_image_right p.message{
	background-color: #FFF;
	text-align: left;
	padding: 20px;
	border: 1px solid #4d4d4d;
	color:#4d4d4d;
	clear:both;
}

.popup{
	width: 100%;
	clear: both;
}


/*全ユーザー画面*/
.sp_user_img{
	background-image: url(../images/tokyo_back01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	position:relative;
	bakcground-size:100%;
}

div.function{
/*	overflow: hidden;*/
}

.sp_screen_image2 ul{
	width:100%;
	height:300px;
}

ul.sp5 li img.sp_screen{
	width: 82%;
	height: auto;
}


/*管理画面【モバイル】*/

.sp_user_img2{
	background-image: url(../images/tokyo_back02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	position:relative;
	bakcground-size:100%;
}

/*掲示板*/
div.left{
	height: auto;
}

div.right{
	height: auto;
}

div.left ul li, div.right ul li{
	text-align:center;
}

div.left ul li img.sp_screen, div.right ul li img.sp_screen{
	width:88%;
}


div.margin_bottom{
	margin-bottom: 50px;
}



/*フッター*/

#pc_ftr{display:none;}

#smt_ftr{
	border-top:1px solid #ededed;
	background:#fff;
	display:block;
}

#pg_ftr{
	text-align:center;
}
.copy{
padding: 15px 0 10px;
font-size: 16px;
color:#666;
}

.gotop{
    position: fixed;
    bottom: 0;
    width: 100%;
    background:#fff;
    border-top: 1px solid #dedede;
    z-index:9999;
}
.gotop_cont {
	padding: 5px;
}
.gotop_cont p {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	text-align: center;
}
.gotop_cont #inq {
	width: 35%;
	margin-right: 1.5%;
	line-height: 1.4;
	font-size: 10px;
}
.gotop_cont #ftr_btn {
	width: 31%;
	margin-right: 1.5%;
	font-size: 12px;
}
.gotop_cont #inq_btn {
	width: 31%;
	font-size: 12px;
}
.gotop_cont a{
    display: block;
	border-radius: 20px;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
	padding:8px 10px 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	white-space: nowrap;
}
.gotop_cont a:hover{
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3);
	color: #fff;
	padding: 9px 10px 9px;
}
.gotop_cont #ftr_btn a{
	background: #C72830;
	letter-spacing: -1px;
}
.gotop_cont #inq_btn a{
	background: #4A738A;
	letter-spacing: -1px;
}


footer{
	font-size: 12px;
	background-color: #E6F2F9;
	height: auto;
	width: 100%;
/*	overflow:hidden;*/
	clear: both;
}

footer a{
	color: #666666;
	text-decoration:none;
}

footer a:hover{
	text-decoration: underline;
}

footer div.inner ul.f_nav li{
	float:left;
}

div.inner>ul li:last-child{
	margin-bottom:0;
}

footer div span{
	font-weight: bold;
}

div.clear_both{
	overflow: hidden;
	width:100%;
}

footer p.footer_left{
	margin-right:50px;
}

ul.footer_icons{
	margin-top: 20px;
}


ul.footer_icons li{
	margin-bottom: 20px;
	float: left;
}

footer small{
	width: 100%;
/*	overflow:hidden;*/
	font-size:11px;
}

footer small ul{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4d4d4d;
}

footer small ul li{
	margin-top:20px;
	margin-bottom:20px;
	width: 100%;
	text-align: center;
}


footer small ul li:first-child{
	float: none;
	margin-top:20px;
	margin-bottom:20px;
	width: 100%;
	border-right: none;
	text-align:center;
}


.modoru{
	position: fixed;
	right: 5px;
	bottom: 20px;
	width: 20%;
	height: auto;
}

.modoru img{
	height: auto;
	width: 100%;
}

.sp_display_none{
	display: none !important;
}

.slide_down, .slide_left, .slide_right, .slide_bottom{ visibility: hidden;}

.intro_3col{
	width:100%;
	margin:0 auto 45px auto;
	display:block;
}
.intro_3col .col3_l,
.intro_3col .col3_m,
.intro_3col .col3_r {
	width:90%;
	margin:0 auto 35px;
}

.intro_3col .col3_l h4,
.intro_3col .col3_m h4,
.intro_3col .col3_r h4{
	margin:10px 0;
	padding:0;
	font-size:18px;
} 

.intro_3col .col3_l h4 span,
.intro_3col .col3_m h4 span,
.intro_3col .col3_r h4 span,
.intro_3col .col3_l p span,
.intro_3col .col3_r p span{
	display:block;
}

.intro_3col .col3_l p,
.intro_3col .col3_m p,
.intro_3col .col3_r p{
	text-align:justify;
}

.intro_3col .col3_l p small{font-size:80%;}

.intro_3col .col3_l .icn,
.intro_3col .col3_m .icn,
.intro_3col .col3_r .icn {
	text-align:center;
}
.intro_3col .col3_l .icn img,
.intro_3col .col3_m .icn img,
.intro_3col .col3_r .icn img {
	width:140px;
	height:auto;
}

.intro_3col .col3_m .icn{
	margin:20px 0;
}

.intro_3col .col3_r .icn{
	margin:40px 0 42px 0;
}

#movie{
	margin: 0 0 0;
	padding: 20px 10px 30px;
	background-color: #fef9f0;
}

.mvr2 #movie{
	background:#ffdfa5 !important;
	margin: 0 0 30px;
}



#movie #movie_text span{display:inline;}

#movie iframe{
	width:100%;
}

#movie span#time{
	font-family:"Arial";
	font-size:36px;
	color:#d96831;
}
#movie span#sec{
	margin:0 0 0 5px;
	color:#d96831;
}
#movie_text {
	padding: 10px 0 0;
}

#movie_right ul{
	display:none;
}

.gotop2{
	width:100%;
}
.gotop2 #ftr_btn a{
background: #C72830 url("../_cmn/icn_trial.png") no-repeat 15px 10px /23px auto;
    border-bottom: 2px solid #920012;
    border-radius: 100px;
    border-style: none none solid;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding:6px 12px 6px 45px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #920012;
    letter-spacing: -1px;
    width:70%;
    }
    
    
.gotop2 #ftr_btn a:hover{
border-bottom: 1px solid #920012;
    color: #fff;
    padding: 8px 12px 5px 45px;
background: #A81222 url("../_cmn/icn_trial.png") no-repeat 15px 12px /23px auto;
    }

.gotop2 #ftr_btn2 a{
background: #4A738A url("../_cmn/icn_contact.png") no-repeat 15px 10px /23px auto;
    border-bottom: 2px solid #304E61;
    border-radius: 100px;
    border-style: none none solid;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding:6px 12px 6px 42px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #304E61;
    letter-spacing: -1px;
    width:70%;
    }
    
    
.gotop2 #ftr_btn2 a:hover{
border-bottom: 1px solid #304E61;
    color: #fff;
    padding: 8px 12px 5px 42px;
background: #304E61 url("../_cmn/icn_contact.png") no-repeat 15px 12px /23px auto;
    }

/*文字を下へフェードイン*/
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 -ms-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30%); -webkit-transform:scale(0);}
 100% { opacity: 1; -webkit-transform: translateY(0);  -webkit-transform:scale(1);}
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); -ms-transform: scale(0); transform: scale(0);}
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -ms-transform: scale(1); transform: scale(1);}
}

/*画像を上へフェードイン*/
.fadeInUP {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 -ms-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: fadeInUP;
 animation-name: fadeInUP;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUP {
 0% { opacity: 0; -webkit-transform: translateY(30%); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUP {
 0% { opacity: 0; -webkit-transform: translateY(30%); -ms-transform: translateY(500px); transform: translateY(30%); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*文字を左へフェードイン*/
.fadeInLeft {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 -ms-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-30%); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/*文字を右へフェードイン*/
.fadeInRight {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 -ms-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
 visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(30%); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(30%); -ms-transform: translateX(500px); transform: translateX(30%); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/*全体*/
body {

    font-size: -webkit-calc(1.6rem + 2 * (100vw - 560px) / (960 - 560));
    font-size: calc(1.6rem + 2 * (100vw - 560px) / (960 - 560));

}

body {
    font-family: "游ゴシック", YuGothic, "Verdana", "Arial", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    line-height: 1.9;
    color: #333333;
    box-sizing: border-box;
}

.inner{
	height: auto;
	box-sizing: border-box;
}
h2{
	font-size: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 28px;
	line-height:1.3;
    color:#0059a9;
    text-align: center;
}

h3{
    font-size:20px;
    color:#0059a9;
    font-weight: bold;
   	line-height:1.3;
    margin-bottom:20px;
}

h4{
    font-size:18px;
    color:#958763;
    font-weight: bold;
   	line-height:1.8;
    font-weight: bold;
    margin-bottom:10px;
}

h5{
     font-size:20px;
    color:#0059a9;
    font-weight: bold;
   	line-height:1.8;
    font-weight: bold;
    margin-bottom:20px;
    text-align:center;
    text-align: center;
    border-bottom: 1px #ccc solid;
    padding-bottom: 8px;
}

.under {
  background: linear-gradient(transparent 50%, #ffd872 50%);
}

.midasi{
    margin:0 auto 0 0;
}

.syou_midasi{
    font-size:14px;
    color:#939393;
    text-align:center;
    font-weight: bold;
    white-space: nowrap;
}

#sp_menu{
    font-size:16px;
}

ul#menu li ul.sub li {
    background: #eee;
    background-image: none;
    border: none;
    border-top: 1px solid #ddd;
    color: #333;
    font-weight: normal;
    text-decoration: none;
}

ul#menu li a {
    display: block;
    padding: 10px;
    color: #333;
    text-decoration: none;
    
}

li {
    list-style: none;
}
.inner{
    font-size:0.7em;
    width: 100%;
}
#sikumi .inner .txt,
#technology .inner .txt,
#platform .inner .txt,
#scurity .inner .txt,
#deta .inner .txt,
#zidou .inner .txt,
#bcp .inner .txt{
    width:100%;
}

#sikumi .inner .gamen,
#technology .inner .gamen,
#platform .inner .gamen,
#scurity .inner .gamen,
#deta .inner .gamen,
#zidou .inner .gamen,
#bcp .inner .gamen{
    width:100%;
}


.three{
    display:block;
    width:100%;
    margin:30px 0;
    font-weight: bold;
}

.three .one .icn{
    margin-bottom:12px;
}

.three .one{
    width:100%;
    text-align:center;
    margin-bottom: 30px;
}
.three .one p{
    font-size:16px;
    font-weight: bold;
    line-height: 1.4;
}

.m_center{
    margin:0 auto;
    text-align:center;
}

.bold{
    font-weight: bold;
}

.in{
    padding:30px 15px;
}
.in2{
    padding:40px 20px;
}

.ao{
    color:#1262ad;
}

.aka{
    color:#f22e36;
    font-weight: bold;
}

.dai{
    font-size:22px;
}

.pcbr{
    display:none;
}

.smtbr{
    display:block;
}

.ttl{
box-sizing: border-box;
width: 100%;
margin: 15px 0 23px;
padding: 8px 8px 8px 12px;
font-size: 20px;
color:#FFFFFF;
background:#2096d5;
line-height: 1.4;
font-weight: bold;
clear: both;
}

.pc_senyou{
    display:none;
}

.smt_senyou{
    display:block;
}

.smt_flex{
    display:flex;
    align-items: center;
}

/*仕組み*/

#sikumi{
    background-color:#f8f8f8;
    width:100%;
    position:relative;
}

#sikumi:after{
    content: "";
    position: absolute;
    border-top: 70px solid #f8f8f8;
    border-right: 150px solid transparent;
    border-left: 150px solid transparent;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

#sikumi h2{
    margin-bottom: 25px;
}
#sikumi .dai{
    font-size:18px;
    font-weight: 600;
    color:#444;
    margin-bottom:20px;
    text-align:center;
}

#sikumi .syou_ttl{
    font-weight: 600;
}

#sikumi .hai{
    margin-bottom:12px;
}

#sikumi .flex{
    display: block;
}

#sikumi .smt_flex{
    display:flex;
    align-items: center;
}

#sikumi .in2{
    padding: 10px 20px 30px;
}

#sikumi .gamen .slid_pc {
    background: url(../images/bg_pc.png) 50% 80px / 250px no-repeat;
    padding: 10px 30px 30px;
}

.slick-dotted.slick-slider.slid_pc {
    margin-bottom: 30px;
    width: 250px!important;
    height: auto;
    margin:0 auto;
}


#sikumi .in{
    padding: 20px 5px 0;
}


#sikumi .gamen .slid_smt {
    background: url(../images/bg_smt.png) 50% 63px / 70px no-repeat;
    padding: 0 5px 20px;
    margin: -35px auto 0;
    margin-left: -11%;

}

#sikumi .gamen .smt_flex .coment {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	width: 98%;
	margin-top: 10px;
	padding: 1.2em 0;
	line-height: 1.5;
	text-align: center;
	font-size: 0.4em;
	border-radius: 5px;
}

#sikumi .gamen .smt_flex .coment::before {
  	position: absolute;
  	bottom: -9px;
  	left: 1em;
  	width: 0;
  	height: 0;
  	content: '';
  	border-width: 10px 10px 0 10px;
  	border-style: solid;
  	border-color: #fff transparent transparent transparent;
}

#sikumi .gamen .slid_pc .coment {
	padding: 0.8em 0;
}

#sikumi .gamen .gmark {
	width: 70%;
	margin: 0 auto;
	padding: 30px 0 20px;
	height: auto;
	text-align: center;
}

.slick-dotted.slick-slider.slider2 {
    margin-bottom: 30px;
    width: 70px!important;
    height: auto;

}


.slick-slide img {
    display: block;
    width: 195px !important;
	margin-top: 80px !important;
}

.slider2 .slick-slide img{
    display: block;
    width: 60px!important;
}

.slick-dots{
    display:none!important;
}

#technology .zidou_kanri{
    padding-bottom:20px;
}


#technology .two .box{
    text-align:left;
}

#technology .box_saigai{
    padding: 15px;
    background-color:#fff;
    border:3px solid #ffc123;
    margin-top: -11px;
    align-items: center;
    display: flex;
}

#technology .box_rec{
    padding: 15px;
    background-color:#fff;
    border:3px solid #f25374 ;
    margin-top: -11px;
}

#technology .box_haisin{
    padding:8px;
    border:1px solid #b2c2cd  ;
    width:70%;
    background-color:#fff;
}

#technology .two .center{
    text-align:center;
    margin: 0 auto;
}

#technology .step1,
#technology .step2{
    text-align: center;
}

#technology .step1{
    margin-top: 40px;
}

#technology .step2{
    margin-top: -10px;
}


#technology .box_syudou{
    margin-top: -23px !important;
    position: relative;
    z-index: 1;
}

#technology .box_zidou{
    margin-top: -23px !important;
    position: relative;
    z-index: 1;
}


#technology .inner .gamen{
    background-color:#fffef6;
    position:relative;
}

#technology .inner .gamen:after{
    content:"";
    position:absolute;
      border-top: 50px solid #fffef6;
  border-right: 80px solid transparent;
  border-left: 80px solid transparent;
    top:100%;
    left:50%;
    transform: translate(-50%, -50%);
}

#platform .scale{
    padding:30px 0;
    margin:0 auto;
}



#platform .scale .scale_img{
    padding:30px 0 10px;
    text-align:center;
    width:100%;
}


#platform .scale .scale_img img{
    width:100%;
}

#platform .p{
    font-size:14px;
    color:#f22e36;
}

#platform .gamen{
    background-size: 130% auto;
    background-repeat: no-repeat;
    background-position: 30% top;
}

#platform .gamen{
    position:relative;
}

#platform .gamen img::after {

    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-image: url(../images/kumo2.png);
    background-repeat: no-repeat;
    width: 110%;
    height: 50px;
    background-size: cover;
    bottom: -50px;
    position: absolute;
    z-index: 1;

}


#platform .in2{
    padding: 80px 20px 30px;
}

#platform .r_flex .gamen{
}


#security .inner .gamen .box{
    text-align: center;
    padding:15px;
    background-color:#fff;
    border:5px solid #b5a989;
    width:100%;
    box-sizing: border-box;
    margin: 0 auto;
}

#security .inner .gamen .box h4{
    border-bottom:1px solid #b5a989;
    padding-bottom:5px;
    text-align: left;
}

#security .icn_6 img{
    width:60px;
}

#security .icn_6 .three{
    display:flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    width:100%;
}

#security .icn_6 .three .one {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom:1px;
}

#security .icn_6 .three{
    margin: 20px 0;
}

#security ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 30px 0;
}

#security ul li { width: 100%; }

#security ul li img {
	max-height: 100px;
}

#security .mark{
    width:100%;
    margin:20px auto;
    text-align:center;
}

#security .mark1 img{
    width:270px;
}

#security .mark2 img{
    width:150px;
}

#security .in{
    padding: 0px 10px 40px;
    margin-top: -40px;
}



#deta .deta_p{
    border-bottom:1px solid #d2d2d2;
    padding-bottom: 4px;
    text-align: center;
    margin-bottom:30px;
}

#deta .anpi,
#deta .kazoku{
    width:100%;
    text-align:center;
}

#deta .anpi{
    margin-bottom:30px;
}

#deta .anpi p,
#deta .kazoku p{
    font-size:25px;
    font-weight: bold;
}

#deta .kazoku{
    background-color: #f9fafb;
}

#deta .kazoku img{
    width:90%;
    margin-top: 20px;
}

#deta .tuuti_img img{
width: 70%;
max-width: 280px;
margin-top: 10px;
}

#deta .hito_img img{
width: 90%;
max-width: 280px;
    margin-top:;20px
}

#deta .kazoku p .syou{
    font-size:0.8em;
}

#deta .nn2_box,
#deta .nn3_box{
padding: 15px;
background-color:#fff;
border: 3px solid #dad4c4;
    display:none;
}

#deta .tugi_yazirusi{
    display:none;
}

.kanrisya_gamen{
    display:none;
}

#deta .kanrisya_gamen .kanrisya_box{
    text-align:center;
    padding:30px;
    background-color:#fff;
    text-align:center;
    padding: 10px;
    background-color:#fff;
    text-align: center;
    margin-top: -80px;
    position: relative;
}


#deta .nn3_box{
    margin-top:13px;
}

#deta .nn3_box .one img{
    width:100%;
}


#deta .narabi6{
    text-align: center;
}








#bcp .gamen{
    display:none;
}

.smt_senyou.nagare_smt{
    width:100%;
    margin-top: 50px;
}

.smt_senyou.nagare_smt .n1 .pa{
    width:40%;
	margin:0 auto;
}

.smt_senyou.nagare_smt .fa{
	width: 90%;
    max-width: ;
    margin: 0 auto;
}

.smt_senyou.nagare_smt .ttl_zidou{
	font-size:22px;
}

.smt_senyou.nagare_smt .fa .s_namae
{
    width:40%;
}

.smt_senyou.nagare_smt .fa .imag{
    width:60%;
}

.smt_senyou.nagare_smt .fa1 .imag{
    width:100%;
}

.smt_senyou.nagare_smt .id p,
.smt_senyou.nagare_smt .heiretu p{
    font-size:14px;
    line-height: 1.4;
}

.smt_senyou.nagare_smt .fa .imag{
    text-align:center;
}

.smt_senyou.nagare_smt .fa .imag img{
    width:90%;
    max-width: 100px;
}

.smt_senyou.nagare_smt .fa .yazirusi5 img{
    width: auto;
    margin-left: -80px;
}

.smt_senyou.nagare_smt .n1 .pa img{
    width:96%;}


.smt_senyou.nagare_smt .n1 .s_namae{
    text-align:center;
}

#deta .gamen .narabi6 .n1{
    width:24%;
    text-align: center;
}

#deta .gamen .narabi6 .yazirusi{
    width:10%;
}

#deta .gamen .narabi6 .n1 img{
    width:100%;
}


#deta .gamen .narabi6 .n1 .s_namae{
    line-height: 1.4;
    height:60px;
    text-align:center;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#deta .gamen .narabi6 .n1 .XEOgate{
    width:155px;
}


#deta .id,
#deta .heiretu{
    text-align: center;
    padding: 15px 25px;
    background-color:#fff;
    border: 3px solid #b5a989;
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
    width: 40%;
    position:relative;
}
#deta .id:before,
#deta .heiretu:before{
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

#deta .id:after,
#deta .heiretu:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #b5a989;
  z-index: 1;
}

#deta .siro {
    background-color: #fff;
    margin: -10px;
    position:relative;
}


#technology .id,
#technology .heiretu{
    text-align: center;
    padding: 15px 25px;
    background-color:#fff;
    border: 3px solid #b5a989;
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
    width: 40%;
    position:relative;
}
#technology .id:before,
#technology .heiretu:before{
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

#technology .id:after,
#technology .heiretu:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #b5a989;
  z-index: 1;
}

#technology .siro {
    margin: -10px;
    position:relative;
}

#technology .deta_p{
    width: 100%;
    text-align: center;
    line-height: 1.5;
}

#technology .in2{
    position:relative;
}

#technology .in2:after{
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-image: url(../images/kumo.png);
    background-repeat: no-repeat;
    width: 130%;
    height: 80px;
    background-size: cover;
    position: absolute;
    z-index: 1;
	bottom: -90px;
	transform: translate(-50%,-50%);
	left: 45%;
}




#bcp .nagare .two{
    width: 80%;
    text-align: center;
    margin:0 auto;
}

#bcp .nagare1 .flex,
#bcp .nagare2 .flex,
#bcp .nagare3 .flex{
    width: 100%;
    flex-wrap: wrap;
}

#bcp .nagare1,
#bcp .nagare2,
#bcp .nagare3{
    margin-bottom:20px;
}

#bcp .nagare1 .ttl{
    background-color:#58b9e2;
    margin-bottom:25px;
    position:relative;
}

#bcp .nagare1 .ttl:after{
        content:"";
    position:absolute;
    border-top: 20px solid #58b9e2;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    top:0%;
    left:0%;
    transform: translate(-50%, -50%);
    position:relative;
    top: 50px;
}

#bcp .nagare2 .ttl{
    background-color:#22a4db;
    margin-bottom:25px;
    position:relative;
}

#bcp .nagare2 .ttl:after{
        content:"";
    position:absolute;
    border-top: 20px solid #22a4db;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    top:0%;
    left:0%;
    transform: translate(-50%, -50%);
    position:relative;
    top: 50px;
}

#bcp .nagare3 .ttl{
    background-color:#2096d5;
    margin-bottom:25px;
        position:relative;
}

#bcp .nagare3 .ttl:after{
        content:"";
    position:absolute;
    border-top: 20px solid #2096d5;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    top:0%;
    left:0%;
    transform: translate(-50%, -50%);
    position:relative;
    top: 50px;
}

#bcp .nagare1 img,
#bcp .nagare2 img,
#bcp .nagare3 img{
    margin-bottom:15px;
    max-width:200px;
}

#technology .three .one .icn,
#platform .three .one .icn,
#security .wrp4 .three .one .icn{
    width: 140px;
    height: 140px ;
    border-radius: 100px;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
        display: flex;
    margin-bottom: 8px;
    background-color:#f3f7fa;
    margin: 0 auto 12px;
}

#pg_ftr{
    display:block;
}

#hukkyuu{
    text-align:center;
    padding:40px 0 40px;
    background-color:#2c99d0;
    display:none;
}

#hukkyuu p{
    color:#fff;
    font-size:26px;
    font-weight: bold;
}

#s_hukkyuu{
    text-align:center;
    padding:60px 0 40px;
    background-color:#2c99d0;
    display:block;
    position: relative;
}

#s_hukkyuu:after{
    content: "";
	position: absolute;
	border-top: 50px solid #fff;
	border-right: 100px solid transparent;
	border-left: 100px solid transparent;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 0px;
}

#s_hukkyuu p{
    color:#fff;
    font-size:26px;
    font-weight: bold;
}


.kanrisya_gamen img{
    width: 90%;
}

@media screen and (max-width: 375px) { 
	#platform .r_flex .gamen{
	background-image: none;}
		
	#platform .gamen::after {
    content: "";
    display: block;
    position: absolute;
/*    z-index: 0;*/
    background-image: url(../images/kumo2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    background-size: cover;
/*    bottom: -50px;*/
    z-index: 1;
    bottom: -60px;
	}
}

#bg_anpi {
	width: 100%;
	height: 200px;
	background: url("../images/bg_anpi.jpg");
	background-position: center bottom;
	background-size: cover;
	display: block;
}

#conversion_area {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
}

.conversion_button {
	max-width: 1260px;
	margin: 3% 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

.conversion_button li {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	background: #0059a9;
	border-radius: 20px;
	border-bottom: 5px solid #013767;
}

.conversion_button li a {
	font-size: 1em;
	font-weight: 600;
	line-height: 2.5;
	color: #fff;
	display: block;
	text-decoration: none;
}

.conversion_button li:hover {
	margin-top: 3px;
	border-bottom: 2px solid #013767;
	background: #005098;
}

.conversion_button li.icon_trial {
	background: #C72830 url("../images/icn_trial.png") no-repeat 30px 50% /23px auto;
	border-bottom: 5px solid #920012;
}

.conversion_button li.icon_trial:hover {
	margin-top: 3px;
	border-bottom: 2px solid #920012;
	background: #920012 url("../images/icn_trial.png") no-repeat 30px 50% /23px auto;
}