@charset "Shift_JIS";
/*　コンテンツごとに個別のスタイルを作成する際はこのシートに追記します　*/


/*　PC／タブレット用CSS　*/
@media print, screen and (min-width: 480px) {
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/

	

/*　クラウド　*/
.cloud-title {margin:20px 0;}
h3.cloudh3 {font-size:246%; line-height:1.2; font-weight:bold; margin:20px 0 10px 0;}
h4.cloudh4 {font-size:153.9%; font-weight:bold; padding-bottom:3px; border-bottom:3px solid #12add8; margin:30px 0 10px 0;}
h5.cloudh5 {font-size:123.1%; font-weight:bold; margin:20px 0 5px 0; color:#12add8;}
h6.cloudh6 {font-size:108%; font-weight:bold; margin:20px 0 5px 0;}

p.cloud-read {font-size:123.1%; font-weight: bold; margin-bottom:20px;}
p.cloud-link {font-size:123.1%; font-weight: bold; margin-top:10px;}

.cloud-system-pc {margin-bottom:30px;}
.cloud-system-sp {display:none;}
.cloud-seat {margin:30px 0;}
	
.cloud-info-l {float:left; width:300px; padding-right:30px;}
.cloud-info-c {float:left; width:300px; padding-right:30px;}
.cloud-info-r {float:left; width:300px;}
.cloud-info-w {}
.cloud-info-l img {margin:10px 0 20px 0;}
.cloud-info-c img {margin:10px 0 20px 0;}
.cloud-info-r img {margin:10px 0 20px 0;}
.cloud-info-w img {margin:10px 0 20px 0;}
	
.cloud-info4-1 {float:left; width:220px; padding-right:26px;}
.cloud-info4-2 {float:left; width:220px; padding-right:26px;}
.cloud-info4-3 {float:left; width:220px; padding-right:26px;}
.cloud-info4-4 {float:left; width:222px;}
.cloud-info4-1 img {margin:10px 0 20px 0;}
.cloud-info4-2 img {margin:10px 0 20px 0;}
.cloud-info4-3 img {margin:10px 0 20px 0;}
.cloud-info4-4 img {margin:10px 0 20px 0;}

.cloud-boxes {margin:20px 0;}
	
.cloud-lineup-l {float:left; width:465px; padding-right:30px;}
.cloud-lineup-r {float:left; width:465px;}

.cloud-lineup {margin-bottom:20px;border-top: solid 1px #ccc; padding:5px 0;}
.cloud-lineup li {font-size:153.9%; font-weight:bold; list-style:none;}
.cloud-lineup-op {margin-bottom:20px;border-top: solid 1px #ccc; padding:5px 0;}
.cloud-lineup-op li {font-size:123.1%; font-weight:bold; list-style:none;}


/*　福祉クラウド　*/
.cloud-fk-pc {margin-bottom:30px;}
.cloud-fk-sp {display:none;}
.cloud-fk-l {float:left; width:460px; padding-right:40px;}
.cloud-fk-r {float:left; width:460px;}

.cloud-fk-l a.btn-dc {text-indent:-9877em; display:block; width:460px; height:460px; background: url(../images/cloud_fk_dc.png) top no-repeat;}
.cloud-fk-l a.btn-dc:hover {text-indent:-9877em; display:block; width:460px; height:460px; background: url(../images/cloud_fk_dc.png) bottom no-repeat;}


	
/*　タイプDC　*/
h4.clouddch4 {font-size:123.1%; font-weight:bold; margin:10px 0 5px; color:#0097e0;}
	

/*　テレワークバナー　*/
.bnr-telework {width:690px; height:190px; margin:30px auto; border:solid 1px #00afdd;}
.bnr-telework img {cursor:pointer; transition-duration:0.3s;}
.bnr-telework:hover img {opacity:0.6; transition-duration:0.3s;}
	
/*　福祉クラウド移行バナー　*/
.bnr-fkc {width:690px; height:190px; margin:30px auto;}
.bnr-fkc img {cursor:pointer; transition-duration:0.3s;}
.bnr-fkc:hover img {opacity:0.6; transition-duration:0.3s;}

	
/*　無償利用申し込みボタン（3か月）　*/
.cloud-trial3months {width:600px; height:160px; margin:30px auto;}
.cloud-trial3months img {cursor:pointer; transition-duration:0.3s;}
.cloud-trial3months:hover img {opacity:0.6; transition-duration:0.3s;}

	
/*　無償利用申し込みボタン　*/
.cloud-trial {width:600px; height:160px; margin:30px auto;}
.cloud-trial img {cursor:pointer; transition-duration:0.3s;}
.cloud-trial:hover img {opacity:0.6; transition-duration:0.3s;}

	
/*　Webセミナー誘導ボタン　*/
.cloud-seminar {width:600px; height:80px; margin:30px auto;}
.cloud-seminar img {cursor:pointer; transition-duration:0.3s;}
.cloud-seminar:hover img {opacity:0.6; transition-duration:0.3s;}
	

}/*　@mediaの綴じ括弧。削除しないでください　*/