@charset "utf-8";

.SHHide{
    display: block;
}

.PCHide,
.PCOnlyHide,
.iPadOnlyShow,
.PCHideblock,
.iPadHide,
.iPadHideTB,
.SPonlyShow{
    display: none;
}


/* Google Map レスポンシブ */
.maps {
    position: relative;
    width: 32%;
    padding-top: 28%;
}
.maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 92% !important;
    margin-bottom: 0;
}

.mapWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}



/*   フルマネージド型迷惑メール(スパム)対策ソリューションのご案内
------------------------------------------------------------*/
.singlePost p{
    line-height: 1.5;
}

.anshinUl{
    display: flex;
    justify-content: space-between;
}

.anshinUl li{
    width: 32.5%;
    border: 1px solid #E7475D;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}



.dokujinouhowP01{
    color: #fff;
    text-align: center;
    font-size: 100%;
    line-height: 2em;
    letter-spacing: .1em;
}

.dokujinouhowWrap{
    background: #E7475D;
    border-radius: 10px;
    padding: 25px 10px;
    text-align: center;
    margin-top: 10px; 
}

.anshinSpamP{
    text-align: center;
    font-size: 130%;
}

.anshinrouhou{
    font-size: 190%;
    font-weight: bold;
    color: #E7475D;
    text-align: center;
    letter-spacing: normal;
    line-height: 1.3;
}

.dokujinouhowL{
    font-size: 160%;
    font-weight: bold;
}

.dokujinouhowY{
    color: #FFF000;
    font-weight: bold;
    font-size: 180%;
}

.dokujinouhowS{
    color: #fff;
    font-size: 85%;
    margin-bottom: 0;
    text-align: center;
}

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

.dokujinouhowP01,
.dokujinouhowP02{
    font-size: 140%;
}

.dokujinouhowP03{
    color: #fff;
    font-size: 100%;
    text-align: right;
    margin-right: 10px;
    line-height: 1.2;
}

.hyakuen{
    font-size: 160%;
}

.infotriangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px;
    border-color: #E7475D transparent transparent transparent;
    display: inline-block;
}

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

.nouhowImgWrap{
    display: flex;
    flex-direction: row-reverse;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.ansinServiceH2{
    background: none;
    padding: 30px 0 20px 0;
    text-align: center;
    margin: 0 auto;
    color: #E7475D;
    font-size: 200%;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1.4em;
}

.anshinUl li:first-child{
    background-image: url(../wp-content/uploads/2018/06/service_taisaku_back.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.anshinUl li:nth-child(2){
    background: url(../wp-content/uploads/2018/06/service_kantan_back.svg) no-repeat center;
}

.anshinUl li:last-child{
    background: url(../wp-content/uploads/2018/06/service_price_back.svg) no-repeat center;
}

.anshinTit{
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px
}

.anshinP{
    font-size: 95%;
    margin-bottom: 0;
    letter-spacing: .1em;
}

.borderBack{
    background: url(../wp-content/uploads/2018/06/border_back.png);
    margin-top: 3em;
    padding: 20px;
}

.anshinTB01Wrap{
    padding: 10px; 
    background: #fff;
    border: 2px solid #E7475D;
    margin-top: 20px;
}

.anshinTB01P01{
    font-size: 120%; 
    font-weight: bold; 
    color:#3583C5;
    margin-bottom: 0.2em;
}

.anshinTB01P03{
    font-size: 80%;
    color:#3583C5;
    margin: 0;
    padding-left:1em;
    text-indent:-1em;
    margin-top: 10px;
}

.anshinTB01{
    border: 0;
    margin-bottom: 0;
    padding: 0;
}

.anshinTB01 th{
    width: 25%; 
    vertical-align: middle;
    border: 0;
    display: table-cell;
    text-align: center;
}

.anshinTB01 td{
    border: 0;
    display: table-cell;
}

.anshinImg{
    text-align: center;
    margin: 0.5em;
}

.anshinTB01P04{
    font-size: 120%; 
    font-weight: bold; 
    color:#E7475D; 
    text-align: center;
    margin: 10px 0 0 0;
    line-height: 1.4em;
    text-align: center;
}

.anshinkinou{
    text-align: center;
    margin-bottom: 0;
}

.ansinServiceH2_150 {
    background: none;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    color: #E7475D;
    font-size: 200%;
    font-weight: bold;
    letter-spacing:.1em;
    line-height: 1.4em;
}

.anshinServiceH3{
    background: none;
    padding: 0 10px 10px;
    text-align: center;
    margin: 0 auto;
    color: #E7475D;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.4em;
}

.anshinServiceH4{
    background: none;
    text-align: left;
    color: #E7475D;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: .1em;
    margin: 20px 0 10px;
    padding-left:1em;
    text-indent:-1em;
    line-height: 1.4em;
}

.mailSecuWrap {
    padding: 25px;
    background: #3583C5;
    border-radius: 10px;
}

.hikakuTBWap{
    box-sizing: border-box;
    overflow-y:hidden;
    max-width: 960px;
    margin-bottom: 30px;
    width: 100%;
}

table.hikakuTB{
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
}

.hikakuTB th,
.hikakuTB td{
    font-size: 85%;
    padding: 7px;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
}

.hikakuTB th{
    background: #CFD8DC;
    width: 25%;
}

.hikakuTB td{
    background: #FADADF;
    border-right: #fff 2px solid;
    width: 11%;
}

.hikakuTB tr{
    border: #fff 2px solid;
}

.hikakuTitTh th{
    font-weight: bold;
}

.hikakuTB td.hikakuDenetTh{
    background: #445962;
    color: #fff;
}

.hikakutTh01{
    width: 200px;
}

.hikakuTitTh th{
    background: #fff;
}

.hikakuTitTh td{
    background: #CFD8DC;
    font-weight: bold;
}

.hikakuTB .hikakudenetTd{
    background: #E7475D;
    color: #fff;
}

.mailSecuH3{
    background: none;
    text-align: center;
    margin: 0 auto;
    color: #FFF000;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.4em;
    padding: 0;
    margin-bottom: 10px;
}

.mailSecuWrap p{
    font-size: 100%;
    color: #fff;
}

.mailSecuWrap img{
    width: 70%;
    margin: 20px auto 0 auto;
}

.goriyouPlanWrap{
    border-radius: 10px;
    background: #D7F5FF;
    padding: 30px;
    margin: 20px 0;
}

.goriyouPlanH3,
.webInfraH3{
    background: none;
    text-align: center;
    margin: 0 auto;
    color: #E7475D;
    font-size: 160%;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.4em;
    padding: 0;
    margin-bottom: 10px;
}

.hiyouBlue{
    color: #3583C5;
    font-weight: bold;
    margin: 0 5px;
}

.hiyouRed{
    color: #E7475D;
    font-weight: bold;
    font-size: 160%;
    line-height: 1.1;
}

.goyouTBOuter{
    display: flex;
    justify-content: space-between;
}

.goyouTBWrap{
    width: 48%;
    margin: 30px 0;
}

.goyouTBH4{
    background: none;
    text-align: center;
    margin: 0 auto;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.4em;
    padding: 0;
    color: #777;
}

.goyouTB tr th:first-child, 
.goyouTB tr td:first-child{
    width: 65%;
}

.goyouTB th{
    background: #E7475D;
    color: #fff;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    padding: 3px;
}

.goyouTB tr th:first-child,
.goyouTB tr td:first-child{
    border-right: 2px #fff solid;
}

.goyouTB td{
    font-size: 90%;
    text-align: center;
    padding: 3px;
}

.goyouTB tr:nth-child(odd) td{
    background:#DBDCDC;
}

.goyouTB tr:nth-child(even) td{
    background:#eee;
}

table.goyouTB tr td:first-child{
    font-weight: normal;
}

table.goyouTB tr td:last-child{
    font-weight: bold;
    width: 90px;
    vertical-align: middle;
}

.goyouCautionH4{
    background: none;
    text-align: center;
    margin: 0 auto 10px auto;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.4em;
    padding: 0;
    color: #3583C5;
    font-weight: bold;
    font-size: 130%;
}

.goyouUl li{
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 1.5em;
    text-indent: -1.25em;
    font-size: 85%;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.webInfraUl{
    display: flex;
    flex-direction:row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.webInfraP{
    margin-bottom: 20px;
}

.webInfraWrap{
    margin: 50px auto 0;
}

.webInfraIcon{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.webInfraUl li:first-child img{
    width: 38px;
}

.webInfraUl li:nth-child(2) img{
    width: 38px;
}
.webInfraUl li:nth-child(3) img{
    width: 50px;
}
.webInfraUl li:nth-child(4) img{
    width: 33px;
}
.webInfraUl li:nth-child(5) img{
    width: 33px;
}

.webInfraH5{
    background: none;
    letter-spacing: normal;
    line-height: 1.4em;
    padding: 0;
    color: #3583C5;
    font-weight: bold;
    font-size: 100%;
    margin-left: 5px;
}

.webInfraUl li{
    width: 18%;
    margin: 0 1% 22px;
}

.anshinTB01 td.anshinTBTD{
    padding: 0 0 0 20px; 
}

img.acmfPig {
    width: 35%;
}

img.acmfText {
    width: 65%;
}

.ansinServiceH202{
    margin-top: 30px;
}

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

.goyouHiyou img{
    width: 18px;
}

.mb5{
    margin-bottom: 5px!important;
}

.textS{
    font-size: 80%;
}


/*   【毎週開催】AWS導入相談会　東京・大阪で開催中！
------------------------------------------------------------*/
.awsTopImg{
    width: 100%;
}

.awsTopText{
    font-weight: bolder;
    margin-top: 2em;
    font-size: 190%;
    color:#FBC600;
}

.awsTopText li{
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.awsTopText02{
    text-align:left;
    font-weight: bolder;
    margin-top: 1em;
    font-size: 1.3em;
    color:#FF9900;
    margin-bottom: 1em;
}

.awsPartner{
    margin: 1.5em 0;
}

.awsPartner span{
    font-size:0.9em;
}
.awsPartner img{
    vertical-align: middle;
    margin: 0 10px 10px 0;
}

.awsMapWrap{
    margin-top: 50px;
}

.awsMapWrap h2{
    font-size: 125%;
    border-bottom: 2px solid #ccc;
    line-height: 1.2;
    margin-bottom: 1em;
}

.awsMapWrap li{
    margin-bottom: 30px;
}


/*   AWSの構築・運用も、ディーネットにお任せ下さい！
------------------------------------------------------------*/
.awskouchikuP h2{
    font-size: 340%;
    font-weight: bold;
    line-height: 1.1;
    color: #FBC600;
    letter-spacing: normal;
}

.awskouchikuP span{
    color: #f08437;
}

.awskouchikuP{
    text-align: center;
    margin-bottom: 20px;
}

.awskouchikuP02 h3{
    font-size: 230%;
    font-weight: bold;
    line-height: 1.1;
    color: #FBC600;
    letter-spacing: normal;
}

.awskouchikuP02{
    text-align: center;
    margin: 20px 0 30px;
}

.awskouchikuMP{
    text-align: center; 
    font-size: 120%; 
    font-weight: bold;
}

.awskouchikuMP span{
    color: #f08437;
}

.awsKouPartner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.awsKouPartner img{
    width: 200px;
    margin-left: 10px;
    height: 190px;
}

.awsKouPartner p{
    width : calc(100% - 210px) ;
}

.awsStepWrap h2{
    font-size: 230%;
    font-weight: bold;
    line-height: 1.1;
    color: #FBC600;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 10px;
}

.awsStepWrap{
    margin-top: 80px;
}

.awsStepBox{
    display: flex;
    align-items: stretch;
}

.step01{
    width: 26%;
    display: flex;
    align-items: center;
}

.step02{
    width: 21%;
        display: flex;
    flex-direction: column;
}

.step03{
    width: 53%;
    display: flex;
    flex-direction: column;
}

.dashicons.stepArrow{
    font-size: 200%;
    color: #FBC600;
    width: 35px;
    height: 55px;
    position: relative;
    top: 15px;
}

.dashicons-arrow-right-alt2:before{
    font-size: 200%;
    position: relative;
    left: -10px;
}

.awsStepBox h3{
    color:#f08437;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.3em;
}

.stepBox{
    border: 1px #444 solid;
    border-radius: 7px;
    padding: 15px;
}

.step01A .stepBox{
    height: 100%;
}

.step02 .stepBox{
    height: 100%;
    display: inline-block;
}

.awsStepBox h4{
    color:#f08437;
    font-size: 130%;
    line-height: 1.3em;
}

.stepBox h4:before{
    content: "\f147";
    font-family: dashicons;
    color:#FBC600;
    font-size: 130%;
    position: relative;
    top:7px;
}

.stepBox p{
    margin-top: 17px;
    font-size: 95%;
}

.step01A{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
}

.step03A{
    display: flex;
}

.step03OR{
    font-weight: bold;
    font-size: 220%;
    color: #FBC600;
    text-align: center;
}

.step03A .dashicons.stepArrow{
    top: 30px;
}


/*   サーバの『脆弱性』『不正アクセス』『改ざん』対策サービスを開始
------------------------------------------------------------*/
.anshinTopWrap h2{
    font-size: 110%;
    letter-spacing: .1em;
}

.anshinTopWrap{
    max-width: 750px;
    margin: 0 auto 60px auto;
}

.anshinDescWrap{
    display: flex;
}

.anshinDescWrap img{
    max-width:350px;
    width: 45%;
}

.singlePost p.anshinDescp02{
    font-size: 250%;
    font-weight: bold;
    line-height: 1.3;
}

.anshinDescp01{
    margin-bottom: 30px;
}

h3.anshinH3{
    margin-top: 80px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color:#C13432;
    line-height: 1.3;
    margin-bottom: 10px;
}

.anshinBox{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.anshinBox li{
    width: 31%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.anshinBox01 h3{
    color: #C13432;
    font-size: 115%;
    position: relative;
    top: 15px;
    line-height: 1.2;
    letter-spacing: normal;
}

.ribonImg{
    width: 80%;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 20px;
}


/*IE11のみ適応*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .ribonImg {
	  width: 150;
	  height: 80px;
	  
	} /* IE11 */
}

.anshinBox01 p{
    background: #F6E5CC;
    border-radius: 10px;
    padding: 25px 15px 15px;
    text-align: left;
    height: 100%;
}

.anshinBox02 p{
    /*background: #F6E5CC;*/
    border-radius: 10px;
    padding: 25px 15px 15px;
    text-align: left;
    height: 100%;
}

.middleTitle{
    background-color: #595757;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    font-weight: bold;
}

.anshinSeviceWrap{
    margin-top: 70px;
}

.anshinServiceImg{
    margin: 30px 0;
}

.anshinNaiyouWrap h3{
    margin-left: 0;
    background-image: none;
    padding-left: 0;
    color: #C13432;
    margin-top: 20px;
    font-size: 110%;
}

.anshinNaiyouWrap{
    margin-top: 60px;
}

.anshinNaiyouWrap p{
    padding-left: 1em;
}

.sysTable{
	display: table; /* ブロックレベル要素をtableと同じように表示にする */
	margin: 5px;
}

.sysTable2 {
	border-top: #ccc 1px solid;
	border-top: #ccc 1px solid;
}

.sysTable_in{
	display: table-cell;　　/* ブロックレベル要素をtd(th)と同じように表示にする */
border: 1px solid #666;
	padding: 5px;
	font-size: 80%;
	
}



/*   クラウド化をお考えのシステム担当者様必見
------------------------------------------------------------*/
.infoMainH1{
    font-size: 210%;
    font-weight: 100;
    letter-spacing: .17em;
    line-height: 1.3;
    color: #4FC3F7;
    border-bottom: #aaa 1px solid;
}

.infoSec01P01 {
    margin: 20px 0 70px;
    padding-left: 20px;
}

.infoSec01P02{
    margin-top: 20px;
    padding-left: 20px;
}

.infoMainH2{
    font-size: 150%;
    font-weight: 100;
    border-bottom: #aaa 1px solid;
    line-height: 1.5;
    color: #aaa;
}

.tokutentit{
    font-size: 120%;
    color: #aaa;
    font-weight: 100;
    line-height: normal;
    margin-bottom: 10px;
}

.tokutentit::before{
    content: "\f464";
    font-family: dashicons;
    position: relative;
    top: 5px;
    left: 5px;
    font-size: 120%;
}

.seminorSec small{
    display: block;
    padding-left: 1.2em;
    text-indent: -1.2em;
    margin-top: 5px;
}

.seminorDiv {
    border: 1px solid #e5e5e5;
    padding: 10px;
    display: inline-block;
    box-shadow: 2px 2px 4px #ddd;
    text-align: left;
}

.seminorDiv p{
    padding-left: 30px;
}

.seminorSec{
    text-align: right;
    margin-top: 60px;
}

.cloudSecH1{
    color: #aaa;
    font-size: 190%;
    font-weight: 100;
    letter-spacing: .17em;
    line-height: 1.3;
    border-bottom: #aaa 1px solid;
    margin-bottom: 20px;
}

.cloudUl li > h2{
    content: "\f109";
    color: #aaa;
    font-size: 120%;
    font-weight: 100;
    color: #aaa;
}

.cloudUl li > h2::before{
    content: "\f176";
    color: #aaa;
    font-size: 100%;
    position: relative;
    top: 4px;
    font-family: dashicons;
    color: #a4e2fe;
    font-size: 130%;
}

.cloudUl > li{
    margin-bottom: 30px;
}

.cloudUl > li p,
.cloudUl > li ul{
    padding-left: 20px;
}

.cloudSecH1::before{
    content: "\f176";
    font-family: dashicons;
    position: relative;
    top: 5px;
    left: 10px;
    font-size: 120%;
    color: #a4e2fe;
}

.cloudInUl > li{
    list-style: disc inside;
}

.cloudInDiv{
    margin: 10px 0;
}

.cloudPlaceTit{
    font-size: 110%;
    font-weight: 100;
    margin-bottom: 5px;
}

.infoTB{
    border: none;
    width: 66%;
}

.infoTB,
.infoTB th,
.infoTB02,
.infoTB02 th,
.infoTB03,
.infoTB03 th{
    border-collapse: collapse;
    border:1px solid #d3d3d3;
}

.infoTB td,
.infoTB02 td,
.infoTB03 td,
.infoTB03 th{
    padding: 10px 15px;
    border-width:thin;
    border-color: #d3d3d3;
}

.infoTB th{
    text-align: right;
    width: 90px;
    color: #aaa;
    padding: 10px;
    font-weight: 100;
}

.cloudUl > li .infoTB td p{
    padding-left: 0;
}

.infoTB span{
    font-size: 90%;
    color: #76d2fc;
    font-weight: bold;
}

.cloudUl > li .infoCaution{
    text-indent:-1em;
    font-size: 90%;
}

.infoTB02{
    border: none;
    /*width: 450px;*/
    margin-bottom: 10px;
}

.infoTB02 th{
    text-align: center;
    width: 140px;
    color: #aaa;
    padding: 10px;
    font-weight: 100;
}

.infoTB02 td{
/*    text-align: center;*/
}

.infoTB02 td:nth-of-type(1){
    font-weight: bold;
    color: #aaa;
}

/*.infoTB02 tr:nth-child(4) td{
    font-weight: normal;
    color: #444;
}*/

.cloudoDl{
    padding-left: 20px;
}

.cloudoDl dt{
    border-bottom: 1px solid #aaa;
    color: #444;
    font-weight: 100;
    font-size: 110%;
    margin-bottom: 5px;
}

.cloudoDl dt:not(:first-child){
    margin-top:40px; 
}

.cloudoDl dd{
    padding-left: 20px;
}

.cloudoDl h4{
    color: #aaa;
    font-weight: 100;
}

.cloudoDlH3{
    font-size: 110%;
    font-weight: 100;
}

.cloudUl > li .cloudKoushi{
    border: 1px solid #ddd;
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.cloudKoushiUl li{
    line-height: normal;
    margin-bottom: 10px;
    list-style: disc inside;
    padding-left:1em;
    text-indent:-1.4em;
}

.cloudoDl dd + dd{
    margin-top: 20px;
}

.infoSec01 {
    margin-bottom: 100px;
}

.timeTitH3{
    font-weight: 100;
    font-size: 105%;
    color: #aaa;
    margin-top: 20px;
}

.infoSec02{
    margin-bottom: 60px;
}


/*   IT導入
------------------------------------------------------------*/
.dounyuServiceH2{
    font-weight: bolder;
    font-size: 220%;
    color: #fff;    
}
.dounyuServiceP{
    background: none;
    padding: 30px 0 20px 0;
    text-align: center;
    margin: 0 auto;
    color: #65A065;
    font-size: 170%;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1.4em;
}

.dounyuP{
    font-size: 95%;
    margin-bottom: 0;
    letter-spacing: .1em;
    text-align: center;
}

.hojyoUl li img{
    width: 70%; 
    margin: 3em auto;
}

.dounyuTit{
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #E7475D;
}

.dounyublLeft{
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #ffcc75;
    border-radius: 15px;
}

.dounyublLeft:before{
    content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ffcc75;
    /*
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;*/
}

.dounyublLeft p {
	margin: 0;
	padding: 0;
}


.dounyuUl{
    display: flex;
    justify-content: space-between;
}

.dounyuUl li{
    width: 32.5%;
   /* border: 1px solid #E7475D;*/
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #65A065;
    color:#ffffff;
    
}

.dounyuUl li:last-child{
   /* background: url(../wp-content/uploads/2018/06/service_price_back.svg) no-repeat center;*/
}

.dounyuUl li:first-child{
/*    background-image: url(../wp-content/uploads/2018/06/service_taisaku_back.svg);
    background-repeat: no-repeat;*/
    background-position: center;
}

.dounyuSupport h2 {
font-size: 1.5em;
    color: #806F8F;
}

.hojyoUl li{
   /* width: 32.5%;*/
    border: 1px solid #E7475D;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}




    /*   クラウド大航海時代のセキュリティ
------------------------------------------------------------*/
    .figAcro{
        position: relative;
    top: -70px;
                left: -200px;
    }
@supports(-ms-ime-align:auto){
    .figAcro{
                left: 500px;
    }
}


    /*   負荷テストサービス『pTune』のサイトがリニューアル！
------------------------------------------------------------*/

.ptuneinfoSec01{
	    margin-bottom: 50px;
}

.ptune {
    background: aliceblue;
    padding: 15px;
    padding-left: 20px;
	margin: 30px 0;
	width: 70%;
}

.ptune a{
    position: relative;
    display: inline-block;
    transition: 3a;
}

.ptune a::after{
position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #31aae2;
  transition: .3s;
  transform: translateX(-50%);
}

.ptune a:hover::after{
outline: none;
    color: #00b4ff;
	width: 100%;
   /* background-color: #fff;
    padding: 10px;*/	
}

.ptunere{
    padding: 1rem;
    background-color: #f5f5f5;	
}

.ptunere dt a{
	font-size: 1.03rem;
    text-decoration: underline;
}

.ptunere dt a:hover{
    outline: none;
    color: #afeeee;	
}


.ptuneSec h2{
	    color: #ed7d27;
    font-size: 120%;	
}

.ptuneFooter{
	
    max-width: 500px;
    margin: 60px auto 0;
}

.ptuneWrap{
    border: 2px solid blue;
    padding: 1rem;	
}

    /*   media all and (-ms-high-contrast:none)
------------------------------------------------------------*/





@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .figAcro { left:  500px; }  
}

.figAcro img{
       width: 20%;
    }
    


    /*   AWS導入無料キャンペーン
------------------------------------------------------------*/
.awscamp > li {
    margin-bottom: 20px;
}    

.awsImg {
    padding:  0;                /* ulタグのデフォルトCSSを打ち消し */
    margin: 10px auto;                 /* ulタグのデフォルトCSSを打ち消し */
    list-style: none;           /* ulタグのデフォルトCSSを打ち消し */
   /* text-align:  center;        /* 子要素を左右中央揃え */
}
 
.awsImg > li {
    display:  inline-block;     /* インラインブロック要素にする */
    width: 350px;               /* 幅指定 */
    vertical-align:  middle;    /* 要素を上下中央で揃える */
    font-weight: bold;
    color: red;
}
  
.awsImg2 {
    padding:  0;                /* ulタグのデフォルトCSSを打ち消し */
    margin: 10px auto;                 /* ulタグのデフォルトCSSを打ち消し */
    list-style: none;           /* ulタグのデフォルトCSSを打ち消し */
   /* text-align:  center;        /* 子要素を左右中央揃え */
}
 
.awsImg2 > li {
    display:  inline-block;     /* インラインブロック要素にする */
    width: 600px;               /* 幅指定 */
    vertical-align:  middle;    /* 要素を上下中央で揃える */
    font-weight: bold;
    color: red;
}


    /*   消費税について
------------------------------------------------------------*/

ul.cons {
	margin-left: 2rem;
}

ul.cons li.consLi{
	list-style: disc;
    margin-left: 1.2rem;
}




/*  メンテンス
----------------------------------------------------*/
dl.mainte{
  display:flex;
  flex-wrap: wrap;
  /*border: 1px solid #ccc;
  border-top: none;*/
}
.mainte dt{
 /* background: #ddd;*/
  width: 15%;
  padding: 10px;
  box-sizing: border-box;
  /*border-top: 1px solid #ccc; */
}
.mainte dd{
  padding: 10px;
  margin: 0;
 /* border-left: 1px solid #ccc;*/
 /* border-top: 1px solid #ccc; */
  width: 85%;
/*  background: #fff;*/
  box-sizing: border-box;
}




@media screen and (max-width: 375px) {
  dl.mainte{
    flex-flow: column nowrap;
  }
  .mainte dt,
  .mainte dd{
    width: 100%;
  }
  .mainte dd{
    border-left: none;
  }
}


/**
 * 14.5 - <= 783px 783pxより小さい場合に適応
 */
@media screen and (max-width: 48.9375em) {
    .iPadOnlyShow,
    .PCOnlyHide{
        display: inline-block;
    }
    
    .iPadOnlyHide,
    .PCOnlyShow{
        display: none;
    }

    .webInfraUl li{
        width: 31%;
        margin: 0 1% 22px;
    }
    
    .nouhowImgWrap{
        width: 100%;
    }
    
    .mailSecuWrap img{
        width: 80%;
    }
    
  
    
/*   【毎週開催】AWS導入相談会　東京・大阪で開催中！
------------------------------------------------------------*/
    .awsTopText li{
        letter-spacing: normal;
        font-size: 85%;
    }
    
/*   AWSの構築・運用も、ディーネットにお任せ下さい！
------------------------------------------------------------*/
    .stepBox{
        padding: 10px;
    }
    
    .awsStepBox h4{
        font-size: 110%;
        letter-spacing: normal;
    }
    
/*   サーバの『脆弱性』『不正アクセス』『改ざん』対策サービスを開始
------------------------------------------------------------*/
    h3.anshinH3{
        margin-top: 50px;
        font-size: 140%;
    }
    
/*   クラウド化をお考えのシステム担当者様必見
------------------------------------------------------------*/ 
    .infoMainH1{
        font-size: 195%;
    }
    
    .infoMainH2{
        font-size: 140%;
    }
    
    .cloudSecH1{
        font-size: 180%;
    }
    
    .seminorSec{
        margin-top: 40px;
    }
    
    .infoSec01P01{
        margin-bottom: 50px;
    }
    
    .infoSec01{
        margin-bottom: 80px;
    }
    
    .cloudUl > li{
        margin-bottom: 20px;
    }
    
    
    
    
    
    
    
    
}


/**
 * 14.7 - <= 710px 710pxより小さい場合に適応
 */
@media screen and (max-width: 44.375em){
    
/* Google Map レスポンシブ */
.ggmap {
    padding-bottom: 70%;
    }
    
    .iPadHide,
    .iPadOnlyHide,
    .PCHide,
    .SPonlyShow{
        display: inline-block;
    }
    
    .PCHideblock{
        display: block;
    }
    
    .iPadOnlyShow,
    .SHHide{
        display: none;
    }
    
    .iPadHideTB{
        display: table;
    }
/*   フルマネージド型迷惑メール(スパム)対策ソリューションのご案内
------------------------------------------------------------*/
    .dounyuUl{
        flex-direction: column;
        width: 100%;
    }

    .dounyuUl li{
        width: 100%;
    }   
    
    .hojyoUl li img {
        width: 100%;
        margin: 3em auto;
    }
    
    .itserviceWrap .siteLeft,
{
        width: 100%;
        margin-top:60px;
    }

    
    
/*   フルマネージド型迷惑メール(スパム)対策ソリューションのご案内
------------------------------------------------------------*/
    .hikakuTBWap{
        overflow-x:hidden;
    }
    
    .anshinTB01 td.anshinTBTD{
        padding: 0  ; 
    }
    
    .webInfraUl{
        flex-direction: column;
    }

    .anshinUl li{
        width: 100%;
    }
    
    .anshinTB01P04{
        text-align: left;
        font-size: 110%;
    }
    
    .mailSecuWrap{
        padding: 25px 10px;
    }
    
    .PCHideMailImg{
        text-align: center;
        margin: 0 auto;
        max-width: 220px;
    }
    
    .hikakuTBWap{
        overflow-x: scroll;
    }
    
    .goyouTBOuter{
        flex-direction: column;
    }
    
    .goyouTBWrap{
        width: 100%;
    }
    
    .goyouTBH4,
    .goyouTB{
        width: 100%;
    }
    
     img.acmfPig{
        display: block;
        margin: 0 auto;
        text-align: center;
         width: 80%;
         max-width: 280px;
    }

    img.acmfText{
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
        max-width: 400px;
    }
    
    .anshinUl{
        flex-direction: column;
        width: 100%;
    }

    .anshinTB01 th{
        width: 100%; 
        vertical-align: middle;
        border: 0;
        display: block;
        text-align: center;
        padding-bottom: 15px;
    }

    .anshinTB01 td{
        padding: 0; 
        border: 0;
        width: 100%; 
        display: block;
    }
    
    .anshinTB01P02{
        margin-bottom: 0.2em;
        font-size: 90%;
    }
    
     .nouhowImgWrap{
        flex-direction: column;
    }

    .webInfraIcon{
        margin-bottom: 5px;
    }

    .webInfraUl li p{
        margin-bottom: 0;
    }

    .webInfraUl li{
        margin-bottom: 25px;
        width: 100%;
    }

    .webInfraP{
        margin-bottom: 30px;
    }
    
    .anshinSpamP{
        font-size: 120%;
    }
    
    .anshinrouhou{
        margin-top: 5px;
    }
    
    .dokujinouhowP01,
    .dokujinouhowP02{
        font-size: 120%;
    }
    
    .dokujinouhowP01{
        letter-spacing: normal;
    }
    
    .dokujinouhowP03{
        letter-spacing: normal;
    }
    
    .dokujinouhowP02{
        flex-direction: column;
    }
    
    .dokujinouhowY{
        margin-top: 20px;
    }
    
    .borderBack{
        padding: 10px;
    }

    .ansinServiceH2{
        font-size: 160%;
        letter-spacing: normal;
    }
    
    .anshinTB01P01{
        margin-bottom: 10px;
        
    }
    
    p.anshinTB01P01{
        line-height: 1.3;
    }
    
    .anshinFilterWrap img + img{
        margin-top: 15px;
    }
    
    .anshinFilterWrap{
        text-align: center;
    }
    
    .anshinFilterWrap img{
        max-width: 450px;
        width: 100%;
    }
    
    .borderBack{
        padding-bottom: 30px;
    }

    table.hikakuTB{
        min-width: 500px;
        letter-spacing: normal;
        width: 100%;
    }
    
    .goyouTBWrap{
        margin-bottom: 0;
    }
    
    table.goyouTB{
        margin-bottom: 0;
    }
    
    .goriyouPlanWrap{
        padding: 10px;
    }
    
    .goyouCautionH4{
        margin-top: 30px;
    }
    
    .ansinServiceH2_150{
        font-size: 170%;
    }
    
    .anshinServiceH4{
        letter-spacing: normal;
    }
    

/*   【毎週開催】AWS導入相談会　東京・大阪で開催中！
------------------------------------------------------------*/
    .awsTopText li{
        font-size: 70%;
    }
    
    .awsTopText02{
        font-size: 1.1em;
    }
    
    .awsPartner img{
        float: left;
    }
    
    .flclear{
        clear: both;
    }
    
    .awsTopText{
        margin-top: 1em;
    }

/*   AWSの構築・運用も、ディーネットにお任せ下さい！
------------------------------------------------------------*/
    .awskouchikuP h2{
        font-size: 190%;
        line-height: 1.3;
    }
    
    .awskouchikuMP{
        text-align: left;
        letter-spacing: normal;
        font-size: 115%;
    }
    
    .awskouchikuP02 h3{
        font-size: 150%;
        line-height: 1.3;
    }
    
    .awsKouPartner{
        display: block;
        width: 100%;
    }
    
    .awsKouPartner p{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .awsKouPartner img{
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    
    .awsStepWrap h2{
        font-size: 180%;
    }
    
    .awsStepBox{
        flex-direction: column;
    }
    
    .step01,
    .step02,
    .step03{
        width: 100%;
    }
    
    .dashicons.stepArrow{
        display: none;
    }
    
    .awsStepBox li{
        margin-bottom: 20px;
    }
    
    
/*   サーバの『脆弱性』『不正アクセス』『改ざん』対策サービスを開始
------------------------------------------------------------*/
    .anshinTopWrap h2{
        line-height: 1.3;
        margin-bottom: 5px;
        font-size: 100%;
    }
    
    .anshinTopWrap{
        margin-bottom: 30px;
    }
    
    .anshinDescWrap{
        flex-direction: column-reverse;
        align-items: center;
    }
    
    .anshinDescWrap img{
        width: 70%;
    }
    
    .anshinDescp{
        display: flex;
        flex-direction: column-reverse;
        margin-top: 20px;
    }
    
    .singlePost p.anshinDescp02{
        font-size: 165%;
        margin-bottom: 10px;
    }
    
    .anshinDescp01{
        margin-bottom: 0;
    }
    
    h3.anshinH3{
        letter-spacing: normal;
    }
    
    .anshinBox{
        flex-direction: column;
    }
    
    .anshinBox li{
        width: 100%;
    }
    
    .anshinBox01 h3{
        top: 30px;
    }
	
	.anshinNaiyouWrap h3{
        margin-top: 0.5em;
		text-align: left;
    }
    
    .anshinNaiyouWrap h3{
        line-height: 1.4;
        margin-bottom: 5px;
        margin-top: 15px;/*30*/
        letter-spacing: normal;
        font-size: 106%;
    }
    
   /* .anshinSeviceWrap{
        display: none;
    }
    */
	
	.sysTable_in{
		display: block;
	}
	
	.anshinSeviceWrap{
		margin-top: 30px;
	}
	
	

	.anshinNaiyouWrap p{
		padding-top: 0.5em;
	}
	
    
/*   クラウド化をお考えのシステム担当者様必見
------------------------------------------------------------*/
    .infoMainH1{
        letter-spacing: normal;
        font-size: 150%;
    }
    
    .infoSec01P01{
        margin: 10px 0 40px;
        padding-left: 0;
    }
    
    .infoSec01P02{
        margin-top: 10px;
        padding-left: 0;
    }
    
    .infoMainH2{
        font-size: 130%;
        letter-spacing: normal;
    }
    
    .cloudSecH1{
        font-size: 150%;
        letter-spacing: .1em;;
    }
    
    .seminorDiv p{
        padding-left: 0;
    }
    
    .infoSec01 {
        margin-bottom: 60px;
    }
    
    .cloudSecH1{
        margin-bottom: 10px;
    }
    
    .cloudInUl > li{
        list-style: outside;
        line-height: normal;
        margin-bottom: 10px;
    }
    
    .cloudUl > li .seminorDiv p{
        padding-left: 0;
    }
    
    .cloudUl > li.cloudPlace ul{
        padding-left: 0;
    }
    
    .cloudPlaceTit{
        letter-spacing: normal;
        font-size: 100%;
    }
    
    .infoTB{
        margin-left: 0;
        width: 100%;
    }
    
    .infoTB th,
    .infoTB td{
        display: block;
        width: 100%;
        text-align: left;
    }
    
    .cloudUl > li .infoCaution{
        padding-left: 20px;
        font-size: 90%;
    }
    
    .infoTB03{
        border: none;
        margin-bottom: 10px;
    }
    
    .infoTB03 td, .infoTB03 th{
        border-width: 2px;
    }
    
    .seminorSec{
        margin-top: 30px;
    }
    
    .infoTB03 th {
        color: #aaa;
        font-weight: 100;
    }
    
    .infoTB th,
    .infoTB03 th{
        background: #c1c1c1;
        color: #fff;
        font-weight: bold;
    }
    
    .cloudoDl,
    .cloudoDl dd{
        padding-left: 0;
    }
    
    .cloudoDl dt{
        letter-spacing: normal;
        line-height: normal;
        padding-left: 1em;
        text-indent: -1em;
        font-size: 105%;
    }
    
    .cloudUl li > h2{
        font-size: 115%;
        line-height: 1.5;
    }
        
    .cloudoDlH3{
        font-size: 105%;
        line-height: 1.5;
    }
    
    .cloudoDl dt{
        margin-bottom: 10px;
    }
    
    .cloudoDl dt:first-child{
        margin-top: 10px;
    }
    
    .cloudUl > li .cloudKoushi{
        display: block;
    }
    
    .mapWrap{
        flex-direction:column;
    }
    
    .maps{
        width: 100%;
        padding-top: 100%;
    }
    
    

    /*   クラウド大航海時代のセキュリティ
------------------------------------------------------------*/
    .figAcro{
        position: initial;
    top: -70px;

    }
       
    .figAcro img{
       width: 50%;
    }
    
    
    
      /*   AWS導入無料キャンペーン
------------------------------------------------------------*/
 

 
.awsImg > li {

    width: 100%;               /* 幅指定 */

}

 
.awsImg2 > li {

    width: 100%;               /* 幅指定 */

}  
  
	
	
	    /*   負荷テストサービス『pTune』のサイトがリニューアル！
------------------------------------------------------------*/

.ptune {
    width: 100%;
}

	
	
	
}