* {
	margin: 0 ;
	padding: 0 ; 

}

body {
	font-size: 100% ;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.4 ;
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
}

a:link {
	color: #0095dc;
}

a:visited {
	color: #0095dc;
}

a:hover {
	color: #0095dc;
	text-decoration: none;
}

a:active {
	color: #0095dc;
}

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

h3{
color:#0080cb;
margin-bottom:1em;
}

.flink {
	color: #FFFFFF !important;
}

.flink:hover {
	opacity: 0.7;
	transition: all 300ms 0s ease;
}


.wlink {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.c_bsb {
	color: #0095dc;
}

.c_nb {
	color: #00407c;
}

.s18 {
	font-size: 18px;
}

.s36 {
	font-size: 36px;
}


.sm {
	display: none;
}

.ssm {
	display: none !important;
}

.mr10 {
	margin-right: 10px;
}

.mb20{
	margin-bottom:20px;
}

.pb40{
	padding-bottom:40px;
}

header {
	width: 100%;
}


header .h_top {
	position: fixed;
	height: 80px;
    justify-content: flex-end;
    top: 0px;
    width: 100%;
    min-width: 1000px;
    padding: 15px;
    box-sizing: border-box;
    z-index: 7777;
    background-color: #FFFFFF;
}

.logo {
    width: 100%;
    padding-right: 5px;
    box-sizing: border-box;
}

header .h_nav {
	position: fixed;
    top: 80px;
    z-index: 8888;
    width: 100%;
    background-color: #00407c;
    color: #FFFFFF;
    padding: 15px 25px 15px 25px;
}

.h_nav ul {
	display: flex;
    list-style: none;
    justify-content: center;
}

.h_nav ul li {
	line-height:2em;
    font-size: 18px;
    font-weight: bold;
	box-sizing: border-box;
}

div .cen {
	text-align: center;
}

.h_top div {
	margin-right: auto;
}

.h_top ul.tul {
	display: flex;
	list-style: none;
	align-items: center;
}

.uul {
	display: flex;
    list-style: none;
    justify-content: space-between;
}

.h_top li.logo_li {
	margin-right: auto;
}

.h_top .support {
    display: table;
    border: 2px solid #0095DC;
    width: 190px;
    height: 50px;
	box-sizing: border-box;
	margin-right: 20px;
	color: #0095DC;
}

.h_top .support .text {
	letter-spacing:-0.05em;
	display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    font-size: 18px;
}

.h_top .support .image {
	display: table-cell;
    vertical-align: middle;
}

.h_top .support .image img {
    vertical-align: middle;
    display: table-cell;
    float: right;
    padding-right: 10px;
}

.h_top .login {
    display: table;
    width: 150px;
    box-sizing: border-box;
    height: 50px;
    background-color: #0095dc;
    color: #FFFFFF;
	margin-right: 15px;
}

.h_top .login .text {
	display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 18px;
}

.h_top .login .image {
	display: table-cell;
    vertical-align: middle;
}

.h_top .login .image img {
    vertical-align: middle;
    display: table-cell;
    float: right;
    padding-right: 10px;
}

.h_top .tul .mail {
    display: table;
    width: 150px;
    box-sizing: border-box;
    height: 50px;
    background-color: #015696;
    color: #FFFFFF;
	margin-right: 12px;
}

.h_top .mail .text {
	display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 18px;
}


.h_top .mail .image {
	display: table-cell;
    vertical-align: middle;
}

.h_top .mail .image img {
    vertical-align: middle;
    display: table-cell;
    float: right;
    padding-right: 10px;
}


.h_top .tul .trial {
    display: table;
    width: 200px;
    box-sizing: border-box;
    height: 50px;
    background-color: #e4007f;
    color: #FFFFFF;
	margin-right: 12px;
}

.h_top .trial .text {
	display: table-cell;
    vertical-align: middle;
    font-weight:bold;
    padding-left: 20px;
    font-size: 18px;
}


.h_top .trial .image {
	display: table-cell;
    vertical-align: middle;
}

.h_top .trial .image img {
    vertical-align: middle;
    display: table-cell;
    float: right;
    padding-right: 10px;
}




header a:hover{
	opacity: 0.7;
	transition: all 300ms 0s ease;
}

article {
	width: 100%;
	height: 100%;
	/* margin-top: 135px; */
}

footer {
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
	background-color: #00407c;
	margin-top: 60px;
}

footer ul {
	display: flex;
	list-style: none;
	width: 1000px;
	margin: auto;
	height: 300px;
	justify-content: space-between;
	padding-top: 80px;
    box-sizing: border-box;
    text-align: left;
}

footer ul li .title {
	font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

footer ul li p {
	padding-bottom: 10px;
}

footer ul li p img {
	margin-right: 5px;
}

footer ul li.about {
	width: 360px;
}

footer ul li.service {
	width: 230px;
}

footer ul li.contact {
	width: 240px;
}

footer .bottom {
    text-align: center;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    padding-top: 25px;
    padding-bottom: 25px;
}

.bottom p {
	margin-bottom: 10px;
}

.bottom a {
	color: #FFFFFF;
}


/*
footer {
    text-align: center;
    height: 40px;
    background-color: #FFFFFF;
    color: #6d85a5;
    border-top: 1px solid #6d85a5;
    line-height: 40px;
    font-size: 0.75em;
}

footer ul {
	display: flex;
	list-style: none;
	flex-direction: column;
}

footer ul li {
	margin : 0px 0px -15px 0px;
}

footer ul li a{
	text-decoration: none;
}



*/














footer ul li a{
	text-decoration: none;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
	z-index: 9999;
}

.pagetop a {
    display: block;
	z-index: 9999;

}

.pagetop a:hover {
    display: block;
    color: #fff;
	z-index: 9999;
}

.kv01, .kv02, .kv03, .kv04 {
	position: relative;
}
.kv01 {
	padding-top: 20px;
}
.kv02 {
	padding-top: 20px;
}
.kv03 {
	padding-top: 10px;
}
.kv04 {
	padding-top: 20px;
}

.kv05 {
	padding-top: 20px;
}

.kv06 {
	padding-top: 20px;
}

.kv_area1, .kv_area2, .kv_area3, .kv_area4, .kv_area5, .kv_area6{
	height: 530px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.kv_area1 {
	background-image: url(../img/bg_kv01.png);
}
.kv_area2 {
	background-image: url(../img/bg_kv02.png);
}
.kv_area3 {
	background-image: url(../img/bg_kv03.png);
}
.kv_area4 {
	background-image: url(../img/bg_kv04.png);
}

.kv_area5 {
	background-image: url(../img/bg_kv05.png);
}

.kv_area6 {
	background-image: url(../img/bg_kv06.png);
}

.sm .kv05{
	width:100%;
	height:83vw;
	background-image: url(../img/s_bg_kv05.png);
	background-size:100%;
	background-repeat: no-repeat;
		padding-top: 0;
}

.sm .kv06{
	width:100%;
	height:83vw;
	background-image: url(../img/s_bg_kv06.png);
	background-size:100%;
	background-repeat: no-repeat;
		padding-top: 0;
}


.sm .kv04{
	width:100%;
	height:83vw;
	background-image: url(../img/s_bg_kv04.png);
	background-size:100%;
	background-repeat: no-repeat;
		padding-top: 0;
}

.sm .kv01{
	width:100%;
	height:83vw;
	background-image: url(../img/s_bg_kv01.png);
	background-size:100%;
	background-repeat: no-repeat;
		padding-top: 0;
}

.sm .kv02{
	width:100%;
	height:83vw;
	background-image: url(../img/s_bg_kv02.png);
	background-size:100%;
	background-repeat: no-repeat;
		padding-top: 0;
}

.sm .kv03{
	width:100%;
	height:83vw;
	background-image: url(../img/s_bg_kv03.png);
	background-size:100%;
	background-repeat: no-repeat;
		padding-top: 0;
}





.what_bg {
	height: 820px;
	position: relative;
	background-image: url(../img/bg_top_about.png);
	background-size: cover;
	margin-bottom: 30px;
}

.what_copy {
	position: relative;
	margin: auto;
	text-align: center;
	top: 80px;
}

.what_copy  img{
margin-top:40px;
}

.what_copy .w_title {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 0px 10px 0px;
}



.what_copy .w_head span {
	color: #b11920;
}

.what_copy .w_head {
	color: #204482;
	font-size: 36px;
	font-weight: bold;
    line-height: 45px;
}

.w_title span {
	font-size: 1.9em;
}

.kv_box{
	position: relative;
	z-index: 2;
	width: 1000px;
	margin: auto;
}

.main_box {
	position: relative;
	width: 1000px;
	margin: auto;
	box-sizing: border-box;
}

.catch_kv1 {
	color: #FFFFFF;
	font-weight: 900;
	text-align: left;
	font-size: 74px;
	line-height: 1.2;
}

.catch_kv2 {
	color: #FFFFFF;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-align: left;
    font-size: 50px;
}
.catch_kv5{
	padding-top:0.5em;
	color: #FFFFFF;
    font-weight: 900;
    letter-spacing: -0.01em;
    text-align: left;
    font-size: 58px;
    font-feature-settings:"palt";
}


.catch_kv2 .yul,
.catch_kv4 .yul {
	padding-bottom: 10px;
	display: inline-block;
	border-bottom: 5px solid #fff100;
}

.catch_kv5 .yul {
	padding-bottom: 0px;
	display: inline-block;
	border-bottom: 5px solid #fff100;
}



.catch_kv5 .sub_catch{
margin-top:0.25em;
	 font-size: 30px;
    letter-spacing: 0.15em;
}

.kv04 img.msad{
	margin-top:40px;
}

.catch_kv3 {
	color: #FFFFFF;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.1;
    text-align: left;
    font-size: 68px;
}

.catch_kv4 {
	color: #FFFFFF;
	font-weight: 900;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: left;
    font-size: 54px;
}
.lead_kv4 {
	position: relative;
top:-153px;
left:200px;
}

.lead {
	color: #FFFFFF;
	text-align: left;
	font-size: 24px;
	line-height: 35px;
	word-wrap: break-word;
	margin-top: 20px;
}

.kv02 .lead{
margin-top:10px;}

.en_lead {
	color: #000000;
	width: 400px;
	text-align: justify;
	text-justify: inter-ideograph;
	float: left;
	font-size:1.7vh;
	margin-left: 50px;
}

.btn_kv01 {
	position: absolute;
	cursor: pointer;
	top: 325px;
	left: -25px;
}

.btn_kv01_2 {
	position: absolute;
	cursor: pointer;
	top: 325px;
	left: 400px;
}

.btn_kv02 {
	position: absolute;
	cursor: pointer;
	top: 325px;
	left: -25px;
}
.btn_kv02_2 {
	position: absolute;
	cursor: pointer;
	top: 325px;
	left: 400px;
}

.btn_kv03 {
	position: absolute;
	cursor: pointer;
	top: 310px;
	right: 65px;
}
.btn_kv04 {
	position: absolute;
	cursor: pointer;
	top: 325px;
	left: -25px;
}
.btn_kv04_2 {
	position: absolute;
	cursor: pointer;
	top: 325px;
	left: 400px;
}

.la .btn_kv05_01 {
position:absolute;
cursor:pointer;
	bottom:73px;
	left:180px;
}
.la .btn_kv05_02 {
position:absolute;
cursor:pointer;
	bottom:73px;
	left:470px;
}

.la .btn_kv06_01 {
position:absolute;
cursor:pointer;
	top:110px;
	left:200px;

}
.la .btn_kv06_02 {
position:absolute;
cursor:pointer;
	top:110px;
		left:430px;
}

.la .btn_kv06_03 {
position:absolute;
cursor:pointer;
	top:110px;
	right:185px;
	}





.sm .btn_kv05_01 {
width:55%;
position:absolute;
cursor:pointer;
	top:36vw;
	left:4.2%;
}
.sm .btn_kv05_02 {
width:40%;
position:absolute;
cursor:pointer;
	top:53vw;
	left:4.2%;
}


.sm .kv6_btn_area {
position:absolute;
bottom:7vw;
left:7%;
width:90%;
height:16.5vw;
background-color: rgba(255,255,255,0.8);
border-radius: 4px;
}

.sm .btn_kv06_01 {
width:32%;
position:absolute;
cursor:pointer;
	left:2%;
	bottom:0.01vw;
}

.sm .btn_kv06_02 {
width:32%;
position:absolute;
cursor:pointer;
	left:35%;
		bottom:0.01vw;
}

.sm .btn_kv06_03 {
width:32%;
position:absolute;
cursor:pointer;
	right:2%;
		bottom:0.01vw;
}

.sm .btn_kv04_01 {
width:45%;
position:absolute;
cursor:pointer;
	top:58vw;
	left:3%;
}
.sm .btn_kv04_02 {
width:50%;
position:absolute;
cursor:pointer;
	top:58vw;
	right:3%;
}

.sm .btn_kv01_01 {
width:45%;
position:absolute;
cursor:pointer;
	top:48vw;
	left:3%;
}
.sm .btn_kv01_02 {
width:50%;
position:absolute;
cursor:pointer;
	top:48vw;
	right:3%;
}


.sm .btn_kv02_01 {
width:45%;
position:absolute;
cursor:pointer;
	top:58vw;
	left:3%;
}
.sm .btn_kv02_02 {
width:50%;
position:absolute;
cursor:pointer;
	top:58vw;
	right:3%;
}


.sm .btn_kv03_01 {
width:60%;
position:absolute;
cursor:pointer;
	top:55vw;
	left:3%;
}



.la .kv5_img01{
position:relative;
top:-30px;
}


.la .kv6_img01{
position:relative;
top:-30px;
left:10px;
}

.la .kv6_btn_area{
position:relative;
top:-80px;
background-image: url(../img/kv6_btn_bg.png);
height:160px;
	background-position: center center;
	background-repeat: no-repeat;
}

.font-big {
	font-size: 45px;
}

.font_mid {
	font-size: 1.3em;
}

.info_box {
	position: relative;
	width: 1000px;
	margin:auto;
	box-sizing: border-box;
	padding-bottom: 80px;
}

.info_box a {
	text-decoration: underline;
}

.info_box a:hover {
	text-decoration: none;
}



.info_box ul{
	list-style:none;
	display: flex;
	justify-content: left;
	margin-bottom: 10px;
}

.info_box ul li:nth-child(1){
	text-align: left;
	color: #000000;
    margin-right: 10px;
	font-weight: bold;
	font-size: 1.25em;
}

.info_box ul li:nth-child(2){
    text-align: left;
    color: #0095dc;
    line-height: 1.7em;
    font-size: 1.15em;
}

.info_box h2 {
	font-size: 40px;
	padding-top: 45px;
}

.all_box, .top_box {
	position: relative;
	margin: auto;
	box-sizing: border-box;
}

.top_box img {
	max-width:100%;
	
}

.c_image {
	text-align: center;
}

.c_image img {
	max-width: 100%;
}


.all_box .inbox {
	background-color: #ccd8e2;
    padding: 50px 40px 40px 40px;
	text-align: center;
}

.all_box .inbox img {
	max-width: 100%;
}

.all_box p {
	font-size: 1.10em;
	line-height: 1.8em;
	letter-spacing: 0.03em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.all_box h2 {
	line-height: 1.8em;
	margin-top: -5px;
}

.all_box ul {

	list-style: none;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	text-align: center;
	padding: 30px 40px 40px 40px;
}

.all_box ul li {
	width: 240px;
	line-height: 1.7em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.all_box ul li .m1 {
	color: #0095dc;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.all_box ul li .m2 {
	color: #00407c;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.detail_text {
	margin-bottom: 30px;
	line-height: 28px;
}

.detail_here {
	margin-top: 10px;
	margin-bottom: 10px;
}

.move_detail {
	color: #0997dd;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
	font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.move_detail img{
	margin-left: 20px;
}

.move_detail a:hover {
	opacity: 0.7;
	transition: all 300ms 0s ease;
}

.btn_nextarea {
    width: 800px;
    margin: auto;
    border-bottom: 1px solid #ccd8e2;
    margin-bottom: 40px;
    padding-bottom: 10px;
	text-align: center;
}

.btn_nextheader {
    background-color: #b2d465;
    display: inline-block;
    width: 210px;
    color: #FFFFFF;
    border-radius: 10px;
    font-weight: bold;
    font-size: 18px;
	margin-top: 10px;
	margin-bottom: 1.5em;
}

.btn_next {
    position: relative;
    margin: auto;
    border-radius: 35px;
    display: table;
    color: #FFFFFF;
	margin-bottom: 20px;
	color: #FFFFFF;
}

.btn_next:hover {
	opacity: 0.7;
	transition: all 300ms 0s ease;
}

.btn_next .text {
	display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 15px;
	font-size: 28px;
	text-align: center;
	color: #00407c;
	font-weight: bold;
}

#what{
text-align:center;
}



.btn_trial {
    width: 414px;
    background-color: #1ea1e0;
    height: 60px;
    position: relative;
    margin: auto;
    border-radius: 35px;
    display: table;
    color: #FFFFFF;
	margin-top: 40px;
    margin-bottom: 20px;
	color: #FFFFFF;
}

.btn_trial:hover {
	opacity: 0.7;
	transition: all 300ms 0s ease;
}


.btn_trial .text {
	display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
	font-size: 22px;
	text-align: center;
	color: #FFFFFF;
}

.btn_img {
	display: table-cell;
    vertical-align: middle;
    padding-right: 25px;
	width: 20px;
}

.btn_img img {
    vertical-align: middle;
    display: table-cell;
    float: right;
	margin-top: 1px;
}

h1 {
	color: #0095dc;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;

}

h2 {
	color: #0095dc;
	font-size: 35px;
	text-align: center;
	margin: auto;
	padding-top: 40px;
}

table#com {
	border-collapse: collapse;
	width: 1000px;
}

td {
	white-space: nowrap;
	padding: 10px;
}

table#com tr td.title {
	color: #FFFFFF;
	font-weight: bold;
	padding: 15px 30px 15px 30px;
}

table#com tr td.title_m {
	color: #FFFFFF;
	font-weight: bold;
	padding: 15px 30px 15px 30px;
	background: #0095DC;
}

table#com tr td.title_s {
	color: #FFFFFF;
	padding: 15px 75px 15px 75px;
	background: #6186a8;
}

table#com tr td.u_col {
	white-space:nowrap;
}

table tr td.row_col1 {
	color: #fff684;
	background: #0095DC;
}

table tr td.row_col2 {
	color: #FFFFFF;
	background: #6186a8;
}

table tr td.d_blue {
	color: #FFFFFF;
	background: #015696;
}

table#com tr td.n_blue {
	background: #6186a8;
	color: white;
}


table#com tr td.gray {
	background: #a2a2a4;
	color: white;
}

table#com th,table#com td{
	border: solid 1px white;
	text-align: center;
	padding: 15px 15px 15px 15px;
	width: 100px;
}

table#form {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

table#form tr td:nth-child(1){
	color: #000000;
	text-align: left;
	font-weight: bold;
}

table#form th,table#form td{
	border: 0px;
	text-align: left;
	padding: 5px 5px 25px 5px;

}

table#form tr td:nth-child(2){
	color: white;
/*	width: 70%;	*/
}

table.com_sm {
	table-layout: fixed;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid white;
	font-size: 2.5vw;
}

table.com_sm tr td.n_blue {
	background: #6186a8;
	color: white;
}

table.com_sm tr td.title_m {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #0095DC;
}

table.com_sm tr td.gray  {
	background: #a2a2a4;
	color: white;
}

table.com tr *:nth-first-child(1){
	background: #a2a2a4;
	color: white;
}


table.com th, table.com td{
	border: solid 1px white;
}

.item {
	color: #0095dc;
	font-weight: bold;
}

.target_area {
	background-color: #ccd8e2;
	text-align: center;
	padding-bottom: 50px;
	margin-top: 80px;
}

.risk_area {
	background-color: #ccd8e2;
	text-align: center;
	padding-bottom: 50px;
	margin-top: 80px;
}


.subT{
display:block;
width:300px;
text-align:center;
color:#ffffff;
background-color:#00407c;
font-size:18px;
border-radius:6px;
}

.risk_shield_number {
    left: 21px;
    position: absolute;
    top: 0px;
    font-size: 48px;
    color: #FFFFFF;
}

.risk_shield_text {
	left: 100px;
    position: absolute;
    top: 5px;
    font-size: 36px;
    color: #00407c;
    font-weight: bold;
}

.risk_box {
	width: 1000px;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin: auto;
    box-sizing: border-box;
    text-align: left;
    padding: 40px 40px 100px 40px;
	margin-bottom: 40px;
}

.risk_box_mb {
	width: 1000px;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin: auto;
    box-sizing: border-box;
    text-align: left;
    padding: 40px 40px 40px 40px;
	margin-bottom: 40px;
}

.bottom_h2 {
	color: #0095dc;
    font-size: 36px;
    text-align: center;
    margin: auto;
    padding-top: 40px;
	margin-bottom: 40px;
	font-weight: bold;
}

.risk_box_rb {
	position: relative;
}

.risk_box ul {
    list-style: none;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
}

.risk_box ul li:first-child {
	width: 420px;
}

.risk_box_mb ul {
    list-style: none;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
}

.risk_box_mb ul li:first-child {
	width: 420px;
}


.risk_text {
	font-size: 18px;
    line-height: 40px;
    text-align: justify;
	color: #000000;
}

.risk_text_nb {
	font-size: 18px;
    line-height: 40px;
    text-align: justify;
	color: #004285;
}


/*risk.html*/
.aa_area {
    background-color: #ccd8e2;
    text-align: center;
	padding-top: 60px;
    padding-bottom: 60px;
}

.aa_box {
	width: 1000px;
	background-color: #FFFFFF;
	margin: auto;
    padding: 20px 40px 0px 40px;
    box-sizing: border-box;
}

.aa_box:last-child {
	width: 1000px;
	background-color: #FFFFFF;
	margin: auto;
    padding: 20px 40px 40px 40px;
    box-sizing: border-box;
}

.aa_box p {
	text-align: justify;
    margin-bottom: 60px;
	font-size: 18px;
}

.aa_box p.center {
	text-align: center;
}

.aa_title {
	margin-bottom: 10px;
	margin-top: 20px;
	border-bottom: 6px solid #b3d465;
	color: #00407c;
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
}

/*service.html*/
.service_area {
    background-color: #ccd8e2;
    text-align: center;
	padding-top: 60px;
    padding-bottom: 60px;
	margin-bottom: 40px;
}

.service_box {
	width: 1000px;
	background-color: #FFFFFF;
	margin: auto;
    padding: 20px 40px 0px 40px;
    box-sizing: border-box;
}

.service_box:last-child {
	width: 1000px;
	background-color: #FFFFFF;
	margin: auto;
    padding: 20px 40px 60px 40px;
    box-sizing: border-box;
}

.service_box p {
	text-align: justify;
    margin-bottom: 20px;
	font-size: 16px;
}

.service_box .ddos {
	text-align: justify;
    margin-bottom: 20px;
	font-size: 18px;
}

.service_box p.center {
	text-align: center;
}

.service_title {
	margin-bottom: 10px;
	margin-top: 20px;
	border-bottom: 6px solid #b3d465;
	color: #00407c;
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
}

.service_mtitle {
	margin-top: 40px;
    font-size: 24px;
    margin-bottom: 40px;
    color: #0095DC;
    font-weight: bold;
}

.service_stitle {
	text-align: left;
    color: #00407c;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.waf_ul {
	list-style: none;
    width: 450px;
    margin: auto;
    display: flex;
    align-items: center;
    background-color: #C9D8E2;
    margin-bottom: 10px;
    border-radius: 10px;
}

.waf_ul li:first-child {
    font-size: 60px;
    font-weight: bold;
    padding-left: 45px;
    color: #00407c;
}

.waf_ul li:last-child {
	font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #00407c;
}

.waf_ulbox {
    width: 450px;
    margin: auto;
    text-align: left;
    background-color: #c9d8e2;
    color: #004285;
    padding: 15px 30px 15px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 18px;
}

.service_uline {
	margin-top: 40px;
	border-bottom: 1px solid #004285;
}

.tune_ul {
    display: flex;
    list-style: none;
    justify-content: space-between;

}

.tune_ul li {
    text-align: left;
}

.tune_ul li .title {
	font-size: 24px;
    color: #004285;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.tune_ul li .text {
	width: 440px;
    font-size: 18px;
    line-height: 30px;
}

.function {
    padding: 3px;
    margin-bottom: 40px;
}

.function_cap {
	list-style: none;
	display: flex;
	background-color: #00518b;
	border-radius: 15px;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

.function_top {
    list-style: none;
    display: flex;
    background-color: #c9d8e2;
    box-sizing: border-box;
    border: 4px solid #FFFFFF;
    align-items: center;
    border-radius: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: -3px;
}

.header .h_nav {
	list-style: none;
    display: flex;
    background-color: #a6c2d1;
    box-sizing: border-box;
    border: 4px solid #FFFFFF;
    align-items: center;
    border-radius: 16px;
    font-weight: bold;
    margin-top: -6px;
    padding: 5px;
}

.function_high {
	list-style: none;
    display: flex;
    background-color: #a6c2d1;
    box-sizing: border-box;
    border: 4px solid #FFFFFF;
    align-items: center;
    border-radius: 16px;
    font-weight: bold;
    margin-top: -4px;
    padding: 5px;
}

.function_middle {
    list-style: none;
    display: flex;
    background-color: #c9d8e2;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    align-items: center;
    border-radius: 16px;
    font-weight: bold;
    padding: 5px;
	margin-top: -2px;
}

.function_low {
	list-style: none;
    display: flex;
    background-color: #a6c2d1;
    box-sizing: border-box;
    border: 4px solid #FFFFFF;
    align-items: center;
    border-radius: 16px;
    font-weight: bold;
    margin-top: -4px;
    padding: 5px;
}


.em {
	flex-basis: 130px;
}

.em_c {
    text-align: center;
    align-items: center;
    font-size: 18px;
}

.disc {
	flex-basis: 250px;
}

.disc_c {
    text-align: justify;
    font-size: 18px;
}

.hack {
	flex: auto;
}

.hack_c {
	flex: auto;
    text-align: left;
    font-size: 16px;
    padding-left: 60px;
}


/*service.html*/
.price_area {
    background-color: #ccd8e2;
    text-align: center;
	padding-top: 60px;
    padding-bottom: 60px;
	margin-bottom: 40px;
}

.price_box {
	width: 1000px;
	background-color: #FFFFFF;
	margin: auto;
    padding: 20px 40px 0 40px;
    box-sizing: border-box;
}

.price_title {
	margin-bottom: 10px;
	margin-top: 20px;
	border-bottom: 6px solid #b3d465;
	color: #00407c;
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
}

.price_box p {
	text-align: justify;
    margin-bottom: 20px;
	font-size: 18px;
}

.price_box p.center {
	text-align: center;
}



.price_uline {
	margin-top: 40px;
	border-bottom: 1px solid #004285;
}




.aa_ul {
	margin-top: 40px;
	border-bottom: 1px solid #004285;
}

.target {
	background-color: #FFFFFF;
	width: 1000px;
	margin: auto;
	position: relative;
	text-align: left;
	padding: 40px 50px 40px 50px;
    box-sizing: border-box;	
}

.target_head {
	margin-bottom: 30px;
}

.target_area h2 {
	margin-bottom: 10px;
	padding-top: 60px;
	font-size: 2.4em;
}

.target_box ul {
	color: #015696;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: space-between;
	list-style: none;

}

.target_box ul li {
    width: 265px;
}

.target_box ul li .graph {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.target_box ul li .text {
    text-align: justify;
    font-size: 18px;
	color: #000000;
	margin-top: 10px;
}


.target_imgtext {
	margin-top:10px;
	font-size:1.15em;
}


.r_bottom_adjust {
	margin-bottom:10px;
}

.target_num {
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	top: -10px;
	text-align: center;
	box-sizing: border-box;
	background-color: #0095DC;
	color: #FFFFFF;
	padding: 20px 20px 20px 20px;
	width: 120px;
	height: 120px;
}

.target_num > span {
	font-size: 1.2em;
}

.target_num > span > span{
	margin-top: -5px;
	display: inline-block;
	font-size: 48px;
}

.target_title {
	display:inline-block;
	margin: 50px 0px 0px 170px;
	color: #0095DC;
	font-weight: bold;
	font-size: 1.4em;
}

.target_text {
    padding: 120px 0px 30px 0px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1.14em;
    line-height: 1.8em;
}

.target_out {
    padding: 40px 00px 0px 0px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1.13em;
    line-height: 1.8em;
}

.plan_area {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.plan_area ul {
	list-style: none;
    background-color: #ccd8e2;
    padding: 60px 80px;
    justify-content: space-between;
    display: flex;
	margin-bottom: 40px;
}

.plan_area ul li {
	text-align: center;
    width: 380px;
    height: 380px;
    background-color: #FFFFFF;
    border-radius: 30px;
	display: table;
	margin-bottom: 40px;
}

.plan_area ul li img.check {
	margin-top: 45px;
	margin-bottom: 30px;
}

.plan_area ul li img.price {
	margin-top: 20px;
	margin-bottom: 25px;
}

.plan_area h2 {
	color: #0095dc;
    font-size: 35px;
    text-align: center;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 10px;
}

.plan_area ul li p {
	text-align: left;
	font-size: 17.64px;
	margin-left: 45px;
}

.plan_area ul li .title{
	color: #00407c;
    font-weight: bold;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: center;
    margin-bottom: 10px;
}

.plan h2 {
	margin-bottom: 20px;
	padding-top: 0px;
}

.plan_box {
	width: 1000px;
	margin: auto;
	text-align: left;
	margin-bottom: 15px;
}

.plan_text {
	font-size: 1em;
	line-height: 1.8em;
	letter-spacing:0.03em;
}

.plan_tablebox {
	display: inline-block;
	margin: auto;
	font-size: 1.1em;
}

.trial_gw {
	border: 4px solid #e5e5e5;
    width: 1000px;
    margin: auto;
    font-size: 28px;
    text-align: center;
    box-sizing: border-box;
    color: #204482;
    font-weight: bold;
    padding: 5px;
}

.trial_triangle {
	text-align: center;
    width: 1000px;
    font-size: 24px;
    margin: auto;
    margin-top: -8px;
    color: #00407c;
    margin-bottom: 15px;
}

.trial_yg {
    width: 1000px;
    margin: auto;
    font-size: 28px;
    text-align: center;
    box-sizing: border-box;
	background-color: #b3d465;
    color: #204482;
    font-weight: bold;
    padding: 5px;
}

.trial_yg p {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 15px;
}

.trial_gg {
    width: 1000px;
    margin: auto;
    font-size: 28px;
    text-align: center;
    box-sizing: border-box;
	background-color: #eeeeee;
    color: #204482;
    font-weight: bold;
    padding: 15px;
}

.trial_start {
	display: flex;
    justify-content: center;
    align-items: center;
}

.trial_starttext {
	font-size: 28px;
    color: #1ea1e0;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 10px;
}



.dot_image {
	text-align: center;
	margin-bottom: 25px;
}

.dot_image_m2 {
	text-align: center;
	margin-bottom: 40px;
}


.dot_image .adjust_gray {
	margin-top: -5px;
}

.dot_image .adjust_white {
	margin-top: 50px;
}

input[type="text"] {
	border: 1px solid #4E4E4E;
	height: 50px;
	width: 400px;
	font-size: 25px;
}

.radioArea input[type="radio"] {
	width: 18pt;
	height : 18pt;
	vertical-align: middle;
}
.radio_adjust {
	margin-bottom: 10px;
}

.radioArea input[type="radio"] + label {
	padding: 0 4px;
	font-size: 16px;
	border-radius: 5px; 
	cursor: pointer;
	transition: .2s;
	color: #000000;
	margin-right: 30px;
}

input[type="checkbox"] {
	width: 18pt;
	height: 18pt;
	vertical-align: middle;
}

input[type="checkbox"] + label {
	padding: 0 4px;
	font-size: 16px;
	border-radius: 5px; 
	cursor: pointer;
	transition: .2s;
	margin-right: 30px;
}

textarea {
	border: 1px solid #4E4E4E;
	font-size: 25px;
	width: 600px;
	height: 260px;
	resize: none;
	padding: .375rem .75rem;
	border-radius: .25rem;
}

.submit_adjust {
	padding: 20px 90px;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
    background-color: #0095DC;
    display: inline-block;
    margin-top: 30px;
    cursor: pointer;
}

.submit_adjust:hover {
	opacity: 0.7;
	transition: all 300ms 0s ease;
}

.submit_area {
	margin: 20px 0px 0px 0px;
	font-size: 18px;
	text-align: center;
}

.icon-hamburger {
	background: #fff;
	cursor: pointer;
	position: relative;
	display: none;
}

.icon-hamburger span {
  background: #cccccc;
  display: block;
  height: 16%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 84%;
}

.icon-hamburger span::before,
.icon-hamburger span::after {
  background: #cccccc;
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  width: 100%;
}

.icon-hamburger span::before {
  margin-top: -38%;
}

.icon-hamburger span::after {
  margin-top: 19%;
}

.icon-hamburger {
	display: inline-block;
	z-index: 9999;
}

.menu-container {
	margin: 0;
	position: relative;
	top: 30px;
	text-align:right;
	z-index: 9999;
}

.menu-container .menu {
	display: flex;
	justify-content: space-between;
	list-style: none;
 	margin: 0;
 	padding: 0;
 	z-index: 1000;
	border: 1px solid #CCCCCC;
	
}

.menu-container .menu .menu-item {
	flex: 1;
	z-index: 1000;
	width: 100%;
	text-align: right;
}

.menu-container .menu .menu-item a {
  background: #fff;
  color: #0095dc;
  display: block;
  padding: 15px;
  text-align: left;
  text-decoration: none;
}

.menu-container .menu .menu-item a:hover {
	background: #ccc;
	color: #ffffff;
	
}

.menu-container .menu {
	display: none;
	position: absolute;
	width: 240px;
	right: 0%;
    margin-right: 10px;
	position: fixed;

}
.menu-container .menu .menu-item a {
	border-bottom: 1px solid #ccc;
	border-right: none;
}

.menu-container .menu .menu-item:last-child a {
	border-bottom: none;
	background-color: #0095dc;
	color: #FFFFFF;
	text-align:center;
	cursor: pointer;
	padding: 0.2em 0.2em;
}

.menu-container .menu .menu-item a span {
	float: right;
}

.tripple {
	margin: 40px 0px 30px 0px;

}

.tripple ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	line-height: 1.8em;
}

.tripple ul li {
	background-color:#eeeeee;
	width: 28%;
	color: #000000;
	padding: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	z-index: -99;
}

.tripple div {
	text-align: center;
	font-size: 1.4em;
}

section {
	margin-top: -80px;
	padding-top: 80px;
}

.button_link a {
	text-decoration: none;
}

.bg_area {
	height: 240px;
	position: relative;
	background-image: url(../img/bg_normal.png);background-size: cover;
}

.bg_area h1{
	color: #FFFFFF;
	text-align: left;
	line-height: 240px;
	font-size: 1.6em;
}

.top_bg {
	width: 100%;
    height: 240px;
    background-image: url(../img/bg_about_title.png);
	display: flex;
    align-items: center;
    justify-content: center;
}

.top_bg .title {
	width: 1000px;
    font-size: 36px;
    color: #204482;
    font-weight: bold;
}

.bg_box {
	position: relative;
	width: 1000px;
	box-sizing: border-box;
	margin: auto;
}

.contents_box {
	position: relative;
	margin: auto;
	margin-top: 45px;
	box-sizing: border-box;
}

.contents_box h2{
	color: #000000;
	text-align: left;
	display: inline;
	box-sizing: border-box;
	font-size: 1.65em;
	font-weight: normal;
}

.contents_box p {
	margin-top: 35px;
	font-size: 1.1em;
	line-height: 1.7em;
}

.save {
	font-size: 1.65em;
	margin-top: 60px;
	margin-bottom: 40px;
}

.contents_box .midashi{ 
	font-weight: bold;
}

.p_box {
    border: 1px solid #000000;
    width: 72%;
    text-align: center;
    margin: auto;
    padding: 35px;
    margin-top: 90px;
    margin-bottom: 80px;

}

.privacy_box {
	border: 1px solid #000000;
	width : 70%;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 30px;
}

.privacy_box .to_privacy_m {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 35px;
}

.privacy_box .to_privacy_l {
	text-align: left;
	font-size: 1.08em;
	line-height: 1.8em;
}

.privacy_box .to_privacy_u {
	font-size: 1.08em;
	line-height: 1.8em;
}

.back {
	padding: 30px 0px 60px 0px;
	color: #0095DC;
	font-size: 100%;
	text-align: left;
}

.back span {
	font-weight: bold;
}

.oshirase_box {
	position: relative;
	margin: auto;
	margin-bottom: 120px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.oshirase_box ul{ 
	list-style: none;
	border-bottom: 1px solid;
	/* margin-bottom: 40px; */
    margin-top: -140px;
    padding-top: 140px;
}
.oshirase_box ul:last-child { 
	margin-bottom: 60px;
}

.oshirase_box ul li:nth-child(1){
	padding-top: 40px;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 20px;
}

.oshirase_box ul li:nth-child(2){
	word-wrap: break-word;
	font-size: 20px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.oshirase_box ul li:nth-child(3){
	text-align: justify;
	text-justify: inter-ideograph;
	word-wrap: break-word;
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 40px;
}

#wrapper {
	position: relative;
	width: 100%;
	border: 1px solid;
}

#wrapper:before {
	content: "";
	display: block;
	padding-top: 50%;
}

.labox {
	width: 1000px;
}

.sm_br {
	display:none;
}

.sm_brbr {
	display:none;
}

.sm_450br {
	display: none;
}


.contact_area {
	background-color: #FFFFFF;
	text-align: center;
	padding-bottom: 40px;
}

.contact_area h2 {
	padding-top: 80px;
	margin-bottom: 30px;
}

.contact_box {
	width: 880px;
	margin: 0 auto;
}

.contact_box .guide {
	color: #0080cb;
	text-align: center;
	font-size: 1.1em;
}

.contact_box .g_need {
	color: #000000;
	text-align: center;
	margin-top: 5px;
	font-size: 0.9em;
}

.contact_box .n_red {
	color: #FF0000;
}

.contact_box .adjust {
	margin-top: 60px;
}

.contact_box .y_adjust {
	display: inline-block;
	width: 30px;
	color: #FF0000;
}

.contact_box .t_wid {
	width: 400px;
}

.contact_box .radiobox {

	color: #000000;
	text-align: left;
}

.contact_box .contbox {
	vertical-align: top;
	padding-top: 20px;
}

.contact_box .n_l {
	text-align: left;
}

.contact_box ul {
	list-style: none;
	margin-bottom: 30px;
}

.contact_box li:nth-child(1){
	font-weight: bold;
	margin-bottom: 10px;
}



@media (max-width: 950px) {
	header .h_top {
		min-width: unset;
		padding: 10px;
	}

	.h_top .support {
	    width: 165px;
	    margin-right: 10px;
	}

	.h_top .login {
	    width: 135px;
	    margin-right: 10px;
	}

	.h_top .tul .mail {
	    width: 185px;
	    margin-right: 10px;
	}

	.h_top .support .text {
	    padding-left: 5px;
	    font-size: 16px;
	}

	.h_top .login .text {
	    padding-left: 5px;
	    font-size: 16px;
	}

	.h_top .mail .text {
	    padding-left: 5px;
	    font-size: 16px;
	}

}

@media (max-width: 800px) {

	header .h_top {
		height: 120px;
	}
	
	header .h_nav {
		top: 120px;
	}

	.menu-container {
		top: 5px;
	}

	.top_bg .title {
		margin-left: 30px;
	}

	.top_bg .title {
	    font-weight: bold;
	}

	article {
		/* margin-top: 210px; */
	}

	.h_nav ul {
		flex-wrap:wrap;
		padding:2%;
	}

	.h_nav ul li {
		width: 50%;
	}
.h_nav ul li:last-child {
		width: 100%;
	}

.subT{
width:95%;
font-size:12px;
}

	.la {
		display: none;
	}

	.sm {
		display: block;
	}

	.ssm {
	    display:flex !important;
	}

	.sm_br {
		display: block;
	}

	.labox {
	    width: auto;
	    margin: 2.5vw;
	}
	
	.labox img.sh{
		width:96%;
	}
	
	.h_nav {
		position: fixed;
	    top: 120px;
	}

	.price_area {
		padding: 30px 10px 30px 10px; 
	}


	.slick-dots {
	    bottom: 10px;
	}

	.fitimg {
		max-width: 100%;
	}

	.fit_limg {
		max-width: 100%;
		padding-right:8px;
		box-sizing: border-box;
	}

	.fit_lnimg {
		max-width: 100%;
		box-sizing: border-box;
	}

	.trial_start {
	   flex-direction: column;
	}

	.info_box h2 {
	    padding-top: 30px;
		padding: 0px;
	}

	.info_box ul {
	   flex-direction: column;
	}

	.info_box ul li {
	   margin: 0px;
	}
	
	.all_box ul {
	   flex-direction: column;
		padding: 10px;
	}

	.all_box ul li.w_text {
		width: auto;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.all_box ul li {
		width: auto;
		margin-bottom: 20px;
	}

	.all_box h2 {
		letter-spacing: -2.7px;
		margin-top: -30px;
	}

	.target {
		padding: 10px;
	}

	.target ul {
		flex-direction: column;
	}

	.target ul li {
		width: 100%;
	}
	.target_box ul li .text {
		margin-bottom: 20px;
	}
	
	.sm_rbox {
	    width: 100%;
	    left: 0;
	    right: 0;
		top: -20px;
	    text-align: center;
	}
	
	.sm_rbox .target_num {
		position: relative;
		top: -20px;
	}

	.target_title {
		display: block;
		margin: 0px;
		color: #0095DC;
		font-weight: bold;
	}

	td {
		padding: 10px 4px 10px 4px;
	}

	.target_text {
		padding: 20px 0px 0px 0px;
		margin-bottom: 20px;
	}

	.target_area {
    	padding: 0px 0px 40px 0px;
	}

	.target_area h2 {
		margin-bottom: 20px;
		padding-top: 60px;
	}

	.target_area h2 {
		margin-bottom: 20px;
		padding-top: 60px;
	}

	.radioArea input[type="radio"] + label {
		margin-bottom: 20px;
	}

	input[type="text"] {
		width: 100%;
	}

	textarea {
		width: 100%;
	}

	.back {
		padding: 0px 0px 20px 0px;
	}

	.oshirase_box ul li:nth-child(2) {
		margin-top: -5px;
	}
	
	.info_box {
		padding-bottom: 30px;
	}

	.target_area {
		margin-top: 40px;
	}

	.plan_area ul {
		flex-direction: column;
		padding: 10px;
	}
	
	.plan_area ul li {
		width: 100%;
	    margin-bottom: 20px;
	}

	.plan_area ul li p {
		display: inline-block;
		margin-left: 10px;
	}

	.em {
		flex-basis: 30%;
	}

	.disc {
		flex-basis: 70%;
	}

	.hack {
		flex-basis: 70%;
		padding-left: 0px;
	}

	.function ul{
		flex-wrap: wrap;
		align-items: center;
	}

	.trial_gw {
		width: 90%;
	}

	.trial_yg {
		width: 90%;
	}

	.trial_gg {
		width: 90%;
	}
	.trial_triangle {
		width: 90%;
	}

	footer ul {
		width: 100%;
		height: auto;
		margin: auto;
		padding-top: 30px;
		flex-direction: column;
		
	}

	footer ul li {
		margin:auto;
	}
	
	footer ul li.about {
		width: 280px;
	}

	footer ul li.service {
		width: 280px;
	}

	footer ul li.contact {
		width: 280px;
	}

	.all_box .inbox {
		padding: 10px;
	}

	.risk_box {
		width: 90%;
		padding: 10px;
		padding-bottom: 40px;
	}

	.risk_box ul {
		flex-direction: column;
	}
	
	.risk_box_mb {
		width: 90%;
		padding: 10px;
	}

	.risk_box_rb {
		position: relative;
    	display: flex;
	    align-items: center;
	}

	.risk_box_mb ul {
		flex-direction: column;
	}

	.risk_text_nb {
		margin-bottom: 20px;
	}

	.risk_box ul li:first-child {
		width: auto;
	}
	
	.risk_box ul li:last-child {
		text-align: center;
	}

	.risk_box_mb ul li:first-child {
		width: auto;
	}
	
	.risk_box_mb ul li:last-child {
		text-align: center;
	}
	
	.risk_box_mb .risk_text {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.aa_box {
		width: 90%;
		padding: 10px;
	}

	.aa_box:last-child {
		width: 90%;
		padding: 10px;
	}

	.aa_box p {
		margin-bottom: 30px;
	}

	.service_box {
		width: 100%;
		padding: 20px 10px 0px 10px;
	}

	.service_box:last-child {
		width: 100%;
		padding: 20px 10px 20px 10px;
	}

	.price_box {
		width: 100%;
	}

	.price_box {
		width: 100%;
		padding: 20px 10px 0px 10px;
	}

	.price_box:last-child {
		width: 100%;
		padding: 20px 10px 0px 10px;
	}

	.waf_ul {
		width: auto;
	}
	.waf_ulbox {
		width: auto;
	}

	.tune_ul {
	    flex-direction: column;
	}

	.tune_ul li {
		text-align: center;
	}

	.tune_ul li .title {
		text-align: left;
	}
	
	.tune_ul li .text {
		width: auto;
		text-align: left;
		margin-bottom: 20px;
	}

	.risk_shield_text {
		top: 0px;
		margin-left: 20px;
    	position: unset;
	}

	.btn_nextarea {
		width: 100%;
	}

	.oshirase_box ul{ 
		margin-top: -210px;
	    padding-top: 210px;
	}

		
}

@media (max-width: 650px) {
	.btn_text {
		display: none;
	}

	.btn_doc {
		width: 80%;
		text-align: center;
	}

	.btn_next {

		text-align: center;
	}

	.btn_next .text {
		font-size: 5.2vw;
	}

	.btn_trial {
		text-align: center;
		width: 80%;
	}

	.btn_doc .text {
		font-size: 4.0vw;
	}

	.btn_trial .text {
		font-size: 4.0vw;
	}

/*
	.h_top .support .btn_text {
		display: none;
	}

	.h_top .login .btn_text {
		display: none;
	}

	.h_top .mail .btn_text {
		display: none;
	}

	.h_top .support {
	    width: unset;
		margin-right: 5px;
		padding: 5px;
		height: unset;
	}

	.h_top .login {
	    width: unset;
		margin-right: 5px;
		padding: 5px;
		height: unset;
	}

	.h_top .mail {
	    width: unset;
		margin-right: 5px;
		padding: 5px;
		height: unset;
	}

	.h_top .support .image img {
	    width: 100%;
		padding-right: 0px;
	}

	.h_top .login .image img {
	    width: 100%;
		padding-right: 0px;
	}

	.h_top .mail .image img {
	    width: 100%;
		padding-right: 0px;
	}
*/



}


@media (max-width: 600px) {

	.top_bg {
	    height: 120px;
	}

/*
	header {
		padding: 5px;
	}
*/
}

/*
@media (max-width: 550px) {
	article {
		margin-top: 65px;
	}

	header{
		height:60px;
	}
}
*/

@media (max-width: 525px) {
/*
	article {
		margin-top: 60px;
	}

	header{
		height:55px;
	}
*/

	.sm_brbr {
		display: block;
	}

}

@media (max-width: 500px) {
	header .h_nav {
		top: 110px;
	}

	article {
		margin-top: 200px;
	}
	.wlink {
	    font-size: 16px;
	}
}

@media (max-width: 450px) {
/*
	article {
		margin-top: 55px;
	}

	header{
		height: 50px;
	}
*/

	.waf_ul {
		width: auto;
		flex-direction: column;
		padding-bottom: 20px;
	}
	.waf_ul li:first-child {
		padding-left: 0px;
	}

	.sm_450br {
		display: block;
	}


}

/*
@media (max-width: 425px) {
	article {
		margin-top: 50px;
	}

	header{
		height: 45px;
	}
}
*/

@media (max-width: 400px) {
	header .h_nav {
	    top: 100px;
	}

	article {
	    margin-top: 190px;
	}

	.menu-container {
		top: 15px;
	}
	
}

/*
@media (max-width: 350px) {
	article {
		margin-top: 35px;
	}
}
*/

.bs_video {
  width: 100%;
  max-width: 700px;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
}

.btn_bsvideo {
    background-color: #0099ff;
    display: inline-block;
    width: 100%;
    max-width: 700px;
    color: #FFFFFF;
    border-radius: 16px;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.0 !important;
    text-align: center;
}

/* --------------------------------------------------
	.cv .movie
-------------------------------------------------- */
.cv {
	background: #0080cb;
}
.cv img {
	vertical-align: bottom;
}

.cv a:hover{
opacity:0.8;
	transition: all 300ms 0s ease;
}
@media (min-width: 801px) {
	.cv {
		margin: 0 auto;
		padding: 15px 0;
		width: 960px;
		display: flex;
		justify-content: center;
		border-radius: 5px;
	}
	.cv .btn:not(:last-child) {
		margin-right: 20px;
	}
	.price_box .cv{
		width:90%;
		padding: 10px 0;
		margin-top:2em;
	}
	.price_box .cv .btn{
		width:47%;
	}
	
	.movie .cv{
		width: 480px;
		margin-top:4em;
	}
	
	.movie .play{
text-align:center;
padding-top:5em;
	width:100%;
	height:600px;
	background-color:#ccd8e2;
}
.movie iframe{
	width:928px;
	height:522px;
}

.movie h2{
	margin-bottom:2em;
}	
	
}




@media (max-width: 800px) {
	.cv {
		padding: 2.66667vw;
		border-radius: 0.66667vw;
	}
	.cv .btn:not(:last-child) {
		margin-bottom: 2.66667vw;
	}
	.cv img {
		width: 100%;
		height: auto;
	}
		.movie .cv{
		width: 90%;
		margin-left:2%;
		margin-top:2em;
	}
	
	.movie .play{
text-align:center;
padding-top:3em;
	width:100%;
	height:15em;
	background-color:#ccd8e2;
}
.movie iframe{
	width:90%;
	height:50.625vw;
}

.movie h2{
	margin-bottom:2em;
}	
	
}