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

/*-------------------------------------
    全体要素
-------------------------------------*/
div#page_header {
    display: none;
}
a,a:hover {
	text-decoration: none;
	transition: .5s;
}
.post_content p {
	line-height: 1.6;
    margin: 0;
	letter-spacing: 0.1em;
}
p {
	letter-spacing: 0.05em;
	margin: 0;
}
.post_content dt {
    font-weight: normal;
}
.font-NTR {
	font-family: "NTR", sans-serif;
}

@media(max-width:1700px){
.service-main {
    width: 75%;
}	
}

@media(max-width:1440px){
.service-main {
    width: 73%;
}	
}

@media(max-width:1280px){
.service-main {
    width: 67%;
}	
}

@media(max-width:1024px){
.service-main {
    width: 63%;
}	
}

@media(max-width:990px){
.service-side {
    display: none;
}	
.service-main {
    width: 100%;
}	
}

/*-------------------------------------
    h3 見出し
-------------------------------------*/
.service-main section h3 {
    margin: 0 0 30px;
}

.svc-crea .service-main section h3 span {color: #378DC1;border-left: solid 2px #84B8D8;}
.svc-mkt .service-main section h3 span {color: #e38756;border-left: solid 2px #e8a987;}
.svc-ops .service-main section h3 span {color: #51c28e;border-left: solid 2px #99e1c0;}
.svc-photo .service-main section h3 span {color: #a589d4;border-left: solid 2px #c0a9e8;}

/*-------------------------------------
    サイドバー
-------------------------------------*/
.btn.service-link a {
    background: #E0E5E8;
    color: #093357;
}
.btn.service-link a span.arrow {
    background: #093357;
}
.btn.service-link a span.arrow span,
.btn.service-link a span.arrow span::before,
.btn.service-link a span.arrow span::after {
	background: #fff;
}

.service-side ul li.child ul li::before {
    content: '●';
    width: 0;
    color: #C4D4ED;
    position: relative;
    background: unset;
    font-size: 12px;
    top: -1px;
}

/*-------------------------------------
    ページ見出し
-------------------------------------*/
.details-page-header {
    color: #fff;
    display: flex;
	justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    box-shadow: 1px 1px 5px 1px #e8e8e8;
    padding: 50px 6%;
	margin-bottom: 70px;
}

.svc-crea .details-page-header {background: #2986BE;}
.svc-mkt .details-page-header {background: #EB7E44;}
.svc-ops .details-page-header {background: #46a478;}
.svc-photo .details-page-header {background: #8c74b4;}

.dph_txt {
    width: 65%;
}
.dph_txt p.eng {
	font-size: 16px !important;
	letter-spacing: 0.3em !important;
}

.svc-crea .dph_txt p.eng {color: #87F1F5;}
.svc-mkt .dph_txt p.eng {color: #ffc6a7;}
.svc-ops .dph_txt p.eng {color: #a5ffd6;}
.svc-photo .dph_txt p.eng {color: #d8c0ff;}

.dph_txt p.jpn {
	font-size: 38px !important;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 0.1em !important;
}
.dph_txt p.type {
	font-size: 16px !important;
	letter-spacing: 0.1em !important;
}

.details-page-header .btn {
    width: 30%;
	margin: 0;
}
.details-page-header .btn a {
    width: 70%;
    background: #fff;
    text-align: left;
    font-size: 16px;
    padding: 25px 20% 25px 10% !important;
}

.svc-crea .details-page-header .btn a {color: #2986BE;}
.svc-mkt .details-page-header .btn a {color: #EB7E44;}
.svc-ops .details-page-header .btn a {color: #46a478;}
.svc-photo .details-page-header .btn a {color: #8c74b4;}

.service-main .details-page-header .btn a span.arrow {
	width: 35px;
    height: 35px;
    right: 25px;
    top: 16px;
}

.svc-crea .service-main .details-page-header .btn a span.arrow {background: #2986BE;}
.svc-mkt .service-main .details-page-header .btn a span.arrow {background: #EB7E44;}
.svc-ops .service-main .details-page-header .btn a span.arrow {background: #46a478;}
.svc-photo .service-main .details-page-header .btn a span.arrow {background: #8c74b4;}

.service-main .details-page-header .btn a:hover span.arrow {
    right: 20px;
}
.service-main  .details-page-header .btn a span.arrow span {
    background-color: #ffffff;
	width: 20px;
    height: 2px;
    margin: 16px 7px;
}
.service-main  .details-page-header .btn a span.arrow span::before,
.service-main  .details-page-header .btn a span.arrow span::after {
    background-color: #ffffff;
	width: 12px;
    height: 2px;
}
.details-page-header .btn + p {
	display: none;
}


@media(max-width:1440px){
.dph_txt p.eng, .dph_txt p.type {
    font-size: 15px !important;
}	
.dph_txt p.jpn {
    font-size: 32px !important;
}	
.details-page-header .btn a {
    font-size: 14px;
    padding: 20px 20% 20px 10% !important;
}	
.service-main .details-page-header .btn a span.arrow {
    top: 10px;
}	
}

@media(max-width:1200px){
.details-page-header {
    padding: 40px 5%;
}	
.dph_txt {
    width: 60%;
}
.details-page-header .btn {
    width: 35%;
}	
.dph_txt p.eng, .dph_txt p.type {
    font-size: 14px !important;
}	
.dph_txt p.jpn {
    font-size: 28px !important;
}	
.details-page-header .btn a {
	font-size: 13px;
}	
}

@media(max-width:768px){
.dph_txt {
    width: 55%;
}
.details-page-header .btn {
    width: 40%;
}	
.dph_txt p.eng, .dph_txt p.type {
    font-size: 13px !important;
}	
.dph_txt p.jpn {
    font-size: 25px !important;
}
.details-page-header .btn a {
	font-size: 12px;
}	
.service-main .details-page-header .btn a span.arrow {
	width: 30px;
    height: 30px;
	top: 12px;
}	
.service-main .details-page-header .btn a span.arrow span {
    width: 15px;
    margin: 14px 8px;
}	
.service-main .details-page-header .btn a span.arrow span::before, 
.service-main .details-page-header .btn a span.arrow span::after {
    width: 10px;
}	
}

@media(max-width:580px){
.details-page-header {
	padding: 40px 7%;
    flex-wrap: wrap;
}	
.dph_txt {
    width: 100%;
}	
.dph_txt p.jpn {
    margin-bottom: 10px;
}
.details-page-header .btn {
    width: 100%;
	margin-top: 30px;
}	
.details-page-header .btn a {
	width: 78%;
	padding: 20px 15% 20px 7% !important;
}		
}

@media(max-width:414px){
.details-page-header {
	padding: 40px 9%;
}	
}

/*-------------------------------------
    制作範囲
-------------------------------------*/
/*アンカーリンク*/
.sow-anchor {
    display: flex;
	flex-wrap: wrap;
    margin-bottom: 20px;
}
.sow-anchor a {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 24%;
    color: #fff;
	text-align: center;
    font-size: 18px;
    font-weight: 500;
	line-height: 1.2;
    text-decoration: none;
    border-radius: 5px;
    padding: 18px 5% 18px 3%;
    margin: 0 2% 20px 0;
    position: relative;
	box-shadow: 1px 1px 5px 1px #e8e8e8;
}

.svc-crea .sow-anchor a {background: #2986BE;}
.svc-mkt .sow-anchor a {background: #EB7E44;}
.svc-ops .sow-anchor a {background: #46a478;}
.svc-photo .sow-anchor a {background: #8c74b4;}

.sow-anchor a br.new-line {
	display: none;
}
.sow-anchor a:nth-child(3n) {
    margin-right: 0;
}
.sow-anchor a:after {
    content: "";
    position: absolute;
	top: 40%;
    right: 30px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 7px;
    height: 7px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.sow-anchor a:hover {
	color: #fff !important;
	text-decoration: none!important;
}

.svc-crea .sow-anchor a:hover {background: #2873a1;}
.svc-mkt .sow-anchor a:hover {background: #d16126;}
.svc-ops .sow-anchor a:hover {background: #229660;}
.svc-photo .sow-anchor a:hover {background: #744fb0;}

/*共通要素*/
.sow-box {
    background: #fff;
    border-radius: 5px;
    padding: 70px 6%;
    margin: 0 0 50px;
    box-shadow: 1px 1px 5px 1px #e8e8e8;
}
.sow-head p.eng {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.15em !important;
    margin-bottom: 5px;
}

.svc-crea .sow-head p.eng {color: #2986BE;}
.svc-mkt .sow-head p.eng {color: #EB7E44;}
.svc-ops .sow-head p.eng {color: #46a478;}
.svc-photo .sow-head p.eng {color: #8c74b4;}


.sow-head p.jpn {
    font-size: 30px !important;
    font-weight: 700;
    line-height: 1.6;
}
.sow-head p.jpn span {
    font-size: 18px !important;
    font-weight: 600;
}
.sow-head p.txt {
    font-size: 16px !important;
    line-height: 2;
	letter-spacing: 0.1em !important;
    margin: 15px 0;
}
.sow-head p.price {
    display: flex;
    align-items: center;
    font-size: 27px !important;
    font-weight: 600;
    line-height: 1.6;
}
.sow-head p.price span {
    font-size: 50%;
    border: 1px solid #cecece;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0 20px 0 0;
}
.sow-head p.additional-fee {
    font-size: 12px !important;
    line-height: 2.5;
}
.sow-box p.sow-ttl {
    text-align: center !important;
    font-size: 18px !important;
    font-weight: bold;
    padding: 13px 3%;
    margin: 30px 0;
    border-radius: 5px;
}

.svc-crea .sow-box p.sow-ttl {color: #2986be;background: #E5F3F9;}
.svc-mkt .sow-box p.sow-ttl {color: #EB7E44;background: #F8E9E1;}
.svc-ops .sow-box p.sow-ttl {color: #46a478;background: #e2f5ea;}
.svc-photo .sow-box p.sow-ttl {color: #8c74b4;background: #eee8f9;}

/*１カラムプラン*/
.o-plan-box {
    text-align: left;
    width: 100%;
    padding: 40px 4%;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 5px;
}
.o-plan-box p.plan-ttl {
    font-size: 28px !important;
    font-weight: bold;
    margin-bottom: 10px;
}
.o-plan-box p.plan-txt {
    font-size: 16px !important;
    font-weight: normal;
	line-height: 1.8;
}
.o-plan-box dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.o-plan-box dl dt {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
    background: #F0F0F0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
	line-height: 1.6;
    padding: 10px 0;
	margin: 20px 2% 0 0;
}

.svc-crea .o-plan-box dl dt {color: #2986BE;}
.svc-mkt .o-plan-box dl dt {color: #EB7E44;}
.svc-ops .o-plan-box dl dt {color: #46a478;}
.svc-photo .o-plan-box dl dt {color: #8c74b4;}

.o-plan-box dl dt span {
    font-size: 10px;
    font-weight: 500;
}
.o-plan-box dl dd {
	width: 20%;
    font-size: 28px;
    font-weight: 600;
	line-height: 1;
    padding: 10px 0;
	margin: 20px 2% 0 0;
}
.o-plan-box dl dd.width100 {
	width: 76%;
	padding: 0;
}
.o-plan-box dl dd ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 !important;
}
.o-plan-box dl dd ul li {
    background: #fff;
    font-size: 14px;
	line-height: 1.6 !important;
    padding: 8px 7%;
    margin: 0 2% 10px 0;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 50px;
}

/*複数カラムプラン*/
.multiple-columns {
    display: flex;
	flex-wrap: wrap;
}
.m-plan-box {
    text-align: center;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 5px;
}

.svc-crea .m-plan-box {border-top: 5px solid #2986BE;}
.svc-mkt .m-plan-box {border-top: 5px solid #EB7E44;}
.svc-ops .m-plan-box {border-top: 5px solid #46a478;}
.svc-photo .m-plan-box {border-top: 5px solid #8c74b4;}

.column2 .m-plan-box {
    width: 49%;
    padding: 30px 3%;
    margin: 0 2% 20px 0;
}
.column2 .m-plan-box:nth-child(2n) {
    margin: 0 0 20px 0;
}
.column3 .m-plan-box {
    width: 32%;
    padding: 30px 2%;
    margin: 0 2% 20px 0;
}
.column3 .m-plan-box:nth-child(3n) {
    margin: 0 0 20px 0;
}
.column4 .m-plan-box {
    width: 23.5%;
    padding: 30px 2%;
    margin: 0 2% 20px 0;
}
.column4 .m-plan-box:nth-child(4n) {
    margin: 0 0 20px 0;
}
.m-plan-box.simple {
    border-top: 10px solid #B6D9EF;
}
.m-plan-box.light {
    border-top: 10px solid #6DAFD6;
}
.m-plan-box.standard {
    border-top: 10px solid #2986BE;
}
.m-plan-box.custom {
    border-top: 10px solid #045687;
}
.m-plan-box img {
    display: block;
    max-width: 38px;
    margin: 0 auto 10px;
}
.m-plan-box p.plan-ttl {
	text-align: center !important;
    font-size: 20px !important;
    font-weight: bold;
	line-height: 1.3;
}
.m-plan-box p.plan-ttl br {
	display: block !important;
}
.m-plan-box p.plan-ttl span {
    font-size: 70%;
}
.m-plan-box p.plan-txt {
    text-align: center !important;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 1.8;
    margin-top: 15px;
}
.m-plan-box dl {
	padding: 0;
    margin: 0;
}
.m-plan-box dl dt {
    background: #F0F0F0;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
    margin-top: 20px;
}

.svc-crea .m-plan-box dl dt {color: #2986BE;}
.svc-mkt .m-plan-box dl dt {color: #EB7E44;}
.svc-ops .m-plan-box dl dt {color: #46a478;}
.svc-photo .m-plan-box dl dt {color: #8c74b4;}

.m-plan-box dl dt span {
    font-size: 10px;
    font-weight: 500;
}
.m-plan-box dl dd {
    font-size: 20px;
    font-weight: 600;
	line-height: 1;
    margin: 15px 0 0;
}
.m-plan-box dl dd span {
    font-size: 12px;
    font-weight: 500;
}

/*オプション料金*/
.price-list {
    display: grid;
    grid-template-columns: 30% 20% 50%;
    margin: 0;
}
.price-list dt, .price-list dd {
	line-height: 1.6;
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	box-sizing: border-box;
}
.price-list dt {
	font-size: 14px;
	padding-left: 5%;
}
.price-list dd {
	font-size: 13px;
}
.price-list dd.price {
    text-align: center;
}
.price-list dd.price.wrap {
    display: flex;
}
.price-list dd.price.wrap p {
    width: 50%;
	font-size: 14px !important;
	line-height: 1 !important;
}
.price-list dd.price.wrap p:nth-child(1) {
    text-align: right !important;
}
.price-list dd.price.wrap p:nth-child(2) {
    text-align: left !important;
}
.price-list dd.price.wrap p:nth-child(2) span {
	font-size: 70%;
}
.price-list .list-item {
	background: #F0F0F0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 0;
	border: 0;
}

.svc-crea .price-list .list-item {color: #2986BE;}
.svc-mkt .price-list .list-item {color: #EB7E44;}
.svc-ops .price-list .list-item {color: #46a478;}
.svc-photo .price-list .list-item {color: #8c74b4;}

.price-list .list-item  span {
	font-size: 10px;
	font-weight: 500;
}

/*ボタン*/
.service-main .sow-box .btn {
	text-align: left;
    margin: 20px 0 0;
}
.sow-box .btn a {
    width: 400px;
    background: #fff;
	text-align: left;
	font-size: 15px;
	text-decoration: none;
    border: 1px solid #2986be;
    box-sizing: border-box;
	padding: 22px 8% 22px 3%;
}

.svc-crea .sow-box .btn a {color: #2986BE;border: 1px solid #2986be;}
.svc-mkt .sow-box .btn a {color: #EB7E44;border: 1px solid #EB7E44;}
.svc-ops .sow-box .btn a {color: #46a478;border: 1px solid #46a478;}
.svc-photo .sow-box .btn a {color: #8c74b4;border: 1px solid #8c74b4;}

.sow-box .btn a span.arrow {
	width: 35px;
    height: 35px;
    top: 12px;
	right: 30px
}

.svc-crea .sow-box .btn a span.arrow {background: #2986BE;}
.svc-mkt .sow-box .btn a span.arrow {background: #EB7E44;}
.svc-ops .sow-box .btn a span.arrow {background: #46a478;}
.svc-photo .sow-box .btn a span.arrow {background: #8c74b4;}

.sow-box .btn a:hover span.arrow {
	right: 25px
}
.sow-box .btn a span.arrow span,
.sow-box .btn a span.arrow span::before,
.sow-box .btn a span.arrow span::after{
	background: #fff;
}
.sow-box .btn a span.arrow span {
    width: 20px;
    height: 2px;
    margin: 16px 8px;
}
.sow-box .btn a span.arrow span::before,
.sow-box .btn a span.arrow span::after{
	width: 12px;
    height: 2px;
}

@media(max-width:1440px){ 
/*共通要素*/
.sow-head p.eng {
    font-size: 15px !important;
}	
.sow-head p.jpn {
    font-size: 28px !important;
}	
.sow-head p.txt {
    font-size: 15px !important;
}	
.sow-head p.price {
    font-size: 25px !important;
}	
	
/*１カラムプラン*/
.o-plan-box p.plan-ttl {
    font-size: 25px !important;
}
.o-plan-box p.plan-txt {
    font-size: 15px !important;
}		
	
/*複数カラムプラン*/
.m-plan-box p.plan-ttl {
    font-size: 18px !important;
}	
.m-plan-box p.plan-txt {
    font-size: 11px !important;
}
.m-plan-box dl dt {
    font-size: 12px;
}	
.m-plan-box dl dd {
    font-size: 16px;
	margin: 10px 0 0;
}
	
/*オプション料金*/
.price-list dt {
    font-size: 13px;
}	
.price-list dd.price.wrap p {
    font-size: 13px !important;
}	
.price-list dd {
    font-size: 12px;
}	
}

@media(max-width:1200px){ 
/*アンカーリンク*/
.sow-anchor {
    margin-bottom: 10px;
}	
.sow-anchor a {	
    font-size: 16px;
    padding: 12px 5% 12px 3%;
}	
.sow-anchor a br.new-line {
    display: block;
}
	
/*共通要素*/
.sow-head p.eng {
    font-size: 14px !important;
}	
.sow-head p.jpn {
	font-size: 25px !important;
}	
.sow-head p.txt {
	font-size: 14px !important;
}	
.sow-head p.txt br.new-line {
	display: none;
}		
.sow-box p.sow-ttl {
    font-size: 17px !important;
    padding: 10px 3%;
    margin: 20px 0;
}	
	
/*１カラムプラン*/
.o-plan-box {
    padding: 40px 6%;
}	
.o-plan-box p.plan-txt {
	font-size: 14px !important;
}	
.o-plan-box dl dd {
    font-size: 23px;
}
.o-plan-box dl dd ul li {
    font-size: 13px;
    padding: 5px 7%;
	margin: 0 2% 10px 0;
}
.o-plan-box dl dt {
    width: 26%;
}
.o-plan-box dl dd.width100 {
    width: 70%;
}	
	
/*複数カラムプラン*/
.column4 .m-plan-box {
    width: 48.5%;
	padding: 30px 3%;
	margin: 0 3% 20px 0;
}
.column4 .m-plan-box:nth-child(4n) {
	margin: 0 3% 20px 0;
}	
.column4 .m-plan-box:nth-child(2n) {
    margin: 0 0 20px 0;
}		
.m-plan-box p.plan-txt br {
	display: none;
}	
	
/*オプション料金*/
.price-list .list-item {
    font-size: 13px;
    padding: 5px 0;
}
.price-list dt, .price-list dd {
    padding: 17px 0 17px 10%;
}	
.price-list dt {
	font-size: 12px;
}
.price-list dd {
	font-size: 11px;
}
.price-list dd.price.wrap p {
	font-size: 11px !important;
}	
	
/*ボタン*/	
.sow-box .btn a {
    width: 330px;
    font-size: 14px;
    padding: 20px 12% 20px 4%;
}	
.sow-box .btn a span.arrow {
    top: 10px;
}
}

@media(max-width:990px){
/*アンカーリンク*/
.sow-anchor a {
	font-size: 15px;
	padding: 10px 5% 10px 3%;
}	
	
/*複数カラムプラン*/	
.column4 .m-plan-box {
    width: 23.5%;
    padding: 30px 2%;
    margin: 0 2% 20px 0;
}		
.column4 .m-plan-box:nth-child(2n) {
    margin: 0 2% 20px 0;
}	
.column4 .m-plan-box:nth-child(4n) {
	margin: 0 0 20px 0;
}	
.m-plan-box p.plan-ttl {
	font-size: 16px !important;
}	

/*オプション料金*/
.price-list .list-item {
	padding: 8px 0;
}
}

@media(max-width:768px){
/*共通要素*/
.sow-box {
    padding: 50px 6%;
    margin: 0 0 30px;
}
.sow-box p.sow-ttl {
	padding: 15px 3%;
	position: relative;
}	
.sow-box p.sow-ttl:after {
    content: "";
    position: absolute;
    top: 40%;
    right: 30px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}	
	

.svc-crea .sow-box p.sow-ttl:after {border-top: solid 1px #2986be;border-right: solid 1px #2986be;}
.svc-mkt .sow-box p.sow-ttl:after {border-top: solid 1px #EB7E44;border-right: solid 1px #EB7E44;}
.svc-ops .sow-box p.sow-ttl:after {border-top: solid 1px #3DB27C;border-right: solid 1px #3DB27C;}
.svc-photo .sow-box p.sow-ttl:after {border-top: solid 1px #9574CB;border-right: solid 1px #9574CB;}
	
	
.sow-box p.sow-ttl.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}	
.accordion-area {
  display: none;
}	
	
/*１カラムプラン*/
.o-plan-box dl dt {
	width: 30%;
	margin: 15px 3% 0 0;
}
.o-plan-box dl dd {
    width: 67%;
    margin: 15px 0 0 0;
}	
.o-plan-box dl dd.width100 {
	width: 67%;
}
.o-plan-box dl dd ul li {
    font-size: 12px;
    padding: 5px 7%;
	margin: 0 3% 10px 0;
}	
	
/*複数カラムプラン*/
.column2 .m-plan-box,
.column3 .m-plan-box,
.column4 .m-plan-box {
    width: 48.5%;
	padding: 30px 3%;
	margin: 0 3% 20px 0;
}
.column3 .m-plan-box:nth-child(3n),	
.column4 .m-plan-box:nth-child(4n) {
	margin: 0 3% 20px 0;
}	
.column3 .m-plan-box:nth-child(2n),	
.column4 .m-plan-box:nth-child(2n) {
    margin: 0 0 20px 0;
}
	
/*オプション料金*/
.scroll-wrapper {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.price-list {
	display: grid;
	grid-template-columns: 250px 150px 450px;
	min-width: 850px;
	white-space: nowrap;
}
.price-list dt {
	font-size: 13px;
}
.price-list dd {
	font-size: 12px;
}
.price-list dd.price.wrap p {
	font-size: 12px !important;
}	
	
/*ボタン*/	
.service-main .sow-box .btn {
    margin: 10px 0 0;
}	
.sow-box .btn a {
	width: 280px;
	font-size: 13px;
	padding: 18px 12% 18px 4%;
}
.sow-box .btn a span.arrow {
    width: 30px;
    height: 30px;
    right: 20px;
}	
.sow-box .btn a:hover span.arrow {
    right: 15px;
}
.sow-box .btn a span.arrow span {
    width: 18px;
    height: 2px;
    margin: 14px 6px;
}	
.sow-box .btn a span.arrow span::before, .sow-box .btn a span.arrow span::after {
    width: 10px;
}	
}

@media(max-width:580px){  
/*アンカーリンク*/
.sow-anchor a {
    width: 92%;
    padding: 18px 5% 18px 3%;
    margin: 0 0 15px 0;
}
.sow-anchor a br.new-line {	
	display: none;
}		
	
/*共通要素*/
.sow-head p.price {
	font-size: 23px !important;
}
.sow-head p.price span {
    margin: 0 15px 0 0;
}	
	
/*１カラムプラン*/
.o-plan-box dl dt {
	font-size: 13px;
	width: 40%;
	margin: 15px 3% 0 0;
}
.o-plan-box dl dd,
.o-plan-box dl dd.width100 {
	width: 57%;
}
	
/*ボタン*/
.sow-box .btn a {
	width: 100%;
	text-align: center;
	padding: 22px 12% 22px 4%;
}	
.sow-box .btn a span.arrow {
	top: 14px;
	right: 30px;
}	
.sow-box .btn a:hover span.arrow {
	right: 20px;
}	
}

@media(max-width:480px){	
/*アンカーリンク*/
.sow-anchor a {
	width: 87%;
	padding: 15px 10% 15px 3%;
	margin: 0 0 10px 0;
}
	
/*共通要素*/
.sow-box {
	padding: 50px 10%;
	margin: 0 0 30px;
}	
.sow-head p.eng {
	font-size: 12px !important;
}	
.sow-head p.jpn {
	font-size: 23px !important;
}	
.sow-head p.txt {
	font-size: 12px !important;
}	
.sow-head p.additional-fee {
    font-size: 10px !important;
}	
.sow-box p.sow-ttl {
	font-size: 15px !important;
}	
	
/*１カラムプラン・複数カラムプラン 共通要素*/
.o-plan-box,
.column2 .m-plan-box,
.column3 .m-plan-box,
.column4 .m-plan-box {
	width: 100%;
	padding: 40px 6%;
	margin: 0 0 8% 0;
}	
.o-plan-box p.plan-ttl,
.m-plan-box p.plan-ttl {
	text-align: center !important;
	font-size: 18px !important;
}	
.o-plan-box p.plan-txt,
.m-plan-box p.plan-txt {
	text-align: center !important;
	font-size: 12px !important;
}	
.o-plan-box dl dt,
.m-plan-box dl dt {
	font-size: 13px;
	line-height: 1.6;
	padding: 10px 0;
	margin: 15px 0 0;
}	
.o-plan-box dl dd,
.m-plan-box dl dd {
	text-align: center;
	font-size: 18px;
	padding: 0 0 5px;
	margin: 15px 0 0 0;
}	
	
/*１カラムプラン*/
.o-plan-box dl dt,	
.o-plan-box dl dd,
.o-plan-box dl dd.width100 {
	width: 100%;
}	
.o-plan-box p.plan-ttl {
	margin-bottom: 15px;
}		
	
/*複数カラムプラン*/
.m-plan-box p.plan-txt br {
	display: block;
}
	
/*オプション料金*/
.price-list .list-item {
	padding: 10px 0;
}
}

/*-------------------------------------
	ご利用に関する注意事項
-------------------------------------*/
.usage-notes {
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
    background: #F0F0F0;
    border-radius: 5px;
    box-shadow: 1px 1px 5px 1px #e8e8e8;
    padding: 50px 5%;
	margin: 0 0 50px;
}
.usage-notes p {
    width: 25%;
    text-align: center !important;
    font-size: 25px !important;
    font-weight: 600;
	letter-spacing: 0.05em !important;
}
.usage-notes ul {
    width: 70%;
    text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.usage-notes ul li {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 5px;
	text-indent: -1.25em;
	padding-left: 1.25em;
}

@media(max-width:1440px){ 
.usage-notes p {
    font-size: 21px !important;
}	
.usage-notes ul li {
    font-size: 13px;
}	
}

@media(max-width:1200px){ 
.usage-notes {
    padding: 50px 7%;
}	
.usage-notes p ,.usage-notes ul {
    width: 100%;
}	
.usage-notes p {
    font-size: 23px !important;
	margin-bottom: 25px;
}	
.usage-notes p br {
	display: none;
}
.usage-notes ul li {
    font-size: 12px;
}	
}

@media(max-width:990px){
.usage-notes {
    padding: 50px 10%;
}	
}

@media(max-width:768px){
.usage-notes {
    margin: 0 0 30px;
}
}	

@media(max-width:480px){
.usage-notes {
    padding: 70px 10%;
}	
}

@media(max-width:414px){
.usage-notes p {
    font-size: 21px !important;
}	
}

/*-------------------------------------
	サービス一覧ぺージへの導線
-------------------------------------*/
.page-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
    background: #E0E5E8;
    border-radius: 5px;
    box-shadow: 1px 1px 5px 1px #e8e8e8;
    padding: 50px 5%;
	margin: 0 0 50px;
}
.page-link p {
    width: 68%;
    color: #093357;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 2;
	letter-spacing: 0.05em !important;
}
.page-link .btn {
    width: 27%;
	margin: 0;
}
.page-link .btn a {
    width: 65%;
    background: #fff;
    color: #093357;
    text-align: left;
    font-size: 15px;
    text-decoration: none;
    padding: 22px 25% 22px 10%;
}
.page-link .btn a span.arrow {
    background: #093357;
    width: 30px;
    height: 30px;
    top: 16px;
    right: 30px;
}
.page-link .btn a:hover span.arrow {
	right: 25px;
}
.page-link .btn a span.arrow span {
    background: #fff;
    width: 18px;
    height: 2px;
    margin: 14px 5px;
}
.page-link .btn a span.arrow span::before,
.page-link .btn a span.arrow span::after{
	background: #fff;
	width: 10px;
    height: 2px;
}

@media(max-width:1440px){
.page-link p {
    font-size: 15px !important;
}
.page-link .btn a {
    font-size: 13px;
}
.page-link .btn a span.arrow {
    top: 14px;
    right: 25px;
}	
}

@media(max-width:1200px){
.page-link {
    flex-direction: column-reverse;
	padding: 50px 7%;
}	
.page-link p {
    width: 100%;
	text-align: center !important;
	font-size: 16px !important;	
}
.page-link .btn {
    width: 100%;
    margin: 20px auto 0;
}	
.page-link .btn a {
	width: 100%;
	max-width: 240px;
	text-align: center;
	padding: 22px 60px 22px 0;
}	
}

@media(max-width:1024px){
.page-link p br {
	display: none;
}	
}
@media(max-width:990px){
.page-link {
	padding: 50px 10%;
}
}	
	
@media(max-width:768px){
.page-link {
    margin: 0 0 30px;
}
}		
	
@media(max-width:580px){
.page-link .btn a {
	width: 85%;
	max-width: 100%;
	padding: 22px 15% 22px 0;
}	
}

/*-------------------------------------
    よくあるご質問
-------------------------------------*/
.faq dl {
    background: #fff;
    border-radius: 5px;
    padding: 0;
    margin: 0 0 20px;
	box-shadow: 1px 1px 5px 1px #e8e8e8;
}
.faq dl dt {
    display: flex;
    align-items: center;
}
.faq dl dt p {
    text-align: left;
    font-size: 16px !important;
    line-height: 1.8;
    font-weight: normal;
    margin: 0;
    padding: 25px 80px;
    width: 100%;
}
.faq dl dt::before {
    content: "Q";
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 80px;
    position: absolute;
    letter-spacing: 0;
}

.svc-crea .faq dl dt::before {color: #2986BE;}
.svc-mkt .faq dl dt::before {color: #EB7E44;}
.svc-ops .faq dl dt::before {color: #46a478;}
.svc-photo .faq dl dt::before {color: #8c74b4;}

.faq dl dt{
    cursor: pointer;
    position: relative;
}
.faq dl dt:after {
    content: "";
    position: absolute;
    right: 40px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.faq dl dt.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.faq dl dd {
    display: none;
    position: relative;
    align-items: center;
    margin: 0;
}
.faq dl dd::before {
    content: "A";
    color: #d64141;
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60%;
    width: 80px;
    position: absolute;
    letter-spacing: 0;
}
.faq dl dd p {
    text-align: left !important;
    font-size: 16px !important;
    line-height: 2;
    font-weight: normal;
    margin: 0;
    padding: 0px 80px 20px 80px;
    width: auto;
}
.faq dl dd p a {
    text-decoration: underline;
    text-underline-offset: 0.3em;
}
/*.faq dl dd p.annotation {
    font-size: 12px;
    padding: 0 60px;
    text-indent: -1em;
}*/

@media(max-width:1200px){    
.faq dl dt p, .faq dl dd p {
    font-size: 15px !important;
}	
.faq dl dt::before,
.faq dl dd::before {
    font-size: 23px;
}	
}

/*-------------------------------------
    その他の○○代行一覧
-------------------------------------*/
.service-menu {
    margin: 40px 0 0;
}

/*-------------------------------------
    パンくず表示
-------------------------------------*/
@media(max-width:990px){
.service-wrap {
	margin: 0px auto 20px;
}
.post_content.clearfix br {
    display: none;
}	
#bread_crumb {
    display: block;
    background: #f7f7f7;
}
#bread_crumb li,
#bread_crumb li a,
#bread_crumb li:after,
#bread_crumb li.home a:before {
    color: #333;
}	
}

@media only screen and (max-width: 767px) {
#bread_crumb {
	width: 90%;
	padding: 30px 5% 20px;
}
}

/*-------------------------------------
    サービス開始までの流れ
-------------------------------------*/
.svc-crea .service-main section ul.service-flow li {border-top: 5px solid #2986BE;}
.svc-mkt .service-main section ul.service-flow li {border-top: 5px solid #EB7E44;}
.svc-ops .service-main section ul.service-flow li {border-top: 5px solid #46a478;}
.svc-photo .service-main section ul.service-flow li {border-top: 5px solid #8c74b4;}

.svc-crea .service-main section ul.service-flow li h4 span {color: #378DC1;}
.svc-mkt .service-main section ul.service-flow li h4 span {color: #e38756;}
.svc-ops .service-main section ul.service-flow li h4 span {color: #51c28e;}
.svc-photo .service-main section ul.service-flow li h4 span {color: #a589d4;}

.svc-crea .service-main section ul.service-flow li .num {color: #2986BE;}
.svc-mkt .service-main section ul.service-flow li .num {color: #EB7E44;}
.svc-ops .service-main section ul.service-flow li .num {color: #46a478;}
.svc-photo .service-main section ul.service-flow li .num {color: #8c74b4;}

.svc-crea .service-main section ul.service-flow li:after {border-color: transparent transparent transparent #378dc1;}
.svc-mkt .service-main section ul.service-flow li:after {border-color: transparent transparent transparent #e38756;}
.svc-ops .service-main section ul.service-flow li:after {border-color: transparent transparent transparent #51c28e;}
.svc-photo .service-main section ul.service-flow li:after {border-color: transparent transparent transparent #a589d4;}

.svc-mkt .service-main section ul.service-flow li img {filter: hue-rotate(180deg);}
.svc-ops .service-main section ul.service-flow li img {filter: hue-rotate(-80deg);}
.svc-photo .service-main section ul.service-flow li img {filter: hue-rotate(55deg);}

/*-------------------------------------
	その他の制作代行一覧
-------------------------------------*/
.svc-crea .service-menu ul li a.on::before {display:none;}
.svc-mkt .service-menu ul li a.on::before {display:none;}
.svc-ops .service-menu ul li a.on::before {display:none;}