@charset "UTF-8";
   html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} body {
line-height:1;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
}
.min{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.century{
font-family: "Avenir-Light" ,  'Century Gothic'
} article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
} nav ul {
list-style:none;
} blockquote, q {
quotes:none;
} blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
} a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
} del {
text-decoration: line-through;
} abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
} table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
} input, select {
vertical-align:middle;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.floL{ float:left !important}
.floR{ float:right !important}
.alL{ text-align:left !important}
.alC{ text-align:center !important}
.alR{ text-align:right !important}
.white{
color: #fff !important
}
.copyr{
display: none !important
}
.clear{
clear:both}
.bloImg{
display:block;
margin:0}
*{ box-sizing:border-box;}
a.onM:hover img{
opacity:1}
body,p {
-webkit-text-size-adjust: 100%;
max-height: 100%;} @media screen and (min-width: 769px) {
.pc{
display:block;}
.pcIn{
display:inline}
.sp{
display:none}
.spIn{
display:none}
body{
position:relative;
min-width:1200px;
background-color:#fff;
font-size:15px;
}
p{
font-size:16px; line-height:1.75;}
ul li{
list-style:none}
.pmb15{
margin-bottom:15px}
a,a:visited{
color: inherit;
text-decoration: none;
transition: 0.5s;
}
a:hover{
opacity: 0.7;
}
a.imgZoom{
overflow: hidden;
}
a.imgZoom img{
transition: 0.5s;
}
a.imgZoom:hover img{
transform: scale(1.1, 1.1);
} .inner{
width:1200px;
margin:0 auto}
h1{
width: 245px;
}
header{
padding-top:12px !important;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/hdBg.png) 0 0 repeat-x;
padding-bottom:14px !important;
position: absolute;
top: 0;
width: 100%;
height: 89px}
header .inner{
display: flex;
justify-content: space-between;
}
header .inner nav ul{
display: flex;
justify-content: space-between;
width: 924px;
padding-top: 14px
}
header .inner nav ul li a{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 13px;
font-feature-settings: 'palt';
}
header .inner nav ul li.phone a{
font-size: 16px;
}
header .inner nav ul li a:hover{
color: #0080e6;
opacity: 1
}
header .inner nav ul li.phone a{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/phone.png)0 6px no-repeat;
padding-left: 15px
}
header .inner nav ul li.mail a{
background: #0080e6;
width: 150px;
display: inline-block;
padding: 8px 0;
margin-top: -8px;
color: #fff;
text-align: center;
position: relative;
}
header .inner nav ul li.mail a:hover{
background: #095b9c
}
header .inner nav ul li.mail a:before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail.png) 0 0 no-repeat;
width: 13px;
height: 10px;
margin-right: 10px;
display: inline-block;
}
header .inner nav ul li.mail a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/hdArrow.png) 0 0 no-repeat;
width: 5px;
height: 8px;
margin-left: 17px;
display: inline-block;
}
#mv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/MVbg.jpg) center 0 no-repeat;
background-size: cover; height: 700px;
padding-top: 80px;
padding-bottom: 50px;
}
.mvCopy{
font-size: 24px;
margin-top: 15px;
font-weight: bold;
margin-bottom: 15px
}
.mvinner h2:not(.st-css-no2){
font-size: 48px;
line-height: 70px;
background-color: transparent;
border: 0;
margin-bottom: 15px
}
.mvinner .alart{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/alart.png) 0 center no-repeat;
padding-left: 30px;
font-size: 18px;
line-height: 22px;
font-weight: bold;
margin-bottom: 5px;
}
.mvinner .mvPhone{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mvPhone.png) 0 center no-repeat;
padding-left: 30px;
font-size: 30px;
font-weight: bold;
line-height: 30px !important;
margin-bottom: 10px;
}
.mvinner .time{
font-size: 14px;
line-height: 30px !important;
margin-bottom: 30px;
}
.mvinner .time strong{
color: #d42250
}
.mvinner ul{
display: flex;
}
.mvinner ul li{
background: #fff;
width: 200px;
height: 220px;
margin-right: 17px;
padding: 17px;
text-align: center;
position: relative
}
.mvinner ul li:last-child{
padding-top: 32px
}
.mvinner ul li p{
top: 110px;
width: 100%;
line-height: 24px;
left: 0;
position: absolute;
font-size: 14px;
font-weight: normal
}
.online .mvinner ul li p{
top: 120px
}
.mvinner ul li p strong{
font-size: 26px;
line-height: 36px;
color: #d42250;
}
.mvinner ul li p strong span{
font-size: 16px;
}
.blueBg{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/blueBg.jpg) 0 0 repeat;
}
.contentInner{
padding-top: 90px;
padding-bottom: 100px
}
h3.H301{
line-height: 1.75;
text-align: center;
font-size: 30px;
font-weight: bold;
}
h3.H301 span{
font-size: 16px;
color: #0080e6;
display: block;
margin-bottom: 15px;
}
.planList{
display: flex;
margin: 84px auto 0;
width: 1065px;
justify-content: space-between
}
.planList li{
width: 500px;
position: relative;
background: #fff;
}
.planList li a{
display: block;
}
.planList li a:hover img.number{
transform: scale(1, 1)
}
.planList li img.number{
position: absolute;
right: 48px;
top: 173px;
z-index: 3
}
.planList li div{
padding: 30px 50px 50px 50px
}
.planList li div .planEng{
font-size: 14px;
color: #0080e6;
font-weight: bold;
}
.planList li div .planCatch{
font-size: 16px;
color: #000;
font-weight: bold;
margin-top: 24px;
margin-bottom: 9px
}
.planList li div h4{
font-size: 24px;
color: #000;
position: relative;
font-weight: bold;
margin-bottom: 15px;
}
.planList li div p.planTxt{
color: #000;
font-size: 16px;
line-height: 1.75
}
.planList li a h4:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk.png) 0 0 no-repeat;
height: 18px;
width: 11px;
display: inline-block;
margin-left: 20px;
transition: 0.2s;
}
.planList li a:hover h4,.planList li a:hover,.planList li a:hover img{
color: #1c8ee9 !important;
opacity: 1 !important
}
.planList li a:hover h4:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue.png) 0 0 no-repeat;
height: 18px;
width: 11px;
display: inline-block;
margin-left: 23px;
transition: 0.2s;
}
.halfL{
padding-right: 740px;
}
.halfR{
padding-left: 740px;
}
.reason01{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/reason01.jpg) right 0 no-repeat;
min-height: 432px;
margin-top: 75px;
margin-bottom: 50px;
padding-top: 155px;
}
.reason02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/reason02.jpg) 0 0 no-repeat;
min-height: 432px;
margin-bottom: 50px;
padding-top: 155px;
}
.reason03{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/reason03.jpg) right 0 no-repeat;
min-height: 432px;
margin-bottom: 0px;
padding-top: 155px;
}
.reasonEng{
font-size: 16px;
color: #0080e6;
font-weight: bold;
margin-bottom: 40px;
}
.reasonH4{
font-size: 30px;
font-weight: bold;
margin-bottom: 40px
}
.topVoice{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voiceBg.jpg) 0 center no-repeat;
height: 810px;
background-size: cover;
}
.topVoice .inner{
position: relative
}
.voiceList{
margin-left: 20px;
display: flex;
padding-top: 90px;
justify-content: space-between
}
.voiceList li{
width: 330px;
position: relative;
text-align: center;
padding: 30px 30px 30px 30px;
background: #fff;
}
.voiceList li img{
margin-bottom: 40px;
}
.voiceList li h4{
font-size: 20px;
margin-bottom: 24px
}
.voiceList li p{
text-align: left
}
.voiceList li:nth-child(1):before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voice01.png) 0 0 no-repeat;
position: absolute;
width: 120px;
height: 50px;
top: -10px;
left: -20px
}
.voiceList li:nth-child(2):before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voice02.png) 0 0 no-repeat;
position: absolute;
width: 120px;
height: 50px;
top: -10px;
left: -20px
}
.voiceList li:nth-child(3):before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voice03.png) 0 0 no-repeat;
position: absolute;
width: 120px;
height: 50px;
top: -10px;
left: -20px
}
.topVoice a.btn01{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -150px}
a.btn01{
width: 500px;
margin: 0 auto;
display: block;
background: #0080e6;
color: #fff;
position: relative;
text-align: center;
font-size: 20px;
font-weight: bold;
transform: translateX(0);
}
a.btn01:hover{
opacity: 1
}
a.btn01 span{
width: 100%;
padding: 30px 0px;
display: block;
height: 100%;
z-index: 10;
}
a.btn01 span:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 0;
display: block;
background: #095b9c;
z-index: -1;
transition: .5s;
}
a.btn01 span:hover:before{
width: 100%
}
a.btn01:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
position: absolute;
width: 11px;
height: 18px;
top: 52%;
transform: translateY(-51%);
right: 60px
}
#top05{
padding-top: 140px;
padding-bottom: 50px
}
.columnList{
display: flex;
margin-top: 80px;
justify-content: space-between;
flex-wrap: wrap
}
.columnList li{
width: 570px;
padding-bottom: 45px;
border-bottom: 1px solid #dcdcdc;
display: flex;
margin-bottom: 50px;
justify-content: space-between
}
.columnList li .columnPh{
margin-right: 25px;
}
.columnList li .columnBody{
width: 387px
}
.columnList li a.columnCat{
display: block;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 12px;
}
.columnList li a.columnTitle{
font-size: 18px;
line-height: 1.75;
font-weight: bold;
}
.columnList li a.columnTitle:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk02.png) 0 0 no-repeat;
height: 15px;
width: 9px;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
transition: 0.2s;
}
.columnList li a.columnTitle:hover{
color: #1c8ee9 !important;
opacity: 1 !important
}
.columnList li a.columnTitle:hover:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue02.png) 0 0 no-repeat;
height: 15px;
width: 9px;
display: inline-block;
margin-left: 23px;
transition: 0.2s;
vertical-align: middle;
}
.columnList li p.date{
font-size: 14px;
}
.cInfo{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/infoBg.jpg) 0 center no-repeat;
height: 486px;
background-size: cover;
}
.infoList{
margin-top: 65px;
display: flex;
flex-wrap: wrap;
}
.infoList li{
width: 360px;
margin-right: 60px;
border-top: 1px solid #FFF;
}
.infoList li:nth-child(3){
margin-right: 0
}
.infoList li:nth-child(3),.infoList li:nth-child(4),.infoList li:nth-child(5){
border-bottom: 1px solid #FFF;
}
.infoList li a{
color: #fff;
font-size: 18px;
position: relative;
padding: 30px 0;
display: block
}
.infoList li a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white02.png) 0 0 no-repeat;
height: 15px;
width: 9px;
position: absolute;
display: block;
vertical-align: middle;
right: 80px;
top: 32px;
transition: 0.2s;
}
.infoList li a:hover:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue02.png) 0 0 no-repeat;
height: 15px;
width: 9px;
position: absolute;
display: block;
margin-left: 20px;
right: 77px;
transition: 0.2s;
vertical-align: middle;
}
.newsList{
margin-top: 40px;
margin-bottom: 50px
}
.newsList li a{
padding: 30px 0;
display: block;
border-bottom: 1px solid #dcdcdc;
font-size: 18px;
font-weight: bold
}
.newsList li a span{
margin-right: 30px;
}
.newsList li a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk02.png) 0 0 no-repeat;
height: 15px;
width: 9px;
display: inline-block;
vertical-align: middle;
margin-left: 30px;
transition: 0.2s;
}
.newsList li a:hover{
color: #1c8ee9 !important;
opacity: 1 !important
}
.newsList li a:hover:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue02.png) 0 0 no-repeat;
height: 15px;
width: 9px;
display: inline-block;
margin-left: 33px;
transition: 0.2s;
vertical-align: middle;
}
.contactBg{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/contactBg.jpg) 0 center no-repeat;
height: 485px;
background-size: cover;
}
.contactList{
margin-top: 70px;
display: flex;
}
.contactList li{
width: 400px;
text-align: center;
color: #fff;
}
a.btn02{
background: #fff;
display: block;
color: #000;
font-size: 18px;
font-weight: bold;
text-align: center;
position: relative;
padding: 30px 0
}
a.btn02:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk.png) 0 0 no-repeat;
height: 18px;
width: 11px;
position: absolute;
display: block;
vertical-align: middle;
right: 50px;
top: 30px;
}
a.btn02:hover{
background: #0080e6;
color: #fff;
opacity: 1
}
a.btn02:hover:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
height: 18px;
width: 11px;
position: absolute;
display: block;
vertical-align: middle;
right: 50px;
top: 30px;
transition: .5
}
a.btn03{
border: 2px solid #fff;
display: block;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
position: relative;
padding: 30px 0 30px 55px
}
a.btn03:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/dl.png) 0 0 no-repeat;
height: 23px;
width: 23px;
position: absolute;
display: block;
vertical-align: middle;
left: 55px;
top: 27px;
}
a.btn03:hover{
opacity: 1;
background: #0080e6;
color: #fff;
border: 2px solid #0080e6;
}
.contactTxt{
font-size: 14px;
line-height: 1 !important;
margin-bottom: 8px;
}
.contactPhone{
font-size: 36px;
line-height: 1 !important;
margin-bottom: 8px;
vertical-align: middle;
font-weight: bold
}
.contactPhone:before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/contactPhone.png) 0 0 no-repeat;
height: 27px;
width: 21px;
display: inline-block;
margin-right: 8px
}
.contactTime{
font-size: 12px
}
footer{
background: #198ce8;
padding: 50px 0 50px 0 !important;
color: #fff
}
.footLinks{
display: flex;
justify-content: space-between
}
.footLinks ul{
width: 25%
}
.footTit{
font-size: 16px;
margin-bottom: 30px
}
.footLinks ul li{
margin-bottom: 18px
}
.footLinks ul li a{
font-weight: bold;
font-size: 14px;
}
.footLinks ul li.child a{
font-weight: normal
}
.footBtm{
background: #198ce8;
border-top: 1px solid #fff;
padding: 16px 0 16px 0;
color: #fff
}
.footBtm ul{
display: flex;
}
.footBtm ul li{
margin-right: 50px
}
.footBtm ul li a{
font-size: 14px;
}
.copy{
text-align: center;
padding: 13px 0;
}
.copy small{
width: 100%;
font-weight: bold;
font-size: 14px
}
.totop{
position: fixed;
bottom: 15px;
left: calc(50% + 540px);
}
header.fixed {
position: fixed;
height: 80px;
z-index: 99;
background: #fff;
width: 100%
}
.is-show {
transform: translateY(0);
} .online #mv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/onlinemv.jpg) center center no-repeat;
background-size: cover;
height: 750px;
padding-top: 80px;
padding-bottom: 50px;
}
.online .mvinner ul li:last-child {
padding-top: 15px;
}
#online02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/onlineBg01.jpg) center center no-repeat;
background-size: cover;
height: 516px;
padding-top: 80px;
padding-bottom: 90px;
}
.baloonList{
width: 1060px;
margin: 40px auto;
display: flex;
justify-content: space-between
}
.baloonList li{
width: 250px;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/baloon.png) 0 0 no-repeat;
height: 108px;
text-align: center;
font-size: 18px;
padding-top: 15px;
font-weight: bold;
line-height: 1.75;
}
.largetxt{
font-size: 30px;
font-weight: bold;
text-align: center
}
#online03{
padding-bottom: 130px
}
.waterBg{
background: #e7f4ff;
padding: 55px 0 60px;
}
h3.doubleH3{
position: relative;
font-size: 85px;
line-height: 1 !important;
color: #bee2ff;
margin-bottom: 50px;
font-weight: 900;
display: inline-block
}
h3.doubleH3 span{
position: absolute;
bottom: 5px;
left: 6px;
color: #0080e6;
font-size: 16px
}
.onreason .inner{
position: relative;
}
.onreason .inner img.ph{
right: 0;
top: -110px;
position: absolute
}
.onRCatch{
font-size: 30px;
font-weight: bold;
margin-bottom: 40px
}
.onRTxt{
width: 450px;
}
.onreason02{
text-align: center;
padding: 80px 0 170px 0;
}
.onreason02 h3{
margin-bottom: 60px
}
.onreason02 h3.doubleH3 span{
left: 50%;
transform: translateX(-50%)
}
.onreason02 .onRTxt{
width: 100%;}
.onreason02 img{
margin-bottom: 20px;
}
.btnBox h3{
font-size: 30px;
margin-bottom: 90px;
text-align: center
}
.boxList{
width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between
}
.redBox{
width: 550px;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/redBox.jpg) 0 0 no-repeat;
height: 225px;
padding: 0 20px
}
.redBox .oval{
color: #fff;
display: block;
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 10px 0 30px
}
.redBox .txt01{
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
.redBox .phone{
font-size: 30px;
font-weight: bold;
line-height: 1 !important;
height: 30px;
margin-bottom: 0px;
margin-bottom: 18px;
padding-left: 25px;
vertical-align: middle;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mvPhone.png) 0 bottom no-repeat;
}
.redBox .txt02{
font-size: 14px;
margin-bottom: 7px;
}
.redBox .txt03{
font-size: 14px;
color: #d42250;
font-weight: bold;
margin-bottom: 5px;
}
.blueBox{
width: 550px;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/blueBox.jpg) 0 0 no-repeat;
height: 225px;
padding: 0 20px
}
.blueBox .oval{
color: #fff;
display: block;
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 10px 0 30px
}
.blueBox .txt01{
font-size: 24px;
font-weight: bold;
margin-bottom: 0px;
}
.blueBox .txt02{
font-size: 16px;
margin-bottom: 20px;
}
.blueBox .txt02 span{font-size: 14px}
.blueBox a{
display: block;
background: #0080e6;
width: 400px;
padding: 23px 0;
font-size: 14px;
color: #fff;
text-align: center;
position: relative;
}
.blueBox a:hover {
background: #095b9c;
opacity: 1;
}
.blueBox a::before {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail02.png) 0 0 no-repeat;
width: 18px;
height: 16px;
margin-right: 10px;
vertical-align: middle;
display: inline-block;
}
.service{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serviceBg.jpg) center center no-repeat;
background-size: cover;
height: 907px;
padding-top: 80px;
padding-bottom: 90px;
}
.servList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 60px auto 17px
}
.servList li{
background: #fff;
display: block;
padding: 35px 20px 24px;
margin-bottom: 28px;
width: 380px;
position: relative
}
.servList li h4{
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 12px;
}
.servList li p{
font-size: 14px
}
.servList li:before{
position: absolute;
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv01.png) 0 0 no-repeat;
display: block;
width: 100px;
height: 31px;
top: -15px;
left: 2px
}
.servList li:nth-child(2):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv02.png) 0 0 no-repeat;
}
.servList li:nth-child(3):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv03.png) 0 0 no-repeat;
}
.servList li:nth-child(4):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv04.png) 0 0 no-repeat;
}
.servList li:nth-child(5):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv05.png) 0 0 no-repeat;
}
.servList li:nth-child(6):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv06.png) 0 0 no-repeat;
}
.servList li:nth-child(7):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv07.png) 0 0 no-repeat;
}
.servList li:nth-child(8):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv08.png) 0 0 no-repeat;
}
.service .txt01{
font-size: 30px;
margin-bottom: 30px;
color: #fff;
text-align: center;
font-weight: bold
}
.flow{
padding-bottom: 0
} .flow ul li{
text-align: center
}
.flow02{
margin-bottom: 100px
}
.price01{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/priceBg.jpg) center center no-repeat;
height: 1115px;padding-bottom: 80px;
}
.priceTxt{
text-align: center;
margin: 20px auto 10px;
width: 922px;
padding-bottom: 10px;
font-size: 24px;
vertical-align: middle;
color: #fff;
border-bottom: 1px solid #fff
}
.priceTxt strong{
font-size: 48px;
}
.price01 ul.priceCaution{
width: 922px;
margin: 0 auto 50px;
color: #fff;
font-size: 14px;
line-height: 1.75
}
.priceTxt02{
text-align: center;
color: #fff;
font-size: 30px;
font-weight: bold
}
.price01 .planList{
margin-top: 40px
}
.price01 .planList li div .planCatch{
margin: 10px 0 15px
}
.price01 .planList li div strong{
color: #d42250
}
.price01 .planList li div {
padding: 40px 50px 40px 50px;
}
.compare{
text-align: center
}
.compare p{
font-size: 30px;
margin-bottom: 40px;
text-align: center;
font-weight: bold
}
.qanda{
padding-top:140px;
}
.qandaList{
margin: 50px 0 0 0
}
.qandaList dt{
background: #e7f4ff;
padding: 22px 15px 22px 90px;
font-size: 16px;
position: relative;
}
.qandaList dt:before{
content: 'Q';
font-family: "Century Gothic" , "sans-serif";
font-size: 30px;
font-weight: bold;
color: #0080e6;
position: absolute;
left: 20px;
top: 16px;
}
.qandaList dd{
background: #fff;
padding: 22px 15px 22px 90px;
font-size: 16px;
position: relative;
}
.qandaList dd:before{
content: 'A';
font-family: "Century Gothic" , "sans-serif";
font-size: 30px;
font-weight: bold;
color: #d42250;
position: absolute;
left: 20px;
top: 16px;
} .pagenavi{
display: flex;
justify-content: space-between;
margin-bottom: 45px
}
.pagenavi li{
display: block;
width: 280px;
}
.pagenavi li a{
display: block;
text-align: center;
border: 1px solid #0080e6;
padding: 48px 0 55px;
position: relative;
}
.pagenavi li a:hover{
background: #0080e6;
color: #fff
}
.pagenavi li a:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrow.png) 0 0 no-repeat;
width: 18px;
height: 11px;
position: absolute;
top: 88px;
left: 50%;
transform: translateX(-50%);
}
.pagenavi li a:hover:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrowWhite.png) 0 0 no-repeat;
width: 18px;
height: 11px;
position: absolute;
top: 88px;
left: 50%;
}
.strength #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_strength.jpg) center 80px no-repeat;
background-size: auto;
background-size: 100% auto;
height: 380px;
padding-top: 80px;
text-align: center;
}
.strength .strength01 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/strength01.jpg) left 0 no-repeat;
min-height: 431px;
margin-top: 75px;
margin-bottom: 50px;
padding-top: 95px;
}
.strength .strength02 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/strength02.jpg) right 0 no-repeat;
min-height: 431px;
margin-top: 75px;
margin-bottom: 50px;
padding-top: 95px;
}
.strength .strength03 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/strength03.jpg) left 0 no-repeat;
min-height: 431px;
margin-top: 75px;
margin-bottom: 50px;
padding-top: 95px;
}
.strength .strength04 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/strength04.png) right 0 no-repeat;
min-height: 431px;
margin-top: 75px;
margin-bottom: 140px;
padding-top: 95px;
}
.strength h4.stCopy{
font-size: 24px;
font-weight: bold;
color: #000;
line-height: 1.75
}
.riskList{
width: 1067px;
display: flex;
margin: 0 auto;
justify-content: space-between
}
.riskList li{
width: 500px;
border: 1px solid #e5e5e5;
}
.riskList li div{
padding: 25px 45px;
}
.riskList li div h4{
color: #000;
font-size: 18px;
margin-bottom: 20px;
} .infosys #mv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/systemMVbg.jpg) center 0 no-repeat;
background-size: auto;
background-size: cover;
height: 710px;
padding-top: 100px;
padding-bottom: 67px;
}
.infosys .mvinner a.btn01{
width: 350px;
margin-left: 0;
margin-bottom: 25px;
font-size: 16px;
}
.infosys .mvinner a.btn01 span{
padding: 22px 0;
}
.infosys .mvinner a.btn01 span:after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail02.png) 0 0 no-repeat;
width: 18px;
height: 16px;
left: 75px;
top: 23px;
vertical-align: middle;
position: absolute;
display: inline-block;
z-index: 9;
}
.infosys .mvinner .alart{
background: none;
padding-left: 0
}
.infosys001{
padding-bottom: 75px
}
.infosys001 .largetxt{
text-align: left;
margin-bottom: 40px
}
.infosys001 ul{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.infosys001 ul li:first-child{
width: 250px;
margin-left: 50px
}
.infosys001 ul li:first-child img{
width: 250px
}
.infosys001 ul li:nth-child(2){
width: 814px
}
.infosys002{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/infosys002bg.png) center 0 no-repeat;
min-height: 539px;
padding-top: 325px;
padding-bottom: 0
}
.infosys002 .infosysEng{
font-size: 16px;
margin-bottom: 20px;
color:#0080e6;
font-weight: bold;
}
.infosys002 h3{
font-size: 30px;
margin-bottom: 30px
}
.infosys002 p{
width: 1020px;
}
.infosysp01 .inner{
padding-left: 730px;
position: relative;
}
.infosysp01 img{
position: absolute;
left: 0;
right: auto
}
.infosyscompare{
padding-bottom: 0
}
.sysservice li{
width: 290px
}
.waterprice{
background: #e7f4ff;
height: auto;
}
.pricecatch{
font-size: 16px;
margin-top: 65px;
text-align: center
}
.waterprice .priceTxt{
color: #000;
border-bottom: 1px solid #000
}
.priceSub{
text-align: center;
margin-bottom: 45px;
}
.price01.waterprice ul.priceCaution {
width: 922px;
margin: 0 auto 70px;
color: #000;
font-size: 14px;
line-height: 1.75;
}
.waterprice .priceTxt02{
color: #000
}
.costImg{
display: block;
margin: 50px auto 70px
}
.qandaList a{
text-decoration: underline
} #content{
padding-top: 30px
}
h1.entry-title{
width: 100%
}
.category-column #mv.subMv,#mv.subMv.cat3 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_column.jpg) center 80px no-repeat;
background-size: auto;
background-size: 100% auto;
height: 380px;
padding-top: 80px;
text-align: center;
}
.category-news #mv.subMv,#mv.subMv.cat0 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_news.jpg) center 80px no-repeat;
background-size: auto;
background-size: 100% auto;
height: 380px;
padding-top: 80px;
text-align: center;
}
.sub001{
width: 500px !important;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue.png) right 60px center no-repeat #fff !important;
padding: 30px 0px !important;
border: 3px solid #0080e6 !important;
margin: 50px auto 0;
display: block;
color: #0080e6 !important;
position: relative;
text-align: center;
font-size: 20px;
font-weight: bold;
cursor: pointer;
border-radius: 0 !important;
transition: .5s;
transform: translateX(0);
}
.sub001:hover{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) right 60px center no-repeat #0080e6 !important;
color: #fff !important;
}
.sub002{
width: 500px !important;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_gray.png) right 60px center no-repeat #fff;
padding: 30px 0px !important;
border: 3px solid #7d7d7d;
margin: 0 auto;
display: block;
color: #7d7d7d;
position: relative;
text-align: center;
font-size: 20px;
font-weight: bold;
cursor: pointer;
border-radius: 0;
transition: .5s;
transform: translateX(0);
}
.sub002:hover{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) right 60px center no-repeat #7d7d7d;
color: #fff;
}
.req{
color: #f2096b
}
.subBox{
width: 1043px;
margin: 0 auto;
padding-top: 50px;
display: flex;
justify-content: space-between
}
.confirm_txt{
text-align: center
}
form.wpcf7-form{
margin-top: -100px;
padding-top: 50px;
}
.thanksH3{
text-align: center;
color: #198ce8;
font-size: 24px;
margin-bottom: 40px
}
.thanksP{
margin-bottom: 50px
}
.dlBtn{
margin: 0 auto;
display: block
}
#a001,#a002,#a003,#a004{
padding-top: 80px;
margin-top: -80px;
}
.error{
text-align: center;
color: #FF0004
} #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_corporate.jpg) center 80px no-repeat;
background-size: cover;
min-width: 1200px;
height: 380px;
padding-top: 80px;
text-align: center
}
#mv.subMv .mvinner h2{
font-size: 30px;
margin-top: 110px;
line-height: 1
}
#mv.subMv .mvinner h2 span{
font-size: 16px;
margin-bottom: 25px;
line-height: 1;
display: block
}
.bread{
padding: 5px 0
}
.bread ul{
vertical-align: middle
}
.bread ul li{
font-size: 12px;
padding: 0 10px 0 0;
display: inline
}
.bread ul li a img{
vertical-align: middle;
margin-top: -3px
}
.bread ul li:before{
content: '>';
margin-right: 10px
}
.bread ul li:first-child:before{
content: none
}
.corpCont{
padding: 76px 0 130px
}
.corpCont h3{
font-size: 36px;
line-height: 1.75;
text-align: center;
margin-bottom: 70px
}
.corpCont h4{
color: #0080e6;
font-size: 18px;
margin-bottom: 35px
}
.corpCont p{
font-size: 16px;
line-height: 1.75;
margin-bottom: 35px
} .satVisual01{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/systemandtraining01.png) right 0 no-repeat;
min-height: 432px;
margin-bottom: 100px;
padding-top: 155px;
}
.satEng{
font-size: 16px;
color: #0080e6;
font-weight: bold;
margin-bottom: 2px !important;
}
.satH4{
font-size: 36px !important;
font-weight: bold;
margin-bottom: 22px !important;
}
.systemandtrainingText {
font-weight: bold;
font-size: 18px !important;
}
.satFlow{
text-align: center;
margin:80px auto 75px;
}
.satFlowItem{
width: 95.333%;
}
.satText{
width: 980px;
margin: 0 auto
}
.satText p{
margin-bottom: 70px !important;
} .profileandhistoryTable{
　border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 815px;
table-layout: fixed;
color: #000;
}
.profileandhistoryTable tr{
border-bottom: 1px dashed #a0a0a0;
}
.profileandhistoryTable th{
padding: 25px 0;
width: 126px;
text-align: left;
color: #0080e6;
font-size:18px;
}
.profileandhistoryTable td{
background-color: #fff;
padding:25px 0;
}
.profileandhistoryTable p{
margin-bottom: 0px !important;
}
.profileandhistoryOffice{
margin-top: 2em;
}
.profileandhistoryVisual{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/profileandhistory01.jpg) right 0 no-repeat;
min-height: 432px;
margin-bottom: 70px;
padding-top: 125px;
}
.profileandhistoryVisual02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/profileandhistory02.png) right 0 no-repeat;
min-height: 432px;
margin-top: 75px;
margin-bottom: 54px;
padding-top: 125px;
}
.profileandhistoryVisual03{
margin-top: 75px
}
.profileandhistoryEng{
font-size: 16px;
color: #0080e6;
font-weight: bold;
margin-bottom: 25px !important;
}
.profileandhistoryH4{
font-size: 36px !important;
font-weight: bold;
margin-bottom: 45px !important;
}
.profileandhistoryText{
font-weight: bold;
font-size: 18px !important;
}
.profileandhistoryH402{
font-size: 30px !important;
font-weight: bold;
margin-bottom: 45px !important;
}
.profileandhistoryYear02{
color: #000000 !important;
margin-left: 30px;
}
.profileandhistoryYear01{
margin-left: 190px;
} .profileandhistory ul.stepflow {
border: none;
margin: 10px 0px 2px 190px;
padding: 0;
list-style: none;
}
.profileandhistory ul.stepflow > li:before, ol.stepflow > li:before {
background-color:#0080e6 !important;
}
.stepflow li {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.stepflow p{
color: #0080e6;
margin-bottom: 0px !important;
font-weight: bold;
}
.stepflow>li:before {
content: "";
width: 3px;
height:100%;
background: #0080e6;
display: block;
position: absolute;
top: 10px;
bottom: 0;
left: 5px;
}
.stepflow-white {
content: '';
display: inline-block;
position: absolute;
top: 5px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
border: solid 3px #0080e6;
}
.stepflow-black {
content: '';
display: inline-block;
position: absolute;
top: 5px;
left: 0;
width: 13px;
height: 13px;
border-radius: 50%;
border: solid 3px #0080e6;
background-color: #0080e6;
}
.stepflow_label {
padding: 0px 0px 0px 30px;
margin-bottom:10px;
color: #74a736;
font-size: 16px;
}
.stepflow_title {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
margin-bottom:5px;
}
.stepflow_content p{
margin-bottom: 0.5em !important;
}
.stepflow_labelText{
margin-left: 30px;
color: #000000;
font-weight: normal;
}
.profileandhistory ul.stepflow-last {
border: none;
margin: 10px 0px 2px 190px;
padding: 0;
list-style: none;
}
.profileandhistory ul.stepflow-last > li:before, ol.stepflow-last > li:before {
background-color:#0080e6 !important;
}
.stepflow-last li {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.stepflow-last p{
color: #0080e6;
margin-bottom: 0px !important;
font-weight: bold;
} .philosophy .corpCont .inner{
width: 980px !important;
margin: 0 auto
} .corpCont h3.policyH3 {
margin-bottom: 35px
}
.policyText {
width: 980px;
margin: 0 auto
}
.policyTable {
border-collapse: collapse;
margin: 0 auto 40px;
padding: 0;
width: 100%;
table-layout: fixed;
color: #000;
}
.policyTable tr {
border-bottom: 1px dashed #a0a0a0;
}
.policyTable th {
padding: 15px 0 15px 0;
width: 20%;
text-align: left;
color: #0080e6;
font-weight: bold;
}
.policyTable td {
background-color: #fff;
padding: 15px 0 15px 1em;
}
.policyTable ol li {
margin-bottom: 10px;
line-height: 1.75;
}
.policyTable ol li span.bold {
font-weight: bold;
} .corpCont h3.presidentH3{
margin-bottom: 35px
}
.presidentmessageVisual{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/presidentmessage01.jpg) right 0 no-repeat;
min-height: 432px;
margin-bottom: 80px;
padding-top: 125px;
}
.presidentmessageVisual02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/presidentmessage03.jpg) right 0 no-repeat;
min-height: 432px;
margin-top: 95px;
margin-bottom: 70px;
padding-top: 125px;
}
.presidentmessageEng{
font-size: 16px;
color: #0080e6;
font-weight: bold;
margin-bottom: 2px !important;
}
.presidentmessageH4{
font-size: 36px !important;
font-weight: bold;
margin-bottom: 22px !important;
}
.presidentmessageFlow{
text-align: center;
margin:90px auto 75px;
}
.presidentmessagelowItem{
width: 95.333%;
}
.presidentmessageText{
width: 980px;
margin: 0 auto
}
.presidentmessageText01, .presidentmessageText02{
font-weight: bold;
margin-bottom: 2em !important;
font-size: 18px !important;
}
.presidentmessageText01{
margin-bottom: 70px !important
}
.presidentmessageText-last{
margin-bottom: 80px !important;
}
.presidentmessageRight{
text-align: right;
margin-top: 65px;
margin-right: 195px;
margin-bottom: 20px !important;
}
.presidentmessageName{
text-align: right;
}
.presidentmessageName img{
width: 236px;
height: 56px;
} .case #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_casestudies.jpg) center 80px no-repeat;
background-size: cover;
min-width: 1200px;
height: 380px;
padding-top: 80px;
text-align: center
}
.casestudieshalfR{
padding-left: 750px;
}
.casestudiesH301{
margin-bottom: 27px !important;
}
.casestudieshalfL{
padding-right: 748px;
}
.casestudies01{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/casestudies01.jpg) 0 no-repeat;
min-height: 432px;
margin-bottom: 80px;
margin-right: 0px;
padding-top: 85px;
}
.casestudies02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/casestudies02.jpg) right 0 no-repeat;
min-height: 432px;
margin-top: 75px;
margin-bottom: 80px;
padding-top: 90px;
}
.casestudies03{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/casestudies03.jpg) 0 no-repeat;
background-position: right 100% top 0%;
min-height: 432px;
padding-top: 90px;
margin-bottom: 110px;
}
.casestudies04{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/casestudies04.jpg) 0 no-repeat;
min-height: 432px;
margin-bottom: 80px;
margin-right: 0px;
padding-top: 90px;
}
.casestudies05{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/casestudies05.jpg) right 0 no-repeat;
min-height: 432px;
margin-top: 75px;
margin-bottom: 80px;
padding-top: 90px;
}
.casestudies06{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/casestudies06.jpg) 0 no-repeat;
min-height: 432px;
margin-top: 75px;
margin-bottom: 80px;
margin-right: 0px;
padding-top: 90px;
}
.casestudiesH4{
font-size: 25px !important;
font-weight: bold;
margin-bottom: 15px !important;
color: #000 !important;
line-height: 1.75;
border-bottom:  1px solid #a0a0a0;
padding-bottom: 22px;
}
.casestudiesLine{
margin:0 0 20px 0 !important;
}
.casestudiesText{
margin-bottom: 1.5em !important;
}
.casestudiesText02{
margin-bottom: 0em !important;
}
.casestudiespagenavi{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 45px;
}
.casestudiespagenavi li{
display: block;
width: 300px;
}
.casestudiespagenaviR{
margin-left: 114px;
}
.casestudiespagenavi li a{
display: block;
text-align: center;
border: 1px solid #0080e6;
padding: 48px 0 55px;
position: relative;
}
.casestudiespagenavi li a:hover{
background: #0080e6;
color: #fff
}
.casestudiespagenavi li a:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrow.png) 0 0 no-repeat;
width: 18px;
height: 11px;
position: absolute;
top: 88px;
left: 50%;
transform: translateX(-50%);
}
.casestudiespagenavi li a:hover:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrowWhite.png) 0 0 no-repeat;
width: 18px;
height: 11px;
position: absolute;
top: 88px;
left: 130px
} .remotesupport #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_support_01.jpg) center 80px no-repeat;
background-size: cover;
min-width: 1200px;
height: 380px;
padding-top: 80px;
text-align: center
}
.remotesupport p{
text-align: center;
} .remotesupport ul.stepflow {
border: none;
margin: 10px 0px 2px 190px;
padding: 0;
list-style: none;
}
.profileandhistory ul.stepflow > li:before, ol.stepflow > li:before {
background-color:#0080e6 !important;
}
.supportstepflow li {
position: relative;
padding: 0 0 1.5em 1.8em;
height: 335px;
}
.supportstepflow p{
color: #0080e6;
margin-bottom: 0px !important;
font-weight: bold;
text-align: left;
}
.supportstepflow>li:before {
content: "";
width: 10px;
height:330px;
background: #afdcff;
display: block;
position: absolute;
top: 45px;
bottom: 0;
left: 35px;
}
.supportstepflow-white {
content: '';
display: inline-block;
position: absolute;
top: 5px;
left: 0;
width: 80px;
height: 80px;
border-radius: 50%;
border: solid 3px #0080e6;
}
.supportstepflow-black {
content: '';
display: inline-block;
position: absolute;
top: 0px;
left: 0;
width: 80px;
height: 80px;
border-radius: 50%;
border: solid 3px #0080e6;
background-color: #0080e6;
}
.supportstepflow_label {
padding: 15px 0px 0px 85px;
margin-bottom:10px;
color: #74a736;
}
.supportstepflow_label p{
font-size: 24px;
}
.supportstepflow_title {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5 !important;
margin-bottom:5px;
}
.supportstepflow_content p{
margin-bottom: 0.5em !important;
text-align: left;
}
.supportstepflow_labelText{
margin-left: 30px;
color: #000000;
font-weight: normal;
}
.support ul.stepflow-last {
border: none;
margin: 10px 0px 2px 190px;
padding: 0;
list-style: none;
}
.support ul.supportstepflow-last > li:before, ol.supportstepflow-last > li:before {
background-color:#0080e6 !important;
margin-bottom: 120px;
}
.supportstepflow-last li {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.supportstepflow-last p{
color: #0080e6;
margin-bottom: 0px !important;
font-weight: bold;
text-align: left;
}
.supportstepflow_img{
margin: 25px 0 0 85px;
display: flex;
}
.supportstepflow_img img{
width: 400px;
height: 250px;
}
.supportstepflow_tex{
font-size: 16px;
margin-left: 40px;
line-height: 1.75;
}
.supportstepflow_tex02{
font-size: 16px;
margin-top: 230px;
margin-left: 40px;
line-height: 1.75;
}
.supportstepflow-black p{
color: #fff !important;
font-size: 16px;
text-align: center;
line-height: 1 !important;
margin-top: 15px;
}
.supportNum{
font-size: 30px;
}
.supportH3{
margin-top: 90px;
}
.supportCodeInfo{
margin-bottom: 20px !important;
}
.supportCodeInfo2{
margin-bottom: 60px !important;
}
.supportCode{
text-align: center;
margin-bottom: 65px;
}
.supportBtnParent{
text-align: center;
}
.supportBtn {
width: 500px;
height: 80px;
text-align    : center; cursor        : pointer; padding       : 22px 0px 35px 45px; background    : #0080e6; color         : #ffffff; margin-bottom: 65px;
border-top-width: none;
border-right-width: none;
border-bottom-width: none;
border-left-width: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: none;
border-right-color: none;
border-bottom-color: none;
border-left-color: none;
border-image-source: none;
border-image-slice: none;
border-image-width: none;
border-image-outset: none;
position: relative;
transition: 0.5s;
}
.supportBtn:hover{
background-color: #095b9c;
transition: 0.5s;
}
.supportBtn p{
font-size: 20px;
position:relative;
margin-bottom: 0;
vertical-align: middle;
line-height:1em;
}
.supportBtn p:before{
position:absolute;
margin-left: -45px;
top: 3px;
content:'' ;
display:inline-block;
width: 27px;
height: 30px;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/BtnKey.png) no-repeat;
background-size:contain;
}
.supportTxtBox{
width: 985px;
margin: 0 auto;
text-align: left !important;
}
.supportTxtBox p{
text-align: left
}
.supportTxt1{
color: #0080e6;
margin-bottom: 55px;
font-size: 16px;
text-align: center !important
}
.supportTxt2{
text-align: left !important;		font-size: 16px;
}
.supportTxt2Red{
color: #D42250;
}
.supportBtnTerm{
width: 980px;
height: 60px;
font-size: 18px;
margin: 0 auto;
text-align    : center; cursor        : pointer; padding       : 17px 100px; background    : #bfbfbf; color         : #ffffff;
}
.spolicy #mv.subMv,.pp #mv.subMv,.pi #mv.subMv,.pipp #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/pp_mv.jpg) center 80px no-repeat;
background-size: cover;
min-width: 1200px;
height: 380px;
padding-top: 80px;
text-align: center
}
.supportBtnTerm:before{
content:'続きを読む';
text-align: center;
display:inline-block;
width: 100px;
line-height: 31px;
height: 31px;
padding-left: 40px;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/supBtnA.png) no-repeat;
background-size:contain;
}
.supportBtnTerm.open:before{
content:'閉じる';
text-align: center;
display:inline-block;
width: 80px;
line-height: 31px;
height: 31px;
padding-left: 40px;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/supBtnB.png) no-repeat;
background-size:contain;
}
.ppinner p{
margin-bottom: 1.75em
}
.ppinner h3{
font-size: 18px;
margin-bottom: 1.75em
}
.piList02 li{
list-style: lower-alpha;
line-height: 1.75;
margin-bottom: 1.75em
}
.piList03 li{
list-style: decimal;
line-height: 1.75;
margin-bottom: 1.75em
}
.ppList li{
list-style: circle;
line-height: 1.75;
margin-bottom: 1.75em
}
.piList01 li{
list-style: disc;
line-height: 1.75;
margin-bottom: 1.75em
}
#rule{
line-height: 1.75
}
#rule ol{
margin-bottom: 2em
}
#rule p{
text-align: left !important
}
.remortBg{
}
.remortBg .remortBox{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/remortBG.jpg) 0 center no-repeat;
background-size: cover;
height: 180px;
padding: 34px 35px;
width: 920px;
margin: 50px auto 80px;
display: flex;
color: #fff;
justify-content: space-between;
}
.remortBg .remortBox li:first-child{
width: 481px;
}
.remortBg .remortBox li:last-child{
width: 300px;
padding-top: 20px;
text-align: center
}
.remortBg .remortBox li:last-child p{
font-size: 12px;
margin-top: 10px;
}
.remortBg .remortBox li .remortBoxSpan{
font-size: 16px;
font-weight: bold;
text-align: left;
}
.remortBg .remortBox li h3{
font-size: 24px;
line-height: 1.75;
}
.remortBg .remortBox li a.btn02{
width: 300px;
font-size: 16px;
padding: 22px 0
}
.remortBg .remortBox li a.btn02:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk.png) 0 0 no-repeat;
background-size: 100% 100%;
height: 14px;
width: 10px;
position: absolute;
display: block;
vertical-align: middle;
right: 18px;
top: 24px;
}
.remortBg .remortBox li a.btn02:hover:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
background-size: 100% 100%;
height: 14px;
width: 10px;
position: absolute;
display: block;
vertical-align: middle;
right: 18px;
top: 24px;
}
.formbox{
width: 980px;
margin: 0 auto
}
.presentBtnBox{
display: flex;
background: #e7f4ff;
padding: 20px 40px;
margin-bottom: 40px;
border-radius: 10px;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.presentBtnBox p{
font-size: 20px;
font-weight: bold;
}
.presentBtnBox_button span{
display: block;
text-align: center;
margin-bottom: 0.5em;
font-weight: bold;
}
.presentBtnBox .btn04{
display: block;
background: #fff;
border: 3px solid #198ce8;
text-align: left;
font-size: 18px;
color: #198ce8;
position: relative;
font-weight: bold;
width: 300px;
height: 70px;
padding: 10px 10px 10px 34px;
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
transition: .5;
}
.presentBtnBox .btn04:after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue.png) 0 0 no-repeat;
background-size: auto 100%;
height: 13px;
width: 11px;
display: block;
transition: .5;
}
.presentBtnBox .btn04:hover{
color: #fff;
background: #198ce8;
border: 3px solid #198ce8;
}
.presentBtnBox .btn04:hover:after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
background-size: auto 100%;
height: 13px;
width: 11px;
display: block;
transition: .5;
}
.presentList{
display: flex;
justify-content: space-between;
margin-bottom: 100px;
flex-wrap: wrap;
}
.presentList li{ width: 33%;
margin-bottom: 70px;
}
.presentList li img{
margin-bottom: 25px;
}
.presentList li p{
padding: 0 10px;
font-size: 14px;
}
.presentList li p.preTit{
font-weight: bold;
font-size: 18px;
margin-bottom: 30px
}
.formLeed{
text-align: center;
margin-bottom: 80px;
}
}
@media screen and (max-width: 768px) {
.pc{
display:none;}
.pcIn{
display:none}
.sp{
display:block}
.spIn{
display:inline}
img{
max-width:100% !important;
width:100%;
height:auto}
body{
position:relative;
min-width:100%;
font-size:10px;
}
p{
font-size:13px;
line-height:1.75}
section{
min-width:100%;
clear:both}
.inner{
width:100%;
margin:0 auto;
position:relative;}
ul li{
list-style:none}
a,a:visited{
text-decoration: none;
color: inherit
}
a:hover img{
opacity:1} .menu_btn{
position:absolute;
margin-top:4px;
top: 6px;
right: 4%;
margin-right:0px;
width:34px;
height:34px}
#category_list{
clear:both;
background-color:#fff;
position:absolute;
top:40px;
padding: 0 4% 75px;
width:100%;
text-align: center;
z-index:9999
}
#category_list li{
width:100%;
text-align: left}
#category_list li a{
font-size: 13px;
color: #000;
display: block;
height: auto;
width: 100%;
position: relative;
padding: 12px 0;
border-bottom: 1px dashed #d2d2d2
}
#category_list li:last-child a{
border-bottom: 0
}
#category_list li a span{
color: #118ff5;
font-size: 10px;
display: block;
margin-bottom: 5px
}
#category_list li a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk.png) 0 0 no-repeat;
background-size: 100% auto;
height: 10px;
width: 6px;
position: absolute;
display: block;
vertical-align: middle;
right: 10px;
top: 52%;
transform: translateY(-50%);
}
#category_list .alart{
background-size: 16px auto;
font-size: 13px;
margin-top: 30px;
line-height: 13px;
font-weight: bold;
margin-bottom: 10px;
}
#category_list .alart:before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/alart.png) 0 0 no-repeat;
content: '';
display: inline-block;
width: 16px;
height: 15px;
line-height: 13px;
vertical-align: middle;
margin-right: 4px;
background-size: 100% auto
}
#category_list .mvPhone{
font-size: 30px;
font-weight: bold;
line-height: 30px;
margin-bottom: 5px;
}
#category_list .mvPhone:before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mvPhone.png) 0 0 no-repeat;
content: '';
display: inline-block;
width: 17px;
height: 23px;
line-height: 17px;
vertical-align: middle;
margin-right: 4px;
margin-top: -6px;
background-size: 100% auto
}
#category_list .time{
font-size: 12px;
line-height: 24px;
margin-bottom: 20px;
}
#category_list .time strong{
color: #d42250
}  .inner{
width:92%;
margin:0 auto}
h1{
width: 150px;
}
header{
padding-top:6px;
background: #fff;
padding-bottom:14px;
position: fixed;
height: 40px;
z-index: 99;
width: 100%;
top:0px;
}
header .inner{
display: flex;
justify-content: space-between;
}
header .inner nav ul{
display: flex;
justify-content: space-between;
width: 924px;
padding-top: 14px
}
header .inner nav ul li a{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 13px;
font-feature-settings: 'palt';
}
header .inner nav ul li a:hover{
color: #0080e6;
opacity: 1
}
header .inner nav ul li.phone a{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/phone.png)0 4px no-repeat;
padding-left: 15px
}
header .inner nav ul li.mail a{
background: #0080e6;
width: 150px;
display: inline-block;
padding: 8px 0;
margin-top: -8px;
color: #fff;
text-align: center;
position: relative;
}
header .inner nav ul li.mail a:hover{
background: #095b9c
}
header .inner nav ul li.mail a:before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail.png) 0 0 no-repeat;
width: 13px;
height: 10px;
margin-right: 10px;
display: inline-block;
}
header .inner nav ul li.mail a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/hdArrow.png) 0 0 no-repeat;
width: 5px;
height: 8px;
margin-left: 17px;
display: inline-block;
}
#mv{
background: #fff;
background-size: cover;
height: auto;
padding-top: 40px;
padding-bottom: 0px;
}
.mvCopy{
font-size: 13px;
margin-top: 20px;
margin-bottom: 12px
}
.mvinner h2:not(.st-css-no2){
font-size: 28px;
line-height: 40px;
margin-bottom: 20px
}
.mvinner .alart{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/alart.png) 0 center no-repeat;
background-size: 16px auto;
padding-left: 20px;
font-size: 13px;
line-height: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.mvinner .mvPhone{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mvPhone.png) 0 bottom no-repeat;
padding-left: 20px;
font-size: 30px;
font-weight: bold;
line-height: 30px;
margin-bottom: 5px;
}
.mvinner .time{
font-size: 12px;
line-height: 24px;
margin-bottom: 20px;
}
.mvinner .time strong{
color: #d42250
}
.mvinner ul{
display: none;
}
.mvBtm{
background: #f7f7f7;
padding: 25px 0;
}
.mvBtm ul li{
background: #fff;
width: 100%;
padding: 15px 5px 15px 20px;
margin-bottom: 10px;
margin-right: 0px;
display: flex;
text-align: center;
position: relative
}
.mvBtm ul li img{
width: 50px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.mvBtm ul li:last-child{
margin-bottom: 0
}
.mvListImg{
width: 65px;
display: block;
position: relative
}
.mvBtm ul li p{
line-height: 24px;
font-size: 13px;
margin-bottom: 0;
text-align: left;
font-weight: bold
}
.mvBtm ul li p strong{
font-size: 13px;
color: #d42250;
}
.mvBtm ul li p strong span{
font-size: 13px;
}
.blueBg{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/blueBg.jpg) 0 0 repeat;
}
.contentInner{
padding-top: 35px;
padding-bottom: 41px
}
h3.H301{
line-height: 1.75;
text-align: center;
font-size: 18px;
}
h3.H301 span{
font-size: 10px;
color: #0080e6;
display: block;
margin-bottom: 10px;
}
.planList{
display: block;
margin: 40px auto 0;
width: 100%;
justify-content: space-between
}
.planList li{
width: 100%;
margin-bottom: 30px;
position: relative;
background: #fff;
}
.planList li a{
display: block;
}
.planList li img.number{
position: absolute;
width: auto;
height: 67px;
right: 25px;
top: 100px;
z-index: 3
}
.planList li div{
padding: 20px 25px 20px 25px
}
.planList li div .planEng{
font-size: 10px;
color: #0080e6;
font-weight: bold;
}
.planList li div .planCatch{
font-size: 12px;
color: #000;
font-weight: bold;
margin-top: 12px;
margin-bottom: 9px
}
.planList li div h4{
font-size: 18px;
color: #000;
position: relative;
font-weight: bold;
margin-bottom: 15px;
}
.planList li div p.planTxt{
color: #000;
font-size: 13px;
line-height: 1.75
}
.planList li a h4:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue.png) 0 0px no-repeat;
height: 10px;
background-size: 100% auto;
width: 6px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-top: -5px;
transition: 0.5s;
}
.planList li:last-child{
margin-bottom: 0
}
.halfL{
padding-right: 0px;
}
.halfR{
padding-left: 0px;
}
.reason01{
background: none;
min-height: 0;
margin-top: 30px;
margin-bottom: 50px;
padding-top: 0px;
}
.reason01 img,.reason02 img,.reason03 img{
margin-bottom: 15px
}
.reason02{
background: none;
min-height: 0px;
margin-bottom: 50px;
padding-top: 0px;
}
.reason03{
background: none;
min-height: 0px;
margin-bottom: 0px;
padding-top: 0px;
}
.reasonEng{
font-size: 10px;
color: #0080e6;
font-weight: bold;
margin-bottom: 7px;
}
.reasonH4{
font-size: 15px;
font-weight: bold;
margin-bottom: 15px
}
.topVoice{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voiceBg.jpg) 0 center no-repeat;
background-size: cover;
padding-bottom: 45px
}
.topVoice .inner{
position: relative
}
.voiceList{
margin-left: 5px;
display: block;
padding-top: 35px;
justify-content: space-between
}
.voiceList li{
width: 100%;
margin-bottom: 52px;
position: relative;
text-align: center;
padding: 35px 20px 35px 20px;
background: #fff;
}
.voiceList li img{
width: 120px;
margin-bottom: 15px;
}
.voiceList li h4{
font-size: 15px;
margin-bottom: 15px
}
.voiceList li p{
text-align: left
}
.voiceList li:nth-child(1):before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voice01sp.png) 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
width: 100px;
height: 48px;
top: -10px;
left: -5px
}
.voiceList li:nth-child(2):before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voice02sp.png) 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
width: 100px;
height: 48px;
top: -10px;
left: -5px
}
.voiceList li:nth-child(3):before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/voice03sp.png) 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
width: 100px;
height: 48px;
top: -10px;
left: -5px
}
.voiceList li:nth-child(3){
margin-bottom: 0
}
.topVoice a.btn01{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -77px}
a.btn01{
width: 100%;
margin: 0 auto;
display: block;
background: #0080e6;
color: #fff;
position: relative;
text-align: center;
font-size: 12px;
font-weight: bold;
transform: translateX(0);
}
a.btn01 span{
width: 100%;
padding: 19px 0px;
display: block;
height: 100%;
z-index: 10;
}
a.btn01 span:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 0;
display: block;
background: #095b9c;
z-index: -1;
transition: .5s;
}
a.btn01:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
position: absolute;
background-size: 100% auto;
width: 6px;
height: 10px;
top: 52%;
transform: translateY(-51%);
right: 60px
}
#top05{
padding-top: 65px;
padding-bottom: 5px
}
.columnList{
display: block;
margin-top: 40px;
justify-content: space-between;
flex-wrap: wrap
}
.columnList li{
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #dcdcdc;
display: flex;
margin-bottom: 25px;
justify-content: space-between
}
.columnList li .columnPh{
margin-right: 3%;
width: 37% !important;
}
.columnList li .columnBody{
width: 60%
}
.columnList li a.columnCat{
display: block;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 7px;
}
.columnList li a.columnTitle{
font-size: 13px;
padding-right: 25px;
display: block;
line-height: 1.75;
font-weight: bold;
position: relative
}
.columnList li a.columnTitle:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue02.png) 0 0 no-repeat;
background-size: 100% auto;
height: 10px;
width: 6px;
position: absolute;
right: 8px;
top: 50%;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
transition: 0.5s;
}
.columnList li p.date{
font-size: 10px;
}
.cInfo{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/infoBg.jpg) 0 center no-repeat;
background-size: cover;
padding-bottom: 75px
}
.infoList{
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.infoList li{
width: 46%;
border-top: 1px solid #FFF;
}
.infoList li:nth-child(3){
margin-right: 0
}
.infoList li:nth-child(4),.infoList li:nth-child(5){
border-bottom: 1px solid #FFF;
}
.infoList li a{
color: #fff;
font-size: 13px;
position: relative;
padding: 12px 0;
display: block
}
.infoList li a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white02.png) 0 0 no-repeat;
background-size: 100% auto;
height: 10px;
width: 6px;
position: absolute;
display: block;
vertical-align: middle;
right: 5px;
top: 12px;
transition: 0.5s;
}
.newsList{
margin-top: 20px;
margin-bottom: 40px
}
.newsList li a{
padding: 15px 30px 15px 0 ;
display: block;
border-bottom: 1px solid #dcdcdc;
font-size: 13px;
line-height: 1.75;
font-weight: bold;
position: relative;
}
.newsList li a span{
margin-right: 0px;
margin-bottom: 10px;
display: block;
font-size: 12px;
}
.newsList li a:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk02.png) 0 0 no-repeat;
background-size: 100% auto;
height: 10px;
width: 6px;
position: absolute;
right: 8px;
top: 65%;
display: block;
vertical-align: middle;
margin-left: 30px;
transition: 0.5s;
}
.contactBg{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/contactBg.jpg) 0 center no-repeat;
background-size: cover;
padding-bottom: 55px
}
.contactList{
margin-top: 35px;
display: block;
}
.contactList li{
width: 100%;
text-align: center;
color: #fff;
}
a.btn02{
background: #fff;
display: block;
color: #000;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
padding: 18.5px 0
}
a.btn02:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_bk.png) 0 0 no-repeat;
background-size: 100% auto;
height: 10px;
width: 6px;
position: absolute;
display: block;
vertical-align: middle;
right: 62px;
top: 52%;
transform: translateY(-50%);
}
a.btn03{
border: 2px solid #fff;
display: block;
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
padding: 18.5px 60px 18.5px 75px
}
a.btn03:after{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/dl.png) 0 0 no-repeat;
background-size: 100% auto;
height: 14px;
width: 14px;
position: absolute;
display: block;
vertical-align: middle;
left: 55px;
top: 52%;
transform: translateY(-50%);
}
.contactTxt{
margin-top: 20px;
font-size: 14px;
line-height: 1;
margin-bottom: 8px;
}
.contactPhone{
font-size: 30px;
line-height: 1;
margin-bottom: 12px;
vertical-align: middle;
font-weight: bold
}
.contactPhone:before{
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/contactPhone.png) 0 0 no-repeat;
height: 27px;
width: 21px;
display: inline-block;
margin-top: 2px;
margin-right: 8px
}
.contactTime{
font-size: 12px;
margin-bottom: 23px;
}
footer{
background: #198ce8;
padding: 30px 0 0 0 !important;
color: #fff
}
footer .inner{
width: 100%
}
.footLinks{
display: block;
justify-content: space-between
}
.footLinks ul{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 12px 4% 0;
border-bottom: 1px solid #fff
}
.footTit{
font-size: 12px;
padding: 0 4%;
display: block;
margin-bottom: 12px
}
.footLinks ul li{
margin-bottom: 18px;
width: 50%
}
.footLinks ul li a{
font-weight: bold;
font-size: 12px;
}
.footLinks ul li.parent{
width: 100%
}
.footLinks ul li.child a{
font-weight: normal
}
.footBtm{
background: #198ce8;
border-top: 0px solid #fff;
padding: 12px 0 0px 0;
color: #fff
}
.footBtm ul{
display: flex;
flex-wrap: wrap;
}
.footBtm ul li{
width: 50%;
font-size: 12px;
margin-bottom: 18px
}
.footBtm ul li a{
font-size: 12px;
}
.copy{
text-align: center;
padding: 13px 0;
}
.copy small{
width: 100%;
font-weight: bold;
font-size: 10px
}
.totop{
position: fixed;
bottom: 15px;
right: 4%;
width: 45px
}
.clone-nav {
position: fixed;
height: 80px;
z-index: 99;
background: #fff;
top: 0;
left: 0;
width: 100%;
transition: .3s;
transform: translateY(-100%);
}
.is-show {
transform: translateY(0);
}
header.fixed {
}
.is-show {
transform: translateY(0);
}
.menu_btn p{
line-height: 22px;
font-size: 12px;
font-weight: bold
} .btn-trigger {
position: relative;
width: 31px;
height: 22px;
cursor: pointer;
}
.btn-trigger span.line {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #323232;
border-radius: 0px;
}
.btn-trigger, .btn-trigger span.line {
display: inline-block;
transition: all .5s;
box-sizing: border-box;
}
.btn-trigger span.line:nth-of-type(1) {
top: 0;
}
.btn-trigger span.line:nth-of-type(2) {
top: 10px;
}
.btn-trigger span.line:nth-of-type(3) {
bottom: 0;
} #btn00.active span.line:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
}
#btn00.active span.line:nth-of-type(2) {
opacity: 0;
}
#btn00.active span.line:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(45deg);
transform: translateY(-10px) rotate(45deg);
} .online #mv{
}
.online .mvinner ul li:last-child {
padding-top: 15px;
}
#online02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/onlineBg01sp.jpg) center center no-repeat;
background-size: cover;
padding-top: 40px;
padding-bottom: 35px;
}
.baloonList{
width: 100%;
flex-wrap: wrap;
margin: 28px auto 0;
display: flex;
justify-content: space-between
}
.baloonList li{
width: 47.8%;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/baloonsp.png) 0 0 no-repeat;
background-size: 100% auto;
position: relative;
text-align: center;
font-size: 12px;
margin-bottom: 18px;
padding-top: 21%;
font-weight: bold;
line-height: 1.75;
}
.baloonList li span{
position: absolute;
top: 0;
left: 0;
padding-top: 6.5%;
width: 100%;
}
.largetxt{
font-size: 18px;
font-weight: bold;
text-align: center
}
#online03{
padding-bottom: 20px
}
.onreason{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/online04bg.png) 0 0 no-repeat;
background-size: 80% auto;
padding-top: 30px;
padding-bottom: 25px;
}
.waterBg{
}
h3.doubleH3{
position: relative;
font-size: 42px;
line-height: 1;
color: #bee2ff;
margin-bottom:15px;
font-weight: 900;
display: inline-block
}
h3.doubleH3 span{
position: absolute;
bottom: 5px;
left: 3px;
color: #0080e6;
font-size: 10px
}
.onreason .inner img.ph{
margin-bottom: 20px;
}
.onRCatch{
font-size: 15px;
font-weight: bold;
margin-bottom: 20px
}
.onRTxt{
width: 100%;
}
.onreason02{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/online04bg.png) right 0 no-repeat;
background-size: 80% auto;
padding-top: 30px;
}
.onreason02 h3.doubleH3 span{
}
.onreason02 .onRTxt{
width: 100%;}
.onreason02 img{
margin-bottom: 20px;
}
.btnBox{
padding-bottom: 10px
}
.btnBox h3{
font-size: 18px;
margin-bottom: 27px;
text-align: center
}
.boxList{
width: 100%;
margin: 0 auto;
justify-content: space-between
}
.redBox{
width: 100%;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/redBoxSp.png) 0 0 no-repeat;
background-size: 100% auto;
position: relative;
padding-top: 47%;
margin-bottom: 25px;
}
.redBox .oval{
color: #fff;
position: absolute;
display: block;
text-align: center;
font-size: 3.2vw;
font-weight: bold;
width: 100%;
top: 3.5%
}
.redBox .txt01{
font-size: 4vw;
position: absolute;
top: 21.5%;
left: 4%;
font-weight: bold;
}
.redBox .phone{
font-size: 7.3vw;
position: absolute;
top: 38%;
left: 4%;
font-weight: bold;
line-height: 1;
padding-left: 25px;
vertical-align: middle;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mvPhone.png) 0 5px no-repeat;
}
.redBox .txt02{
font-size: 2.6vw;
position: absolute;
top: 64.6%;
left: 4%;
margin-bottom: 0px;
}
.redBox .txt03{
font-size: 2.6vw;
position: absolute;
color: #d42250;
font-weight: bold;
top: 80%;
left: 4%;
}
.blueBox{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/blueBoxSp.png) 0 0 no-repeat;
background-size: 100% auto;
position: relative;
padding-top: 47%;
margin-bottom: 25px;
}
.blueBox .oval{
color: #fff;
position: absolute;
display: block;
text-align: center;
font-size: 3.2vw;
font-weight: bold;
width: 100%;
top: 3.5%
}
.blueBox .txt01{
font-size: 4vw;
position: absolute;
top: 21.5%;
left: 4%;
font-weight: bold;
}
.blueBox .txt02{
font-size: 2.6vw;
position: absolute;
top: 38%;
left: 4%;
margin-bottom: 0px;
}
.blueBox a{
position: absolute;
display: block;
background: #0080e6;
width: 86.9%;
left: 4%;
padding: 5% 0;
top: 61%;
font-size: 3.46vw;
color: #fff;
text-align: center;
}
.blueBox a:hover {
background: #095b9c;
opacity: 1;
}
.blueBox a::before {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail02.png) 0 0 no-repeat;
width: 18px;
height: 16px;
margin-right: 10px;
vertical-align: middle;
display: inline-block;
}
.service{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serviceBg.jpg) center center no-repeat;
background-size: cover;
padding-top: 33px;
padding-bottom: 34px;
}
.servList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 45px auto 0px
}
.servList li{
background: #fff;
display: block;
padding: 20px 10px 15px;
margin-bottom: 35px;
width: 47.8%;
position: relative
}
.servList li h4{
font-size: 14px;
text-align: center;
margin-bottom: 12px;
}
.servList li p{
font-size: 12px
}
.servList li:before{
position: absolute;
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv01.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
width: 61px;
height: 31px;
top: -7px;
left: 2px
}
.servList li:nth-child(2):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv02.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
width: 61px;
height: 31px;
top: -7px;
left: 2px
}
.servList li:nth-child(3):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv03.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
width: 61px;
height: 31px;
top: -7px;
left: 2px
}
.servList li:nth-child(4):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv04.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
width: 61px;
height: 31px;
top: -7px;
left: 2px
}
.servList li:nth-child(5):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv05.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
width: 61px;
height: 31px;
top: -7px;
left: 2px
}
.servList li:nth-child(6):before{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/serv06.png) 0 0 no-repeat;
background-size: 100% auto;
display: block;
width: 61px;
height: 31px;
top: -7px;
left: 2px
}
.service .txt01{
font-size: 15px;
margin-bottom: 30px;
color: #fff;
text-align: center;
font-weight: bold
} .price01{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/priceBg.jpg) center center no-repeat;
background-size: cover;
height: auto;
padding-bottom: 45px;
}
.priceTxt{
text-align: center;
margin: 20px auto 30px;
width: 100%;
padding-bottom: 10px;
font-size: 15px;
vertical-align: middle;
color: #fff;
border-bottom: 1px solid #fff
}
.priceTxt strong{
font-size: 36px;
}
.price01 ul.priceCaution{
width: 100%;
margin: 0 auto 30px;
color: #fff;
font-size: 10px;
line-height: 1.75
}
.priceTxt02{
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold
}
.price01 .planList{
margin-top: 30px
}
.price01 .planList li div .planCatch{
margin: 10px 0 10px;
font-size: 15px;
}
.price01 .planList li div strong{
color: #d42250
}
.price01 .planList li div {
padding: 25px 25px 25px 25px;
}
.compare{
text-align: center
}
.compare p{
font-size: 15px;
margin-bottom: 28px;
text-align: center;
font-weight: bold
}
.qanda{
padding-top:70px;
}
.qandaList{
margin: 25px 0 0 0;
line-height: 1.75
}
.qandaList dt{
background: #e7f4ff;
padding: 12px 12px 12px 30px;
font-size: 13px;
position: relative;
}
.qandaList dt:before{
content: 'Q';
font-family: "Century Gothic" , "sans-serif";
font-size: 18px;
font-weight: bold;
color: #0080e6;
position: absolute;
left: 8px;
top: 8px;
}
.qandaList dd{
background: #fff;
padding: 12px 12px 12px 30px;
font-size: 13px;
position: relative;
}
.qandaList dd:before{
content: 'A';
font-family: "Century Gothic" , "sans-serif";
font-size: 18px;
font-weight: bold;
color: #d42250;
position: absolute;
left: 8px;
top: 8px;
} .pagenavi{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 5px;
}
.pagenavi li{
display: block;
width: 47.8%;
margin-bottom: 15px;
}
.pagenavi li a{
display: block;
text-align: center;
border: 1px solid #0080e6;
padding: 20px 0 24px;
position: relative;
}
.pagenavi li a:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrow.png) 0 0 no-repeat;
background-size: 100% auto;
width: 12px;
height: 8px;
position: absolute;
top: 75%;
left: 50%;
transform: translateX(-50%);
}
.pagenavi li a:hover:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrowWhite.png) 0 0 no-repeat;
width: 18px;
height: 11px;
position: absolute;
top: 88px;
left: 130px
}
.strength #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_strengthsp.jpg) center 40px no-repeat;
background-size: 100% auto;
padding-top: 64%;
text-align: center;
position: relative;
}
.strength h4.stCopy{
font-size: 15px;
margin: 20px 0 15px;
font-weight: bold;
color: #000;
line-height: 1.75
}
.strength01{}
.strength02{}
.strength03{}
.strength04{}
.riskList{
width: 100%;
display: block;
margin: 0 auto;
justify-content: space-between
}
.riskList li{
width: 100%;
border: 1px solid #e5e5e5;
margin-bottom: 35px
}
.riskList li div{
padding: 20px 15px;
}
.riskList li div h4{
color: #000;
font-size: 15px;
margin-bottom: 15px;
} .infosys .mvinner a.btn01 span {
padding: 22px 0;
font-size: 13px;
}
.infosys .mvinner a.btn01{
width: 350px;
margin-left: 0;
margin-bottom: 25px;
font-size: 16px;
}
.infosys .mvinner a.btn01 span{
padding: 22px 0;
}
.infosys .mvinner a.btn01 span:after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail02.png) 0 0 no-repeat;
width: 18px;
height: 16px;
left: 94px;
top: 23px;
vertical-align: middle;
position: absolute;
display: inline-block;
z-index: 9;
}
.infosys .mvinner a.btn01::after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
position: absolute;
background-size: 100% auto;
width: 7px;
height: 12px;
top: 52%;
transform: translateY(-51%);
right: 60px;
}
.infosys .mvinner .alart{
background: none;
padding-left: 0
}
.infosys001{
padding-top: 0;
padding-bottom: 54px
}
.infosys001 .largetxt{
text-align: center;
margin-bottom: 17px
}
.infosys001 ul{
display: block;
}
.infosys001 ul li:first-child{
width: 215px;
margin: 35px auto
}
.infosys001 ul li:nth-child(2){
width: 100%
}
.infosys002{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/infosys002bgsp.jpg) center 0 no-repeat;
background-size: 100% auto;
padding: 31% 4% 0
}
.infosys002 .inner{
background: #fff;
padding: 28px 4% 0
}
.infosys002 .infosysEng{
font-size: 10px;
margin-bottom: 5px;
color:#0080e6;
font-weight: bold;
}
.infosys002 h3{
font-size: 15px;
line-height: 1.75;
margin-bottom: 15px
}
.infosys002 p{
width: 100%;
}
.infosyscompare{
padding-bottom: 0
}
.waterprice{
background: #e7f4ff;
height: auto;
}
.waterprice .priceTxt{
color: #000;
border-bottom: 1px solid #000;
margin: 15px auto 5px;
}
.pricecatch{
font-size: 13px;
text-align: center
}
.priceSub{
text-align: center;
margin-bottom: 30px;
}
.price01.waterprice ul.priceCaution {
color: #000;
}
.waterprice .priceTxt02{
color: #000
}
.costImg{
display: none;
}
.costImgsp{
margin: 35px auto 0
}
.qandaList a{
text-decoration: underline
}
#mv.subMv .mvinner h2:not(.st-css-no2){
background-color: transparent;
border: 0
} #content{
padding-top: 30px
}
h1.entry-title{
width: 100%
}
.category-column #mv.subMv,#mv.subMv.cat3 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_columnsp.jpg) center 40px no-repeat;
background-size: 100% auto;
padding-top: 64%;
text-align: center;
position: relative;
}
.category-news #mv.subMv,#mv.subMv.cat0 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_newssp.jpg) center 40px no-repeat;
background-size: 100% auto;
padding-top: 64%;
text-align: center;
position: relative;
}
.sub001{
width: 100% !important;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) right 30px center no-repeat #0080e6 !important;
background-size: 7px auto !important;
padding: 15px 0px !important;
border: 3px solid #0080e6 !important;
margin: 0 auto 0px;
display: block;
color: #fff !important;
position: relative;
text-align: center;
font-size: 13px;
font-weight: bold;
cursor: pointer;
border-radius: 0 !important;
transition: .5s;
transform: translateX(0);
}
.sub002{
width: 100% !important;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) right 30px center no-repeat #7d7d7d;
background-size: 7px auto !important;
padding: 15px 0px !important;
border: 3px solid #7d7d7d;
margin: 0 auto 15px;
display: block;
color: #fff;
position: relative;
text-align: center;
font-size: 13px;
font-weight: bold;
cursor: pointer;
border-radius: 0;
transition: .5s;
transform: translateX(0);
}
.req{
color: #f2096b
}
.subBox{
width: 100%;
margin: 0 auto;
display: block;
justify-content: space-between
}
.confirm_txt{
text-align: center;
font-size: 15px;
}
form.wpcf7-form{
margin-top: -100px;
padding-top: 100px;
}
.thanksH3{
text-align: center;
color: #198ce8;
font-size: 18px;
margin-bottom: 40px
}
label{
font-size: 15px
}
.thanksP{
font-size: 13px !important;
margin-bottom: 30px
}
.error{
text-align: center;
color: #FF0004
} #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_corporatesp.jpg) center 40px no-repeat;
background-size: 100% auto;
padding-top: 64%;
text-align: center;
position: relative;
}
#mv.subMv .mvinner{
position: absolute;
top: 0%;
width: 100%;
left: 0;
}
#mv.subMv .mvinner h2{
width: 100%;
font-size: 24px;
margin-top: 30%;
line-height: 1
}
#mv.subMv .mvinner h2 span{
font-size: 10px;
margin-bottom: 13px;
line-height: 1;
display: block
}
.bread{
padding: 3px 0
}
.bread ul{
vertical-align: middle
}
.bread ul li{
font-size: 10px;
padding: 0 10px 0 0;
display: inline
}
.bread ul li a img{
vertical-align: middle;
width: 12px;
margin-top: -3px
}
.bread ul li:before{
content: '>';
margin-right: 10px
}
.bread ul li:first-child:before{
content: none
}
.corpCont{
padding: 35px 0 65px
}
.corpCont h3{
font-size: 18px;
line-height: 1.75;
text-align: center;
margin-bottom: 35px
}
.corpCont h3.presidentH3{
margin-bottom: 17px
}
.corpCont h4{
color: #0080e6;
font-size: 15px;
margin-bottom: 20px
}
.corpCont p{
font-size: 13px;
line-height: 1.75;
margin-bottom: 20px
} .satVisual01 img{
margin-bottom: 22px;
}
.satEng{
font-size:10px;
color: #0080e6;
font-weight: bold;
margin-bottom: 14px !important;
}
.satH4{
font-size: 18px !important;
font-weight: bold;
margin-bottom: 14px !important;
}
.systemandtrainingText{
margin-bottom: 30px !important;
font-weight: bold;
}
.satFlow{
width: 100%;
}
.satFlow img{
margin-bottom: 40px;
}
.satText p{
margin-bottom: 40px;
} .presidentmessageH4{
font-size: 18px !important;
font-weight: bold;
margin-bottom: 14px !important;
}
.presidentmessageText01{
font-weight: bold;
font-size: 12px !important;
margin-bottom: 50px !important;
}
.presidentmessageText02{
font-weight: bold;
font-size: 12px !important;
margin-bottom: 40px !important;
}
.presidentmessageVisual img{
margin-bottom: 22px;
}
.presidentmessageVisual02 img{
margin-bottom: 35px;
}
.presidentmessageRight{
text-align: right;
margin-bottom: 14px !important;
margin-right: 21%;
}
.presidentmessageName{
text-align: right;
}
.presidentmessageName img{
width: 40%;
}
.presidentmessageVisual01 img{
margin-bottom: 25px;
}
.presidentmessageVisual01 p{
margin-bottom: 35px !important;
}
.presidentmessageEng{
font-size:20px;
color: #0080e6;
font-weight: bold;
margin-bottom: 14px !important;
}
.presidentmessageText p{
margin-bottom: 2em;
}
.presidentmessageText h4{
margin-bottom: 30px;
}
.presidentmessageText-last {
margin-bottom: 40px !important;
} .profileandhistoryVisual img{
margin-bottom: 22px;
}
.profileandhistoryEng{
font-size:10px;
color: #0080e6;
font-weight: bold;
margin-bottom: 14px !important;
}
.profileandhistoryH4{
font-size: 18px !important;
font-weight: bold;
margin-bottom: 14px !important;
}
.profileandhistoryH402{
font-size: 18px !important;
font-weight: bold;
margin-bottom: 14px !important;
}
.profileandhistoryText{
font-weight: bold;
margin-bottom: 0px !important;
}
.profileandhistoryTable{
　border-collapse: collapse;
margin: 0 auto 40px;
padding: 0;
width: 100%;
table-layout: fixed;
color: #000;
}
.profileandhistoryTable tr{
border-bottom: 1px dashed #a0a0a0;
}
.profileandhistoryTable th{
padding: 15px 0 15px 0;
width: 20%;
text-align: left;
color: #0080e6
}
.profileandhistoryTable td{
background-color: #fff;
padding: 15px 0 15px 1em;
}
.profileandhistoryTable p{
margin-bottom: 0px;
}
.profileandhistoryOffice{
margin-top: 2em !important;
} .profileandhistory ul.stepflow {
border: none;
margin: 35px 0px 2px 0px;
padding: 0;
list-style: none;
}
.profileandhistory ul.stepflow > li:before, ol.stepflow > li:before {
background-color:#0080e6 !important;
}
.stepflow li {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.stepflow p{
color: #0080e6;
margin-bottom: 0px !important;
font-weight: bold;
font-size: 10px;
}
.stepflow>li:before {
content: "";
width: 3px;
height:100%;
background: #0080e6;
display: block;
position: absolute;
top: 10px;
bottom: 0;
left: 5px;
}
.stepflow-white {
content: '';
display: inline-block;
position: absolute;
top: 5px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
border: solid 3px #0080e6;
}
.stepflow-black {
content: '';
display: inline-block;
position: absolute;
top: 5px;
left: 0;
width: 13px;
height: 13px;
border-radius: 50%;
border: solid 3px #0080e6;
background-color: #0080e6;
}
.stepflow_label {
padding: 0px 0px 0px 7px;
margin-bottom:10px;
color: #74a736;
font-size: 10px;
}
.stepflow_title {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
margin-bottom:5px;
}
.stepflow_content p{
margin-bottom: 0.5em !important;
}
.stepflow_labelText{
margin-left: 1em;
color: #000000;
font-weight: normal;
font-size: 13px;
}
.stepflow-last li {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.stepflow-last p{
color: #0080e6;
margin-bottom: 0px !important;
font-weight: bold;
font-size: 10px;
}  .policyTable {
border-collapse: collapse;
margin: 0 auto 40px;
padding: 0;
width: 100%;
table-layout: fixed;
color: #000;
}
.policyTable tr {
border-bottom: 1px dashed #a0a0a0;
display: flex;
flex-direction: column;
}
.policyTable th {
padding: 15px 0 0 0; text-align: left;
color: #0080e6;
font-weight: bold;
}
.policyTable td {
background-color: #fff;
padding: 15px 0 15px 1em;
font-size: 13px;
line-height: 1.75;
}
.policyTable ol li {
font-size: 13px;
line-height: 1.75;
margin-bottom: 10px;
}
.policyTable ol li span.bold {
font-weight: bold;
} .case #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_casestudiessp.jpg) center 40px no-repeat;
background-size: 100% auto;
padding-top: 64%;
text-align: center;
position: relative;
}
.casestudiesH4{
border-bottom: 1px solid #a0a0a0;
padding-bottom: 20px;
margin-bottom: 14px !important;
color: #000 !important;
}
.casestudies01{
margin-bottom: 40px;
}
.casestudies01 img{
margin-bottom: 25px
}
.casestudies02{
margin-bottom: 40px;
}
.casestudies02 img{
margin-bottom: 25px
}
.casestudies03{
margin-bottom: 50px;
}
.casestudies03 img{
margin-bottom: 25px
}
.casestudies04{
margin-bottom: 40px;
}
.casestudies04 img{
margin-bottom: 25px
}
.casestudies05{
margin-bottom: 40px;
}
.casestudies05 img{
margin-bottom: 25px
}
.casestudies06{
margin-bottom: 40px;
}
.casestudies06 img{
margin-bottom: 25px
}
.casestudiesLine{
margin-bottom: 15px;
}
.casestudiespagenavi{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}
.casestudiespagenavi li{
display: block;
width: 47.8%;
}
.casestudiespagenavi li a{
display: block;
text-align: center;
border: 1px solid #0080e6;
padding: 20px 0 24px;
position: relative;
}
.casestudiespagenavi li a:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrow.png) 0 0 no-repeat;
background-size: 100% auto;
width: 12px;
height: 8px;
position: absolute;
top: 75%;
left: 50%;
transform: translateX(-50%);
}
.casestudiespagenavi li a:hover:after{
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrowWhite.png) 0 0 no-repeat;
width: 18px;
height: 11px;
position: absolute;
top: 88px;
left: 130px
}
.spolicy #mv.subMv,.pp #mv.subMv,.pi #mv.subMv,.pipp #mv.subMv{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/pp_mvsp.jpg) center 40px no-repeat;
background-size: 100% auto;
padding-top: 64%;
text-align: center;
position: relative;
}
.ppinner p{
margin-bottom: 1.75em
}
.ppinner li{
font-size: 13px
}
.ppinner h3{
font-size: 14px;
margin-bottom: 1.75em
}
.piList02 li{
list-style: lower-alpha;
list-style-position: inside;
line-height: 1.75;
margin-bottom: 1.75em
}
.piList03 li{
list-style: decimal;
list-style-position: inside;
line-height: 1.75;
margin-bottom: 1.75em
}
.ppList li{
list-style: circle;
list-style-position: inside;
line-height: 1.75;
margin-bottom: 1.75em
}
.piList01 li{
list-style: disc;
list-style-position: inside;
line-height: 1.75;
margin-bottom: 1.75em
}
.presentBtnBox{
display: block;
text-align: center;
background: #e7f4ff;
padding: 20px 10px;
margin-bottom: 40px;
}
.presentBtnBox p{
font-size: 15px;
margin-bottom: 15px;
font-weight: bold;
}
.presentBtnBox .btn04{
display: block;
background: #fff;
border: 2px solid #198ce8;
text-align: center;
font-size: 13px;
color: #198ce8;
position: relative;
padding: 10px 0 13px 0px;
font-weight: bold;
width: 100%;
transition: .5;
}
.presentBtnBox .btn04:after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue.png) 0 0 no-repeat;
background-size: auto 100%;
height: 13px;
width: 11px;
position: absolute;
display: block;
vertical-align: middle;
right: 23px;
top: 11px;
transition: .5;
}
.presentList{
display: block;
justify-content: space-between;
margin-bottom: 50px;
}
.presentList li{
width: 100%;
padding-bottom: 25px;
}
.presentList li img{
margin-bottom: 12px;
}
.presentList li p{
padding: 0 0px;
font-size: 13px;
}
.presentList li p.preTit{
font-weight: bold;
font-size: 15px;
margin-bottom: 17px
}
.formLeed{
text-align: left;
margin-bottom: 40px;
}
#a001,#a002,#a003,#a004{
padding-top: 40px;
margin-top: -40px;
}
}  input {
-webkit-appearance: none;
border: 1px solid #666;
}
@media screen and (min-width: 769px) {
.totop {
position: fixed;
bottom: 15px;
left: calc(50% + 740px);
}
} @media only screen and (min-width: 960px) {
article > .kanren > dl > dd > h3 > a {
font-size: 20px;
}
} .columnTitle {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.columnTitle:not(.st-css-no2) {
background-color: transparent;
color: #000;
margin: 0px 0;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
}
@media screen and (min-width: 769px) {
#mv.subMv .mvinner .columnTitle span {
font-size: 16px;
margin-bottom: 25px;
line-height: 1;
display: block;
}
#mv.subMv .mvinner .columnTitle {
font-size: 30px;
margin-top: 110px;
line-height: 1;
}
.mvinner .columnTitle:not(.st-css-no2) {
font-size: 48px;
line-height: 70px;
background-color: transparent;
border: 0;
margin-bottom: 15px;
}
}
@media screen and (max-width: 768px){
#mv.subMv .mvinner .columnTitle span {
font-size: 10px;
margin-bottom: 13px;
line-height: 1;
display: block;
}
#mv.subMv .mvinner .columnTitle:not(.st-css-no2) {
background-color: transparent;
border: 0;
}
#mv.subMv .mvinner .columnTitle {
width: 100%;
font-size: 24px;
margin-top: 30%;
line-height: 1;
}
.mvinner .columnTitle:not(.st-css-no2) {
font-size: 28px;
line-height: 40px;
margin-bottom: 20px;
}
}
.post h2:not(.st-css-no) {
text-align: left !important;
margin-left: -20px;
}
.post h2 span {
margin: 0px !important;
padding: 0px !important;
}
.post h2:not(.st-css-no) span.st-dash-design::before, .post h2:not(.st-css-no) span.st-dash-design::after {
position: unset !important;
}
.st-minihukidashi .st-minihukidashi-flexbox {
font-size: 16px !important;
}
.clip-memotext p {
font-size: 16px !important;
} @media screen and (max-width: 768px){
.column-article-logo {
width: 150px;
}
}
.mainbox #nocopy .entry-content > p {
margin-bottom: 60px;
line-height: 2.15;
font-size: 16px;
}
.post table {
border-top: none !important;
border-right: none !important;
}
.post table tr td{
border: 1px #999 solid;
} @media screen and (min-width:480px) {
.contactText {
text-align: center;
margin: 50px 0;
}
.contactColorText{
text-align: center;
color: #D42250;
font-weight: bold;
font-size: 18px;
}
.balloon_content {
text-align: center;
margin: 100px 0;
}
.balloon1 {
position: relative;
display: inline-block;
margin: 0 0 1.5em;
padding: 15px 80px;
min-width: 120px;
max-width: 100%;
color: #fff;
font-size: 16px;
background: #FFB53E;
border-radius: 0px;
}
.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #FFB53E;
}
.balloon1 p {
margin: 0;
padding: 0;
font-size: 21px;
}
.balloon1 p .emphasis {
font-weight: bold;
font-size: 28px;
}
.ppCheckText {
text-align: center;
margin: 30px 0;
}
.ppCheckText a{
color: #0080E6;
text-decoration: underline;
}
}
@media screen and (max-width:479px) {
.contactText {
text-align: left;
margin: 25px 0;
}
.contactColorText{
text-align: left;
color: #D42250;
font-weight: bold;
font-size: 15px;
}
.balloon_content {
text-align: center;
margin: 30px 0;
}
.balloon1 {
position: relative;
display: inline-block;
margin: 0 0 1.5em;
padding: 15px 15px;
width: 100%;
color: #fff;
font-size: 16px;
background: #FFB53E;
border-radius: 0px;
}
.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #FFB53E;
}
.balloon1 p {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 0.5;
}
.balloon1 p .emphasis {
font-weight: bold;
font-size: 18px;
}
.ppCheckText {
margin: 0 0 45px;
font-size: 12px;
}
.ppCheckText a{
color: #0080E6;
text-decoration: underline;
}
} @media screen and (min-width: 769px){
.presentList {
justify-content: normal;
}
.presentList li img{
width: 91%;
margin: 0 0 25px 4%;
}
.presentList li:nth-child(2) { }
.presentList li p.preTit {
height: 55px;
}
} #online04 > div > p.onRCatch{
line-height: 1.75;
} .infosys001.contentInner > div > ul > li:nth-child(2) > p.largetxt{
line-height: 1.75;
}
#online06 > div > p.onRCatch{
line-height: 1.75;
}  .home .mvinner a.btn01{
width: 350px;
margin-left: 0;
margin-bottom: 7px;
font-size: 16px;
}
.home .mvinner a.btn01 span{
padding: 22px 0;
}
.home .mvinner a.btn01 span:after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mail02.png) 0 0 no-repeat;
width: 18px;
height: 16px;
left: 94px;
top: 23px;
vertical-align: middle;
position: absolute;
display: inline-block;
z-index: 9;
}
.home .mvinner a.btn01::after {
content: '';
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_white.png) 0 0 no-repeat;
position: absolute;
background-size: 100% auto;
width: 7px;
height: 12px;
top: 52%;
transform: translateY(-51%);
right: 60px;
}
.mvinner ul li{
background: #fff;
width: 185px;
height: 185px;
margin-right: 17px;
padding: 5px;
text-align: center;
position: relative;
border: 1px solid #A6B8C7;
}
.mvinner ul li:last-child{
padding: 5px;
}
@media screen and (min-width: 769px) { .mvinner ul li p{
width: 100%;
line-height: 24px;
left: 0;
position: unset;
font-size: 14px;
font-weight: normal
}
.mvinner ul li p:first-child{
background-color: #000;
color: #fff;
}
.mvinner ul li p:nth-child(2){
margin: 10px 0;
}
.online .mvinner ul li p{
top: 120px
}
.mvinner ul li p strong{
font-size: 26px;
line-height: 36px;
color: #d42250;
}
.mvinner ul li p strong span{
font-size: 16px;
}
#top05{
padding-top: 80px;
}
#top07, #top08{
padding-top: 140px;
padding-bottom: 50px
} .aboutBg{
background: #E7F4FF;
}
.aboutInner{
width:1067px;
margin:0 auto;
}
.aboutInner p{
margin-top: 50px;
text-align: center;
}
.aboutPagenavi{
display: flex;
margin-top: 40px;
gap: 20px;
}
.aboutPagenavi li{
background-color: #fff;
display: block;
width: 100%;
}
.aboutPagenavi li a{
display: block;
text-align: center;
border: 1px solid #0080e6;
padding: 48px 0 55px;
position: relative;
}
.aboutPagenavi li a:hover {
background: #0080e6;
color: #fff;
}
.aboutPagenavi li a:after {
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrow.png) 0 0 no-repeat;
width: 17px;
height: 11px;
position: absolute;
top: 84px;
left: 50%;
transform: translateX(-50%) rotate(-90deg);
}
.aboutPagenavi li a:hover:after {
content: '';
display: block;
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/downArrowWhite.png) 0 0 no-repeat;
width: 17px;
height: 11px;
position: absolute;
top: 84px;
left: 50%;
} .strengthsList{
display: flex;
height: 375px;
margin-top: 80px;
background-color: #fff;
padding: 50px;
justify-content: space-between;
flex-wrap: wrap
}
.strengthsList li{
width: 530px;
padding-bottom: 15px;
display: flex;
margin-bottom: 20px;
justify-content: space-between
}
.strengthsList li:first-child, .strengthsList li:nth-child(2){
border-bottom: 1px solid #ddd;
}
.strengthsList li .strengthPh{
margin-right: 25px;
}
.strengthsList li .strengthBody{
width: 387px;
height: 90px;
display: table;
}
.strengthsList li p.strengthTitle{
font-size: 18px;
line-height: 1.75;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}
.strengthsList li p span{
color: #0080E6;
}
.strengthsList a.btn01{
bottom: -30px
}
#top03 .spStrengthBtn {
display: none;
} .solution{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/solution.png) 0 0 no-repeat;
min-height: 432px;
margin-bottom: 50px;
padding-top: 25px;
}
.solutionHalfR{
padding-left: 700px;
}
.solutionEng{
font-size: 16px;
color: #0080e6;
font-weight: bold;
margin-bottom: 40px;
}
.solutionH4{
font-size: 30px;
font-weight: bold;
margin-bottom: 40px
}
.solutionLead{
margin-bottom: 40px
}
.solutionTxt{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue_right.png) 0 no-repeat;
padding: 12px 0 12px 30px;
height: 100%;
border-bottom: 1px solid #ddd;
}
.solution a.btn01{
width: 330px;
height: 80px;
margin: 30px 0;
} .specialtyBg{
background: linear-gradient(180deg, #E7F4FF 0px, #E7F4FF 440px, #fff 440px, #fff 100%);
}
.specialtyInner{
width:1067px;
margin:0 auto;
}
.specialtyLead{
margin: 30px 0;
text-align: center;
}
.specialtyList{
margin-top: 80px;
background-color: #fff;
padding: 50px;
}
.specialtyList .specialtySec{
width: 100%;
height: 60px;
clear: both;
}
.specialtyList .specialtySec p{
font-size: 18px;
line-height: 50px;
font-weight: bold;
display: inline;
margin-left: 15px;
}
.specialtyList ul{
width: 1000px;
height: 60px;
margin: 15px 0 45px;
}
.specialtyList ul.twoStage{
height: 120px;
}
.specialtyList li{
width: 250px;
float: left;
margin-bottom: 20px;
}
.specialtyList li p{
width: 220px;
height: 47px;
border: 1px solid #0080E6;
color: #0080E6;
text-align: center;
display: table-cell;
vertical-align: middle;
font-size: 13px;
}
.specialtyList li p.twoLine{
height: 65px;
line-height: 1.2;
} .priceBg{
background: #E7F4FF;
}
.priceList{
display: flex;
padding-top: 90px;
justify-content: space-between
}
.priceList li{
width: 277px;
height: 430px;
position: relative;
text-align: center;
margin-right: 20px;
background: #fff;
}
.priceList li h4{
font-size: 20px;
margin-bottom: 24px;
padding: 15px;
color: #fff;
}
.priceList li h4.first{
background: #4C7ABF;
}
.priceList li h4.second{
background: #22507B;
}
.priceList li h4.third{
background: #06283B;
}
.priceList li h4.fourth{
background: #3CABA0;
}
.priceList li p{
font-size: 16px;
text-align: center;
}
.priceList li h5{
display: inline-block;
font-size: 40px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 5px solid #0080E6;
}
.priceList li h5.customPlan{
font-size: 34px;
padding: 18px 0;
border-bottom: 5px solid #0080E6;
}
.priceList li h5 span{
font-size: 16px;
}
.priceList li .priceListBody{
padding: 20px 30px 20px 30px;
}
.priceList li img{
margin: 10px 0;
}
.priceList li .priceListBody p{
font-size: 14px;
text-align: left
}
.priceList li .priceListBody p.priceText{
text-align: center;
height: 60px;
}
.topPrice a.btn01{
margin-top: 100px;
}
}
@media screen and (max-width: 768px){ .mvCopy{
font-weight: bold;
}
.mvBtm .txt{
font-size: 18px;
margin-left: 5px;
}
.mvListImg{
margin-right: 0;
margin-left: auto;
} .aboutBg{
background: #E7F4FF;
}
.aboutInner{
margin:0 auto;
}
.aboutInner p{
margin-top: 20px;
padding: 0 30px;
} .strengthsList{
display: flex;
margin-top: 35px;
background-color: #fff;
padding: 0 15px;
justify-content: space-between;
flex-wrap: wrap
}
.strengthsList li{
display: flex;
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.strengthsList li .strengthPh{
width: 33%;
margin-right: 3%;
}
.strengthsList li .strengthBody{
display: table;
}
.strengthsList li p.strengthTitle{
font-size: 15px;
line-height: 1.75;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}
.strengthsList li p span{
color: #0080E6;
}
#top03 .pcStrengthBtn {
display: none;
}
#top03 .spStrengthBtn {
margin-top: 30px;
width: 92%;
} .solution{
margin-bottom: 50px;
padding-top: 25px;
}
.solution img{
display: none;
}
.solutionEng{
font-size: 16px;
color: #0080e6;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.solutionH4{
font-size: 30px;
font-weight: bold;
margin-bottom: 40px;
text-align: center;
}
.solutionLead{
margin-bottom: 20px;
}
.solutionTxt{
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue_right.png) 0 no-repeat;
padding: 12px 0 12px 30px;
height: 100%;
border-bottom: 1px solid #ddd;
}
.solutionTxtLast {
border-bottom: 0px;
}
.solution a.btn01{
margin: 30px 0;
} .specialtyBg{
background: linear-gradient(180deg, #E7F4FF 0px, #E7F4FF 350px, #fff 350px, #fff 100%);
}
.specialtyInner{
margin:0 auto;
}
.specialtyLead{
margin: 30px 15px;
text-align: left;
}
.specialtyList{
margin-top: 50px;
background-color: #fff;
padding: 45px 15px 0;
}
.specialtyList .specialtySec{
width: 100%;
height: 60px;
clear: both;
}
.specialtyList .specialtySec img{
width: 42px;
}
.specialtyList .specialtySec p{
font-size: 18px;
line-height: 50px;
font-weight: bold;
display: inline;
margin-left: 15px;
}
.specialtyList ul{
height: 60px;
margin: 15px 0 45px;
}
.specialtyList ul.twoStage{
height: 120px;
}
.specialtyList li{
float: left;
margin-bottom: 20px;
}
.specialtyList li:nth-child(odd){
padding-right: 10px;
}
.specialtyList li p{
width: 167px;
height: 50px;
border: 1px solid #0080E6;
color: #0080E6;
text-align: center;
display: table-cell;
vertical-align: middle;
font-size: 13px;
line-height: 0.8;
}
.specialtyList li p.twoLine{
height: 65px;
} .priceBg{
background: #E7F4FF;
}
.topPrice .H301 {
margin-top: 70px;
}
.priceList li{
text-align: center;
margin: 25px 25px;
background: #fff;
}
.priceList li h4{
font-size: 20px;
margin-bottom: 24px;
padding: 15px;
color: #fff;
}
.priceList li h4.first{
background: #4C7ABF;
}
.priceList li h4.second{
background: #22507B;
}
.priceList li h4.third{
background: #06283B;
}
.priceList li h4.fourth{
background: #3CABA0;
}
.priceList li p{
font-size: 16px;
text-align: center;
}
.priceList li h5{
display: inline-block;
font-size: 40px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 5px solid #0080E6;
}
.priceList li h5.customPlan{
font-size: 34px;
padding: 18px 0;
border-bottom: 5px solid #0080E6;
}
.priceList li h5 span{
font-size: 16px;
}
.priceList li .priceListBody{
padding: 20px 30px 20px 30px;
}
.priceList li img{
margin: 15px 0;
}
.priceList li .priceListBody p{
font-size: 13px;
text-align: left
}
.priceList li .priceListBody p.priceText{
text-align: center;
}
} @media screen and (min-width: 769px) { .problem #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_problem.png) center 80px no-repeat;
background-size: 100% auto;
}
.plan #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_plan.png) center 80px no-repeat;
background-size: 100% auto;
}
.question #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_question.png) center 80px no-repeat;
background-size: 100% auto;
}
.flow #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_flow.png) center 80px no-repeat;
background-size: 100% auto;
} .problem h3.H301 {
margin-bottom: 100px;
}
.problem h3.H301 span.pc {
display: none !important;
}
.problemMenu {
height: 250px;
padding-top: 100px;
margin-top: -100px;
}
.problemMenu li {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue_right.png) 10px 16px no-repeat;
float: left;
padding: 15px 0 15px 40px;
margin-right: 20px;
width: 380px;
font-size: 16px;
border-top: 1px solid #ddd;
}
.problemMenu li:nth-child(7), .problemMenu li:nth-child(8), .problemMenu li:nth-child(9) {
border-bottom: 1px solid #ddd;
}
.problemMenu li a:hover {
color: #0080E6;
}
.problemContents {
clear: both;
display: flex;
padding-top: 100px;
margin-top: -100px;
}
.problemContentsFrame {
padding: 35px 0 25px 25px;
border: 1px solid #1aafef;
}
.problemHalfL {
width: 72%;
margin-right: 3%;
float: left;
}
.problemHalfL span.problemNo {
background: #0080E6;
color: #fff;
padding: 5px 7px;
}
.problemHalfL h4 {
font-size: 20px;
margin: 20px 0;
text-align: left;
}
.problemHalfL p {
font-size: 16px;
}
.problemHalfL span.colorText {
color: #0080E6
}
.problemHalfR {
width: 25%;
height: 250px;
padding: 10px 30px;
float: right;
}
.problemBottom {
clear: both;
margin: 25px 0 50px;
text-align: right;
}
.problemBottom a {
color: #0080E6;
text-decoration: underline;
} .plan .pcOnly{
display: block;
}
.plan .spOnly{
display: none;
}
.planTop {
height: 350px;
}
.planTopHalfL {
width: 80%;
float: left;
}
.planTopHalfR {
width: 20%;
float: right;
}
.planTopHalfL h3.H301{
margin-bottom: 30px !important;
text-align: left;
}
.planContentsTop {
clear: both;
margin-bottom: 50px;
}
.planContentsTop h3.H301 {
margin-bottom: 50px;
}
.planContentsTop .bottomText {
margin: 24px 0 100px;
}
.planContentsTop .subPriceList{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.planContentsTop .subPriceList > li{
width: 277px;
position: relative;
text-align: center;
margin-right: 20px;
background: #fff;
border: 1px solid #D3E5EA;
}
.planContentsTop .subPriceList > li h4{
font-size: 20px;
margin-bottom: 24px;
padding: 15px;
color: #fff;
}
.planContentsTop .subPriceList > li:first-child h4{
background: #4C7ABF;
}
.planContentsTop .subPriceList > li:nth-child(2) h4{
background: #22507B;
}
.planContentsTop .subPriceList > li:nth-child(3) h4{
background: #06283B;
}
.planContentsTop .subPriceList > li:last-child h4{
background: #3CABA0;
}
.planContentsTop .subPriceList > li .subPriceListBody{
padding: 20px 30px 20px 30px;
}
.planContentsTop .subPriceList > li h5{
display: inline-block;
font-size: 40px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 5px solid #0080E6;
}
.planContentsTop .subPriceList > li h5.customPlan{
font-size: 34px;
padding: 18px 0;
border-bottom: 5px solid #0080E6;
}
.planContentsTop .subPriceList > li h5 span{
font-size: 16px;
}
.planContentsTop .subPriceList > li img{
margin-bottom: 10px;
}
.planContentsTop .subPriceList > li .subPriceListBody p.priceText{
text-align: center;
height: 60px;
}
.planContentsTop .subPriceList > li .subPriceListBody p{
font-size: 14px;
text-align: left;
}
.planContentsTop .subPriceList li:first-child p.adjust{
margin-top: -14px;
}
.planContentsMiddle {
margin: 50px;
}
.planContentsMiddle h3.H301 {
margin-bottom: 50px;
}
.planContentsMiddle img {
display: block;
margin: 0 auto;
}
.planContentsBottom h3.H301 {
margin-bottom: 50px;
}
.planContentsBottom > p {
font-size: 14px;
text-align: right;
}
.planContentsBottom > p span.redCircle {
color: #D42250;
font-size: 18px;
font-family: monospace;
font-weight: bold;
}
.planContentsBottom > p span.blueTriangle {
color: #0080E6;
font-size: 19px;
font-family: monospace;
font-weight: bold;
}
.planContentsBottom .subPriceTable{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.planContentsBottom .subPriceTable > li{
width: 240px;
position: relative;
text-align: center;
background: #fff;
}
.planContentsBottom .subPriceTable > li h4{
height: 50px;
font-size: 20px;
padding: 15px;
color: #fff;
position: sticky;
top: 80px;
z-index: 2;
}
.planContentsBottom .subPriceTable > li:first-child h4{
background: #fff;
}
.planContentsBottom .subPriceTable > li:nth-child(2) h4{
background: #4C7ABF;
}
.planContentsBottom .subPriceTable > li:nth-child(3) h4{
background: #22507B;
}
.planContentsBottom .subPriceTable > li:nth-child(4) h4{
background: #06283B;
}
.planContentsBottom .subPriceTable > li:last-child h4{
background: #3CABA0;
}
.planContentsBottom .subPriceTable > li h5{
display: inline-block;
font-size: 40px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 5px solid #0080E6;
}
.planContentsBottom .subPriceTable > li h5.customPlan{
font-size: 34px;
padding: 18px 0;
border-bottom: 5px solid #0080E6;
}
.planContentsBottom .subPriceTable > li h5 span{
font-size: 16px;
}
.planContentsBottom .subPriceTable > li img{
margin-bottom: 10px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody p.priceText{
text-align: center;
height: 60px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody p{
font-size: 14px;
text-align: left;
}
.planContentsBottom .subPriceTable li:first-child p.adjust{
margin-top: -14px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody ul {
border: 1px solid #efefef;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li {
clear: both;
height: 50px;
font-size: 12px;
padding: 10px 5px;
line-height: 2;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li {
text-align: center;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li.item {
text-align: left;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li:nth-child(even) {
background: #efefef;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li.twoStage {
height: 65px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li.greyOut {
color: #333;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li div.chartListText {
padding: 0 15px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li div.redCircle {
color: #D42250;
font-size: 16px;
font-family: monospace;
font-weight: bold;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li div.blueTriangle {
color: #0080E6;
font-size: 16px;
font-family: monospace;
font-weight: bold;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li div.hyphen {
font-size: 16px;
font-family: monospace;
font-weight: bold;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li.twoStage div.redCircle {
margin-top: 4px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li.twoStage div.blueTriangle {
margin-top: 4px;
}
.planContentsBottom .subPriceTable > li .subPriceTableBody li.twoStage div.hyphen {
margin-top: 4px;
} .flow h3.topMidashi {
line-height: 0.5;
}
.flow h3.H301 span.sp {
display: none !important;
}
.flowContents{
margin-top: 60px;
}
.flowContents p {
font-weight: normal;
text-align: left;
line-height: 2.2;
font-size: 15px;
}
.flowContents img {
margin: 50px 0 50px;
width: 1200px;
}
.flowContents h3 {
margin-top: 100px;
}
.flowContents h4 {
margin: 75px 0 25px;
padding: 8px 15px;
border-left: 8px solid #0080E6;
font-size: 20px;
font-weight: bold;
}
.flowContents h4 span {
font-weight: bold;
}
.flowContentsBottome {
margin-top: 100px;
background: #E7F4FF;
padding: 50px 20px;
}
.flowContentsBottome h3 {
font-size: 20px;
}
.flowContentsBottome h3.H301 span {
display: none !important;
}
.flowContentsBottome p {
background-color: #fff;
margin: 30px 0 50px;
text-align: center;
padding: 15px 0;
}
.flowContentsBottome p span {
color: #D42250;
}
.flowContentsBottome img {
width: 1000px;
margin: 25px auto;
}
.flow .footLinks li {
text-align: left;
} .questionContents {
margin: 50px;
}
.questionContents .questionLine {
height: 73px;
background: #E7F4FF;
clear: both;
}
.questionContents .questionLine .question{
float: left;
width: 75px;
padding: 18px 15px;
font-size: 39px;
font-weight: bold;
color: #0080E6;
}
.questionContents .questionLine .questionTxt{
line-height: 72px;
font-size: 18px;
font-weight: bold;
}
.questionContents .answerLine {
height: 73px;
clear: both;
}
.questionContents .twoLines {
height: 100px;
clear: both;
}
.questionContents .answerLine .answer{
float: left;
width: 75px;
padding: 20px 15px;
font-size: 39px;
color: #D42250;
font-weight: bold;
}
.questionContents .answerLine .answerTxt{
line-height: 72px;
font-size: 16px;
}
.questionContents .twoLines .answerTxt{
line-height: 30px;
padding-top: 18px;
} .strength .pagenavi li {
display: block;
width: 220px;
}
.strength .strength05 {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/strength05.png) left 0 no-repeat;
min-height: 431px;
margin-top: 75px;
margin-bottom: 150px;
padding-top: 95px;
}
#a001, #a002, #a003, #a004, #a005 {
padding-top: 50px;
margin-top: -50px;
display: block;
}
} @media screen and (max-width: 768px) { .problem #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_problem_sp.png) center 25px no-repeat;
background-size:100% auto;
}
.plan #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_plan_sp.png) center 25px no-repeat;
background-size:100% auto;
}
.question #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_question_sp.png) center 25px no-repeat;
background-size:100% auto;
}
.flow #mv.subMv {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/mv_flow_sp.png) center 25px no-repeat;
background-size:100% auto;
} .problem h3.spOnly {
line-height: 0.5;
}
.problem h3.H301 {
margin-bottom: 50px;
}
.problemMenu {
padding-top: 80px;
margin-top: -80px;
margin-bottom: 80px;
}
.problemMenu li {
background: url(//ithelper.ripple-call.co.jp/wordpress/wp-content/themes/affinger5-child/images/arrow_blue_right.png) 0 no-repeat;
padding: 12px 0 12px 30px;
border-top: 1px solid #ddd;
}
.problemMenu li:last-child {
border-bottom: 1px solid #ddd;
}
.problemContents {
padding-top: 80px;
margin-top: -80px;
margin-bottom: 25px;
}
.problemContentsFrame {
padding: 25px;
border: 1px solid #1aafef;
}
.problemHalfL span.problemNo {
background: #0080E6;
color: #fff;
padding: 5px 7px;
}
.problemHalfL span.colorText {
color: #0080E6
}
.problemHalfL h4 {
font-size: 20px;
margin: 20px 0;
text-align: left;
}
.problemHalfL p {
font-size: 12px;
}
.problemHalfR {
padding: 10px;
}
.problemBottom {
clear: both;
margin-bottom: 75px;
text-align: right;
}
.problemBottom a {
color: #0080E6;
text-decoration: underline;
} .flow h3.topMidashi {
line-height: 0.6;
}
.flow h3.H301 span.pc {
display: none !important;
}
.flowContents {
margin: 50px 0;
}
.flowContents p {
font-weight: normal;
text-align: left;
line-height: 1.5;
font-size: 13px;
margin: 15px 0 30px;
}
.flowContents img {
margin: 30px 0;
padding:  0 30px;
}
.flow .inner ul.pankuzu{
display: block;
justify-content: normal;
margin-bottom: 30px
}
.flowContents h3 {
margin-top: 20px;
}
.flowContents h4 {
margin: 50px 0 10px;
padding: 8px 15px;
border-left: 8px solid #0080E6;
font-size: 18px;
font-weight: normal;
}
.flowContents h4 span {
font-weight: bold;
}
.flowContentsBottome {
margin-top: 50px;
background: #E7F4FF;
padding: 50px 20px;
}
.flowContentsBottome h3 {
font-size: 16px;
line-height: 0.5;
}
.flowContentsBottome p {
font-size: 12px;
line-height: 1.0;
background-color: #fff;
margin: 30px 0 50px;
text-align: center;
padding: 15px 0;
}
.flowContentsBottome p span {
color: #D42250;
} .questionContents {
margin: 50px 0;
}
.questionContents .questionLine {
background: #E7F4FF;
clear: both;
padding: 15px;
}
.questionContents .questionLine .question{
float: left;
width: 35px;
font-size: 25px;
font-weight: bold;
color: #0080E6;
}
.questionContents .questionLine .questionTxt{
font-size: 18px;
line-height: 1.3;
font-weight: bold;
padding-left: 35px;
}
.questionContents .answerLine {
clear: both;
padding: 15px;
}
.questionContents .twoLines {
height: 125px;
clear: both;
}
.questionContents .answerLine .answer{
float: left;
width: 35px;
height: 80px;
font-size: 25px;
color: #D42250;
font-weight: bold;
}
.questionContents .answerLine .answerTxt{
line-height: 1.3;
font-size: 16px;
padding-left: 35px;
} .plan .pcOnly{
display: none;
}
.plan .spOnly{
display: block;
}
.planTopHalfR {
padding: 15%;
}
.planTopHalfL h3.H301{
margin-bottom: 30px !important;
text-align: left;
}
.planContents {
margin: 50px;
}
.planTop {
height: 600px;
}
.planContentsTop {
clear: both;
margin-bottom: 50px;
}
.planContentsTop h3.H301 {
margin-bottom: 30px;
}
.planContentsTop > p {
font-size: 14px;
}
.planContentsTop > p span.redCircle {
color: #D42250;
font-size: 18px;
font-family: monospace;
font-weight: bold;
}
.planContentsTop > p span.blueTriangle {
color: #0080E6;
font-size: 19px;
font-family: monospace;
font-weight: bold;
}
.planContentsTop .bottomText {
margin: 24px 0 100px;
}
.planContentsTop .subPriceList > li{
margin-bottom: 30px;
text-align: center;
background: #fff;
}
.planContentsTop .subPriceList > li h4{
font-size: 20px;
margin-bottom: 24px;
padding: 15px;
color: #fff;
}
.planContentsTop .subPriceList > li:first-child h4{
background: #4C7ABF;
}
.planContentsTop .subPriceList > li:nth-child(2) h4{
background: #22507B;
}
.planContentsTop .subPriceList > li:nth-child(3) h4{
background: #06283B;
}
.planContentsTop .subPriceList > li:last-child h4{
background: #3CABA0;
}
.planContentsTop .subPriceList > li .subPriceListBody{
padding: 20px 30px 20px 30px;
}
.planContentsTop .subPriceList > li h5{
display: inline-block;
font-size: 40px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 5px solid #0080E6;
}
.planContentsTop .subPriceList > li h5.customPlan{
font-size: 34px;
padding: 18px 0;
border-bottom: 5px solid #0080E6;
}
.planContentsTop .subPriceList > li h5 span{
font-size: 16px;
}
.planContentsTop .subPriceList > li img{
margin-bottom: 10px;
}
.planContentsTop .subPriceList > li .subPriceListBody p.priceText{
text-align: center;
height: 60px;
}
.planContentsTop .subPriceList > li .subPriceListBody p{
font-size: 14px;
text-align: left;
}
.planContentsTop .subPriceList li:first-child p.adjust{
margin-top: -14px;
}
.planDetailBtn{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
width: 100%;
height: 40px;
background: #d3e5ea;
}
.DetailBtnText{
font-size: 14px;
margin-right: -25px;
background: #d3e5ea;
}
#helpDeskPlanTri, #infoSysPlanTri, #premiumPlanTri, #customPlanTri{
float: right;
margin-right: 25px;
color: #22507b;
}
.planContentsTop .subPriceList > li .subPriceTableBody p.priceText{
text-align: center;
height: 60px;
}
.planContentsTop .subPriceList > li .subPriceTableBody p{
font-size: 14px;
text-align: left;
}
.planContentsTop .subPriceList li:first-child p.adjust{
margin-top: -14px;
}
.planContentsTop .subPriceList > li .subPriceTableBody li {
clear: both;
height: 45px;
font-size: 12px;
padding: 10px 5px;
line-height: 2;
border-bottom: 1px solid #d3e5ea;
}
.planContentsTop .subPriceList > li .subPriceTableBody li.item {
text-align: left;
}
.planContentsTop .subPriceList > li .subPriceTableBody li.twoStage {
height: 65px;
text-align: left;
}
.planContentsTop .subPriceList > li .subPriceTableBody li.greyOut {
color: #ccc;
}
.planContentsTop .subPriceList > li .subPriceTableBody li div.chartListText {
padding: 0 15px;
float: left;
}
.planContentsTop .subPriceList > li .subPriceTableBody li div.redCircle {
color: #D42250;
font-size: 16px;
font-family: monospace;
font-weight: bold;
float: right;
margin-right: 15px;
margin-top: -3px;
}
.planContentsTop .subPriceList > li .subPriceTableBody li div.blueTriangle {
color: #0080E6;
font-size: 16px;
font-family: monospace;
font-weight: bold;
float: right;
margin-right: 15px;
margin-top: -3px;
}
.planContentsTop .subPriceList > li .subPriceTableBody li div.hyphen {
font-size: 16px;
font-family: monospace;
font-weight: bold;
float: right;
margin-right: 15px;
margin-top: -3px;
}
.planContentsTop .subPriceList > li .subPriceTableBody li.twoStage div.redCircle {
margin-top: 4px;
}
.planContentsTop .subPriceList > li .subPriceTableBody li.twoStage div.blueTriangle {
margin-top: 4px;
}
.planContentsTop .subPriceList > li .subPriceTableBody li.twoStage div.hyphen {
margin-top: 4px;
}
.planContentsMiddle {
margin: 50px 0;
}
.planContentsMiddle h3.H301 {
margin-bottom: 30px;
}
.planContentsMiddle img {
display: block;
margin: 0 auto;
}
.planContentsTop {
clear: both;
margin-bottom: 50px;
} .strength .strength05 {
margin-bottom: 100px;
}
#a001, #a002, #a003, #a004, #a005 {
padding-top: 60px;
margin-top: -60px;
display: block;
}
} .contact #mv{
background: none;
height: 0px;
padding-top: 0px;
padding-bottom: 50px;
} table.CF7_table{
width:100%;
margin:0 auto;
}
@media screen and (min-width: 769px){
.CF7_table td input{
width: 90% !important;
}
.CF7_table td {
font-weight: bold;
}
.CF7_table td label > span.req {
font-weight: normal;
}
.wpcf7-form .message {
font-weight: bold;
}
}
@media screen and (max-width: 768px){
.CF7_table td {
display: block;
width: 100%;
line-height:2.5em;
font-weight: bold;
}
.CF7_table td label > span.req {
font-weight: normal;
}
.wpcf7-form .message {
font-weight: bold;
}
}  .interview_shinrokikaku #mv{
background: none;
height: 0px;
padding-top: 0px;
padding-bottom: 50px;
}
.interview_shinrokikaku .bread{
margin-top: 27px;
}
.interview_shinrokikaku p {
font-size: 16px;
line-height: 1.75;
margin-bottom: 25px;
}
.interview_shinrokikaku h2 {
font-size: 24px !important;
font-weight: 700 !important;
color: #000;
line-height: 1.75 !important;
margin: 50px 0 !important;
}
.interview_inner h2.midashi {
text-align: center;
font-size: 30px !important;
}
.interview_shinrokikaku .contentInner img { width: 80%;
}
.interview_shinrokikaku table {
width: 80%;
margin: 50px auto;
border: 1px solid #dddddd;
border-left: none;
border-right: none;
}
.interview_shinrokikaku th {
width: 25%;
border-top: 1px solid #dddddd;
padding: 10px 0;
font-size: 16px;
}
.interview_shinrokikaku td {
width: 75%;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
padding: 10px 20px;
font-size: 16px;
}
.interview_shinrokikaku .profile {
width: 100%;
margin: 50px 0;
min-height: 200px;
padding: 15px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.interview_shinrokikaku .profile:after {
clear: both;
}
.interview_shinrokikaku .prof_left {
width: 48%;
float: left;
margin-left: 2%;
}
.interview_shinrokikaku .prof_right {
width: 48%;
float: right;
margin-right: 2%;
}
.interview_shinrokikaku .profile .img_area {
width: 40%;
float: left;
}
.interview_shinrokikaku .profile img {
border-radius: 50%;
width:  150px;
height: 150px;
}
.interview_shinrokikaku .profile .txt_area {
width: 60%;
float: right;
padding: 20px 0;
}
.interview_shinrokikaku .question, .interview .name {
font-weight: bold;
}
.interview_shinrokikaku .caption {
text-align: center;
font-size: 12px;
color: #666;
}
@media screen and (min-width: 940px){
.interview_shinrokikaku .interview_inner {
max-width: 940px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px){
.interview_inner h2.midashi {
font-size: 20px !important;
margin: 0 10%;
}
.interview_shinrokikaku h2 {
font-size: 20px !important;
line-height: 1.5 !important;
margin: 30px 0 !important;
}
.interview_shinrokikaku table {
width: 100%;
}
.interview_shinrokikaku th,td {
font-size: 12px !important;
}
.interview_shinrokikaku th {
width: 35%;
}
.interview_shinrokikaku td {
width: 65%;
}
}
@media screen and (max-width: 939px){
.interview_shinrokikaku .interview_inner {
margin: 0 10%;
}
.interview_shinrokikaku .profile {
margin: 50px 0;
padding: 15px 0;
}
.interview_shinrokikaku .prof_left {
width: 100%;
height: 125px;
float: none;
margin-left: 0;
}
.interview_shinrokikaku .prof_right {
width: 100%;
height: 125px;
float: none;
margin-right: 0;
}
.interview_shinrokikaku .profile img {
border-radius: 50%;
width:  100px;
height: 100px;
margin: 0 auto;
display: block;
}
.interview_shinrokikaku .profile .txt_area {
padding: 0;
}
} .case .interview_banner {
max-width: 60%;
margin: 0 auto 4.5%;
}
@media screen and (max-width: 768px){
.case .interview_banner {
max-width: 100%;
margin: 0 auto 8%;
}
} .privacy-mark {
background-color: #fff;
padding: 10px;
border-radius: 3px;
}
.privacy-mark img {
width: 120px;
margin: 0 auto 5px;
}
.privacy-mark small {
color: #999;
line-height: 1.5;
letter-spacing: .03rem;
}
@media(min-width: 1025px) {
.privacy-mark {
display: flex;
align-items: center;
gap: 10px;
}
.privacy-mark img {
width: 100px;
}
.mark-block {
display: flex;
align-items: flex-end;
}
.privacy-mark a {
width: 80px;
}
.privacy-mark small {
width: calc(100% - 110px);
font-size: 10px;
}
}  .footerInformationBlock{
border-top: 1px solid rgba(299, 299, 299, 0.5);
padding-top: 30px;
margin-top: 10px;
display: flex;
justify-content: flex-end;
gap: 10px;
}
.footerInformationBlock img{
width: 100px;
height: auto;
padding: 10px;
background-color: #fff;
border-radius: 3px;
}
.footerInformationBlock .ppmark{
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.footerInformationBlock .ppmark small{
width: 200px;
line-height: 1.5;
} .topPriceIntroduction{
margin: 3rem auto 0;
width: 90%;
background-color: #fff;
padding: 30px 40px;
display: flex;
justify-content: space-between;
gap: 40px;
}
.topPriceIntroductionR{
order: 2;
}
.topPriceIntroductionL{
order: 1;
width: 70%;
}
.topPriceIntroductionL h3.H301{
text-align: left;
margin-bottom: 0.8em;
}
@media screen and (max-width: 768px){
.topPriceIntroduction{
flex-direction: column;
gap: 20px;
}
.topPriceIntroductionR{
order: 1;
}
.topPriceIntroductionL{
order: 2;
width: 100%;
}
.topPriceIntroductionL h3.H301{
margin-top: 0;
}
}  .tooltip-trigger_wrap{
position: relative;
display: inline-block;
}
.tooltip-trigger{
border: none;
background: #fff;
border: 1px solid #999;
color: rgb(51 51 51 / 85%);
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 12px;
cursor: pointer;
padding: 0;
line-height: 18px;
} .custom-tooltip{
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
transform: translateX(-50%);
background: #33333381;
color: #fff;
padding: 8px 12px;
font-size: 13px;
border-radius: 6px;
width: 150px;
line-height: 1.5;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
font-size: 12px;
}
.custom-tooltip::after{
content: "";
display: block;
width: 15px;
height: 10px;
background: #33333381;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
clip-path: polygon(0 0, 50% 100%, 100% 0);
} .custom-tooltip.active{
opacity: 1;
visibility: visible;
} .sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
} .contactMicroCopy{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 3px;
}
.contactMicroCopy::after{
content: "";
width: 20px;
height: 14px;
background-color: #22507B;
clip-path: polygon(0 0, 50% 100%, 100% 0);
margin-top: -1px;
}
.contactMicroCopy p{
color: #FFF;
background-color: #22507B;
font-size: 16px;
text-align: center;
padding: 0.5em 1.5em;
}
@media screen and (max-width: 768px){
.contactMicroCopy p{
font-size: 14px;
}
} .footer-middle {
background: #198ce8;
border-top: 1px solid #fff;
padding: 16px 0 16px 0;
color: #fff;
}
.group_link_block .group_link_title {
font-size: 16px;
margin-bottom: 10px;
color: #d8d8d8;
}
.group_link_block * {
color: #d8d8d8;
}
.group_link_cat {
position: relative;
font-size: 13px;
font-weight: 500;
padding-left: 20px;
cursor: pointer;
transition: all .5s ease;
}
.group_link_cat::before {
position: absolute;
content: "";
width: 10px;
height: 2px;
background-color: #d8d8d8;
left: 0;
top: 50%;
}
.group_link_cat::after {
position: absolute;
content: "";
width: 10px;
height: 2px;
background-color: #d8d8d8;
left: 0;
top: 50%;
transform: rotate(-90deg);
transition: all .4s;
}
.group_link_cat.close::after {
transform: rotate(0deg);
}
.group_link_box {
display: none;
padding: 10px 0px 0px;
}
.group_link_list li {
margin-bottom: 10px;
}
.group_link_box li a {
position: relative;
display: block;
font-size: 12px;
padding-left: 20px;
transition: all .4s;
margin-bottom: 4px;
}
.group_link_box li a::before {
position: absolute;
content: "";
width: 2px;
height: 2px;
border-radius: 5px;
background-color: #999;
top: 50%;
left: 2px;
}
@media(min-width: 1025px) {
.group_link_box {
display: block;
}
.group_link_list {
display: flex;
flex-wrap: wrap;
}
.group_link_list li {
margin-bottom: 5px;
}
.group_link_list > li {
width: 33%;
margin-bottom: 15px;
}
.group_link_cat {
padding: 0;
cursor: auto;
}
.group_link_cat::before, .group_link_cat::after {
content: none;
}
}