@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.news
03.
04.
--------------------*/

/*----------
01.top
----------*/

/* 01-1. subsidy 20220614 */

#top #subsidy_area{
	padding: 75px 0 45px;
	background-color: #e9e9e9;
	
}
#top #subsidy_area .contents_in{
	display: flex;
	justify-content: center;
	align-items: center;
}
#top #subsidy_area .cnt_text{
	text-align: center;
	width: 75%;
}

#top #subsidy_area .cnt_text p{
	font-size: 36px;
	line-height: 54px;
	letter-spacing: 0.06em;
}

#top #subsidy_area .btn_detail{
	display: block;
	margin: 30px auto;
	background: #404040;
	color: #FFF;
	border-radius: 8px;
		font-size: 18px;
		padding: 12px 0 10px;
	width: 180px;
	transition: .2s ease;
}
#top #subsidy_area .btn_detail a{
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 12px 0 10px;
	transition: .2s ease;
}
#top #subsidy_area .btn_detail:hover{
	background: #FFF;
		color: #000;
}
#top #subsidy_area .btn_detail:hover a{
	color: #000;
}

/* subsidy end */


#top #mainv_area{
width: 100%;
/*
max-height: 740px;
min-height: 480px;
height: 38.5vw;
background: url("../img/top/mainimg.jpg") no-repeat center;
background-size: cover;
*/
position: relative;
}
#top #mainv_area .movie{
display: block;
width: 100%;
height: 0;
padding-top: 47%;
overflow: hidden;
position: relative;
}
#top #mainv_area .movie video{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#top #mainv_area .text_box{
display: block;
position: absolute;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.6);
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
}
#top #mainv_area .text_box .contents_in{
display: flex;
justify-content: space-between;
align-items: center;
padding: 40% 0 42px;
}
#top #mainv_area .text_box .main_text{
font-size: 28px;
color: #fff;
line-height: 50px;
}
#top #mainv_area .btn_download{
display: block;
max-width: 440px;
width: 100%;
background: #416871;
border-radius: 9px;
border: 1px solid #707070;
box-shadow: 0px 5px 6px rgb(0,0,0,0.16);
position: relative;
transition: .2s ease;
}
#top #mainv_area .btn_download::after{
content: '';
display: block;
width: 40px;
height: 40px;
background: url("../common/img/icon_arrow01.png") no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
}
#top #mainv_area .btn_download a{
display: block;
width: 100%;
border-radius: 9px;
color: #fff;
font-size: 22px;
padding: 31px 24px 28px;
transition: .2s ease;
}

#top #mainv_area .btn_download:hover{
background: #E9E9E9;
box-shadow: none;
}
#top #mainv_area .btn_download:hover a{
color: #0C0C0C;
}

#top #about_area {
padding: 90px 0 126px;
}
#top #about_area .contents_in{
display: flex;
justify-content: flex-start;
align-items: center;
}
#top #about_area .logo_img{
max-width: 350px;
width: 27.3%;
margin: 0 auto;
}
#top #about_area .cnt_text{
max-width: 700px;
width: 54.68%;
}
#top #about_area .cnt_text .title{
font-size: 28px;
line-height: 45px;
letter-spacing: 0.15em;
margin-bottom: 16px;
}
#top #about_area .cnt_text .title .attention{
font-size: 14px;
letter-spacing: 0;
line-height: 21px;
vertical-align: text-top;
}
#top #about_area .cnt_text p{
font-size: 18px;
line-height: 35px;
letter-spacing: 0.06em;
}

#top h2{
font-family: "Arial","Noto Sans JP",futura-pt,sans-serif;
font-weight: 600;
font-style: normal;
color: #416871;
font-size: 50px;
line-height: 64px;
margin-bottom: 70px;
}
#top .h2_jp{
font-size: 28px;
line-height: 45px;
letter-spacing: 0.15em;
margin-bottom: 40px;
}

#top .cnt_area .g01{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 32px;
}
#top .cnt_area .g01 .cnt_text p{
display: block;
font-size: 18px;
line-height: 35px;
}
#top .cnt_area .g01 .cnt_img{
position: relative;
}
#top .cnt_area .g01 .cnt_img .circle_img{
display: block;
max-width: 242px;
width: 23.06%;
/*border: 5px solid #000;*/
border-radius: 50%;
z-index: 1;
position: absolute;
background: #333;
border: 1px solid #333;
}

#top .cnt_area .g02 h3{
display: block;
font-size: 28px;
margin-bottom: 52px;
font-weight: bold;
color: #416871;
}
#top .cnt_area .g02 .flex_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: wrap;
}

/* 最後のコンテンツを左寄せにする指定 */
#top .flex_box:after {
    content: "";
    display: block;
    width: 30.23%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

#top .cnt_area .g02 .flex_box .cnt_box{
max-width: 387px;
width: 30.23%;
}
#top .cnt_area .g02 .flex_box .cnt_box .title{
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
color: #416871;
border-bottom: 2px solid #416871;
line-height: 33px;
text-align: center;
margin-bottom: 21px;
}
#top .cnt_area .g01 .cnt_text p .attention{
font-size: 14px;
}


#top #operate_area {
padding: 83px 0 60px;
background: #E9E9E9;
box-shadow: 0 0 15px rgb(0,0,0,0.31);
}
#top #operate_area .g01 .cnt_text{
max-width: 420px;
width: 32.8%;
}
#top #operate_area .g01 .movie_box{
max-width: 800px;
width: 62.5%;
}
#top #operate_area .g01 .movie_box .movie{
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
#top #operate_area .g01 .movie_box .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#top #operate_area .g02 .flex_box .cnt_box ul{
display: block;
margin-bottom: 40px;
}
#top #operate_area .g02 .flex_box .cnt_box li{
display: block;
width: 100%;
text-align: center;
color: #416871;
font-size: 18px;
padding: 23px 0 22px;
background: #fff;
border: 1px solid #416871;
margin-bottom: 16px;
}

#top #regulation_area {
padding: 198px 0 238px;
}
#top #regulation_area.cnt_area .g01{
align-items: center;
margin-bottom: 143px;
}
#top #regulation_area .g01 .cnt_text{
max-width: 520px;
width: 40.6%;
}
#top #regulation_area .g01 .cnt_img{
max-width: 1049px;
width: 81.9%;
margin-right: -16.6vw;
}
#top #regulation_area .g01 .cnt_img .circle_img.img02{
top: -30px;
right: 23.3%;
}
#top #regulation_area .g01 .cnt_img .circle_img.img03{
top: 34%;
left: 17.11%;
}
#top #regulation_area .g02 .flex_box .cnt_box {
margin-bottom: 72px;
}
#top #regulation_area .g02 h3{
margin-bottom: 52px;
}
#top #regulation_area .g02 .flex_box .cnt_box .title{
color: #000;
}
#top #regulation_area .g02 .flex_box .cnt_box p{
display: block;
font-size: 17px;
line-height: 35px;
}
#top #regulation_area .g02 .cnt_box .scs_box{
color: #416871;
padding-top: 28px;
}
#top #regulation_area .g02 .cnt_box .scs_box .sub_title{
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}
#top #regulation_area .g02 .cnt_box .scs_box p{
font-size: 20px;
margin-bottom: 0;
}
#top #regulation_area .g02 .function_box{
max-width: 387px;
width: 30.23%;
background: #416871;
color: #fff;
padding: 42px 30px 14px;
margin-top: 52px;
}
#top #regulation_area .g02 .function_box .title{
font-size: 22px;
line-height: 33px;
border-bottom: 2px solid #fff;
text-align: center;
margin-bottom: 21px;
}
#top #regulation_area .g02 .function_box p{
font-size: 18px;
line-height: 28px;
padding-left: 1em;
text-indent: -1em;
padding-bottom: 28px;
}

#top #update_area {
padding: 87px 0 85px;
background: #E9E9E9;
box-shadow: 0 0 15px rgb(0,0,0,0.31);
}
#top #update_area .g01{
align-items: center;
}
#top #update_area .g01 .cnt_img{
max-width: 1244px;
width: 97.18%;
margin-left: -27.9vw;
}
#top #update_area .g01 .cnt_text{
max-width: 590px;
width: 46.1%;
}
#top #update_area .g01 .cnt_img .circle_img.img02{
top: 16%;
right: 29.3%;
}
#top #update_area .g01 .cnt_img .circle_img.img03{
bottom: 18%;
right: 8.11%;
}

#top #start_area {
padding: 214px 0 0;
}
#top #start_area .h2_jp, 
#top #start_area h2{
text-align: center;
}
#top #start_area .first_text{
display: block;
font-size: 18px;
line-height: 35px;
text-align: center;
margin-bottom: 33px;
letter-spacing: 0.06em;
}
#top #start_area .cnt_img{
position: relative;
width: 100%;
z-index: 1;
margin-bottom: -13.9vw;
}
#top #start_area .cnt_img .circle_img{
display: block;
max-width: 242px;
width: 23.06%;
/*border: 5px solid #000;*/
border-radius: 50%;
z-index: 1;
position: absolute;
background: #333;
border: 1px solid #333;
}
#top #start_area .cnt_img .circle_img.img02{
top: 14%;
left: 18.1%;
}
#top #start_area .cnt_img .circle_img.img03{
top: 37%;
right: 31.1%;
}
#top #start_area .more_g{
padding: 16.85vw 0 80px;
width: 100%;
background: #5D6060;
}
#top #start_area .more_g h3{
display: block;
text-align: center;
margin: 0 auto 65px;
font-size: 32px;
color: #fff;
letter-spacing: 0.1em;
}
#top #start_area .more_g h3 span{
display: inline-block;
position: relative;
}
#top #start_area .more_g h3 span::before, 
#top #start_area .more_g h3 span::after{
content: '';
display: block;
background: #fff;
width: 3px;
height: 42px;
position: absolute;
top: 50%;
}
#top #start_area .more_g h3 span::before{
transform: translateY(-50%) rotate(-22deg);
left: -32px;
}
#top #start_area .more_g h3 span::after{
transform: translateY(-50%) rotate(22deg);
right: -32px;
}
#top #start_area .more_g .btn_g{
display: flex;
justify-content: space-between;
}
#top #start_area .more_g .btn_g .btn{
display: block;
max-width: 610px;
width: 47.6%;
border: 2px solid #fff;
border-radius: 22px;
position: relative;
}
#top #start_area .more_g .btn_g .btn::after{
content: '';
display: block;
width: 40px;
height: 40px;
background: url("../common/img/icon_arrow02.png") no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: .2s ease;
}
#top #start_area .more_g .btn_g .btn a{
display: block;
width: 100%;
border-radius: 9px;
color: #fff;
font-size: 24px;
letter-spacing: 0.06em;
line-height: 45px;
padding: 36px 24px 34px;
transition: .2s ease;
text-align: center;
}
#top #start_area .more_g .btn_g .btn a span{
font-size: 30px;
}
#top #start_area .more_g .btn_g .btn:hover{
background: #fff;
}
#top #start_area .more_g .btn_g .btn:hover::after{
background: url("../common/img/icon_arrow03.png") no-repeat center;
background-size: contain;
}
#top #start_area .more_g .btn_g .btn:hover a{
color: #5D6060;
}

#top #clients_area {
padding: 120px 0 112px;
background: #E9E9E9;
box-shadow: 0 0 15px rgb(0,0,0,0.31);
}
#top #clients_area .h2_jp, 
#top #clients_area h2{
text-align: center;
}
#top #clients_area .first_text{
display: block;
font-size: 18px;
line-height: 35px;
text-align: center;
margin-bottom: 87px;
letter-spacing: 0.06em;
}
#top #clients_area .cnt_box h4{
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #000;
line-height: 33px;
text-align: center;
margin-bottom: 21px;
padding-bottom: 8px;
}
#top #clients_area .flex_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 71px;
} 
#top #clients_area .flex_box ul{
display: block;
max-width: 329px;
width: 31%;
}
#top #clients_area .flex_box ul li{
font-size: 18px;
line-height: 28px;
letter-spacing: 0.08em;
padding: 0 0 22px 1em;
text-indent: -1em;
}
#top #clients_area .bottom_text{
font-size: 18px;
line-height: 28px;
letter-spacing: 0.08em;
text-align: center;
}
#top #clients_area .bottom_text span{
font-size: 14px;
}

#top #comparison_area {
padding: 120px 0 120px;
}
#top #comparison_area h2{
text-align: center;
margin-bottom: 25px;
}
#top #comparison_area .h2_jp{
text-align: center;
margin-bottom: 60px;
}

#top #comparison_area table{
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 25px;
}
#top #comparison_area table div.line{
display: block;
height: 1px;
width: 100%;
background: #7F7E7E;
}
#top #comparison_area table tr{
border-bottom: 1px solid #7F7E7E;
}
#top #comparison_area table th{
max-width: 240px;
width: 18.75%;
font-size: 18px;
font-weight: bold;
text-align: left;
vertical-align: middle;
}
#top #comparison_area table th.bg{
background: #EFEFEF;
background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
}
#top #comparison_area table td{
max-width: 196px;
width: 15.31%;
/*background: #EFEFEF;*/
background: #EFEFEF;
background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
/*border-left: 15px solid #fff ;*/
border-bottom: 1px solid #7F7E7E;
vertical-align: middle;
padding: 25px 0;
text-align: center;
font-size: 16px;
line-height: 24px;
}
#top #comparison_area table th.bg:last-of-type,
#top #comparison_area table td:last-of-type{
background: #EFEFEF;
background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%);
}
#top #comparison_area table td span{
width: 38px;
display: block;
margin: 0 auto 15px;
}
#top #comparison_area table .scs{
background: #40666F;
background: linear-gradient(90deg, #FFF 3%, #40666F 3%, #40666F 97%, #FFF 97%);
color: #fff;
}
#top #comparison_area table tr.first_tr{
border: none;
}
#top #comparison_area table tr.first_tr .scs{
background: none;
padding: 0 20px 15px;
}
#top #comparison_area table tr.first_tr .scs span.logo{
position: relative;
max-width: 157px;
display: block;
margin: 0 auto;
}
#top #comparison_area table tr.first_tr .scs span.logo::before,
#top #comparison_area table tr.first_tr .scs span.logo::after{
content: '';
display: block;
background: #40666F;
width: 2px;
height: 22px;
position: absolute;
bottom: 0
}
#top #comparison_area table tr.first_tr .scs span.logo::before{
transform: rotate(-25deg);
left: -15px;
}
#top #comparison_area table tr.first_tr .scs span.logo::after{
transform: rotate(25deg);
right: -15px;
}
#top #comparison_area table tr.second_tr th{
text-align: center;
padding: 25px 0;
}
#top #comparison_area p.attention{
display: block;
text-align: right;
font-size: 14px;
line-height: 20px;
}


#top #contact_area {
padding: 100px 0 120px;
background: #E9E9E9;
box-shadow: 0 0 15px rgb(0,0,0,0.31);
}
#top #contact_area h2{
text-align: center;
margin-bottom: 25px;
}
#top #contact_area .h2_jp{
text-align: center;
}

#top #contact_area .first_text {
display: block;
font-size: 18px;
line-height: 35px;
text-align: center;
margin-bottom: 60px;
letter-spacing: 0.06em;
}
#top #contact_area .form_g{
display: flex;
justify-content:center;
}
#top #contact_area .form_g .text_box{
display: block;
max-width: 520px;
}
#top #contact_area .form_g .text_box p{
font-size: 18px;
line-height: 35px;
letter-spacing: 0.06em;
margin-bottom: 25px;
}
#top #contact_area .form_g .text_box ul{
font-size: 18px;
line-height: 35px;
letter-spacing: 0.06em;
margin-bottom: 40px;
}

#top #contact_area .form_g .text_box dl{
margin-bottom: 60px;
}
#top #contact_area .form_g .text_box .tel_box p{
font-size: 20px;
line-height: 36px;
letter-spacing: 0.15em;
margin-bottom: 20px;
	text-align: center;
}
#top #contact_area .form_g .text_box .tel_box dt{
font-size: 20px;
line-height: 28px;
color: #40666F;
letter-spacing: 0.06em;
margin-bottom: 12px;
text-indent: -26px;
padding-left: 26px;
	text-align: center;
}
#top #contact_area .form_g .text_box .tel_box dt::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 16px;
height: 1px;
background: #40666F;
margin: -3px 10px 0 0;
}
#top #contact_area .form_g .text_box .tel_box dd{
font-size: 40px;
margin-bottom: 32px;
	text-align: center;
/*font-weight: bold;*/
}
#top #contact_area .form_g .text_box .tel_box dd span.small{
font-size: 16px;
}
#top #contact_area .form_g .text_box .tel_box dd span.icon{
width: 32px;
display: inline-block;
margin: -6px 3px 0 0;
vertical-align: middle;
}
#top #contact_area .form_g .form_box{
display: block;
background: #F7F7F7;
box-shadow: 0 0 10px rgb(0,0,0,0.16);
padding: 60px;
max-width: 726px;
width: 56.7%;
}
#top #contact_area .form_g .form_box p{
display: block;
font-size: 22px;
line-height: 35px;
margin-bottom: 25px;
letter-spacing: 0.05em;
}
#top #contact_area .form_g .form_box .check p{
margin-bottom: 10px;
font-size: 18px;
color: #1B1B1B;
}




/*--------------------
02.news
--------------------*/

#mainv_area.under{
display: block;
position: relative;
padding-bottom: 121px;
background-image: url("../img/news_list/news_list_mv.png");
background-size: cover;
background-repeat: no-repeat;
}
#mainv_area.under::before{
content: '';
display: block;
width: 100%;
height: 179px;
/*
background: transparent linear-gradient(0deg, #FFFFFF 0%, #BABABA 45%, #4B4B4B 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
*/
background: rgba(0,0,0,0.6);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
}
#mainv_area.under .text_box {
display: block;
position: absolute;
bottom: 0px;
width: 100%;
}
#mainv_area.under .text_box .contents_in {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 0px 60px;
}
#mainv_area.under .btn_download{
display: block;
max-width: 440px;
width: 100%;
background: #416871;
border-radius: 9px;
border: 1px solid #707070;
box-shadow: 0px 5px 6px rgb(0 0 0 / 16%);
position: relative;
transition: .2s ease;
margin: 0 0 0 auto;
}
#mainv_area.under .btn_download a{
display: block;
width: 100%;
border-radius: 9px;
color: #fff;
font-size: 22px;
padding: 31px 24px 28px;
transition: .2s ease;
}
#mainv_area.under .btn_download::after {
content: '';
display: block;
width: 40px;
height: 40px;
background: url(../common/img/icon_arrow01.png) no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
}

/*-------ニュースリスト--------*/

#news_list .cnt_area{
display: flex;
padding: 60px 0 118px;
}
#news_list .cnt_area .l_box{
width: 310px;;
color: #416871;
}
#news_list .cnt_area .l_box span{
display: block;
margin-bottom: 45px;
font-family: "Arial","Noto Sans JP",futura-pt,sans-serif;
font-size: 50px;
font-weight: 600;
}
#news_list .cnt_area .l_box h1{
font-size: 28px;
letter-spacing: 0.15em;
font-weight: 400;
color: #0C0C0C; 
}
#news_list .cnt_area .r_box{
width: calc(100% - 310px);
}
#news_list .cnt_area .r_box ul{
margin-bottom: 45px;
padding: 30px 0 0 0;
}
#news_list .cnt_area .r_box ul li{
border-bottom: 1px solid #BCBCBC;
padding: 27px 0 27px 5px;
}
#news_list .cnt_area .r_box ul li:first-of-type{
border-top: 1px solid #BCBCBC;
}
#news_list .cnt_area .r_box ul li a{
display: flex;
align-items: center;
position: relative;
font-size: 16px;
}
#news_list .cnt_area .r_box ul li a::after{
content: '';
display: block;
position: absolute;
width: 5px;
height: 11px;
background-image: url("../img/news_list/parts01.png");
background-size: cover;
background-repeat: no-repeat;
top: 50%;
right: 10px;
transform: translateX(-50%);
}
#news_list .cnt_area .r_box ul li a .day{
margin-right: 30px;
}
#news_list .btn_box{
display: flex;
justify-content: space-between;
text-align: center;
}
#news_list .btn_box .btn_next{
font-size: 28px;
width: 220px;
}
#news_list .btn_box .btn_next a{
display: block;
border: 1px solid #6A6666;
border-radius: 8px;
padding: 14.5px 0;
font-family: "Arial","Noto Sans JP",futura-pt,sans-serif;
font-size: 18px;
font-weight: 200;
text-align: center;
}
/*-------ニュース詳細--------*/
#news_detail .cnt_area.contents_in{
max-width: 1000px;
padding: 89px 0 123px 0;
}
#news_detail .cnt_area .day{
margin-bottom: 17px;
font-family: "Arial","Noto Sans JP",futura-pt,sans-serif;
font-size: 18px;
font-weight: 200;
}
#news_detail .cnt_area .title{
margin-bottom: 34px;
border-bottom: 1px solid #BCBCBC;
padding-bottom: 25px;
font-size: 24px;
line-height: 60px;
}
#news_detail .cnt_area .cnt_text{
margin-bottom: 34px;
font-size: 16px;
line-height: 32px;
}
#news_detail .cnt_area .cnt_img{
width: 100%;
}
#news_detail .cnt_area .btn_back{
margin: 60px auto 0;
width: 220px;
}
#news_detail .cnt_area .btn_back a{
display: block;
border: 1px solid #6A6666;
border-radius: 8px;
padding: 14.5px 0;
font-family: "Arial","Noto Sans JP",futura-pt,sans-serif;
font-size: 18px;
font-weight: 200;
text-align: center;
}

/* 220616 subsidy news */
#news_detail .cnt_area .title br {
display: block;
content: "";
margin: -20px 0;
}



#news_detail .cnt_area .title2{
margin-bottom: 34px;
border-bottom: 1px solid #BCBCBC;
padding-bottom: 10px;
font-size: 18px;
line-height: 60px;
}


#news_detail .more_g{
padding: 10px 10% 20px;
width: 100%;
	text-align: center;
}
#news_detail .more_g h3{
display: block;
text-align: left;
margin: 0 auto 65px;
font-size: 16px;
letter-spacing: 0.1em;
}
#news_detail .more_g h3 span{
display: inline-block;
position: relative;
}

#news_detail .more_g .btn_g{
display: flex;
justify-content: space-between;

}
#news_detail .more_g .btn_g .btnrow{
display: block;
max-width: 610px;
width: 40%;
position: relative;
}
#news_detail .more_g .btn_g .btnrow p{
	font-size: 16px;
	letter-spacing: 0.03em;
	line-height: 24px;
	margin: 0 0 20px;
}

#news_detail .more_g .btn_g .btnrow img{
	width: 200px;
	margin: auto;
	border: 1px solid #9da4a9;
}

#news_detail .more_g .btn_g .btnrow .btn{
display: block;
width: 150px;
	margin:20px auto;
position: relative;	
background-color: #404040;
color: #fff;
border-radius: 8px;
}
#news_detail .more_g .btn_g .btnrow .btn a{
display: block;
width: 100%;
border-radius: 8px;
color: #fff;
font-size: 14px;
letter-spacing: 0.06em;
line-height: 30px;
padding: 0;
transition: .2s ease;
}
#news_detail .more_g .btn_g .btnrow .btn:hover{
background: #e9e9e9;
}
#news_detail .more_g .btn_g .btnrow .btn:hover a{
color: #404040;
}

/**フリートライアル**/

#top #mainv_area .btn_download1{
display: block;
max-width: 440px;
width: 100%;
background: #416871;
border-radius: 9px;
border: 1px solid #707070;
box-shadow: 0px 5px 6px rgb(0,0,0,0.16);
position: relative;
transition: .2s ease;
}
#top #mainv_area .btn_download1::after{
content: '';
display: block;
width: 40px;
height: 40px;
background: url("../common/img/icon_arrow04.png") no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
}
#top #mainv_area .btn_download1 a{
display: block;
width: 100%;
border-radius: 9px;
color: #fff;
font-size: 22px;
padding: 31px 24px 28px;
transition: .2s ease;
}

#top #mainv_area .btn_download1:hover{
background: #E9E9E9;
box-shadow: none;
}
#top #mainv_area .btn_download1:hover a{
color: #0C0C0C;
}

@media screen and (min-width: 1024px) {
  .onlySP {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .onlyPC {
    display: none !important;
  }
}