html{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{overflow-y:scroll}
body,header,nav,main,section,footer,p{margin:0px;padding:0px}
body{color:#3C3C3C;font-size:16px}
header,nav,main,footer{min-width:1280px;width:100%}
img{max-width:100%}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#0066CC}
.section_base,#cloud,#mail,#byod,#case_list,#case_title,#plan,#fee,#news,#sitemap{padding-top:60px}
.section_base .title,#cloud .title,#mail .title,#byod .title,#case_list .title,#case_title .title,#plan .title,#fee .title,#news .title,#sitemap .title{font-size:1.3em;margin:0px;padding:0px;text-align:center}
.w1280{max-width:1280px;width:1280px;margin:0 auto}
.w1100{width:1100px;margin:0 auto}
.w640{width:640px}
.w200{width:200px}
.w300{width:300px}
.w50per{width:50%}
.w80per{width:80%}
.w85per{width:85%}
.w90per{width:90%}
.h100per{height:100%}
.mobile{display:none}
.space_bottom{margin-bottom:20px}
.cursor_pointer{cursor:pointer}
.flex_container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
p{margin:5px}
.vertical_align_middle,header .service_logo,header .submenu{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.vertical_align_middle2{display:table-cell;vertical-align:middle}
.all_align_center,#case .list_menu li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.align_right{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}
.list_menu{display:-webkit-flex;display:flex;list-style:none;padding:0px;margin:0px}
.list_menu li{margin-right:30px}
.list_menu li img{display:block}
.list_menu li :link,.list_menu li :visited,.list_menu li :hover,.list_menu li :active{text-decoration:none}
.button_sm{background-color:#C7C7C7;border-radius:10px;text-align:center;padding-top:10px;padding-bottom:10px;padding-left:50px;padding-right:50px;color:#3C3C3C}
.button_sm:link,.button_sm:visited,.button_sm:hover,.button_sm:active{-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;background-color:#999999;color:white}
.button_sm2{background-color:#C7C7C7;border-radius:10px;text-align:center;padding-top:5px;padding-bottom:5px;padding-left:30px;padding-right:30px;color:#3C3C3C}
.button_sm2:link,.button_sm2:visited,.button_sm2:hover,.button_sm2:active{-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;background-color:#999999;color:white}
@keyframes bt_bk{0%{-webkit-opacity:1;opacity:1;-webkit-transform:scaleX(0);transform:scaleX(0)}
100%{-webkit-opacity:0.2;opacity:0.2;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.button_lg3{background-color: rgb(0, 102, 204);color: #fff;margin:40px 20px;padding: 0px;text-align: center;}
.button_lg3 a{color: #fff;margin: auto;display: block;padding:15px;}
.button_lg3 a:hover{background-color:#18509a;}
.button_lg4{background-color: rgb(0, 102, 204);color: #fff;margin:40px 20px;padding: 15px;text-align: center;}
.button_lg4 a{color: #fff;margin: auto;display: block;}
.button_lg5{text-align: center; margin:30px auto;}
.button_lg5 a{display: inline-block;padding: 0.8em 1em;text-decoration: none;background: #F38607;color: #FFF;border-bottom: solid 4px #865a43;border-radius: 10px;}
.button_lg5 a:active{ -webkit-transform: translateY(4px);transform: translateY(4px); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
.button_lg6{text-align: center; margin:30px auto;}
.button_lg6 a{display: inline-block;border: 2px solid #06c;border-radius: 10px;padding: 1em;}
.button_lg6 a:hover{display: inline-block;background:#06c;padding: 1em;color: #fff}
.button_lg7{text-align: center; margin:30px auto;}
.button_lg7 a{display: inline-block;padding: 0.8em 1em;text-decoration: none;background: #f30202;color: #FFF;border-bottom: solid 4px #865a43;border-radius: 10px;}
.button_lg7 a:active{ -webkit-transform: translateY(4px);transform: translateY(4px); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
.button_lg,.button_lg2{position:relative;font-size:1.3em;background-color:#1E59A8;margin-top:40px;margin-right:180px;margin-left:180px;cursor:pointer}
.button_lg .bt_text,.button_lg2 .bt_text{color:white;text-align:center;padding-top:15px;padding-bottom:15px}
.button_lg .btn_bg,.button_lg2 .btn_bg{position:absolute;z-index:900;background-color:rgba(255,255,255,0.5);width:0%;height:100%;top:0}
.button_lg:link .btn_bg,.button_lg2:link .btn_bg,.button_lg:visited .btn_bg,.button_lg2:visited .btn_bg,.button_lg:hover .btn_bg,.button_lg2:hover .btn_bg,.button_lg:active .btn_bg,.button_lg2:active .btn_bg{-moz-animation:bt_bk 0.5s forwards;-webkit-animation:bt_bk 0.5s forwards;animation:bt_bk 0.5s forwards;width:100%;height:100%}
.button_lg2{margin-top:20px;margin-bottom:20px;margin-right:0px;margin-left:0px}
.border{width:100%;border-bottom:solid 5px #3C3C3C;margin-bottom:40px}
.border1{width:100%;border-bottom:solid 1px #A4A3A3;margin-bottom:10px}
.border3{width:100%;border-bottom:solid 3px #3C3C3C;margin-bottom:40px}
.border_collapse{border-collapse:collapse}
.frame1,#plan .fee_table .row>div,#fee .fee_table .row>div{border:solid 1px #A4A3A3}
.frame2{border:solid 2px #A4A3A3}
.frame3{border:solid 2px #255EAA}
.frame3_1{border:solid 1px #255EAA}
.frame4{border:solid 2px #d7d7d7}
.frame4_link{font-size:0.9em;padding: 5px}
.frame4_link a{color: #828282;}
.frame4_link:hover{background: #fafafa}
.frame_topbottom{border-top:solid 1px #A4A3A3;border-bottom:solid 1px #A4A3A3}
.frame_top{border-top:solid 1px #A4A3A3}
.frame_bottom{border-bottom:solid 1px #A4A3A3}
.tel{font-size:2em;font-weight:bold;color:#CC0808}
.table,.modal_table,#specification .speci_table,#case_corp .case_table,#plan .fee_table,#fee .fee_table,#news .news_table{display:table;border-collapse:collapse;margin-top:10px;margin-bottom:10px}
.table .row,.modal_table .row,#specification .speci_table .row,#case_corp .case_table .row,#plan .fee_table .row,#fee .fee_table .row,#news .news_table .row{display:table-row}
.table .row>div,.modal_table .row>div,#specification .speci_table .row>div,#case_corp .case_table .row>div,#plan .fee_table .row>div,#fee .fee_table .row>div,#news .news_table .row>div{display:table-cell}
section{width:100%;min-width:1280px}
.button_arrow1{border:2px solid #145CC8;background-image:url("../img/arrow02.png");background-repeat:no-repeat;background-position:right bottom;background-color:white;cursor:pointer}
.button_arrow1 .text{padding:20px;text-align:center}
.button_arrow1 :link,.button_arrow1 :visited,.button_arrow1 :hover,.button_arrow1 :active{color:#000}
.button_arrow1:hover{background-image:url("../img/arrow03.png");background-color:#145CC8;color:white;font-weight:bold;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
.button_arrow1:hover :link,.button_arrow1:hover :visited,.button_arrow1:hover :hover,.button_arrow1:hover :active{color:white}
.caution{font-size:1.1em;color:red;font-weight:bold;margin-right:10px}
.window{display:none;position:fixed;background-color:rgba(0,0,0,0.5);top:0;left:0;right:0;bottom:0;z-index:900;overflow:auto}
.window .parent{display:table-cell;position:relative;padding:30px;margin:0 auto;width:100vw}
.window .child{position:absolute;background-color:white;width:1200px;background-image:url("../img/close.png");background-repeat:no-repeat;background-position:right 20px top 20px;padding-top:80px;top:70px;right:0;left:0;margin:auto;margin-bottom:50px}
.font08{font-size:0.8em}
.font09{font-size:0.9em}
.font11{font-size:1.1em}
.font12{font-size:1.2em}
.font13{font-size:1.3em}
.font15{font-size:1.5em}
.font16{font-size:1.6em}
.font18{font-size:1.8em}
.font20{font-size:2em}
.font22{font-size:2.2em}
.font25{font-size:2.5em}
.font30{font-size:3em}
.bold{font-weight:bold}
.font_w100{font-weight: 100}
.font_w300{font-weight: 300}
.font_w500{font-weight: 500}
.font_w800{font-weight: 800}
.font_red{color:#D30000}
.font_white{color:white}
.font_orange{color:#F38607}
.font_yellow{color:yellow}
.font_blue1{color:#1E59A8}
a.link_style2{text-decoration: underline;color: #3b3b3b;background-image: url(../img/arrow10.png);background-repeat: no-repeat;position: relative;padding: 0px 50px;text-decoration: underline; color:#3b3b3b;background-size: 30px auto;padding: 3px 0px 10px 50px;}
a.link_style1{text-decoration: underline; color:#3b3b3b}
.font_black,#overview1 .task_box1 :link,#cloud_overview .task_box1 :link,#mail_overview .task_box1 :link,#overview1 .task_box2 :link,#cloud_overview .task_box2 :link,#mail_overview .task_box2 :link,#overview1 .task_box1 :visited,#cloud_overview .task_box1 :visited,#mail_overview .task_box1 :visited,#overview1 .task_box2 :visited,#cloud_overview .task_box2 :visited,#mail_overview .task_box2 :visited,#overview1 .task_box1 :hover,#cloud_overview .task_box1 :hover,#mail_overview .task_box1 :hover,#overview1 .task_box2 :hover,#cloud_overview .task_box2 :hover,#mail_overview .task_box2 :hover,#overview1 .task_box1 :active,#cloud_overview .task_box1 :active,#mail_overview .task_box1 :active,#overview1 .task_box2 :active,#cloud_overview .task_box2 :active,#mail_overview .task_box2 :active,#overview2 .task_box1 :link,#overview2 .task_box2 :link,#overview2 .task_box1 :visited,#overview2 .task_box2 :visited,#overview2 .task_box1 :hover,#overview2 .task_box2 :hover,#overview2 .task_box1 :active,#overview2 .task_box2 :active{color:#3C3C3C}
.text.under_line{text-decoration:underline}
.edge1{text-shadow:1px 1px 1px #343535,-1px 1px 1px #343535,1px -1px 1px #343535,-1px -1px 1px #343535,1px 1px 2px #343535,-1px 1px 2px #343535,1px -1px 2px #343535,-1px -1px 2px #343535,5px 5px 5px rgba(0,0,0,0.3),-5px 5px 5px rgba(0,0,0,0.3),5px -5px 5px rgba(0,0,0,0.3),-5px -5px 5px rgba(0,0,0,0.3)}
.text_align_center{text-align:center}
.text_align_left{text-align:left}
.text_align_right{text-align:right}
.margin_top15{margin-top:15px}
.margin_top20{margin-top:20px}
.margin_top30{margin-top:30px}
.margin_top40{margin-top:40px}
.margin_top60{margin-top:60px}
.margin_top110{margin-top:110px}
.margin_right10{margin-right:10px}
.margin_right20{margin-right:20px}
.margin_right30{margin-right:30px}
.margin_left20{margin-left:20px}
.margin_left40{margin-left:40px}
.margin_left60{margin-left:60px}
.margin_left80{margin-left:80px}
.margin_left100{margin-left:100px}
.margin_bottom20{margin-bottom:20px}
.margin_bottom40{margin-bottom:40px}
.margin_bottom60{margin-bottom:60px}
.margin_bottom80{margin-bottom:80px}
.margin_topbottom60{margin:60px 0px}
.margin_topbottom40{margin:40px 0px}
.margin0{margin:0px}
.margin5{margin:5px}
.margin10{margin:10px}
.margin20{margin:20px}
.bg_red1{background-color:#D30000}
.bg_blue1{background-color:#1E59A8}
.bg_blue2{background-color:#145CC8}
.bg_blue3{background-color:#D0EBFC}
.bg_blue5{background-color:#E8F0F5}
.bg_blue4{background-color:#60b6e8}
.bg_glay1{background-color:#3C3C3C}
.bg_orange1{background-color:#FF9B00}
.bg_yellow1{background-color:#FFC700;}
.bg_white{background-color:white}
.padding525525{padding:5px 25px 5px 25px}
.padding5{padding:5px}
.padding10{padding:10px}
.padding20{padding:20px}
.padding30{padding:30px}
.padding_lr100{padding-left:100px;padding-right:100px}
.padding_lr30{padding-left:30px;padding-right:30px}
.padding_bottom10{padding-bottom:10px}
.padding_tb10{padding-bottom:10px;padding-top:10px}
.padding_tb20{padding-bottom:20px;padding-top:20px}
.flex1{-webkit-flex:1;flex:1;position:relative}
.flex4{-webkit-flex:4;flex:4}
.flex1m{-webkit-flex:1;flex:1}
.arrow1{background-image:url("../img/arrow08.png");background-repeat:no-repeat;background-position:center center;height:113px;width:100%;margin-top:10px;margin-bottom:10px}
.arrow2{background-image:url("../img/arrow09.png");background-repeat:no-repeat;padding-left:30px;background-position:left center;border-bottom:solid 2px #666666}
.triangle11{width:0;height:0;border-style:solid;border-width:75px 125px 0 125px;border-color:#C51010 transparent transparent transparent;margin:0 auto}
.triangle12{width:0;height:0;border-style:solid;border-width:30px 50px 0 50px;border-color:#C51010 transparent transparent transparent;margin:0 auto}
.item1{background-image:url("../img/icon_01.png");background-repeat:no-repeat;padding-left:50px;min-height:37px}
.arrow3{width: 0px;height: 0px;  border-left: 120px solid transparent;border-right: 120px solid transparent;border-top: 50px solid #FF9B00;margin:0px auto 10px;}
.min_height70{min-height:70px}
.min_height100{min-height:100px}
.min_height120{min-height:120px}
.min_height150{min-height:150px}
.min_height180{min-height:180px}
.min_height220{min-height:220px}
.min_height240{min-height:240px}
.height100per{height:100%}
.height50{height:50px}
.height60{height:60px}
.min_height250{min-height:250px}
.min_height280{min-height:280px}
.min_height380{min-height:380px}
.min_height100vh{min-height:100vh}
.circle100{width:150px;height:150px;border-radius:150px;-webkit-border-radius:150px;-moz-border-radius:150px;display:table-cell;vertical-align:middle;text-align:center}
.table_cell{display:table-cell}
.modal_table .row>div{border:solid 1px #CDCDCD;background-color:#EEEEEE;padding:5px}
.modal_table .row .tbl_head{color:white;background-color:#0E3F6C}
.text_indent1{text-indent:-2em}
.text_indent2{text-indent:-1em}
.plan_name{border-bottom:solid 2px #1E59A8;margin-top:20px}
.line_height250{line-height:250%}
.inline_block{display:inline-block}
#page_top{padding-top:110px;background-image:url("../img/top_bg.png");background-repeat:no-repeat;background-color:#5AC0CC}
#page_top .page_title{text-align:center;height:230px;margin:0px;line-height:200px}
#page_top .page_title2{text-align:center;line-height: 1.5em;height: 100%;padding: 30px 0px;margin: 0px;}
#navigation{padding-top:30px}
.return{position:fixed;right:0px;bottom:40px;cursor:pointer;background-image:url("../img/return.png");background-repeat:no-repeat;width:40px;height:40px}
.noscript{position:fixed;top:0px;left:0px;width:100vw;height:100vh;background-color:rgba(0,0,0,0.9);text-align:center;padding-top:100px;color:#ffffff;z-index:100}
.gsc-control-cse{padding:6px !important}
.gsc-control-cse *{box-sizing:content-box}
@media screen and (max-width: 768px){body{font-size:13px}
#page_top{padding-top:20px;background-image:url("../img/top_bg.png");background-repeat:no-repeat;background-color:#5AC0CC}
#page_top .page_title{text-align:center;height:150px;margin:70px auto 0px;line-height:2em}
h1{font-size:1.5em}
h3{font-weight: 100}
.font15{font-size:1.4em}
.font16{font-size:1.5em}
.font18{font-size:1.6em}
.font20{font-size:1.6em}
.font22{font-size:1.8em}
.font25{font-size:2em}
.font30{font-size:2.5em}
.w1280{width:100%}
.w1100{width:90%}
.w640{width:100%}
.w200{width:100%}
.w100per{width:100%}
.pc{display:none}
.mobile{display:block}
header,nav,main,footer{min-width:100%}
section{min-width:100%}
.img100percent{width:100%}
.button_arrow1{margin-bottom:10px}
.padding_lr100{padding-left:10px;padding-right:10px}
.flex1{-webkit-flex:none;flex:none;width:100%}
.window .child{width:90vw}
.button_lg,.button_lg2{position:relative;font-size:1.3em;background-color:#1E59A8;margin-top:40px;margin-right:50px;margin-left:50px}
.circle100{width:　50px;height:50px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;display:table-cell;vertical-align:middle;text-align:center}
}
header{background-color:white;position:absolute;top:0px;z-index:900}
header .service_logo{height:60px}
header .service_logo img{display:block}
header .submenu{height:60px}
header .submenu .list_menu :link,header .submenu .list_menu :visited,header .submenu .list_menu :hover,header .submenu .list_menu :active{color:#000}
@keyframes nav_trans{from{opacity:0}
to{opacity:1}
}
nav{background-color:#343535;color:white}
nav.fixed{margin-top:0;top:0;position:fixed}
nav .balloon,nav .balloon1,nav .balloon2,nav .balloon3{position:absolute;display:none;background-image:url(../img/balloon.png);background-repeat:no-repeat;width:47px;height:35px}
nav .link_list{display:none;position:absolute;top:70px;left:0;color:#3C3C3C}
nav .linkmenu{background-color:white;position:absolute;width:900px;padding:30px}
nav .pc .menu{display:-webkit-flex;display:flex;position:relative;list-style:none;margin:0px;padding:0px;height:50px}
nav .pc .menu li{margin-right:30px}
@media screen and (max-width: 768px){nav .main_button{display:table-cell;height:60px;vertical-align:middle}
nav .mobile_menu{background-color:#666666;display:none;padding:20px}
nav .mobile_menu :link,nav .mobile_menu :visited,nav .mobile_menu :active{text-decoration:underline;color:white}
nav .mobile_menu .link{padding-top:10px;padding-bottom:10px;border-bottom:solid 1px #555555}
}
@keyframes top_btn{0%{width:0px}
100%{width:100%}
}
@keyframes top_animation1{0%{opacity:0}
10%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
@keyframes top_animation2{0%{opacity:0}
10%{opacity:0}
20%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
@keyframes top_animation3{0%{opacity:0}
20%{opacity:0}
30%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
@keyframes top_animation4{0%{opacity:0}
30%{opacity:0}
40%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
@keyframes top_animation5{0%{opacity:0}
40%{opacity:0}
50%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
/*TOP*/
#top h1{font-size:1em;margin:0;padding:0}
#top .top{padding-top:110px}
#top .top_bg{background-image:url("../img/top_bg.png");background-repeat:no-repeat;background-color:#5AC0CC}
#top .top_animation_bg{background-image:url("../img/top_ani_01.png");background-repeat:no-repeat;position:relative;height:450px}
#top .top_animation1{background-image:url("../img/top_ani_02.png");background-repeat:no-repeat;text-shadow:1px 1px 5px rgba(0,0,0,0.8);position:absolute;z-index:45;top:0;left:0;right:0;bottom:0;-moz-animation:top_animation1 5s infinite;-webkit-animation:top_animation1 5s infinite;animation:top_animation1 5s infinite}
#top .top_animation2{background-image:url("../img/top_ani_03.png");background-repeat:no-repeat;text-shadow:1px 1px 5px rgba(0,0,0,0.8);position:absolute;z-index:45;top:0;left:0;right:0;bottom:0;-moz-animation:top_animation2 5s infinite;-webkit-animation:top_animation2 5s infinite;animation:top_animation2 5s infinite}
#top .top_animation3{background-image:url("../img/top_ani_04.png");background-repeat:no-repeat;text-shadow:1px 1px 5px rgba(0,0,0,0.8);position:absolute;z-index:45;top:0;left:0;right:0;bottom:0;-moz-animation:top_animation3 5s infinite;-webkit-animation:top_animation3 5s infinite;animation:top_animation3 5s infinite}
#top .top_animation4{background-image:url("../img/top_ani_05.png");background-repeat:no-repeat;text-shadow:1px 1px 5px rgba(0,0,0,0.8);position:absolute;z-index:45;top:0;left:0;right:0;bottom:0;-moz-animation:top_animation4 5s infinite;-webkit-animation:top_animation4 5s infinite;animation:top_animation4 5s infinite}
#top .top_animation5{background-image:url("../img/top_ani_06.png");background-repeat:no-repeat;text-shadow:1px 1px 5px rgba(0,0,0,0.8);position:absolute;z-index:45;top:0;left:0;right:0;bottom:0;-moz-animation:top_animation5 5s infinite;-webkit-animation:top_animation5 5s infinite;animation:top_animation5 5s infinite}
#top .top_msg{position:absolute;z-index:50;padding-top:30px;padding-bottom:40px;width:100%}
#top .box1,#top .box2,#top .box3,#top .box4{position:relative;width:276px;height:216px;margin:20px;background-image:url("../img/top_1-1.png");background-repeat:no-repeat}
#top .box1 .ani,#top .box2 .ani,#top .box3 .ani,#top .box4 .ani{position:absolute;background-color:rgba(255,255,255,0);top:0;left:0;right:0;bottom:0}
#top .box1:hover .ani,#top .box2:hover .ani,#top .box3:hover .ani,#top .box4:hover .ani{background-image:url("../img/top_1-2.png");-moz-animation:top_btn 1s forwards;-webkit-animation:top_btn 1s forwards;animation:top_btn 1s forwards}
#top .box2{background-image:url("../img/top_2-1.png")}
#top .box2:hover .ani{background-image:url("../img/top_2-2.png")}
#top .box3{background-image:url("../img/top_3-1.png")}
#top .box3:hover .ani{background-image:url("../img/top_3-2.png")}
#top .box4{background-image:url("../img/top_4-1.png")}
#top .box4:hover .ani{background-image:url("../img/top_4-2.png")}
@keyframes protect_train{0%{background-position:0px bottom}
10%{background-position:0px bottom}
50%{background-position:600px bottom}
100%{background-position:0px bottom}
}
@keyframes protect_car{0%{background-position:600px bottom}
100%{background-position:-600px bottom}
}
#protect{padding-top:40px}
#protect .background{position:relative;height:300px}
#protect .protect_body{position:absolute;width:100%;height:300px;text-align:center}
#protect .protect{position:absolute;background-image:url("../img/illust_01.png");background-repeat:no-repeat;background-position:right bottom;width:100%;height:280px;top:0;right:0}
#protect .protect .illust,#protect .protect .illust01,#protect .protect .illust02,#protect .protect .illust03{position:absolute;background-image:url("../img/illust_02.png");background-repeat:no-repeat;background-position:left bottom;width:600px;height:350px;bottom:0px;right:0px}
#protect .protect .illust01{background-image:url("../img/illust_02.png");-moz-animation:protect_train 20s infinite;-webkit-animation:protect_train 20s infinite;animation:protect_train 20s infinite}
#protect .protect .illust02{background-image:url("../img/illust_03.png")}
#protect .protect .illust03{background-image:url("../img/illust_04.png");-moz-animation:protect_car 10s linear infinite;-webkit-animation:protect_car 10s linear infinite;animation:protect_car 10s linear infinite}
@keyframes pattern_arrow{from{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
to{-ms-transform:translateX(68px);-webkit-transform:translateX(68px);transform:translateX(68px)}
}
#pattern .pattern_box1,#pattern .pattern_box2{position:relative;background-color:#145CC8;height:180px;border:2px solid white;background-image:url("../img/arrow06.png");background-repeat:no-repeat;background-position:right bottom;color:white}
#pattern .pattern_box1 .text,#pattern .pattern_box2 .text{position:absolute;text-align:left;z-index:850}
#pattern .pattern_box1 .title,#pattern .pattern_box2 .title{font-weight:bold}
#pattern .pattern_box1 .arrow,#pattern .pattern_box2 .arrow{position:absolute;background-image:url("../img/arrow05.png");background-repeat:no-repeat;background-position:right bottom;width:90px;height:68px;right:68px;bottom:1px;z-index:840}
#pattern .pattern_box1:link .arrow,#pattern .pattern_box2:link .arrow,#pattern .pattern_box1:visited .arrow,#pattern .pattern_box2:visited .arrow,#pattern .pattern_box1:hover .arrow,#pattern .pattern_box2:hover .arrow,#pattern .pattern_box1:active .arrow,#pattern .pattern_box2:active .arrow{-moz-animation:pattern_arrow 0.5s forwards;-webkit-animation:pattern_arrow 0.5s forwards;animation:pattern_arrow 0.5s forwards}
#pattern .pattern_box2{height:100px;background-color:#109CED}
#pattern .pattern_box2 .arrow{background-image:url("../img/arrow07.png")}
#overview1,#cloud_overview,#mail_overview,#overview2{padding-top:80px}
#overview1 .task1,#cloud_overview .task1,#mail_overview .task1,#overview1 .task2,#cloud_overview .task2,#mail_overview .task2,#overview2 .task1,#overview2 .task2{width:320px;background-color:#145CC8;background-image:url("../img/security_mark.png");background-repeat:no-repeat;background-position:right 10px center}
#overview1 .task_box1,#cloud_overview .task_box1,#mail_overview .task_box1,#overview1 .task_box2,#cloud_overview .task_box2,#mail_overview .task_box2,#overview2 .task_box1,#overview2 .task_box2{border:2px solid #145CC8;background-image:url("../img/arrow02.png");background-repeat:no-repeat;background-position:right bottom;background-color:white}
#overview1 .task_box1:hover,#cloud_overview .task_box1:hover,#mail_overview .task_box1:hover,#overview1 .task_box2:hover,#cloud_overview .task_box2:hover,#mail_overview .task_box2:hover,#overview2 .task_box1:hover,#overview2 .task_box2:hover{background-image:url("../img/arrow03.png");background-color:#145CC8;color:white;font-weight:bold;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
#overview1 .task_box1:hover :link,#cloud_overview .task_box1:hover :link,#mail_overview .task_box1:hover :link,#overview1 .task_box2:hover :link,#cloud_overview .task_box2:hover :link,#mail_overview .task_box2:hover :link,#overview1 .task_box1:hover :visited,#cloud_overview .task_box1:hover :visited,#mail_overview .task_box1:hover :visited,#overview1 .task_box2:hover :visited,#cloud_overview .task_box2:hover :visited,#mail_overview .task_box2:hover :visited,#overview1 .task_box1:hover :hover,#cloud_overview .task_box1:hover :hover,#mail_overview .task_box1:hover :hover,#overview1 .task_box2:hover :hover,#cloud_overview .task_box2:hover :hover,#mail_overview .task_box2:hover :hover,#overview1 .task_box1:hover :active,#cloud_overview .task_box1:hover :active,#mail_overview .task_box1:hover :active,#overview1 .task_box2:hover :active,#cloud_overview .task_box2:hover :active,#mail_overview .task_box2:hover :active,#overview2 .task_box1:hover :link,#overview2 .task_box2:hover :link,#overview2 .task_box1:hover :visited,#overview2 .task_box2:hover :visited,#overview2 .task_box1:hover :hover,#overview2 .task_box2:hover :hover,#overview2 .task_box1:hover :active,#overview2 .task_box2:hover :active{color:white}
#overview1 .task2,#cloud_overview .task2,#mail_overview .task2,#overview2 .task2{background-color:#109CED;background-image:url("../img/business_mark.png")}
#overview1 .task_box2,#cloud_overview .task_box2,#mail_overview .task_box2,#overview2 .task_box2{border:2px solid #109CED;background-image:url("../img/arrow04.png")}
#overview1 .task_box2:hover,#cloud_overview .task_box2:hover,#mail_overview .task_box2:hover,#overview2 .task_box2:hover{background-color:#109CED}
#case{}
#case .cp_name{color:#194873}
#case .cp_msg{min-height:100px}
#case .list_menu li{background-color:#109CED;color:white;width:9em;height:40px;margin-right:10px;border-radius:10px}
#case .list_menu li :link,#case .list_menu li :visited,#case .list_menu li :hover,#case .list_menu li :active{color:white}
#function{padding-top:60px}
#function .title{color:#1E59A8;border-bottom:solid 2px #1E59A8}
#function .img{width:200px;text-align:center}
#function .list{margin-left:2em;margin-top:0px;margin-bottom:0px;margin-right:0px}
@keyframes balloon{0%{opacity:0}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0}
100%{opacity:0}
}
.balloon_pc{position:absolute;width:100%}
.balloon,.balloon1,.balloon2,.balloon3{position:relative;background:white;border:2px solid #343535;border-radius:10px;padding:10px;margin-top:20px}
.balloon p,.balloon1 p,.balloon2 p,.balloon3 p{margin:0;padding:0}
.balloon:after,.balloon1:after,.balloon2:after,.balloon3:after,.balloon:before,.balloon1:before,.balloon2:before,.balloon3:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.balloon:after,.balloon1:after,.balloon2:after,.balloon3:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:30px;margin-left:-30px}
.balloon:before,.balloon1:before,.balloon2:before,.balloon3:before{border-color:transparent;border-top-color:#343535;border-width:34px;margin-left:-34px}
.balloon1{animation-name:balloon;animation-duration:21s;animation-timing-function:ease;animation-iteration-count:infinite;animation-delay:0s}
.balloon2{margin-top:40px;animation-name:balloon;animation-duration:21s;animation-timing-function:ease;animation-iteration-count:infinite;animation-delay:-7s}
.balloon2:after,.balloon2:before{left:180px}
.balloon3{margin-top:80px;animation-name:balloon;animation-duration:21s;animation-timing-function:ease;animation-iteration-count:infinite;animation-delay:-14s}
.balloon3:after,.balloon3:before{left:480px}
.balloon_mobile{display:none;position:relative;padding:10px}
.comment{position:relative}
.comment .cover{position:absolute;top:0;bottom:0;left:0;right:0;display:none}
@media screen and (max-width: 768px){#top .top{padding-top:60px}
#top .top_animation_bg{background-size:70% auto;background-position:center center}
#top .top_animation1,#top .top_animation2,#top .top_animation3,#top .top_animation4,#top .top_animation5{display:none}
#top .top_msg{position:static;padding-top:50px}
#top .box1,#top .box2,#top .box3,#top .box4{margin:5px;background-size:90%;width:248px;height:194px}
#protect .protect .mobile_bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.7)}
#pattern .pattern_box1,#pattern .pattern_box2{height:150px}
#overview1 .task1,#cloud_overview .task1,#mail_overview .task1,#overview1 .task2,#cloud_overview .task2,#mail_overview .task2,#overview2 .task1,#overview2 .task2{width:100%;height:100px}
#overview1 .child1,#cloud_overview .child1,#mail_overview .child1,#overview2 .child1{width:100%}
#overview1 .child1 .pattern_box,#cloud_overview .child1 .pattern_box,#mail_overview .child1 .pattern_box,#overview2 .child1 .pattern_box{width:40%}
.balloon_pc{display:none}
.balloon_mobile{display:block}
}

/*サービス*/
#service{margin-top:60px}
#service .link_box{background-color:#1E59A8;color:white;background-image:url("../img/arrow03.png");background-repeat:no-repeat;background-position:right bottom;height:58px;padding-top:5px;padding-left:10px;padding-right:30px;padding-bottom:5px;line-height:1.2em}
#service .text{border:solid 2px #FF4D00;background-color:#FFF5BE}
#service .text .merit{color:#FF4D00}
#service .support_img{width:319px}
#service .modal{padding-left:120px;padding-right:120px;padding-bottom:90px}
#service .sub1{width:237px;margin:20px}
#service .sub2{-webkit-flex:1;flex:1;background-color:#FFD2D2;padding:20px}
#service .sub3{background-color:#9DD3F6;padding:20px}
#service .sub3 .type,#service .sub4 .type{background-color:#1E59A8;-webkit-border-radius:10px;border-radius:10px;padding:10px}
#service .sub4{background-color:#D5F8B5;padding:20px}
#service .sub4 .type{background-color:#006837}
#service .sub5{background-color:#1E59A8;color:white;border:solid 2px #1E59A8}
#service .sub6{-webkit-flex:1;flex:1;border:solid 2px #1E59A8}
#service .sub6 img{margin-top:20px;margin-bottom:20px;margin-left:15px;margin-right:15px}
#service .sub7{width:760px}
#service .sub9{width:374px}
#service .sub10{width:416px}
#service .caption{border-bottom: 2px solid #177ead; border-left: 8px solid #177ead; padding-left:10px;}
@media screen and (max-width: 768px){#service{margin-top:60px}
#service .support_img{display:none}
#service .modal{padding-left:20px;padding-right:20px;padding-bottom:30px}
}

/*サービスメニュー*/
.service_menu{display: flex;list-style: none;margin: 0;padding:0;}
.service_menu li{text-align: center;flex: 1;border: 1px solid #8e8e8e; color:#ddd;}
.service_menu li a{display: block;padding:15px 0px;color:#8e8e8e;}
.service_menu li a:hover{display: block;padding:15px 0px;background:#51acd6;color:#fff;}
.service_menu li a.active{color:#fff;padding:15px 0px;text-align: center;flex: 1;background:#51acd6}

.service_menu_mobile{display: flex;list-style: none;margin: 0;padding:0;flex-wrap: wrap;}
.service_menu_mobile li{text-align: center;flex: 1;border: 1px solid #8e8e8e;border-bottom: 1px solid #8e8e8e}
.service_menu_mobile li a{display: block; background: #fff;padding:15px 0px;color:#8e8e8e;}
.service_menu_mobile li a:hover{display: block;background:#177ead;padding:15px 0px;color:#fff;}
.service_menu_mobile li a.active{padding:15px 0px;text-align: center;flex: 1;background:#177ead;color:#fff;}

#cloud_overview,#mail_overview{padding-top:20px}
#cloud_sec1,#cloud_sec2,#cloud_sec3,#cloud_sec4,#cloud_sec5,#cloud_sec6,#cloud_sec7,#cloud_sec8,#mail_sec1,#mail_sec2,#mail_sec3,#mail_sec4,#mail_sec5,#mail_sec6,#mail_sec7,#mail_sec8{padding-top:60px}
.point{background-color:#FFD3D3;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:80%;padding-top:10px;padding-left:70px;padding-right:10px;padding-bottom:10px;position:relative;margin-top:40px;margin-bottom:40px}
.point .icon{background-image:url("../img/point_01.png");background-repeat:no-repeat;width:76px;height:111px;position:absolute;top:-10px;left:-20px}

/*仕様*/
#specification{margin-top:60px}
#specification .speci_table{border-collapse:collapse;width:100%}
#specification .speci_table .row>div{border:solid 1px #A8A8A8;padding-top:10px;padding-left:20px;padding-right:20px;padding-bottom:10px}
#specification .speci_table .left_cell{background-color:#EEEEEE;min-width:9em}

/*導入事例*/
#case_list .case_box{background-color:#D0EBFC}
#case_list .cp_name{color:#194873}
#case_info{margin-top:60px;background-color:#D0EBFC}
#case_info .cp_name{color:#1E59A8}
#case_msg{background-color:#1E59A8;padding-top:30px;padding-bottom:30px}
#case_corp .case_table .row>div{min-width:10em;padding-bottom:5px}

/*料金*/
#plan .fee_table,#fee .fee_table{background-color:white}
#plan .fee_table .row>div,#fee .fee_table .row>div{padding:15px}

/*オプション*/
#option .opsion_table{display: table;table-layout:fixed;border-collapse: collapse;}
#option .row{border: 1px solid #ddd; display: table-row}
#option .opsion_table .row > div{display: table-cell;border: solid 1px #A4A3A3;vertical-align: middle;padding:8px;}
.tg{display: table-column-group}
.accbox {
}
.accbox label {
    display: block;
    padding : 11px 12px;
    color :#fff;
    font-weight: bold;
    background :#1E59A8;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 1.5em;
    border-top: 2px solid #fff;
}
/*アイコンを表示*/
.accbox label:before {
    content: '▶';
    padding-right: 8px;
}
/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}
/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 15px 10px;
    background: #fff;
    opacity: 1;
    border: 2px solid #1E59A8;
}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '×';
}

/*よくある質問*/
#faq .block{background-color:#D0EBFC;padding:20px;margin-bottom:20px}
#faq .title{padding-top:60px}
#faq .up{padding-left:50px;padding-right:50px;padding-bottom:10px;border-bottom:solid 2px #B3B3B3}
#faq .under{padding-top:10px;padding-left:50px;padding-right:50px;padding-bottom:50px}
#faq .q_icon{color:#2467CC}
#faq .a_icon{color:#FF0101}
#faq .pt{cursor:pointer}
@media screen and (max-width: 768px){#faq .up{padding-left:20px;padding-right:20px;padding-bottom:10px;border-bottom:solid 2px #B3B3B3}
#faq .under{padding-top:10px;padding-left:20px;padding-right:20px;padding-bottom:30px}
}

/*5分でわかる*/
.check-list{
    border: 2px solid #ddd;
    margin:25px 10px 0px;
    padding: 25px 10px
}
.check-list li.heading{
    background: url(../img/checkbox.png)no-repeat 0 0;
    padding-left: 40px;
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 15px;
    list-style: none;
    margin-top:15px;
}
.check-list ul li{
    font-size: 1.2em;
}
.border_bottom{
    border-bottom: 2px solid #3C3C3C;
}

/*ニュース*/
#news .news_table .row{min-width:10em}

/*ライアル*/
#trial,#contact{margin-top:30px}
#trial .input input,#trial .input textarea,#contact .input input,#contact .input textarea{border:1px solid #aaaaaa;border-radius:3px;padding:5px;width:95%}
#trial .input input:focus,#trial .input textarea:focus,#contact .input input:focus,#contact .input textarea:focus{background-color:#E2E1F7}
#trial .input textarea,#contact .input textarea{height:15em}
#trial .privacy_policy,#contact .privacy_policy{overflow-y:auto;height:150px}
#trial .privacy_policy .right,#contact .privacy_policy .right{text-align:right;padding:0px;margin:0px}
#trial .privacy_policy ul,#trial .privacy_policy ol,#contact .privacy_policy ul,#contact .privacy_policy ol{padding-left:1.5em;padding-right:1.5em}
#trial .privacy_policy ul li,#trial .privacy_policy ol li,#contact .privacy_policy ul li,#contact .privacy_policy ol li{padding-top:0.5em;padding-bottom:0.5em}
#trial .privacy_policy table,#trial .privacy_policy tr,#trial .privacy_policy th,#trial .privacy_policy td,#contact .privacy_policy table,#contact .privacy_policy tr,#contact .privacy_policy th,#contact .privacy_policy td{border:solid 1px #cccccc;border-collapse:collapse}
#trial .privacy_policy th,#trial .privacy_policy td,#contact .privacy_policy th,#contact .privacy_policy td{padding:1em}
#trial .privacy_policy th,#contact .privacy_policy th{background-color:#dddddd}
#trial .alert,#contact .alert{position:fixed;visibility:hidden;top:0px;left:0px;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);cursor:pointer;z-index:997}
#trial .alert .child,#contact .alert .child{position:fixed;background-color:white;width:80%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url("../img/close.png");background-repeat:no-repeat;background-position:right 20px top 20px;padding-top:100px;padding-left:50px;padding-right:50px;padding-bottom:100px}
#consideration{padding-top:60px}

/*お問合せ*/
#contact_guide{padding-top:60px}
.info{padding-top:20px}
.info .detail{display:inline-block;padding-top:20px;padding-bottom:20px}
.info .button{padding:10px;background-color:white;border-radius:10px;margin-top:20px;margin-bottom:20px;margin-left:70px;margin-right:70px;color:#000}
.info .button:link,.info .button:visited,.info .button:hover,.info .button:active{color:#000}
.info .left{text-align:right;background-color:#145CC8;width:50%}
.info .right{background-color:#109CED;width:50%}

/*フッター*/
#footer{background-color:white;margin-top:60px}
#footer .block{width:640px;vertical-align:middle;display:table-cell}
#footer .corp_logo{display:table-cell;width:120px;vertical-align:middle;padding-top:20px;padding-bottom:20px}
#footer .corp_logo img{display:block}
#footer .corp_name{display:table-cell;vertical-align:middle}
#footer .list_menu :link,#footer .list_menu :visited,#footer .list_menu :hover,#footer .list_menu :active{color:#000}
#footer .copy{text-align:center;color:white;background-color:#353535;padding-top:20px;padding-bottom:20px}
#footer .copy p{margin:0px;padding:0px}
.isms_logo{text-align: right;!important;margin-bottom:20px;}
#footer .list_menu li{margin-right: 0;margin-left: 20px; 
}
#footer .list_menu{justify-content: end;}
.isms_logo{text-align: right;!important;}
#footer .company {
  align-items: center;
  margin: 20px auto;
}
.company>div:last-of-type{
    margin-left: auto;
}
@media screen and (max-width: 768px){.info .button{margin-top:20px;margin-bottom:20px;margin-left:10px;margin-right:10px}
.info .left{width:100%;text-align:center}
.info .right{width:100%;text-align:center}
#footer .block{width:100%;display:block;padding-bottom:20px}
}