@charset "utf-8";


/* 業務内容 */
#service { overflow: hidden; zoom: 1 }
#service .in { overflow: visible }
#service .column { position: relative; margin-bottom: 7em; overflow: visible }
#service .photo1 { float: left; width: 35% }
#service .photo1 { position: absolute; top: 0; left: 0; width: 29%; z-index: 1 }
#service .photo2 { position: absolute; top: -120px; right: -90px; width: 38%; z-index: 2 }
#service .column h2 { margin-bottom: 0.3em; font-size: 140%; text-align: center }
#service .column h3 { margin-bottom: 3em; color: #878767; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-size: 220%; text-align: center }
#service .column h5 { margin-left: 35%; line-height: 2; width: 60% }
#service .column2 { margin: 0 auto; border-left: 1px solid #ccc; overflow: hidden; width: 80% }
#service .column2 div div { padding: 0 2em; border-right: 1px solid #ccc; box-sizing: border-box }
#service .column2 h3 { margin-bottom: 0.3em; font-size: 120%; text-align: center }
#service .column2 h5 { font-size: 95%; text-align: center }
#service .column2 p { margin: 0 auto 1em; width: 52% }
#service .service1 { float: left; width: 50% }
#service .service2 { float: right; width: 50% }

@media screen and (max-width: 800px) {
#service .photo { margin-bottom: 1em; overflow: hidden }
#service .photo1 { position: static; top: 0; width: 50%; float: left }
#service .photo2 { position: static; right: 0; width: 50%; float: right }
#service .column { margin: 0 auto 1em; width: 90% }
#service .column h2 { font-size: 110%; text-align: center }
#service .column h3 { margin-bottom: 1em; font-size: 150%; text-align: center }
#service .column h5 { margin-left: 0; font-size: 90%; width: 100% }
#service .column2 { border-left: none; width: 95% }
#service .column2 div div { padding: 0 1em; border-right: none }
#service .column2 h3 { font-size: 100% }
#service .column2 h5 { font-size: 90%; text-align: left }
#service .column2 h5 .pc { display: none }
#service .column2 p { width: 100% }
}