/*　このCSSはスマートフォン向けです　*/

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

/*　スマートフォン用CSS　*/
@media screen and (max-width: 480px) {
img {max-width: 100%; height: auto; width /***/:auto;}
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/



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

p.cloud-read {font-size:1.6rem; font-weight: bold; margin-bottom:20px;}
p.cloud-link {font-size:1.6rem; font-weight: bold; margin-top:10px;}
	
.cloud-system-pc {display:none;}
.cloud-system-sp {margin-bottom:30px;}

.cloud-info-l {text-align: center;}
.cloud-info-c {text-align: center;}
.cloud-info-r {text-align: center;}
.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 {text-align: center;}
.cloud-info4-2 {text-align: center;}
.cloud-info4-3 {text-align: center;}
.cloud-info4-4 {text-align: center;}
.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 {margin-bottom:10px;}
.cloud-lineup-r {}

.cloud-lineup {margin-bottom:20px;border-top: solid 1px #ccc; padding:5px 0;}
.cloud-lineup li {font-size:2.0rem; 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:1.6rem; font-weight:bold; list-style:none;}

	
/*　福祉クラウド　*/
.cloud-fk-pc {display:none;}
.cloud-fk-sp {margin-bottom:20px;}
.cloud-fk-l {margin-bottom:20px;}
.cloud-fk-r {margin-bottom:20px;}

.cloud-fk-l a.btn-dc {}
.cloud-fk-r a.btn-nx {}


/*　タイプDC　*/
h4.clouddch4 {font-size:1.6rem; font-weight:bold; margin:10px 0 5px; color:#0097e0;}
	
	
/*　テレワークバナー　*/
.bnr-telework {margin:20px 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 {margin:20px auto;}
.bnr-fkc img {cursor:pointer; transition-duration:0.3s;}
.bnr-fkc:hover img {opacity:0.6; transition-duration:0.3s;}
	
	
/*　無償利用申し込みボタン（3か月）　*/
.cloud-trial3months {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 {margin:30px auto;}
.cloud-seminar img {cursor:pointer; transition-duration:0.3s;}
.cloud-seminar:hover img {opacity:0.6; transition-duration:0.3s;}


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