@charset "utf-8";
/* CSS Document */

/************************************************************************************  
共通設定
************************************************************************************/
body{margin:0; color:#3e3a39;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
p{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
img {max-width: 100%;height: auto;}
a{text-decoration:none;color:#3e3a39;}
h1,h2,h3,h4{font-weight:normal;}
ul{margin-block-start: unset;margin-block-end: unset;margin-inline-start: unset;margin-inline-end: unset;padding-inline-start: unset;}
ul{list-style:none;}

/************************************************************************************  
ヘッダー記載箇所
************************************************************************************/
@media screen and (min-width:1024px) {
.sp { display:none;}
.pc { display:block;}

/*********************  リンク　*********************/			
.text-link{position: relative;width: 300px;height: 50px;line-height: 50px;display: flex;text-align: center;font-size: 20px;border-radius: 50px;}
.text-link .link-text{width: 100%;height: 100%;z-index: 10;}
.text-link .link-text:before{content: "";position: absolute;top: 0;bottom: 0;width: 0;display: block;z-index: -1;transition: .2s;border-radius: 50px;}
.text-link .link-text:hover{}
.text-link .link-text:hover:before{width: 100%;}

.text-link.bl{border: 2px solid #60c1c2; color: #FFF; background: #60c1c2;}
.text-link.wh{border: 2px solid #60c1c2; color: #60c1c2; background: #fff;}
.link-text.wh:after{content: url(../img/SVG/icon-arrow-wh.svg);display: inline-block;width: 13px;position:absolute;right:7%;transition: .3s;}
.link-text.wh:before{background: #FFF;}
.link-text.wh:hover{color: #60c1c2;}
.link-text.wh:hover:after{content: url(../img/SVG/icon-arrow-bl.svg);}

.link-text.bl:before{background: #60c1c2;}
.link-text.bl:hover{color: #fff;}
.link-text.bl:after{content: url(../img/SVG/icon-arrow-bl.svg);display: inline-block;width: 13px;position:absolute;right:7%;transition: .3s;}
.link-text.bl:hover:after{content: url(../img/SVG/icon-arrow-wh.svg);}

.text-link-small-wh{width: 165px;background:#FFF;border:2px solid #FFF;border-radius:50px;padding:2% 6%;color:#60c1c2;font-size:.8em;position:absolute;bottom: 20px;left: 0;right: 0;margin: auto;transition: .3s;}
.text-link-small-wh:hover{background:#60c1c2;border:2px solid #FFF; color:#FFF;}
.text-link-small-bl{width: 165px;background:#60c1c2;border:2px solid #FFF;border-radius:50px;padding:2% 6%;color:#ffffff;font-size:.8em;transition: .3s;}
.text-link-small-bl:hover{background:#ffffff;border:2px solid #60c1c2; color:#60c1c2;}
.text-link-arrow-bl{color:#60c1c2;position: absolute;right: 10px;bottom: 10px; transition: .3s;}
.text-link-arrow-bl:after{content: url(../img/SVG/icon-arrow-right-bl.svg);display: inline-block;width: 18px;margin-left: 5px;}
.text-link-arrow-bl:hover{right:0;}

a.more-text:before{margin-left:2%;content:'…詳細を見る';color:#60c1c2;transition: .3s;}
a.more-text:hover:before{color:#2ea2cc;}

/*********************  ドロワーメニュ　*********************/			
#drawer-menu {}
#drawer-menu .unshown {display:none;}
#drawer-menu #menu-open {display:none;}
#drawer-menu #menu-close {display:none;}
#drawer-menu .txt-001{display:none;}
#drawer-menu .menu-box li:last-child{display:none;;}

/*********************  ヘッドメニュー　*********************/			
#head{position:relative;padding: 0;}
#head .title{max-width: 75px;margin: 2px 0 0 7px;}
#head .title h1{margin:0;line-height: 0;}
#head .title h1 .type{width: 55%;margin:6% auto 0 auto;display:block;}

#head ul{position: fixed;top: 0;right: 100px;padding: 5px;z-index: 9999;width: 50%;text-align: center;max-width: 600px;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;display: unset;text-align: right;}
#head ul li{width: 22%;display:inline-block;text-align: center;margin: 0 1%;}
#head ul li img{height: 10px;}
#head ul li span{display:block;padding-bottom: 4px;transition: all .5s;color: #000;font-family: self;font-size: 1.2em; position:relative;font-size: .9em;}
#head ul li span:after {content: '';position: absolute;left: 50%;bottom: 0px;display: inline-block;width: 100%;height: 2px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color:#60c1c2;transition: all .5s;}
#head ul li a:hover span:after{width: 50%;}

#head a.mail{display:block;background: #60c1c2;width: 5%;min-width: 80px;max-width: 100px;max-height: 63px;position: fixed;top:0;right:0;text-align:center;padding: 6px;box-sizing:border-box;line-height:1em;transition: all .5s;z-index: 9999;}
#head a.mail img{width: 35px;padding-left: 4px;}
#head a.mail span{display:block;color:#FFF;font-size: .8em;margin-top: 2px;}
#head a.mail:hover{background:#2ea2cc;}

/*********************  パンくずリスト　*********************/
.crumbs ol {display: block;list-style-type: none;margin-block-start: 15px;margin-block-end: 0px;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 11px;padding-bottom: 2px;}
.crumbs ol li {display: inline-block;font-size: .9em;}
.crumbs ol li:nth-child(n + 2):before {content: '>';margin: 0 4px;color: #999;}
.crumbs ol li a {color: #999;}

/********************* トップページ　*********************/			
#top-001{}
#top-001 .inner{max-width: 1440px;margin: 5% auto;box-sizing: border-box;text-align: center;}
#top-001 .inner h2{display:inline-block;width: 54%;vertical-align: middle;text-align: center;margin-right: 2%;}
#top-001 .inner h2 .img-001{display:inline-block;width: 27%;margin-right: 5%;height: auto;}
#top-001 .inner h2 .img-002{display:inline-block;width:60%;height: auto;}
#top-001 .inner h2 span{display:block;font-size: 1.4em;font-weight:bold;margin: 3% 0;}
#top-001 .inner h2 span:before{content:'「';}
#top-001 .inner h2 span:after{content:'」';}
#top-001 .inner .img-003{display:inline-block;width: 40%;max-width: 570px;vertical-align: middle;}

#top-002{background:#f7f8f8;}
#top-002 .inner{max-width: 900px;margin: 0 auto;padding:2% 0;text-align: center;}
#top-002 .inner .img-001{display:inline-block;width: 40%;max-width: 350px;margin-right: 7%;vertical-align:middle;}
#top-002 .inner .text-box{display:inline-block;width:50%; text-align:left; vertical-align:middle;}
#top-002 .inner .text-box h2{font-size:2em;margin-bottom: 0%;font-weight: bold;}
#top-002 .inner .text-box img.type{height: 10px;margin-left:5px;}
#top-002 .inner .text-box p{line-height: 2em;text-align: justify;margin-bottom: 7%;}

#top-003{}
#top-003 .inner{max-width: 1000px;margin: 0 auto;padding: 2% 0 4% 0;text-align: center;}
#top-003 .inner h2{font-size:2em;margin-bottom: 0%;font-weight: bold;}
#top-003 .inner img.type{height: 10px;}
#top-003 .inner p{line-height: 2em;text-align: center;}
#top-003 .inner ul.service-box {list-style: none;max-width: 1000px;margin: 3% auto 5% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#top-003 .inner ul.service-box li {width: calc(97%/3);margin: .5%;}
#top-003 .inner ul.service-box li .re-inner{background: #60c1c2;position:relative;}
#top-003 .inner ul.service-box li h3{color:#FFF;margin: 0;height: 50px;line-height: 50px;font-weight: bold; }
#top-003 .inner ul.service-box li:last-child h3{line-height: 25px;}
#top-003 .inner ul.service-box li p{text-align:justify;font-size:.9em;color:#FFF;padding: 0 7%;}
#top-003 .inner .text-box{height: 280px;}
#top-003 .ex-inner ul.detail-box{display:block;}
#top-003 .ex-inner ul.detail-box li{display:block;width: 100%;margin: 1% 0;background: #efefef;font-size: .85em;height: 70px;line-height: 70px;color: #5b5b5b;}
#top-003 ul.service-box li:first-child ul.detail-box li:first-child{line-height: 35px;}
#top-003 .inner .img-000{height: 15px;display:inline-block;vertical-align:middle;padding-top: 2px;}
#top-003 .inner .img-001{width: 200px;margin:5%;}
#top-003 .acd-btn{color:#FFF; display:inline-block; vertical-align:middle;}
#top-003 .acd-check {display: none;}
#top-003 .acd-label {display: block;width: 100%;margin: 0 auto;background: #3e3a39;padding: 6% 0;}
#top-003 .acd-check:checked + .acd-label + .acd-content {height: auto;min-height: 100%;opacity: 1;padding: 0;visibility: visible;background: #ffffff;color: #3f220f;}
#top-003 .acd-content {height: unset;opacity: 1;padding: 0;transition: .5s;visibility: unset;}
#top-003 .text-link{margin-left:auto;margin-right:auto;}

#top-004{background:#f7f8f8;}
#top-004 .inner{max-width: 1000px;margin: 0 auto;padding:2% 0 4% 0;text-align: center;}
#top-004 .inner h2{font-size:2em;margin-bottom: 0%;font-weight: bold; }
#top-004 .inner img.type{height: 10px;}
#top-004 .inner p{line-height: 2em;text-align: left; font-size:.9em;}
#top-004 ul {list-style: none;max-width: 1000px;margin: 3% auto 6% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#top-004 ul li {width: calc(96%/3); max-width:300px;}
#top-004 ul li .image-box {position: relative;overflow: hidden;max-width: 300px;height: 300px;}
#top-004 ul li .image-box .image-field img {transition: all .5s;}
#top-004 ul li .image-box .image-field img:hover {transform: scale(1.2, 1.2);}
#top-004 ul li h3{font-size:1em; font-weight:bold;width: 285px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#top-004 img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#top-004 .text-link{margin-left:auto;margin-right:auto;}

#top-005{}
#top-005 .inner{max-width: 1000px;margin: 0 auto;padding: 2% 0 0 0;text-align: center;}
#top-005 .inner .box{position:relative; text-align:left; border-bottom:1px solid #60c1c2;}
#top-005 .inner .box h2{font-size:2em;margin-bottom: 0%;font-weight: bold;display:inline-block;padding:.5% 0;}
#top-005 .inner .box img.type{height: 10px;margin-left:10px;}
#top-005 .inner p{line-height: 2em;text-align: left;font-size:.9em;margin-bottom: 0;}
#top-005 ul {list-style: none;max-width: 1000px;margin: 3% auto 6% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#top-005 ul li {width: calc(98%/2);margin: 2% 0;}
#top-005 ul li .image-box {position: relative;overflow: hidden;max-width: 150px;height: 150px;display:inline-block;margin-right: 2%;vertical-align: middle;}
#top-005 ul li .image-box .image-field img {transition: all .5s;}
#top-005 ul li .image-box .image-field img:hover {transform: scale(1.2, 1.2);}
#top-005 ul li .text-box{display:inline-block;width: 320px;text-align:left;vertical-align: middle;}
#top-005 ul li h3{font-size:1em;font-weight:bold;margin: 1% 0;width: 310px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#top-005 ul li span.date{font-size:.8em;display: block;padding-left: 3px;}
#top-005 img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#top-005 .text-link{margin-left:auto;margin-right:auto;}


@media screen and (min-width:1280px) {
#top-001 .inner h2 span{display:block;font-size: 1.8em;font-weight:bold;margin: 3% 0;}
}

@media screen and (max-width: 1024px) and (orientation: portrait){}

/*********************  各種ページ設定　*********************/	
#pages .inner,
#archives .inner{max-width: 1000px;margin: 0 auto 1% auto;padding: 2% 0;text-align: center;}
#pages .inner .type-big,
#archives .inner .type-big{max-height: 100px;}
#pages .inner h1 span,
#archives .inner h1 span{display:block; font-size:.7em; margin:2%; color:#60c1c2;}

/*********************  会社案内　*********************/	
#about .inner{}
#about .inner .type-big{}
#about .inner h1 span{}
#about .inner h2{font-weight:bold;font-size: 1.7em;margin: 5% 0;}
#about .inner h2 span:after{content:'、';}
#about .inner h2:before{content:'「';}
#about .inner h2:after{content:'」';}
#about .inner .img-001{display:inline-block; vertical-align:middle; margin-right:5%;}
#about .inner p{display:inline-block; vertical-align:middle; width:500px; text-align:left; line-height:2em;}

#about .add-inner h3{margin: 2%;font-weight: bold;}
#about .add-inner {max-width:900px;margin:0 auto 3% auto;text-align:center;padding: 1% 1% 2% 1%;box-sizing:border-box;background: #edffff;}
#about .add-inner ul{text-align:left;font-weight: bold;}
#about .add-inner ul li{display:inline-block; width:31%; text-align:center; margin:1%; border-bottom:2px solid #60c1c2; font-size:.9em; padding-bottom:10px;}

/*********************  サービス　*********************/	
#service .inner{max-width: 1000px;margin: 0 auto;padding: 2% 0;text-align: center;}
.service-tab {background-color: #fff;text-align: center;}
.service_item {margin:0;height: 70px;font-size: 1em;display: inline-block;text-align: center;font-weight: bold;transition: all 0.3s;width: 330px;}
.service_item p{color: #707070;background: #ccc;margin-top: 2%;}

.service-tab img.check{height:10px;display:block;margin:0 auto;padding-left: 30px; opacity;1;visibility:visible;}

input[name="service_item"] {display: none;}
#ad:checked + .service_item .check{opacity:0;visibility:hidden;}
#mv:checked + .service_item .check{opacity:0;visibility:hidden;}
#mk:checked + .service_item .check{opacity:0;visibility:hidden;}

#ad:checked + .service_item p.ad-icon:before{content: url(../img/SVG/icon-ad-bl.svg);width: 50px;display: inline-block;padding: 10px 0 0 10px;}
#mv:checked + .service_item p.mv-icon:before{content: url(../img/SVG/icon-mv-bl.svg);width: 50px;display: inline-block;float: left;padding: 10px 0 0 10px;}
#mk:checked + .service_item p.mk-icon:before{content: url(../img/SVG/icon-mk-bl.svg);width: 50px;display: inline-block;float: left;padding: 10px 0 0 10px;}
#ad:checked + .service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 20px;display: block;margin: 10px auto;}
#mv:checked + .service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 20px;display: block;margin: 10px auto;}
#mk:checked + .service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 20px;display: block;margin: 10px auto;}

.service_item p.ad-icon:before{content: url(../img/SVG/icon-ad-bk.svg);width: 50px;display: inline-block;float: left;padding: 10px 0 0 10px;}
.service_item p.mv-icon:before{content: url(../img/SVG/icon-mv-bk.svg);width: 50px;display: inline-block;float: left;padding: 10px 0 0 10px;}
.service_item p.mk-icon:before{content: url(../img/SVG/icon-mk-bk.svg);width: 50px;display: inline-block;float: left;padding: 10px 0 0 10px;}
.service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bk.svg);width: 20px;display: block;margin:10px auto;padding-left: 30px;}

.service_item span.ad-tab{line-height:70px;display:block;padding-right: 25px;font-size: 1.2em;}
.service_item span.mv-tab{line-height:70px;display:block;padding-right: 25px;font-size: 1.2em;}
.service_item span.mk-tab{line-height: 25px;padding: 10px 0;display: block;padding-right: 15px;}
.service_content {display: none;clear: both;overflow: hidden;transition: all 0.3s;padding: 1% 0 0 0;margin: 0 auto;}

#ad:checked ~ #contents_ad, #mv:checked ~ #contents_mv, #mk:checked ~ #contents_mk {display: block;}

.service-tab input:checked + .service_item p {background-color: #60c1c2;color: #FFF;margin-top: 2%;}
#service p.explanation{line-height:2em;}

.service-001{margin-top: 1%;}
.service-001 img.img-001{display:inline-block;width:350px;margin-right: 4%;vertical-align:middle;}
.service-001 .text-box{display:inline-block; width:550px; text-align:left; vertical-align:middle;}
.service-001 .text-box h2{font-size:1.6em; font-weight:bold; margin:1% 0;}
.service-001 .text-box .type{height:10px;}
.service-001 .text-box p{line-height:2em; text-align:justify;}
.service-001 .text-box h2 span.br:after{content:'・';}
.service-001 a.text-link-small-bl{margin-top: 3%;display: block;width: 140px;}

.service-002{margin-top: 3%;}
.service-002 h2{font-size:1.6em;font-weight:bold;margin: .5% 0 0 0;}
.service-002 .type{height:10px;}
.service-002 ul.point-box {list-style: none;max-width: 1000px;margin: 2% auto 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.service-002 ul.point-box li {width: calc(98%/3);max-width: 330px;margin-bottom: 2%;background: #f7f8f8;padding: 40px 10px;box-sizing: border-box; position:relative;}
.service-002 ul.point-box li h3{font-weight:bold; font-size:.9em;}
.service-002 ul.point-box li p{font-size:.9em;text-align:justify;width:280px;margin:1% auto;line-height: 1.7em;}
.service-002 ul.point-box li span.notice{font-size:.7em;display:block;width: 273px;text-align:left;position:absolute;bottom:20px;left:0;right:0;margin:0 auto;}

.service-003{}
.service-003 .movie{background:#60c1c2;padding:2%;margin:2% 0;color:#FFF;text-align: center;}
.service-003 .movie h2{margin:0; font-weight:bold;}
.service-003 .movie img.type{height:10px; margin-top:0;}
.service-003 .movie .play-box{position:relative;width:900px;margin: 1% auto;text-align:center;}
.service-003 .movie .play-box img.play{width:75px; position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.service-004{margin-top: 3%;}
.service-004 h2{font-size:1.6em;font-weight:bold;margin: .5% 0 0 0;}
.service-004 .type{height:10px;}

.service-004 ul.flow-box-04 {list-style: none;max-width: 1000px;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.service-004 ul.flow-box-04 li {width: calc(100%/4);margin-bottom: 2%;padding: 40px 0px;box-sizing: border-box;text-align: center;position:relative;max-width: 209px;}
.service-004 ul.flow-box-04 li img.img-002{height:10px;}
.service-004 ul.flow-box-04 li h3{font-weight:bold;font-size: 1em;margin: 2% 0;}
.service-004 ul.flow-box-04 li p{font-size: .9em;text-align:justify;margin: 6% auto;line-height: 1.7em;}
.service-004 ul.flow-box-04 li span.notice{font-size:.7em; display:block; width:280px; text-align:left; position:absolute; bottom:20px; left:0; right:0; margin:0 auto;}
.service-004 ul.flow-box-04 li:after{content: url(../img/SVG/icon-sarrow-right-bl.svg);width: 20px;display:block;margin:10px auto;position:absolute;right: -19%;top: 25%;}
.service-004 ul.flow-box-04 li:last-child:after{content:unset;}

.service-004 ul.flow-box {list-style: none;max-width: 840px;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.service-004 ul.flow-box li {width: calc(100%/3);margin-bottom: 2%;padding: 40px 0px;box-sizing: border-box;text-align: center;position:relative;max-width: 218px;}
.service-004 ul.flow-box li img.img-002{height:10px;}
.service-004 ul.flow-box li h3{font-weight:bold;font-size: 1em;margin: 2% 0;}
.service-004 ul.flow-box li p{font-size: .8em;text-align:justify;margin: 5% auto;line-height: 1.7em;}
.service-004 ul.flow-box li span.notice{font-size:.7em; display:block; width:280px; text-align:left; position:absolute; bottom:20px; left:0; right:0; margin:0 auto;}
.service-004 ul.flow-box li:after{content: url(../img/SVG/icon-sarrow-right-bl.svg);width: 20px;display:block;margin:10px auto;position:absolute;right: -28%;top: 27%;}
.service-004 ul.flow-box li:last-child:after{content:unset;}

.service-005{margin-top: 1%;padding: 2% 0;background:#f7f8f8;}
.service-005 img.img-001{display:inline-block;width:350px;margin-right: 1%;vertical-align:middle;}
.service-005 .text-box{display:inline-block;width: 650px;text-align:left;vertical-align:middle;text-align:center;}
.service-005 .text-box h2{font-size:1.6em;font-weight:bold;margin: 0;}
.service-005 .text-box .type{height:10px;}
.service-005 .bnr{max-width:500px;display:block;margin: 1% auto 0 auto;}
.service-005 a span{display:block;margin-top: .5%; font-weight:bold;}


.service-005 ul.price-box{text-align: -webkit-auto;}
.service-005 ul.price-box h3{background:#60c1c2;color:#FFF;width: 200px;border-radius:50px;display:inline-block;text-align: center;margin-right: 20px;vertical-align: middle;font-size: 1em;}
.service-005 ul.price-box p{display:inline-block;width: 420px;vertical-align:middle;font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.service-005 ul.price-box .box{display:inline-block;width: 420px;vertical-align:middle;font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.service-005 ul.price-box .ad-price-01{border-bottom: 1px solid #999;padding-bottom:10px;}
.service-005 ul.price-box .ad-price-01 span.tax-out{font-size:3em;font-weight:bold;display:inline-block;}
.service-005 ul.price-box .ad-price-01 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .ad-price-01 span.tax-in{font-size: 1em;font-weight:bold;display:inline-block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .ad-price-01 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .ad-price-01 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .ad-price-01 span.notice{display:block;text-align:left;font-size: .7em;width: 400px;font-weight: bold;}

.service-005 ul.price-box .ad-price-02{}
.service-005 ul.price-box .ad-price-02 span.tax-out{font-size:3em;font-weight:bold;display:inline-block;vertical-align:middle;}
.service-005 ul.price-box .ad-price-02 span.tax-out:before{content:'月額広告費用の'; font-size:.5em; margin-right:10px;}
.service-005 ul.price-box .ad-price-02 span.tax-out:after{content:'%'; font-size:.8em; margin-left:5px;}
.service-005 ul.price-box .ad-price-02 span.explanation{font-size: .9em;font-weight:bold;display:inline-block;vertical-align: bottom;border: 1px solid;padding: 1% 2%;margin-bottom: 2%;}
.service-005 ul.price-box .ad-price-02 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .ad-price-02 span.notice{display:block;text-align:left;font-size: .7em;width: 400px;font-weight: bold;}

.service-005 ul.price-box .mv-price-01{border-bottom: 1px solid #999;padding-bottom:10px;}
.service-005 ul.price-box .mv-price-01 span.tax-out:before{content:'1本';font-size:.5em;margin-right: 7px;}
.service-005 ul.price-box .mv-price-01 span.tax-out{font-size: 2.7em;font-weight:bold;display:inline-block;}
.service-005 ul.price-box .mv-price-01 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mv-price-01 span.tax-in{font-size: 1em;font-weight:bold;display:inline-block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mv-price-01 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mv-price-01 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mv-price-01 span.notice{display:block;text-align:left;font-size: .7em;width: 400px;font-weight: bold;}

.service-005 ul.price-box .mv-price-02{}
.service-005 ul.price-box .mv-price-02 span.tax-out:before{content:'1日';font-size:.5em;margin-right: 7px;}
.service-005 ul.price-box .mv-price-02 span.tax-out{font-size: 2.7em;font-weight:bold;display:inline-block;}
.service-005 ul.price-box .mv-price-02 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mv-price-02 span.tax-in{font-size: 1em;font-weight:bold;display:inline-block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mv-price-02 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mv-price-02 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mv-price-02 span.notice{display:block;text-align:left;font-size: .7em;width: 400px;font-weight: bold;}

.service-005 ul.price-box .mk-price-01 h3,
.service-005 ul.price-box .mk-price-02 h3
{background:#60c1c2;color:#FFF;width: 200px;border-radius:50px;display:inline-block;text-align: center;margin-right: 20px;vertical-align: top;font-size: 1em;margin-top: 20px;}

.service-005 ul.price-box .mk-price-01{border-bottom: 1px solid #999;padding-bottom: 19px;}
.service-005 ul.price-box .mk-price-01 span.tax-out{font-size: 2.7em;font-weight:bold;display:inline-block;}
.service-005 ul.price-box .mk-price-01 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mk-price-01 span.tax-in{font-size: 1em;font-weight:bold;display:inline-block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mk-price-01 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mk-price-01 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mk-price-01 ul{font-size:.8em; font-weight:bold;}
.service-005 ul.price-box .mk-price-01 ul li{display:inline-block;}
.service-005 ul.price-box .mk-price-01 ul li:before{content:'・ ';}

.service-005 ul.price-box .mk-price-02{padding-top: 10px;}
.service-005 ul.price-box .mk-price-02 span.tax-out{font-size: 2.7em;font-weight:bold;display:inline-block;}
.service-005 ul.price-box .mk-price-02 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mk-price-02 span.tax-in{font-size: 1em;font-weight:bold;display:inline-block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mk-price-02 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mk-price-02 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mk-price-02 ul{font-size:.8em; font-weight:bold;}
.service-005 ul.price-box .mk-price-02 ul li{display:inline-block;}
.service-005 ul.price-box .mk-price-02 ul li:before{content:'・ ';}
.service-005 ul.price-box .mk-price-02 ul li span.notice:before{content:'（ ';}
.service-005 ul.price-box .mk-price-02 ul li span.notice:after{content:'） ';}

.service-006{}
.service-006 .box{text-align:left; border-bottom:1px solid #60c1c2; max-width:1000px; margin:0 auto;}
.service-006 .box h2{font-size:2em;margin-bottom: 0%;font-weight: bold;display:inline-block;padding:.5% 0;}
.service-006 .box img.type{height: 10px;margin-left:10px;}
.service-006 ul{width:1000px;margin: 1% auto;text-align:left;}
.service-006 ul li {margin-bottom:3%;}
.service-006 ul li h3{font-size:1em;font-weight:bold;margin: 1% 0;}
.service-006 ul li h3:before{content:'Q';font-size:.8em;display: inline-block;width:5%; background:#707070; color:#FFF; font-weight:bold; text-align:center; margin-right:1.5%;}
.service-006 ul li span.ans{display:inline-block;vertical-align:top;width:5%;vertical-align:top;margin-right: 1.2%;}
.service-006 ul li span.ans:before{content:'A';font-size:.8em;display: inline-block;width:100%; background:#60c1c2; color:#FFF; font-weight:bold; text-align:center;}
.service-006 ul li p{line-height: 2em;font-size: 1em;margin: 0;display:inline-block;width:90%;vertical-align:top;}

.service-tab .text-link{margin:4% auto;}
/*********************  事例紹介　*********************/	
#works .inner{}
#works .inner h2{font-size:1em;margin: 2% a;font-weight: bold;width: 285px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#works .inner p{line-height: 2em;text-align: left;font-size: .8em;}
#works ul.list {list-style: none;max-width: 1000px;margin: 5% auto 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#works ul.list li {width: calc(96%/3);max-width:300px;margin-bottom: 2%;}
#works ul.list::after{content:"";display: block;width:33%;}
#works ul.list li .image-box {position: relative;overflow: hidden;max-width: 300px;height: 300px;}
#works ul.list li .image-box .image-field img {transition: all .5s;}
#works ul.list li .image-box .image-field img:hover {transform: scale(1.2, 1.2);}
#works ul.list li h3{font-size:1em; font-weight:bold;width: 285px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#works img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#works .text-link{margin-left:auto;margin-right:auto;}

/*********************  お役立ち資料　*********************/	
#document .inner{}
#document .inner h2{font-size:1em;margin: 2% a;font-weight: bold;width: 285px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#document .inner p{line-height: 2em;text-align: left;font-size: .8em;}
#document ul.list {list-style: none;max-width: 1000px;margin: 5% auto 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#document ul.list li {width: calc(96%/3);max-width:300px;margin-bottom: 2%;}
#document ul.list::after{content:"";display: block;width:33%;}
#document ul.list li .image-box {position: relative;overflow: hidden;max-width: 300px;height: 300px;}
#document ul.list li .image-box .image-field img {transition: all .5s;}
#document ul.list li .image-box .image-field img:hover {transform: scale(1.2, 1.2);}
#document ul.list li h3{font-size:1em; font-weight:bold;width: 285px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#document span.date{position:absolute;padding: 2%;top: 0;left:0;font-size:.7em;}
#document img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#document .text-link{margin-left:auto;margin-right:auto;}

/*********************  ページネーション（アーカイブ）　*********************/	
ul.page-numbers {text-align: center;margin: 40px auto;width: 100%;}
ul.page-numbers li {display: inline-block;}
ul.page-numbers li a.page-numbers {display: inline-block;color: #60c1c2;width: 35px;margin: 5px;font-size: 1.5em;border: 1px solid #60c1c2;transition: all .5s;vertical-align: middle;}
ul.page-numbers li a.page-numbers:hover {display: inline-block;color: #FFF;width: 35px;margin: 5px;font-size: 1.5em;border: 1px solid #60c1c2;background: #60c1c2;}
ul.page-numbers li a.dots {display: inline-block;color: #60c1c2;width: 35px;margin: 5px;font-size: 1.5em;border: 0px solid #60c1c2;vertical-align: middle;}
ul.page-numbers li a.dots:hover {color: #707070;width: 35px;margin: 5px;font-size: 1.5em;border: 0px solid #60c1c2;background: #FFF;}
ul.page-numbers li a {color: #60c1c2;}
ul.page-numbers li span.current {background: #60c1c2 !important;width: 35px;margin: 5px;font-size: 1.5em;border: 1px solid #60c1c2;display: inline-block;vertical-align: middle;color:#FFF;}

/*********************  シングルページ　*********************/			
#post .inner{}
#post .inner .intro-box{max-width:1024px;margin: 3% auto;text-align: center;}
#post .inner img.type{height:15px;margin: 2% auto;display: block;}
#post .inner span.date{font-size:1em; font-family:sans-serif;}
#post .inner h1{font-size:1.6em; font-family:sans-serif; font-weight:bold; margin:1.5% 0;}
#post .inner a.regular-link{transition: .3s;font-size:.8em;}
#post .inner a.regular-link:before{content:'WEBSITE：';}
#post .inner a.regular-link:hover{color:#60c1c2;}
#post .inner p.text{text-align: justify;font-size: .9em;line-height: 2.2em;max-width: 900px;margin:0 auto;}

#post .business-box{background:#f7f8f8;max-width:100%;padding: 1% 0;margin: 2% 0;box-sizing: border-box;text-align: center;}
#post .business-box .inner{max-width:1000px; margin:0 auto;}
#post .business-box .img-001{display:inline-block;width: 10%;margin-right: 1%;}
#post .business-box .img-002{display:inline-block;width: 19%;}
#post .business-box h2 span:before{content:'当社業務内容：';}
#post .business-box h2 span{display:block;margin-top: 3%;font-weight:bold;background: #60c1c2;color: #FFF;width: 700px;margin: 0 auto;}
#post .business-box ul{list-style: none;max-width: 900px;margin: 4% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
#post .business-box ul li {width: calc(100%/4);text-align: center;font-size: 1.2em;font-weight:bold;}
#post .business-box ul li:before{content:'・ ';}

#post .contents-box{}
#post .contents-box .movie{background:#60c1c2;padding:2%;margin:2% 0;color:#FFF;text-align: center;}
#post .contents-box .movie h2{margin:0; font-weight:bold;}
#post .contents-box .movie h3{margin:0; }
#post .contents-box .movie img.type{height:10px; margin-top:0;}
#post .contents-box .movie div.movie-box{width:900px; margin:0 auto; text-align:center;}
#post .contents-box .movie .play-box{position:relative; margin-top:2%;}
#post .contents-box .movie .play-box img.play{width:75px; position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

#post .contents-box .movie ul{list-style: none;max-width: 900px;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
#post .contents-box .movie ul li {width: calc(96%/2);margin: 1%;text-align: center;font-size: 1.2em;font-weight:bold;}
#post .contents-box .movie ul::after{content:"";display: block;width:50%;}

#post .contents-box h2.title{margin:0;font-weight:bold;text-align:center;margin: 3% auto 2% auto;border-bottom: 1px solid;max-width: 900px;padding-bottom: 1%;}

#post .contents-box h2{margin:0;font-weight:bold;text-align:center;padding-bottom:.5%;}

#post .contents-box .gallery .box{position:relative;text-align:left;border-bottom:1px solid #60c1c2;width: 1000px;margin: 0 auto;}
#post .contents-box .gallery .box h2{font-size: 1.6em;margin-bottom: 0%;font-weight: bold;display:inline-block;padding: .5% 1% .5% 0;vertical-align: bottom;}
#post .contents-box .gallery .box img.type{height: 10px;margin-left:10px;display: inline-block;margin: unset;padding: 1% 0;}

#post .contents-box .image{margin:3% auto;max-width: 1000px;}
#post .contents-box ul.gallery-box{list-style: none;max-width: 1000px;margin: 1% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#post .contents-box ul.gallery-box li{width: calc(92%/4);margin: 1% 1%;}
#post .contents-box ul.gallery-box li span{display:block; text-align:center; font-size:.8em;}

#post .download-box .acd-check {display: none;}
#post .download-box .acd-label {display: block;width: 300px;margin: 0 auto;}
#post .download-box .acd-check:checked + .acd-label + .acd-content {height: auto;min-height: 100%;opacity: 1;padding: 0;visibility: visible;color: #3f220f;padding: 2%;margin: 5% 0;background: #fbfbfb;border: 1px solid #60c1c2;}
#post .download-box .acd-content {height: 0;opacity: 0;padding: 0 10px;transition: .5s;visibility: hidden;}
#post .download-box .text-link{margin-left:auto;margin-right:auto;}

#post .download-box{}
#post .download-box .inner{max-width: 670px;margin: 3% auto;padding: 0% 2%;text-align: center;}
#post .download-box h2 span{display:block;margin-top: 3%; font-size:.8em; color:#60c1c2;}
#post .download-box p{font-size:.8em; margin-bottom:5%;}
#post .download-box .img-001{display:inline-block;width: 20%;margin-right: 1%;}
#post .download-box .img-002{display:inline-block;width: 36%;}
#post .download-box img.type{height: 10px;}
#post .download-box label{display:block;}
#post .download-box p.title{display:inline-block;width: 30%;text-align:left;margin:0 10px 0;vertical-align:middle;font-size: 1em;}
#post .download-box span.asterisk:before{content:'※'; font-size:.6em; margin-left:5px;}
#post .download-box input[type="submit"] {-webkit-appearance: none;margin: 3% auto 5% auto;display: block;text-decoration: none;color: #FFF;border: solid 2px #FFF;transition: .4s;font-size: 1em;background:none;background-color:#999;width: 300px;padding: 2%;border-radius: 50px;}
#post .download-box input[type="submit"]:hover {background: #60c1c2;color: #FFF;}

#post .single-paging{width:1000px;margin: 0 auto 3% auto;display: flex;flex-direction: row;justify-content: space-between;}
#post .single-paging .prev{}
#post .single-paging .next{}
#post .single-paging .view{}
#post .single-paging .prev,
#post .single-paging .next,
#post .single-paging .view {font-size:.9em;position: relative;display: inline-block;margin-bottom: 1em;transition: .3s;font-weight: bold;font-family: Helvetica, Arial, sans-serif;}
#post .single-paging .next{}
#post .single-paging .prev:after,
#post .single-paging .next:after, 
#post .single-paging .view:after{content: '';position: absolute;left: 50%;bottom: -5px;display: inline-block;width: 100%;height: 1px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #60c1c2;transition: .3s ease-in-out;}
#post .single-paging .prev:hover:after,
#post .single-paging .next:hover:after,
#post .single-paging .view:hover:after{width: 60%;}
#post .single-paging .prev a:before {content: url(../img/SVG/icon-arrow-left-bl.svg);display: inline-block;width: 15px;margin-right: 10px;transition: .3s;}
#post .single-paging .next a:after {content: url(../img/SVG/icon-arrow-right-bl.svg);display: inline-block;width: 15px;margin-left: 10px;transition: .3s;}


/*********************  ダウンロードページ　*********************/	
#download p{font-weight:bold;margin: 5% 0 0% 0;line-height:3em;}
#download p br{display:none;}
#download ul{list-style: none;max-width: 600px;margin: 0 auto 5% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;background: #fbfbfb;padding: 2%;/* border: 1px solid #60c1c2; */}
#download ul li{width: calc(96%/3);margin: .5%;}
#download ul li img{width: 50%;margin-bottom: 2%;}
#download ul li span.filename{display:block;}
#download ul li span.filesize{display:block;font-size: .7em;}
#download ul li a{transition: all .5s;}
#download ul li a:hover{color:#60c1c2;}
#download .text-link{margin-left:auto;margin-right:auto;}

/*********************  コンタクト　*********************/	
#contact .contact-box{max-width: 670px;margin: 4% auto 0 auto;}
#contact .contact-box .inner{max-width: 600px;margin: 3% auto;padding: 0% 2%;text-align: center;border: 1px solid #707070;}
#contact .contact-box .inner h2{font-size: 1.5em;margin-bottom: 1%;font-weight: bold;}
#contact .contact-box img.type{height: 10px;}
#contact .contact-box .form-box{margin:5% 0;}
#contact .contact-box label{display:block;}
#contact .contact-box p.title{display:inline-block;width: 30%;text-align:left;margin:0 10px 0;vertical-align:middle;}
#contact .contact-box p.title.last{display:block;width: 100%;text-align:left;margin: 15px 28px 0;vertical-align:middle;}
#contact .contact-box span.asterisk:before{content:'※'; font-size:.6em; margin-left:5px;}
		
#footer .contact-box{}
#footer .contact-box .inner{max-width: 600px;margin: 3% auto;padding: 0% 2%;text-align: center;border: 1px solid #707070;}
#footer .contact-box .inner h2{font-size: 1.5em;margin-bottom: 1%;font-weight: bold;}
#footer .contact-box img.type{height: 10px;}
#footer .contact-box .form-box{margin:5% 0;}
#footer .contact-box label{display:block;}
#footer .contact-box p.title{display:inline-block;width: 30%;text-align:left;margin:0 10px 0;vertical-align:middle;}
#footer .contact-box p.title.last{display:block;width: 100%;text-align:left;margin: 15px 28px 0;vertical-align:middle;}
#footer .contact-box span.asterisk:before{content:'※'; font-size:.6em; margin-left:5px;}

input[type="text"],
input[type="email"],
input[type="tel"] ,
input[type="date"],select
{display: inline-block;font-size: 16px;font-family: sans-serif;color: #666;line-height: 1.3;height: 38px;padding: .6em 1.4em .5em .8em;width: 60%;max-width: 100%;box-sizing: border-box;margin: 1% 0 3% 0;border: 1px solid #aaa;-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;}
textarea {display: inline-block;font-size: 16px;font-family: sans-serif;font-weight: 700;color: #666;line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 93%;max-width: 100%;box-sizing: border-box;margin: 10px 0 0 11px;border: 1px solid #aaa;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;vertical-align:middle;}
input[type="submit"] {-webkit-appearance: none;border-radius: 0;margin:7% auto 5% auto;display: block;padding: .2em;text-decoration: none;color: #FFF;border: solid 2px #FFF;transition: .4s;font-size: 1em;background:none;background-color:#999;width:200px;}
input[type="submit"]:hover {background: #60c1c2;color: #FFF;}
input:focus, .list1 select:focus, .list1 textarea:focus {}
input{font-size:16px;}

/*********************  サンクス　*********************/	
#thanks p{font-weight:bold; margin:4% 0 5% 0; line-height:3em;}
#thanks .text-link{margin-left:auto;margin-right:auto;}

/*********************  ポリシー　*********************/			
#policy .inner{text-align:center;width:800px;box-sizing:border-box;font-size:.9em;}
#policy .policy-box{border:1px solid;box-sizing: border-box;max-width: 770px;margin: 3% auto 0 auto;padding: 0 4%;}
#policy h2{margin-top:5%;}
#policy a{background:#2c3338;padding: 1%;box-sizing:border-box;color:#FFF;margin: 2% auto;display: block;width: 400px;font-size: .8em;}
#policy p{text-align:left;margin: 0 0 1% 0;line-height:2em;padding: 0 2%;}
#policy ul{text-align:left;padding: 1% 3%;width: 705px;margin: 0 auto 2% auto;background: #f3f3f3;list-style: none;line-height: 2em;box-sizing: border-box;}
#policy ul li{margin:2% 0;}
#policy p.center{text-align:center;}
#policy p.center:last-child{background: #f3f3f3;padding:1% 0;margin-bottom: 4%;}

/*********************  404　*********************/	
#error .inner{max-width: 1000px;margin: 0 auto 3% auto;padding: 2% 0;text-align: center;}
#error .inner .type-big{max-height: 250px;}
#error .inner h1 span{display:block; font-size:.7em; margin:2%; color:#60c1c2;}
#error p{font-weight:bold; margin:4% 0 5% 0; line-height:3em;}
#error .text-link{margin-left:auto;margin-right:auto;}

/*********************  フッターメニュー　*********************/			
#footer .company-box{background:#f7f8f8;padding: 2% 0;}
#footer .company-box .inner{max-width:1000px;margin: 0% auto;}
#footer .company-box .info{width: 520px;display:inline-block;margin-right: 30px;vertical-align: top;}
#footer .company-box .info span.catch{display:block;font-size: 1.3em;font-weight:bold;margin-top: 3%;}
#footer .company-box .info span.catch:before{content:'「';}
#footer .company-box .info span.catch:after{content:'」';}
#footer .company-box img.img-001{display:inline-block;margin-right: 6%;width: 27%;}
#footer .company-box img.img-002{display:inline-block;width: 60%;}

#footer .company-box .info ul{}
#footer .company-box .info ul li{margin:1%;}
#footer .company-box .info span.president:before{content:'代表取締役：';}
#footer .company-box .info span.found:before{content:'設立：';}
#footer .company-box .info span.description:before{content:'事業内容：';}
#footer .company-box .info span.posta:before{content:'〒';}
#footer .company-box .info span.access:before{content:'アクセス：';}
#footer .company-box .info span.hours:before{content:'営業時間：';}
#footer .company-box .info span.holiday:before{content:'（';margin-right: 0;}
#footer .company-box .info span.holiday:after{content:'を除く）';margin-left: 0;}
#footer .company-box .map{display:inline-block;width: 440px;}
#footer .company-box .map iframe{width: 100%;height: 300px;}
#footer .company-box .map-about{display:inline-block;width: 440px;}
#footer .company-box .map-about iframe{width: 100%;height: 430px;}
/*********************  フッター(SNS)　*********************/			
#footer-nav .sns-box{text-align:center;margin-top: 2%;}
#footer-nav .sns-box h2 img{height:20px;}
#footer-nav .sns-box ul{width:200px;margin: 0% auto;text-align: center;}
#footer-nav .sns-box ul li{width:20%;display:inline-block;margin:0 1%;text-align: center;}

/*********************  フッター(ボトムナビ)　*********************/			
.back{background:#3e3a39}
#btm-nav{width: 6%;min-width: 85px;float: right;max-width: 100px;}
#btm-nav .sub-menu ul{list-style:none;margin: 0;}
#btm-nav .sub-menu ul li{padding: 8px;margin:10px 0;box-sizing:border-box;text-align: center;transition: all .2s linear;}
#btm-nav .sub-menu ul li img{width: 43px;display: block;margin: 0 auto;}
#btm-nav .sub-menu ul li a{display:block;text-align:center;color:#FFF;font-size:.7em;}
#btm-nav .sub-menu ul li.back:hover{background:#60c1c2;}
.headroom {position: fixed;bottom: 0;/* left: 0; */right: -100px;transition: all .2s linear;}
.headroom--unpinned {right: 0;}
.headroom--pinned {right: -100px;}
#copyright{text-align:center;font-size: .8em;margin-top: 1%;}
}

@media screen and (max-width: 1023px) {

*{padding:0;margin:0;}
img{max-width:100%;width: 100%;vertical-align:top;height: auto;}
p{font-size:.9em;}
span.br{display:block;}
	
.pc { display:none;}
.sp { display:block;}

/*********************  ドロワーメニュ　*********************/			
#drawer-menu {}
#drawer-menu .unshown {display:none;}
#drawer-menu #menu-open {position: absolute; top: 0; z-index: 9999;}
#drawer-menu #menu-open {background: #3e3a39;padding: 10px;width: 60px;height: 60px;position: fixed;top: 0;right: 0;box-sizing: border-box;}
#drawer-menu #menu-open img{width: 100%;}
#drawer-menu #menu-close {position: absolute;top: 0;right: 0;width: 60px;height: 60px;border-top: 0px;border-right: 0px;transition: .3s;padding:10px;box-sizing:border-box;}
#drawer-menu .menu-box {overflow: auto;top: 0;right: 0;z-index: -9999;background-color: #FFF;transition: .3s;-webkit-transform: translateX(0%);opacity:0;position: absolute;width: 100%;height: 100%;box-sizing: border-box;}
#drawer-menu #menu-input:checked ~ #menu-close {display: block; opacity: .5;}
#drawer-menu #menu-input:checked ~ .menu-box {position: fixed;-webkit-transform: translateX(0%);transform: translateX(0%);opacity:1;z-index: 9999;}
#drawer-menu .menu-box ul{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin: 0 auto;list-style: none;text-align: center;}
#drawer-menu .menu-box ul li{margin: 8% auto;padding: 1% 0 4% 0;text-align: center;display: block;}
#drawer-menu .menu-box ul li span{display: block;font-size: 1.3em;border-top: 1px solid #FFF;margin-top: 2%;padding-top: 5%;}
#drawer-menu .menu-box ul li img{height: 13px;width: 100%;margin-top: 5%;}
#drawer-menu .menu-box ul li a{text-decoration:none; color:#FFF;}
#drawer-menu .menu-box span.txt-001{position:absolute; bottom:2%; right:2%; color:#2c3338; font-size:.8em;}
#drawer-menu .menu-box ul li span{display:block;padding-bottom: 5%;transition: all .5s;color: #000;font-family: self;font-size: 1.2em;position:relative;font-size: 1.2em;font-family: sans-serif;}
#drawer-menu .menu-box ul li span:after {content: '';position: absolute;left: 50%;bottom: 0px;display: inline-block;width: 100%;height: 2px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color:#60c1c2;transition: all .5s;}
#head ul{position: fixed;top: 0;right: 84px;padding: 5px;z-index: 9999;width: 50%;text-align: center;max-width: 600px;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;display: unset;}

/*********************  リンク　*********************/			
.text-link{position: relative;width: 280px;height: 50px;line-height: 50px; display:block; text-align: center;font-size: 20px;border-radius: 50px;margin: auto;transition: .3s;}
.text-link .link-text{width: 100%;height: 100%;z-index: 10;}
.text-link.bl{border: 2px solid #60c1c2; color: #FFF; background: #60c1c2;}
.text-link.bl:hover{border: 2px solid #60c1c2; color: #60c1c2; background: #ffffff;}
.text-link.wh{border: 2px solid #60c1c2; color: #60c1c2; background: #fff;}
.text-link.wh:hover{border: 2px solid #60c1c2; color: #FFF; background: #60c1c2;}
.link-text.wh:after{content: url(../img/SVG/icon-arrow-wh.svg);display: inline-block;width: 13px;position:absolute;right:7%;transition: .1s;}
.text-link.bl:hover .link-text.wh:after{content: url(../img/SVG/icon-arrow-bl.svg);display: inline-block;width: 13px;position:absolute;right:7%;transition: .3s;}
.link-text.bl:after{content: url(../img/SVG/icon-arrow-bl.svg);display: inline-block;width: 13px;position:absolute;right:7%;transition: .1s;}
.text-link.wh:hover .link-text.bl:after{content: url(../img/SVG/icon-arrow-wh.svg);display: inline-block;width: 13px;position:absolute;right:7%;transition: .3s;}
.text-link-small-wh{width: 165px;background:#FFF;border:2px solid #FFF;border-radius:50px;padding:2% 6%;color:#60c1c2;font-size:.8em;bottom: 20px;transition: .3s;font-weight: bold;font-family: sans-serif;}
.text-link-small-wh:hover{background:#60c1c2;border:2px solid #FFF; color:#FFF;}
.text-link-small-bl{width: 165px;background:#60c1c2;border:2px solid #FFF;border-radius:50px;padding:2% 6%;color:#ffffff;font-size:.8em;transition: .1s;}
.text-link-small-bl:hover{background:#ffffff;border:2px solid #60c1c2; color:#60c1c2;}
.text-link-arrow-bl{color:#60c1c2;position: absolute;right: 10px;bottom: 10px;transition: .3s;}
.text-link-arrow-bl:after{content: url(../img/SVG/icon-arrow-right-bl.svg);display: inline-block;width: 18px;margin-left: 5px;}
.text-link-arrow-bl:hover{right:0;}
a.more-text:before{margin-left:2%;content:'…詳細を見る';color:#60c1c2;transition: .1s;}
a.more-text:hover:before{color:#2ea2cc;}

/*********************  ヘッドメニュー　*********************/			
#head{position:relative;padding: 0;}
#head .title{max-width: 75px;margin: 2px 0 0 7px;}
#head .title h1{margin: 8% 0 0 0;line-height: 0;}
#head .title h1 .type{width: 55%;margin:6% auto 0 auto;display:block;}
#head a.mail{display:block;background: #60c1c2;width: 60px;height: 60px;position: fixed;top:0;right: 60px;text-align:center;box-sizing:border-box;line-height:1em;transition: all .5s;z-index: 9999;}
#head a.mail .mail-btn{position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin: auto;width: 100%;}
#head a.mail img{width: 35px;padding-left: 4px;}
#head a.mail span{display:block;color:#FFF;font-size: .8em;margin-top: 2px;}

/*********************  パンくずリスト　*********************/
.crumbs ol {display: block;list-style-type: none;margin-block-start: 15px;margin-block-end: 0px;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 11px;padding-bottom: 2px;}
.crumbs ol li {display: inline-block;font-size: .9em;}
.crumbs ol li:nth-child(n + 2):before {content: '>';margin: 0 4px;color: #999;}
.crumbs ol li a {color: #999;}

/********************* トップページ　*********************/			
#top-001{}
#top-001 .inner{margin: 5% auto;box-sizing: border-box;text-align: center;max-width: 414px;}
#top-001 .inner h2{display: block;width: 100%;vertical-align: middle;text-align: center;margin: 7% 0;}
#top-001 .inner h2 .img-001{display:inline-block;width: 26%;margin-right: 4%;vertical-align: bottom;}
#top-001 .inner h2 .img-002{display:inline-block;width: 58%;}
#top-001 .inner h2 span{display:block;font-size: 1em;font-weight:bold;margin: 3% 0;}
#top-001 .inner h2 span:before{content:'「';}
#top-001 .inner h2 span:after{content:'」';}
#top-001 .inner .img-003{max-width: 400px;}
#top-002{background:#f7f8f8;}
#top-002 .inner{max-width:414px;margin: 0 auto;padding: 5% 0;text-align: center;}
#top-002 .inner .img-001{max-width: 350px;}
#top-002 .inner .text-box{width: 90%;text-align:center;margin:4% auto;}
#top-002 .inner .text-box h2{font-size: 1.5em;margin-bottom: 3%;font-weight: bold;}
#top-002 .inner .text-box img.type{height: 10px;}
#top-002 .inner .text-box p{line-height: 2em;text-align: justify;margin-bottom: 7%;}

#top-003{}
#top-003 .inner{max-width: 414px;margin: 0 auto;padding: 5% 0;text-align: center;}
#top-003 .inner h2{font-size: 1.5em;margin-bottom: 3%;font-weight: bold;}
#top-003 .inner img.type{height: 10px;}
#top-003 .inner p{line-height: 2em;text-align: justify;width: 90%;margin:0 auto;}
#top-003 .inner p br{display:none;}
#top-003 .inner ul.service-box {list-style: none;max-width: 1000px;margin: 3% auto 5% auto;}
#top-003 .inner ul.service-box li {width: 96%;margin: 4% auto;}
#top-003 .inner ul.service-box li .re-inner{background: #60c1c2;position:relative;padding: 5% 2%;}
#top-003 .inner ul.service-box li .re-inner img{}
#top-003 .inner ul.service-box li .re-inner .text-box{}
#top-003 .text-link-small-wh{margin:5% auto 2% auto; display:block;}
#top-003 .inner ul.service-box li h3{color:#FFF;margin: 4% 0;font-weight: bold;}
#top-003 .inner ul.service-box li p{text-align:justify;font-size:.9em;color:#FFF;}
#top-003 .ex-inner ul.detail-box{display:block;}
#top-003 .ex-inner ul.detail-box li{display:block;width: 100%;margin: 1% 0;background: #efefef;font-size: 1em;height: 70px;line-height: 70px;color: #5b5b5b;}
#top-003 ul.service-box li:first-child ul.detail-box li:first-child{line-height: 35px;}
#top-003 .inner .img-000{height: 15px;display:inline-block;vertical-align:middle;padding-top: 2px;width: 15px;}
#top-003 .inner .img-001{width: 150px;}
#top-003 .acd-btn{color:#FFF;display:inline-block;vertical-align:middle;padding-left: 30px;}
#top-003 .acd-check {display: none;}
#top-003 .acd-label {display: block;width: 100%;margin: 0 auto;background: #3e3a39;padding: 2% 0;transition: all .2s linear;}
#top-003 .acd-check:checked + .acd-label + .acd-content {height: auto;min-height: 100%;opacity: 1;padding: 0;visibility: visible;background: #ffffff;color: #3f220f;}
#top-003 .acd-content {height: 0px;opacity: 0;padding: 0;transition: .5s;visibility: unset;}
#top-003 .text-link{margin: 8% auto;}

#top-004{background:#f7f8f8;}
#top-004 .inner{max-width:414px;margin: 0 auto;padding: 5% 0;text-align: center;}
#top-004 .inner h2{font-size: 1.5em;margin-bottom: 3%;font-weight: bold;}
#top-004 .inner img.type{height: 10px;}
#top-004 .inner p{line-height: 2em;text-align: left;font-size: .8em;}
#top-004 ul {list-style: none;max-width: 414px;margin: 3% auto 6% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-evenly;}
#top-004 ul li {width: calc(96%/2); max-width:300px; margin-bottom:5%;}
#top-004 ul li::after{content:"";display: block;width:50%; max-width:300px;}
#top-004 ul li .image-box {position: relative;overflow: hidden;max-width: 200px;height: auto;}
#top-004 ul li .image-box .image-field img {transition: all .5s;}
#top-004 ul li h3{font-size: .9em;font-weight:bold;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 2% auto;}
#top-004 img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#top-004 .text-link{margin:8% auto;}

#top-005{padding: 2% 0 7% 0;}
#top-005 .inner{max-width: 414px;margin: 0 auto;padding: 2% 0 0 0;text-align: center;}
#top-005 .inner .box{position:relative;text-align:left;border-bottom:1px solid #60c1c2;padding: 2%;}
#top-005 .inner .box h2{font-size: 1.2em;margin-bottom: 0%;font-weight: bold;display:inline-block;padding:.5% 0;}
#top-005 .inner .box img.type{height: 10px;margin-left: 5px;display: inline-block;width: 70px;vertical-align:baseline;}
#top-005 .inner p{line-height: 2em;text-align: left;font-size: .8em;margin-bottom: 0;}
#top-005 ul {width: 96%;margin: 0 auto;}
#top-005 ul li {margin: 3% 0;}
#top-005 ul li .image-box {position: relative;overflow: hidden;max-width: 150px;height: auto;margin-right: 2%;display:inline-block;width: 35%;vertical-align: middle;}
#top-005 ul li .image-box .image-field img {transition: all .5s;}
#top-005 ul li .text-box{width: 60%;text-align:left;vertical-align: middle;display:inline-block;}
#top-005 ul li h3{font-size: .9em;font-weight:bold;margin: 1% 0;width:100%px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#top-005 ul li span.date{font-size: .7em;display: block;padding-left: 3px;}
#top-005 img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#top-005 .text-link{margin-left:auto;margin-right:auto;}
#top-005 .text-link-arrow-bl{font-size:.9em;}

/*********************  各種ページ設定　*********************/	
#pages .inner,
#archives .inner{width: 98%;max-width: 400px;margin:3% auto;padding: 2% 0;text-align: center;}
#pages .inner .type-big,
#archives .inner .type-big{max-height: 60px;}
#pages .inner h1 span,
#archives .inner h1 span{display:block; font-size:.7em; margin:5%; color:#60c1c2;}

/*********************  会社案内　*********************/	
#about .inner{}
#about .inner .type-big{}
#about .inner h1 span{}
#about .inner h2{font-weight:bold;font-size: 1.2em;margin: 5% auto;text-align: center;}
#about .inner h2 span{display:block;}
#about .inner .img-001{margin: 7% 0;}
#about .inner p{text-align: justify;line-height:2em;width: 90%;margin: 0 auto;}

#about .add-inner h3{margin: 7% 0;font-weight: bold;font-size: 0.9em;}
#about .add-inner {text-align:center;padding: 1% 1% 5% 1%;box-sizing:border-box;background: #edffff;}
#about .add-inner ul{font-weight: bold;width: 80%;margin: 0 auto;min-width: 300px;}
#about .add-inner ul li{display:inline-block;width: 100%;text-align:center;margin: 1% 1% 4% 1%;border-bottom: 2px solid #60c1c2;font-size: .9em;padding-bottom: 4%;}

/*********************  サービス　*********************/	
#service .inner{max-width: 414px;margin: 5% auto;padding: 2% 0;text-align: center; width:100%;}
.service-tab {background-color: #fff;text-align: center;margin: 0 auto;}
.service_item {height: 80px;font-size: .8em;display: inline-block;text-align: center;font-weight: bold;transition: all 0.3s;width: 30%;vertical-align: top;max-width: 149px;}
.service_item p{color: #707070;background: #ccc;}
.service_item.last{width: 36%;}
.service_item p{margin:0;min-height: 90px;/* padding: 3% 0 0 0; *//* margin-top: 5%; *//* box-sizing: border-box; */}

.service-tab img.check{height: 10px;display:block;margin: 0 auto;opacity:1;visibility:visible;}

input[name="service_item"] {display: none;}

#ad:checked + .service_item .check{opacity:0;visibility:hidden;}
#mv:checked + .service_item .check{opacity:0;visibility:hidden;}
#mk:checked + .service_item .check{opacity:0;visibility:hidden;}

#ad:checked + .service_item p.ad-icon:before{content: url(../img/SVG/icon-ad-bl.svg);width: 30px;display: block;margin: 8px auto 0 auto;}
#mv:checked + .service_item p.mv-icon:before{content: url(../img/SVG/icon-mv-bl.svg);width: 30px;display: block;margin: 8px auto 0 auto;}
#mk:checked + .service_item p.mk-icon:before{content: url(../img/SVG/icon-mk-bl.svg);width: 30px;display: block;margin: 8px auto 0 auto;}

#ad:checked + .service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 15px;display: block;margin: 10px auto;}
#mv:checked + .service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 15px;display: block;margin: 10px auto;}
#mk:checked + .service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 15px;display: block;margin: 10px auto;}

.service_item p.ad-icon:before{content: url(../img/SVG/icon-ad-bk.svg);width: 30px;display: block;margin: 8px auto 0 auto;padding-top: 6%;}
.service_item p.mv-icon:before{content: url(../img/SVG/icon-mv-bk.svg);width: 30px;display: block;margin: 8px auto 0 auto;padding-top: 6%;}
.service_item p.mk-icon:before{content: url(../img/SVG/icon-mk-bk.svg);width: 30px;display: block;margin: 8px auto 0 auto;padding-top: 6%;}

.service_item:after{content: url(../img/SVG/icon-sarrow-bottom-bk.svg);width: 15px;display: block; margin:10px auto;}

.service_item span.ad-tab{display:block;line-height: 43px;font-size: 1.2em;}
.service_item span.mv-tab{display:block;line-height: 43px;font-size: 1.2em;}
.service_item span.mk-tab{display: block;margin-top: 5px;line-height: 15px;}

.service_content {display: none;clear: both;overflow: hidden;transition: all 0.3s;padding: 8% 0 0 0;margin: 0 auto;}

#ad:checked ~ #contents_ad, #mv:checked ~ #contents_mv, #mk:checked ~ #contents_mk {display: block;}
.service-tab input:checked + .service_item p{background-color: #60c1c2;color: #FFF;}
#service p.explanation{line-height:2em;text-align:justify;width: 90%;margin:0 auto;max-width: 414px;}
#service p.explanation br{display:none;}

.service-001{margin: 10% auto;max-width:414px; width:90%;}
.service-001 img.img-001{width:100%; max-width:350px;margin-right: 4%;vertical-align:middle;}
.service-001 .text-box{width: 96%;text-align:center;margin: 0 auto;}
.service-001 .text-box h2{font-size:1.5em; font-weight:bold; margin:3% 0;}
.service-001 .text-box h2 span.br:after{display:block;}
.service-001 .text-box .type{height:10px;}
.service-001 .text-box p{line-height:2em; text-align:justify;}
.service-001 a.text-link-small-bl{margin: 10% auto;display: block;width: 140px;}


.service-002{margin: 10% auto;max-width:414px;width: 96%;}
.service-002 h2{font-size:1.5em; font-weight:bold; margin:3% 0;}
.service-002 .type{height:10px;}
.service-002 ul.point-box {}
.service-002 ul.point-box li {background: #f7f8f8;padding:5% 0;margin: 0 0 5% 0;}
.service-002 ul.point-box li img{max-width:307px;margin-bottom: 5%;}
.service-002 ul.point-box li h3{font-weight:bold;font-size: 1em;}
.service-002 ul.point-box li p{font-size:.9em;text-align:justify;width: 90%;margin: 3% auto;line-height: 1.7em;}
.service-002 ul.point-box li span.notice{font-size:.7em; display:block; width:90%; margin:2% auto;text-align:left; }

.service-003{}
.service-003 .movie{background:#60c1c2;padding:2% 2% 4% 2%;margin:2% 0;color:#FFF;text-align: center;}
.service-003 .movie h2{font-size:1.5em; font-weight:bold; margin:3% 0;}
.service-003 .movie img.type{height:10px; margin-top:0;}
.service-003 .movie .play-box{position:relative;max-width:414px;width:90%;margin: 1% auto;text-align:center;}
.service-003 .movie .play-box img.play{width:75px; position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.service-004{margin: 10% auto;max-width:414px;width: 96%;}
.service-004 h2{font-size:1.5em; font-weight:bold; margin:3% 0;}
.service-004 .type{height:10px;}

.service-004 ul.flow-box-04 {margin-top: 3%;}
.service-004 ul.flow-box-04 li {padding-bottom: 10%;position: relative;}
.service-004 ul.flow-box-04 li:last-child {padding-bottom: 0%;position: relative;}
.service-004 ul.flow-box-04 li img.img-001{width: 30%;display:inline-block;margin-right: 3%;vertical-align: middle;}
.service-004 ul.flow-box-04 li .text-box{display:inline-block;width: 60%;text-align:left;vertical-align: middle;}
.service-004 ul.flow-box-04 li img.img-002{height: 9px;width: auto;margin: 0;vertical-align: unset;padding-left: 2px;}
.service-004 ul.flow-box-04 li h3{font-weight:bold;font-size: 1em;margin: 0;}
.service-004 ul.flow-box-04 li p{font-size: .8em;text-align:justify;margin: 1% auto;line-height: 1.7em;min-height: 105px;}
.service-004 ul.flow-box-04 li span.notice{font-size:.7em; display:block; width:280px; text-align:left; position:absolute; bottom:20px; left:0; right:0; margin:0 auto;}
.service-004 ul.flow-box-04 li:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 20px;display:block;margin:10px auto;position:absolute;left: 16%;bottom: 0;}
.service-004 ul.flow-box-04 li:last-child:after{content:unset;}

.service-004 ul.flow-box {margin-top: 3%;}
.service-004 ul.flow-box li {padding-bottom: 10%;position: relative;}
.service-004 ul.flow-box li:last-child {padding-bottom: 0%;position: relative;}
.service-004 ul.flow-box li img.img-001{width: 30%;display:inline-block;margin-right: 3%;vertical-align: middle;}
.service-004 ul.flow-box li .text-box{display:inline-block;width: 60%;text-align:left;vertical-align: middle;}
.service-004 ul.flow-box li img.img-002{height: 9px;width: auto;margin: 0;vertical-align: unset;padding-left: 2px;}
.service-004 ul.flow-box li h3{font-weight:bold;font-size: 1em;margin: 0;}
.service-004 ul.flow-box li p{font-size: .8em;text-align:justify;margin: 1% auto;line-height: 1.7em;min-height: 100px;}
.service-004 ul.flow-box li span.notice{font-size:.7em; display:block; width:280px; text-align:left; position:absolute; bottom:20px; left:0; right:0; margin:0 auto;}
.service-004 ul.flow-box li:after{content: url(../img/SVG/icon-sarrow-bottom-bl.svg);width: 20px;display:block;margin:10px auto;position:absolute;left: 16%;bottom: 0;}
.service-004 ul.flow-box li:last-child:after{content:unset;}

.service-005{padding: 0 0 5% 0;background:#f7f8f8;margin-bottom: 5%;text-align: center;}
.service-005 img.img-001{width: 175px;}
.service-005 .text-box{display: block;width: 96%;text-align:center;margin: 0 auto;}
.service-005 .text-box h2{font-size:1.5em;font-weight:bold;margin: 1% 0;}
.service-005 .text-box .type{height:10px;}
.service-005 .bnr{width:90%;display:block;margin: 5% auto 0 auto;width: 300px;}
.service-005 a span{display:block;margin-top: 1%;font-weight:bold;font-size:.9em;}

.service-005 ul.price-box{text-align: -webkit-auto;max-width: 414px;margin: 0 auto;}
.service-005 ul.price-box h3{background:#60c1c2;color:#FFF;width: 200px;border-radius:50px;text-align: center;font-size: 1em;margin: 2% auto;}
.service-005 ul.price-box p{font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;text-align: center;}
.service-005 ul.price-box .box{display:inline-block;vertical-align:middle;font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.service-005 ul.price-box .ad-price-01{border-bottom: 1px solid #999;padding-bottom: 5%;}
.service-005 ul.price-box .ad-price-01 span.tax-out{font-size:3em;font-weight:bold;}
.service-005 ul.price-box .ad-price-01 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .ad-price-01 span.tax-in{font-size: 1em;font-weight:bold;display:inline-block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .ad-price-01 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .ad-price-01 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .ad-price-01 span.notice{display:block;text-align: center;font-size: .7em;font-weight: bold;}

.service-005 ul.price-box .ad-price-02{padding-top: 5%;}
.service-005 ul.price-box .ad-price-02 span.tax-out{font-size: 3.5em;font-weight:bold;}
.service-005 ul.price-box .ad-price-02 span.tax-out:before{content:'月額広告費用の';font-size:.5em;margin-right: 3px;}
.service-005 ul.price-box .ad-price-02 span.tax-out:after{content:'%'; font-size:.8em; margin-left:5px;}
.service-005 ul.price-box .ad-price-02 span.explanation{font-size: .8em;font-weight:bold;display:inline-block;vertical-align: bottom;border: 1px solid;padding: 1% 2%;margin-bottom: 2%;}
.service-005 ul.price-box .ad-price-02 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .ad-price-02 span.notice{display:block;text-align: center;font-size: .7em;font-weight: bold;}

.service-005 ul.price-box .mv-price-01{border-bottom: 1px solid #999;padding-bottom: 5%;}
.service-005 ul.price-box .mv-price-01 span.tax-out:before{content:'1本';font-size:.5em;margin-right: 7px;}
.service-005 ul.price-box .mv-price-01 span.tax-out{font-size: 2.7em;font-weight:bold;}
.service-005 ul.price-box .mv-price-01 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mv-price-01 span.tax-in{font-size: 1em;font-weight:bold;display: block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mv-price-01 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mv-price-01 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mv-price-01 span.notice{display:block;text-align: center;font-size: .7em;font-weight: bold;}

.service-005 ul.price-box .mv-price-02{padding-top: 5%;}
.service-005 ul.price-box .mv-price-02 span.tax-out:before{content:'1日';font-size:.5em;margin-right: 7px;}
.service-005 ul.price-box .mv-price-02 span.tax-out{font-size: 2.7em;font-weight:bold;}
.service-005 ul.price-box .mv-price-02 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mv-price-02 span.tax-in{font-size: 1em;font-weight:bold;display: block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mv-price-02 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mv-price-02 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mv-price-02 span.notice{display:block;text-align:left;font-size: .7em;width: 400px;font-weight: bold;}

.service-005 ul.price-box .mk-price-01 h3,
.service-005 ul.price-box .mk-price-02 h3
{background:#60c1c2;color:#FFF;width: 200px;border-radius:50px;text-align: center;margin-right: 20px;vertical-align: top;font-size: 1em;margin:2% auto;}

.service-005 ul.price-box .mk-price-01{border-bottom: 1px solid #999;padding-bottom: 5%;text-align: center;}
.service-005 ul.price-box .mk-price-01 span.tax-out{font-size: 2.7em;font-weight:bold;}
.service-005 ul.price-box .mk-price-01 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mk-price-01 span.tax-in{font-size: 1em;font-weight:bold;display: block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mk-price-01 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mk-price-01 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mk-price-01 ul{font-size:.8em; font-weight:bold;}
.service-005 ul.price-box .mk-price-01 ul li{display:inline-block;}
.service-005 ul.price-box .mk-price-01 ul li:before{content:'・ ';}

.service-005 ul.price-box .mk-price-02{padding-top: 5%;text-align: center;}
.service-005 ul.price-box .mk-price-02 span.tax-out{font-size: 2.7em;font-weight:bold;}
.service-005 ul.price-box .mk-price-02 span.tax-out:after{content:'円'; font-size:.5em;}
.service-005 ul.price-box .mk-price-02 span.tax-in{font-size: 1em;font-weight:bold;display: block;vertical-align: bottom;padding-bottom: 11px;}
.service-005 ul.price-box .mk-price-02 span.tax-in:before{content:'（税込 '; font-size:1em;}
.service-005 ul.price-box .mk-price-02 span.tax-in:after{content:'円）'; font-size:1em;}
.service-005 ul.price-box .mk-price-02 ul{font-size:.8em;font-weight:bold;text-align: left;max-width: 310px;}
.service-005 ul.price-box .mk-price-02 ul li{display:inline-block;}
.service-005 ul.price-box .mk-price-02 ul li:before{content:'・ ';}
.service-005 ul.price-box .mk-price-02 ul li span.notice{font-size:.7em;}
.service-005 ul.price-box .mk-price-02 ul li:nth-child(3) span.notice{display:block; padding:0 4%;}
.service-005 ul.price-box .mk-price-02 ul li span.notice:before{content:'（ ';}
.service-005 ul.price-box .mk-price-02 ul li span.notice:after{content:'） ';}

.service-006{}
.service-006 .box{position:relative;text-align:left;border-bottom:1px solid #60c1c2;width: 96%;margin: 0 auto;max-width: 414px;}
.service-006 .box h2{font-size: 1.2em;margin-bottom: 0%;font-weight: bold;display:inline-block;padding: .5% 1% .5% 0;vertical-align: middle;}
.service-006 .box img.type{height: 10px;margin-left:10px;display: inline-block;margin: unset;padding: 1% 0;width: 25px;vertical-align: middle;}
.service-006 ul{width: 91%;max-width: 400px;margin: 4% auto;text-align:left;box-sizing: border-box;}
.service-006 ul li {margin-bottom:3%;}
.service-006 ul li h3{font-size: 1em;font-weight:bold;margin-bottom: 1%;margin-left: 1rem;}
.service-006 ul li h3:before{content:'Q';font-size:.8em;display: inline-block;width:5%;background:#707070;color:#FFF;font-weight:bold;text-align:center;margin-left: -1.5rem;margin-right: 6px;}
.service-006 ul li span.ans{display:inline-block;vertical-align:top;width:5%;margin-right: 5px;margin-left: -8px;}
.service-006 ul li span.ans:before{content:'A';font-size:.8em;display: inline-block;width:100%; background:#60c1c2; color:#FFF; font-weight:bold; text-align:center;}
.service-006 ul li p{line-height: 2em;font-size: .8em;margin: 0;display:inline-block;width: 93%;vertical-align:top;}
.service-tab .text-link{margin: 8% auto;}

/*********************  事例紹介　*********************/	
#works .inner{}
#works .inner h2{font-size:1em;margin: 3% auto;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#works .inner p{line-height: 2em;text-align: left;font-size: .8em;}
#works ul.list {list-style: none;margin: 5% auto 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#works ul.list li {width: calc(96%/2);margin-bottom: 5%;}
#works ul.list::after{content:"";display: block;width:50%;}
#works ul.list li .image-box {position: relative;overflow: hidden;max-width: 200px;height: auto;}
#works ul.list li .image-box .image-field img {transition: all .5s;}
#works ul.list li h3{font-size:1em; font-weight:bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#works img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#works .text-link{margin-left:auto;margin-right:auto;}

/*********************  お役立ち資料　*********************/	
#document .inner{}
#document .inner h2{font-size:1em;margin: 3% auto;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#document .inner p{line-height: 2em;text-align: left;font-size: .8em;}
#document ul.list {list-style: none;margin: 5% auto 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#document ul.list li {width: calc(96%/2);margin-bottom: 5%;}
#document ul.list::after{content:"";display: block;width:50%;}
#document ul.list li .image-box {position: relative;overflow: hidden;max-width: 200px;height: 200px;}
#document ul.list li .image-box .image-field img {transition: all .5s;}
#document ul.list li h3{font-size:1em; font-weight:bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#document span.date{position:absolute;padding: 2%;top: 0;left:0;font-size:.7em;}
#document img.search{width: 13%;background:#60c1c2;position:absolute;padding: 2%;bottom: 0;right:0;box-sizing: border-box;}
#document .text-link{margin-left:auto;margin-right:auto;}

/*********************  ページネーション（アーカイブ）　*********************/	
ul.page-numbers {text-align: center;margin: 40px auto;width: 100%;}
ul.page-numbers li {display: inline-block!important;width: u;}
ul.page-numbers li a.page-numbers {display: inline-block;color: #60c1c2;width: 35px;margin: 5px;font-size: 1.5em;border: 1px solid #60c1c2;transition: all .5s;vertical-align: middle;}
ul.page-numbers li a.page-numbers:hover {display: inline-block;color: #FFF;width: 35px;margin: 5px;font-size: 1.5em;border: 1px solid #60c1c2;background: #60c1c2;}
ul.page-numbers li a.dots {display: inline-block;color: #60c1c2;width: 35px;margin: 5px;font-size: 1.5em;border: 0px solid #60c1c2;vertical-align: middle;}
ul.page-numbers li a.dots:hover {color: #707070;width: 35px;margin: 5px;font-size: 1.5em;border: 0px solid #60c1c2;background: #FFF;}
ul.page-numbers li a {color: #60c1c2;}
ul.page-numbers li span.current {background: #60c1c2 !important;width: 35px;margin: 5px;font-size: 1.5em;border: 1px solid #60c1c2;display: inline-block;vertical-align: middle;color:#FFF;}

/*********************  シングルページ　*********************/			
#post .inner{}
#post .inner .intro-box{max-width: 414px;width: 100%;margin: 5% auto 2% auto;text-align: center;}
#post .inner img.type{height: 10px;margin: 2% auto;display: block;}
#post .inner span.date{font-size:1em; font-family:sans-serif;}
#post .inner h1{font-size: 1.5em;font-family:sans-serif;font-weight:bold;margin:1.5% 0;}
#post .inner a.regular-link{transition: .3s;font-size:.8em;}
#post .inner a.regular-link:before{content:'WEBSITE：';}
#post .inner a.regular-link:hover{color:#60c1c2;}
#post .inner p.text{text-align: justify;font-size:.9em;line-height: 3em;max-width: 414px;width: 90%;margin:0 auto;}

#post .business-box{background:#f7f8f8;max-width:100%;padding: 4% 0;margin: 2% 0;box-sizing: border-box;text-align: center;}
#post .business-box .inner{max-width:414px;width: 90%;margin:0 auto;}
#post .business-box .img-001{display:inline-block;width: 18%;margin-right: 3%;vertical-align: bottom;}
#post .business-box .img-002{display:inline-block;width: 35%;}
#post .business-box h2 span:before{content: '当社業務内容';display: block;font-size: .6em;}
#post .business-box h2 span{display:block;margin-top: 7%;font-weight:bold;font-size: 1em;}
#post .business-box ul{list-style: none;max-width: 400px;margin: 4% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
#post .business-box ul li {width: calc(100%/2);font-size: 1em;font-weight:bold;margin: 2% 0;text-align: left;}
#post .business-box ul li:before{content:'・ ';}

#post .contents-box{}
#post .contents-box .movie{background:#60c1c2;padding: 2% 2% 4% 2%;margin:2% 0;color:#FFF;text-align: center;}
#post .contents-box .movie h2{margin:0;font-weight:bold;font-size: 1.4em;}
#post .contents-box .movie h3{margin:0;font-size: .9em;}
#post .contents-box .movie img.type{height:10px;margin-top: 0;}
#post .contents-box .movie div.movie-box{margin:0 auto;text-align:center;}
#post .contents-box .movie .play-box{position:relative;margin: 4% auto 0 auto;max-width: 414px;}
#post .contents-box .movie .play-box img.play{width: 20%;position:absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

#post .contents-box .movie ul{list-style: none;max-width: 414px;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
#post .contents-box .movie ul li {width: calc(96%/2);margin: 1%;text-align: center;font-size: 1.2em;font-weight:bold;}
#post .contents-box .movie ul::after{content:"";display: block;width:50%;}
#post .contents-box h2{margin:0;font-weight:bold;text-align:center;margin-bottom: 2%;}

#post .contents-box .image{margin:3% auto;max-width: 414px;width: 96%;}

#post .contents-box .gallery{margin:6% auto;}
#post .contents-box .gallery .box{position:relative;text-align:left;border-bottom:1px solid #60c1c2;width: 96%;margin: 0 auto;max-width: 414px;}
#post .contents-box .gallery .box h2{font-size: 1.2em;margin-bottom: 0%;font-weight: bold;display:inline-block;padding: .5% 1% .5% 0;vertical-align: middle;}
#post .contents-box .gallery .box img.type{height: 10px;margin-left:10px;display: inline-block;margin: unset;padding: 1% 0;width: 70px;vertical-align: middle;}
#post .contents-box ul.gallery-box{width: 95%;}
#post .contents-box ul.gallery-box{display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; display: -ms-flexbox; margin: 10px auto; text-align: center;}
#post .contents-box ul.gallery-box {width: 96%;list-style: none;max-width: 414px;}
#post .contents-box ul.gallery-box li{min-width: 320px;margin: 0 10px 5px 0; position:relative;}
#post .contents-box ul.gallery-box::-webkit-scrollbar {width: 5px; height: 5px;}
#post .contents-box ul.gallery-box:-webkit-scrollbar-track {background: #fff; border: none; border-radius: 10px; box-shadow: inset 0 0 2px #2ea2cc;}
#post .contents-box ul.gallery-box::-webkit-scrollbar-thumb {background: #60c1c2; border-radius: 10px; box-shadow: none;}
#post .contents-box ul.gallery-box span{display:block; margin:2%; font-size:.9em;}

#post .download-box .acd-check {display: none;}
#post .download-box .acd-label {display: block;width: 300px;margin: 6% auto;}
#post .download-box .acd-check:checked + .acd-label + .acd-content {height: auto;min-height: 100%;opacity: 1;visibility: visible;color: #3f220f;padding: 5% 3%;margin: 5% auto;background: #fbfbfb;border: 1px solid #60c1c2;max-width: 414px;width: 90%;}
#post .download-box .acd-content {height: 0;opacity: 0;padding: 0 10px;transition: .5s;visibility: hidden;}
#post .download-box .text-link{margin-left:auto;margin-right:auto;}

#post .download-box{}
#post .download-box .inner{max-width: 414px;width: 100%;margin: 0% auto;padding: 0%;text-align: center;}
#post .download-box h2 span{display:block;margin-top: 3%; font-size:.8em; color:#60c1c2;}
#post .download-box p{font-size:.8em;margin: 5% auto;width: 90%;}
#post .download-box .img-001{display:inline-block;width: 20%;margin-right: 1%;}
#post .download-box .img-002{display:inline-block;width: 36%;}
#post .download-box img.type{height: 10px;}
#post .download-box label{display:block;}
#post .download-box p.title{display: block;width: 90%;text-align:left;margin: 3% auto 1% auto;vertical-align:middle;font-size: 1em;padding-left: 1%;}
#post .download-box span.asterisk:before{content:'※'; font-size:.6em; margin-left:5px;}
#post .download-box input[type="submit"] {-webkit-appearance: none;margin: 5% auto;display: block;text-decoration: none;color: #FFF;border: solid 2px #FFF;transition: .4s;font-size: 1em;background:none;background-color:#999;width: 261px;padding: 2%;border-radius: 50px;}
#post .download-box input[type="submit"]:hover {background: #60c1c2;color: #FFF;}

#post .single-paging{max-width: 414px;margin: 5% auto;display: flex;flex-direction: row;justify-content: space-between;width: 96%;}
#post .single-paging .prev{}
#post .single-paging .next{}
#post .single-paging .view{}
#post .single-paging .prev,
#post .single-paging .next,
#post .single-paging .view {font-size:.9em;position: relative;display: inline-block;margin-bottom: 1em;transition: .3s;font-weight: bold;font-family: Helvetica, Arial, sans-serif;}
#post .single-paging .next{}
#post .single-paging .prev:after,
#post .single-paging .next:after, 
#post .single-paging .view:after{content: '';position: absolute;left: 50%;bottom: -5px;display: inline-block;width: 100%;height: 1px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #60c1c2;transition: .3s ease-in-out;}
#post .single-paging .prev:hover:after,
#post .single-paging .next:hover:after,
#post .single-paging .view:hover:after{width: 60%;}
#post .single-paging .prev a:before {content: url(../img/SVG/icon-arrow-left-bl.svg);display: inline-block;width: 15px;margin-right: 10px;transition: .3s;}
#post .single-paging .next a:after {content: url(../img/SVG/icon-arrow-right-bl.svg);display: inline-block;width: 15px;margin-left: 10px;transition: .3s;}

/*********************  コンタクト　*********************/	
#contact .contact-box{max-width: 670px;margin: 4% auto 0 auto;width: 90%;}
#contact .contact-box .inner{max-width: 600px;margin: 3% auto;padding: 0% 2%;text-align: center;border: 1px solid #707070;}
#contact .contact-box .inner h2{font-size: 1.5em;margin-bottom: 1%;font-weight: bold;}
#contact .contact-box img.type{height: 10px;}
#contact .contact-box .form-box{margin: 0 0 5% 0;}
#contact .contact-box label{display:block;margin-bottom: 3%;}
#contact .contact-box p.title{width: 100%;text-align:left;vertical-align:middle;}
#contact .contact-box p.title.last{display:block;width: 100%;text-align:left;vertical-align:middle;}
#contact .contact-box span.asterisk:before{content:'※'; font-size:.6em; margin-left:5px;}
		
#footer .contact-box{}
#footer .contact-box .inner{width: 92%;max-width: 400px;margin: 5% auto;padding: 2%;text-align: center;}
#footer .contact-box .inner h2{font-size: 1.5em;margin-bottom: 3%;font-weight: bold;}
#footer .contact-box img.type{height: 10px;}
#footer .contact-box .form-box{margin: 0 0 5% 0;}
#footer .contact-box label{display:block;margin-bottom: 3%;}
#footer .contact-box p.title{width: 100%;text-align:left;vertical-align:middle;}
#footer .contact-box p.title.last{display:block;width: 100%;text-align:left;vertical-align:middle;}
#footer .contact-box span.asterisk:before{content:'※'; font-size:.6em; margin-left:5px;}
input[type="text"],
input[type="email"],
input[type="tel"] ,
input[type="date"],select
{display: inline-block;font-size: 16px;font-family: sans-serif;color: #666;line-height: 1.3;height: 38px;padding: .6em 1.4em .5em .8em;max-width: 100%;box-sizing: border-box;margin: 1% 0 3% 0;border: 1px solid #aaa;-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;}
textarea {display: inline-block;font-size: 16px;font-family: sans-serif;font-weight: 700;color: #666;line-height: 1.3;padding: .6em 1.4em .5em .8em;max-width: 100%;box-sizing: border-box;border: 1px solid #aaa;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;vertical-align:middle;}
input[type="submit"] {-webkit-appearance: none;border-radius: 0;margin:7% auto 5% auto;display: block;padding: .2em;text-decoration: none;color: #FFF;border: solid 2px #FFF;transition: .4s;font-size: 1em;background:none;background-color: #60c1c2;width:200px;}
input:focus, .list1 select:focus, .list1 textarea:focus {}
input{font-size:16px;}

/*********************  ダウンロードページ　*********************/
#download .inner{margin-top:8%;}	
#download p{font-weight:bold;margin: 5% 0 0% 0;line-height: 2em;}
#download ul{list-style: none;margin: 5% auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;background: #fbfbfb;padding: 2%;/* border: 1px solid #60c1c2; */}
#download ul li{width: calc(76%/2);margin: 6%;}
#download ul::after{content:"";display: block;width:50%;}
#download ul li img{width: 70%;margin-bottom: 8%;}
#download ul li span.filename{display:block; font-size:.9em}
#download ul li span.filesize{display:block;font-size: .7em;}
#download ul li a{transition: all .5s;}
#download ul li a:hover{color:#60c1c2;}
#download .text-link{margin: 10% auto 5%  auto;}

/*********************  サンクス　*********************/	
#thanks .inner{margin-top:8%;}
#thanks p{font-weight:bold;margin: 4% 0 8% 0;line-height:2em;}
#thanks .text-link{margin-left:auto;margin-right:auto;}

/*********************  ポリシー　*********************/			
#policy .inner{text-align:center;width: 96%;box-sizing:border-box;font-size:.9em;}
#policy .type-big{width: 80%;}
#policy .policy-box{border:1px solid;box-sizing: border-box;max-width:100%;margin: 3% auto 0 auto;padding: 0 4%;}
#policy h2{margin: 4% 0;font-size: 1em;}
#policy a{background:#2c3338;padding: 1%;box-sizing:border-box;color:#FFF;margin: 2% auto;display: block;font-size: .8em;}
#policy a span{display:block;}
#policy p{text-align:left;margin: 0 0 1% 0;line-height:2em;padding: 0 2%;}
#policy ul{text-align:left;padding: 1% 3%;margin: 0 auto 2% auto;background: #f3f3f3;list-style: none;line-height: 2em;box-sizing: border-box;}
#policy ul li{margin:2% 0;}
#policy p.center{text-align: left;}
#policy p.center:last-child{background: #f3f3f3;padding:1% 0;margin-bottom: 4%;text-align: center;}
#policy p.center:last-child span{display:block;}

/*********************  404　*********************/	
#error .inner{width:80% 0;max-width: 400px;margin: 7% auto;padding: 2% 0;text-align: center;}
#error .inner .type-big{max-height: 150px;}
#error .inner h1 span{display:block; font-size:.7em; margin:2%; color:#60c1c2;}
#error p{font-weight:bold;margin:4% 0 5% 0;line-height:2em;font-size: .8em;}
#error .text-link{margin-left:auto;margin-right:auto;}


/*********************  フッターメニュー　*********************/			
#footer .company-box{background:#f7f8f8;padding: 4% 0 0 0;}
#footer .company-box .inner{max-width:100%;margin: 0% auto;}
#footer .company-box .info{width:100%;max-width: 414px;margin: 0 auto;}
#footer .company-box .info h2{text-align:center;}
#footer .company-box .info span.catch{display:block;font-size: 1em;font-weight:bold;margin-top: 3%;}
#footer .company-box .info span.catch:before{content:'「';}
#footer .company-box .info span.catch:after{content:'」';}
#footer .company-box img.img-001{display:inline-block;margin-right: 5%;width: 25%;vertical-align: bottom;}
#footer .company-box img.img-002{display:inline-block;width: 52%;}

#footer .company-box .info ul{font-size: .8em;max-width: 371px;margin: 4% auto;}
#footer .company-box .info ul.about-info{max-width:98%;}
#footer .company-box .info ul li{margin:1%;}
#footer .company-box .info span.president:before{content:'代表取締役：';}
#footer .company-box .info span.found:before{content:'設立：';}
#footer .company-box .info span.description:before{content:'事業内容：';}
#footer .company-box .info span.posta:before{content:'〒';}
#footer .company-box .info span.access:before{content:'アクセス：';}
#footer .company-box .info span.hours:before{content:'営業時間：';}
#footer .company-box .info span.holiday:before{content:'（'; margin-right:-5px;}
#footer .company-box .info span.holiday:after{content:'を除く）'; margin-left:-10px;}
#footer .company-box .map{width: 100%;max-width: 414px; margin:3% auto 0 auto;}
#footer .company-box .map iframe{width: 100%;height: 300px;}
#footer .company-box .map-about{width: 100%;max-width: 414px; margin:3% auto 0 auto;}
#footer .company-box .map-about iframe{width: 100%;height: 300px;}

/*********************  フッター(SNS)　*********************/			
#footer-nav .sns-box{text-align:center;margin-top: 5%;}
#footer-nav .sns-box h2 img{height:20px;}
#footer-nav .sns-box ul{width:200px;margin: 0% auto;text-align: center;}
#footer-nav .sns-box ul li{width:20%;display:inline-block;margin:0 1%;text-align: center;}

/*********************  フッター(ボトムナビ)　*********************/			
.back{background:#3e3a39}
#btm-nav{width: 6%;min-width: 85px;float: right;max-width: 100px;}
#btm-nav .sub-menu ul{list-style:none;margin: 0;}
#btm-nav .sub-menu ul li{padding: 8px;margin:10px 0;box-sizing:border-box;text-align: center;transition: all .2s linear;}
#btm-nav .sub-menu ul li img{width: 43px;display: block;margin: 0 auto;}
#btm-nav .sub-menu ul li a{display:block;text-align:center;color:#FFF;font-size:.7em;}
#btm-nav .sub-menu ul li.back:hover{background:#60c1c2;}
.headroom {position: fixed;bottom: 0;/* left: 0; */right: -100px;transition: all .2s linear;}
.headroom--unpinned {right: 0;}
.headroom--pinned {right: -100px;}
#copyright{text-align:center;font-size: .8em;margin: 3% 0;}
}

@media screen and (max-width:375px) {
#top-001 .inner h2 span{font-size: .9em;}
#post .business-box ul li {font-size: .9em;}
#footer .company-box .info span.catch{font-size: .9em;}
#footer .company-box .info span.posta{display:block;}
#footer .company-box .info ul{font-size: .8em;max-width: 298px;margin: 4% auto;}
#footer .company-box .info ul.about-info{max-width: 341px;font-size:.7em;}
}

@media screen and (max-width:320px) {
#top-001 .inner h2 span{font-size: .8em;}    
#top-005 .inner p{line-height: 2em;text-align: left;font-size: .7em;margin-bottom: 0;}
#about .inner h2{font-weight:bold;font-size: 1em;margin: 5% auto;text-align: center;}
.service-004 ul.flow-box-04 li p{font-size: .7em;text-align:justify;margin: 1% auto;line-height: 1.7em;}
.service-005 ul.price-box .ad-price-02 span.explanation{font-size: .7em;}

#post .business-box ul li {font-size: .8em;}
#post .business-box h2 span{font-size: .8em;}
#footer .company-box .info ul.about-info{max-width: 89%;font-size:.7em;}
#footer .company-box .info span.catch{font-size: .8em;}
#footer .company-box .info span.posta{display:block;}
#footer .company-box .info ul{font-size: .8em;max-width: 298px;margin: 4% auto;}
}