@charset "utf-8";


/* CSS Document */
.t18-middle-split {
	margin: 0 auto;
	max-width: 1370px;
}
.split_webbureau {
	color: #333;
	font-size: 1.6rem;
	max-width: 100%;
}
img.imgs {
	width: 100%;
    height: auto;
}
section {
    margin: auto;
}
 .pc-only {
    display: block;
  }
 .sp-only {
    display: none;
  }
@media screen and (max-width: 750px) {
section {
    width: auto;
    margin: auto;
}
.split_webbureau {
		max-width: 100%;
    	padding: 0;
		font-size: 3rem;
	}
     .pc-only {
    display: none;
    }
     .sp-only {
    display: block;
    }
img.imgs {
	width: 100% !important;
    height: auto !important;
}
}

/*--------- common ---------*/
.t18-middle-larger-title {
	max-width: 950px;
    width: 100%;
    margin: auto;
}
.section_middle {
	max-width: 990px;
	padding: 0 20px;
	margin: auto;
}
.txtred {
    color: #cc0600;
}
.t18-middle-1st-section-title {
    margin-bottom: 20px !important;
    font-weight: bold;
}
@media screen and (max-width: 750px) {	
.split_webbureau p {
	font-size: 3.2rem;
	max-width: 100%;
}
.section_middle {
    width: 94% !important;
	margin: 0 auto;
    padding: 0;
}
}

/*--------- top ---------*/
.page-title-wrapper {
	background: url(../images/top.jpg) right center no-repeat;
    display: flex;
    align-items: center;
	height: 200px;
	margin-bottom: 40px;
}
.page-title-wrapper h1 {
    font-size: 36px;
	max-width: 1220px;
	width: 100%;
	margin: auto;
	padding: 0 20px;
	text-align: left;
	color: #fff;
}




/* ウェブビューローとは
--------------------------------------------------------------------------*/
.feature_txt{
    font-size: 4.0rem !important;
    text-align: center;
    font-weight: 800;
    margin-bottom: 30px;
}
.highlighter {
	background: linear-gradient(transparent 60%, #ffff00 60% 90%, transparent 90%);
}
.mini_index {
    color: #000 !important;
    font-size: 1.3rem;
    text-align: center;
}
@media screen and (max-width: 750px) {	
.mini_index {
    font-size: 2.6rem;
    text-align: left;
}
}

/* ウェブビューローのメリット
--------------------------------------------------------------------------*/
dl#merit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    width: 600px;
}
dl#merit dt {
    max-width: 100px;
    margin-right: 20px;
    padding: 0;
    margin-bottom: 20px;
}
dl#merit dt img {
    width: 100%;
    height: auto;
}
dl#merit dd {
    width: 480px;
    font-size: 3.0rem;
    font-weight: 800;
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
}
dl#merit dd .hosoku {
    display: block;
    font-weight: bold;
    font-size: 2.0rem;
    line-height: 1;
    margin-top: 15px;
    color: #c9073e;
}
dl#merit dd sub {
    color: #666;
    font-weight: normal !important;
    font-size: 1.4rem;
}
.komeTxt {
    display: block;
    margin: 0 auto 80px;
    padding: 0;
    width: 600px;
    font-size: 1.3rem;
    line-height: 1.4;
    color: #666;
}
@media screen and (max-width: 750px) {	
dl#merit {
    display: block;
}
dl#merit dt {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 10px;
}
dl#merit dt img {
    width: 100%;
    height: auto;
}
dl#merit dd {
    width: 100%;
    max-width: 100%;
    font-size: 4.2rem;
    line-height: 1.4;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
}
dl#merit dd .hosoku {
    font-size: 3.6rem;
    line-height: 1.4;
}
dl#merit dd sub {
    font-size: 2.8rem;
}
}



/* 初回設定について
--------------------------------------------------------------------------*/
.pdflink {
    padding: 10px 0 0 !important;
    line-height: 1;
    font-weight: 800;
    font-size: 2.3rem;
    margin-bottom: 30px;
}
.pdflink a:hover,  #contents05 a:hover {
    opacity: 0.8;
    text-decoration: none;
}
a.setupbtn {
    display: block;
    background: #fff;
    color: #c9073e;
    border: 2px solid #c9073e;
    font-weight: 800;
    text-align: center;
    max-width: 450px;
    padding: 20px 0;
    margin: 0 auto;
    border-radius: 40px;
    font-size: 2.4rem;
    text-decoration: none;
}
a.setupbtn:hover {
    display: block;
    background: #c9073e;
    color: #fff;
    font-weight: 800;
    text-align: center;
    max-width: 450px;
    padding: 20px 0;
    margin: 0 auto;
    border-radius: 40px;
    font-size: 2.4rem;
    text-decoration: none;
}
.mb150 {
    margin-bottom: 150px;
}
@media screen and (max-width: 750px) {	
.pdflink {
    padding: 20px 0 0 !important;
    line-height: 1.4;
    font-weight: 800;
    font-size: 3.6rem;
    margin-bottom: 30px;
}
a.setupbtn {
    max-width: 80%;
    font-size: 4.0rem;
    border-radius: 80px;
}
a.setupbtn:hover {
    max-width: 80%;
    font-size: 4.0rem;
    border-radius: 80px;
}
}

/* 詳細
--------------------------------------------------------------------------*/
.borderTop {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
.split_webbureau ol {
    padding-left: 18px !important;
}
#contents05 ol li {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
}
ol li .midashi {
    font-size: 1.8rem;
    display: block;
    line-height: 1;
    margin-bottom: 8px;
}
.detail01 {
    list-style-type: none;
    margin-top: 10px;
}
.detail02 {
    margin-bottom: 10px;
    margin-left: 15px;
}
.oshosoku {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 10px;
    color: #666;
}
@media screen and (max-width: 750px) {	
#contents05 ol li {
    font-size: 2.8rem;
}
ol li .midashi {
    font-size: 3.6rem;
}
.oshosoku {
    font-size: 2.4rem;
    line-height: 1.8;
}
}