@charset "utf-8";
/* CSS Document */
.ta_l { text-align: left; }
/*.fw_b { font-weight:bold; }*/
.fc_blue { color:#004DA0; }
.fc_w { color:#fff; }
.fc_y { color:#FFFF00; }
.bg_w { background: #fff; }

.bg_yellow { background:linear-gradient(to right, rgba(255, 255, 0, 0) 0%, #FFFF00 10%, #FFFF00 90%, rgba(255, 255, 0, 0) 100%); display:inline-block; margin:0 auto; padding:0 50px 0 50px; }
.bg_blue { background:linear-gradient(to right, rgba(0,77,160, 0) 0%, #004DA0 5%, #004DA0 95%, rgba(0,77,160, 0) 100%); display:inline-block; margin:0 auto; padding:0 50px 0 50px; }

/* top_main */
 .top_main_wrap { background:url(../images/solution/itsupporter/top_main_bg.png) center center no-repeat; background-size:cover; }
 .top_main_wrap div { max-width: 980px; margin: 0 auto; padding: 0 25px; background:url(../images/solution/itsupporter/top_main.png) right bottom no-repeat; background-size: 420px auto; }
 .top_main_wrap div p:nth-child(1) { margin-top: 25px; font-size: 175%; }
 .top_main_wrap div p:nth-child(2) { margin-top: 25px; font-size: 175%; text-align: left; text-shadow: 0 0 5px rgba(255,255,255,1.0); }
 .top_main_wrap div p:nth-child(3) { margin-top: 25px; text-align: left; }
 .top_main_wrap div p:nth-child(3) span { padding: 0 5px; display: inline-block; margin-bottom: 5px; }
 .top_main_wrap div p:nth-child(4) { font-size: 175%; margin: 50px 0 25px 0; padding-bottom: 10px; }
 .top_main_wrap div p:nth-child(4) img { width: 240px; margin: -15px 0 -15px 0; }
@media (max-width:600px){
 .top_main_wrap div { background:url(../images/solution/itsupporter/top_main.png) right bottom no-repeat; background-size: 360px auto; }
}
@media (max-width:430px){
 .top_main_wrap div { padding: 0 25px; background:url(../images/solution/itsupporter/top_main.png) center bottom no-repeat; background-size: 280px auto; }
 .top_main_wrap div p:nth-child(2),
 .top_main_wrap div p:nth-child(3) { text-align: center; }
 .top_main_wrap div p:nth-child(4) { margin: 125px 0 25px 0; padding: 10px; }
 .top_main_wrap div p:nth-child(4) img { width: 160px; margin: -15px 0 -5px 0; }
}

/* お問い合わせ */
.its_contact_wrap { margin-top: 25px; width: 100%; }
.its_contact_wrap .top_main_02 { max-width: 980px; margin: 0 auto; background:url(../images/solution/itsupporter/top_main_02.png) right bottom no-repeat; background-size: 200px auto; padding: 25px 0; }

.fukidashi_02 { background: url(../images/solution/itsupporter/fuki_02.png) center center no-repeat; background-size: 100%; display: inline-block; padding: 0 25px; }
.contact_time { background: #fff; color:#004DA0; padding: 3px 10px; border-radius: 5px; margin-right: 3px; }

@media (max-width:600px){
.its_contact_wrap .top_main_02 { padding: 25px 0 160px 0; background:url("../images/solution/itsupporter/top_main_02.png") center bottom no-repeat; background-size:120px; }
}

/* セールスポイント */
.sales_point_wrap { display: flex; margin: 25px 0 0 0; }
.sales_point_wrap div { flex:1; }
.sales_point_wrap div p:nth-child(1) { background:url("../images/solution/itsupporter/bg_gekkei.png") center center no-repeat; background-size: auto 100%; padding: 15px; }
	
@media (max-width:600px){
.sales_point_wrap { display: block; }
}

/* お困りごと */
.okomarigoto_top { margin-top: 25px; }
.okomarigoto_top p { font-size: 140%; }
.fukidashi_top { border-bottom: 1px solid #000; display:inline-block; margin:0 auto; padding: 10px; }
.fukidashi_bottom { margin: -14px 0 25px 0; padding: 0; }

.okomarigoto_wrap { display:flex; }
.okomarigoto_wrap p { flex:1; color:#fff; background:#666; text-align:left; margin:5px; padding:15px; border-radius:8px; border:3px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3)}
.okomarigoto_wrap p span { color:#ffff00; font-size:120%; }
@media (max-width:820px){
.fukidashi_bottom { margin: -12px 0 25px 0; }
}
@media (max-width:600px){
.fukidashi_bottom { margin: -10px 0 25px 0; }

.okomarigoto_wrap { display:block; }
.okomarigoto_wrap p { flex:none; margin:10px; }
.okomarigoto_wrap p span {}
}
@media (max-width:430px){
.fukidashi_bottom { margin: -9px 0 25px 0; }
}

/* ITサポーターができること */
.service_wrap { }
.service_wrap ul { }
.service_wrap ul li { display: inline-block; width: 180px; min-height: 160px; background: url(../images/solution/itsupporter/sa_bg.png) center center; border-radius: 10px; margin: 3px; color: #fff; font-size: 120%; }
.service_wrap ul li img { width: 60px; display: block; margin: 30px auto 10px auto; }
@media (max-width:600px){
.service_wrap ul li { width: 44%; min-height: 140px; }
.service_wrap ul li img { width: 50px; margin: 20px auto 10px auto; }
}


.its_voice_blue { background:#CCDBEC; padding: 25px; }
.its_voice_wrap { display: flex; }
.its_voice_wrap div:nth-child(1) { width: 60%; }
.its_voice_wrap div:nth-child(1) p:nth-child(1){ background:#004DA0; display: inline-block; padding: 10px; border-radius: 10px 10px 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.its_voice_wrap div:nth-child(1) p:nth-child(2){ background:#fff; padding: 25px; border-radius: 0 10px 10px 10px; line-height: 1.6em; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.its_voice_wrap div:nth-child(2) { width: 40%; text-align: center; }
.its_voice_wrap div:nth-child(2) img { width: 200px; }
.its_voice_cont { background: #fff; padding: 50px; border-radius: 10px; line-height: 2.0em; margin: -25px 50px 25px 50px; }

@media (max-width:820px){
.its_voice_wrap div:nth-child(2) img { width: 175px; }
.its_voice_cont { margin: -25px 0 25px 0; }
}
@media (max-width:600px){
.its_voice_wrap div:nth-child(2) img { width: 175px; }
.its_voice_cont { margin: -10px 0 25px 0; }
}
@media (max-width:430px){
.its_voice_blue { padding: 15px; }
.its_voice_wrap div:nth-child(1) { width: 65%; }
.its_voice_wrap div:nth-child(1) p:nth-child(1){ }
.its_voice_wrap div:nth-child(1) p:nth-child(2){ padding: 15px; }
.its_voice_wrap div:nth-child(2) { width: 35%; align-content: flex-end; }
.its_voice_wrap div:nth-child(2) img { width: 90%; }
.its_voice_cont { padding: 15px; margin: 10px 0 10px 0; }
}



.its_point_wrap { display: flex; text-align: left; align-items: center; }
.ph_reverse div:nth-child(1) { order: 1 !important }
.ph_reverse div:nth-child(2) { order: 2 !important }
.its_point_wrap img { width: 400px; }
.its_point_inner p.its_point_sst { font-size: 125%; }
.its_point_inner p.its_point_sst span { font-size: 250%; margin-right: 10px; }
@media (max-width:820px){
.its_point_wrap { flex-direction: column; }
.ph_reverse div:nth-child(1) { order: 2 !important }
.ph_reverse div:nth-child(2) { order: 1 !important }
.its_point_wrap img { width: 75%; }
.its_point_inner p.its_point_sst { display: block; text-align: center; }
.its_point_inner p.its_point_sst span { display: block; margin-right: 10px; }
}