@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
img{max-width: 100%;}
#wrap{position: relative;}


/*---------------------------------------------汎用-*/




.view-pc{display: block;}
.view-sp{display: none;}
h1{font-size: 2.8rem; line-height: 1.1; letter-spacing:0.08em;}
h1 span{font-size: 1.8rem;font-weight:normal !important;display:block;text-align:center;margin-bottom:10px;}
h2{font-size: 2.4rem;text-align: center;margin-bottom:40px;line-height:1.6;
	/* font-weight:bold; */
}
a{text-decoration: none;}
a.arrowR {background:url(../../images/icon_arrow.png) no-repeat right center;padding-right:20px;}
a.btnArrowR{display:inline-block;margin:0 auto;border:1px solid #fe423f;color: #fff;font-size: 1.4rem;padding: 1.0rem 5rem;border-radius: 4px;background:url(../../images/icon_arrow_w.png) no-repeat 96% center #fe423f;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 6px 0px;}
a:hover.btnArrowR{color:#fe423f;background:url(../../images/icon_arrow.png) no-repeat 96% center #fff;text-decoration:none;}

a.btn{margin-top: 0.2rem;background-color: #fff;border: 1px solid #777;padding: 5px 0;font-size: 1.3rem;text-decoration: none;color: #fff;width: 17.5rem;text-align: center;
border-radius: 4px;display: block;}
a.btn:hover{
background-color: #fff;
border: 1px solid #fe423f;
color: #fe423f;
opacity:1.0 !important;
}

a.btnRed{background-color: #fe423f;border: 1px solid #fe423f;}
.full{width: 100%;}
.card {box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px 0px;border-radius:8px;}

.wrapTable table {width: 100%;border-collapse: collapse;}
.wrapTable table tr,
.wrapTable table th,
.wrapTable table td{vertical-align: middle;}

/*---------------------------------------------bplus-*/

#contents,
#logoBox,
#contentsArea,
#Top-bsuite{
	font-size: 1.6rem;
	/* letter-spacing:0.06em; */
}

.bplus #data table.data1{margin: 0;padding: 0;display: table;border-spacing:0;border: 1px solid #0099d6;}
.bplus #data table.data1 th{background-color: #0099d6;color: #fff;font-size: 1.6rem;font-weight: normal;white-space: nowrap;padding: 20px 20px;}
.bplus #data table.data1 td{padding: 12px 20px;font-size: 1.3rem;line-height: 1.4;}
.bplus #data table.data2{margin: 0;padding: 0;display: table;border-spacing:0;border: 1px solid #d2d2d2;border-bottom: none;}
.bplus #data table.data2 th,
.bplus #data table.data2 td{border-bottom: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;}
.bplus #data table.data2 th.bgWhite{background-color: #fff;}
.bplus #data table.data2 th.bgBlue{background-color: #e0ecf4;}
.bplus #data table.data2 th.bgRed{background-color: #f4e0e5;}
.bplus #data table.data2 th{background-color: #eee;white-space: nowrap;font-size: 1.3rem;padding: 16px;text-align: left;}
.bplus #data table.data2 th img{vertical-align: middle;margin-right: 3px;margin-top: -1px;}
.bplus #data table.data2 td{font-size: 1.3rem;padding: 16px;}
.bplus #data table.data2 td span{font-size: 1.1rem;}

/*---------------------------------------------case-*/
/* 事例記事 */

.case-wrap img, .case-wrap2 img {width: 100%;}
/* .case-wrap, .case-wrap2 {margin-left: calc((-100vw + 1180px)*0.5);margin-left: calc((-100vw + 1024px)*0.5);width: 100vw;margin-bottom: 3rem;} */
/* .case-wrap, .case-wrap2 {
	margin-left: calc((-100vw + 780px)*0.5);
	width: 100vw;
	min-width: 1024px;
	margin-bottom: 3rem;
	overflow: hidden;
} */
.case-wrap ul,
.case-wrap2 ul {width: 1024px;margin: 0 auto;}
/* .case-wrap ul li.left {padding-left: calc((100vw - 1024px)/2); padding-left: calc((100vw - 1024px)/2);} 
.case-wrap2 ul li.right {padding-right: calc((100vw - 1024px)/2);padding-right: calc((100vw - 1024px)/2);} */
.company-box ul li.left {display: block;width: 29.5%;margin-right: 0;position: relative;padding-left: 0;}
.case-wrap ul, .case-wrap2 ul {display: flex;}
.c-container {max-width: 1180px;max-width: 780px;margin: auto;}
/* .case-header-box {margin-left: calc((-100vw + 1180px)*0.5);margin-left: calc((-100vw + 1080px)*0.5);width: 100vw;} */
.bg-case-header-box {background-color: #E0DFDD;}
.header-image img {margin: 0 auto;}
.case-main-box {display: block;background-color: #F8F8F8;margin: 0 auto;margin-bottom: 30px;height: auto;}
.case-main-box div {display: flex;}
.case-main-box .logo-box {
	/* margin-top: -100px; */
	padding: 40px 0 0 40px;
	display: block;width: 25.5%;margin-right: 1%;position: relative;}
/* .case-main-box .lead-box {font-size: 1.6rem;line-height: 3.0rem;font-weight: bold;color: #2FB4D0;padding: 40px;display: block;width: 69.5%;margin-right: 0;position: relative;} */
.case-main-box .lead-box {padding: 40px;display: block;width: 74.5%;margin-right: 0;position: relative;
	letter-spacing: 0.05em;
	line-height: 2.0;
	color: #333;
	font-size: 1.6rem;
}
.case-main-box .lead-box h3{font-size: 1.8rem;margin-bottom: 2rem;}
.case-box, .company-box {width: 100%;margin: 0 auto;}
.case-box div{
	background-color: #F8F8F8;
	padding: 20px;
}
.case-box ul{display: flex;}
.case-box ul li.left {display: block;width: 49.5%;margin-right: 1%;margin-bottom: 30px;position: relative;padding-left: 0;}
.case-box ul li.right {display: block;width: 49.5%;margin-right: 0;margin-bottom: 30px;position: relative;padding-left: 0;}
.case-box ul.dotList {display: block;list-style: disc;padding-left: 3rem;}
.case-box ul.dotList li{list-style: disc;font-size: 1.6rem;line-height: 1.6;	} 
.c-hr {width: 100vw;margin: 35px 0 35px 50%;border: none;border-top: 1px solid #d0dee2;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.case-wrap ul li.left .inner {max-width: 80vw;margin: 0 0 auto auto;padding-right: 40px;	width: auto;}
.case-wrap2 ul li.right .inner {max-width: 80vw;margin: 0 0 0 0;padding-left: 40px;}
.case-wrap .inner,.case-wrap2 .inner{font-size: 1.5rem;}
.case-wrap .inner {width: 1024px; margin: 0 auto;}
.case-box ul li.left .inner, .case-box ul li.right .inner {max-width: 100%;
	border-left: 12px solid #3E99F5;
}

/* .case-body {width: 780px;margin: 0 auto;} */
.case-body h3 {
	/* font-weight: bold;font-size: 2.0rem;color: #2FB4D0;margin-bottom: 3rem; */
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 12px;
}

.case-wrap h3,
.case-wrap2 h3{
	color: #3E99F5;
	padding-left: 0;
	font-size: 28px;
	font-size: 2.8rem;
}

.case-wrap h4,
.case-wrap2 h4{
	border-left: 6px solid #3E99F5;
	padding-left: 12px;
}

.link-box {
	background: #3E99F5;
	padding: 60px 0;
	color: #fff;
}

.link-box a {
	font-size: 2.4rem;
	max-width: 38rem;
	margin-left: auto;
	margin-right: auto;
	padding: 2.4rem 0;
	color: #3E99F5;
}

.link-box .c-btn-bg svg {
	width: 2rem;
	height: 2rem;
	margin-right: 2rem;
	color: #3E99F5;
}
.l-cv-link>span {
	font-size: 2rem;
}
.link-box .c-btn-bg svg .cls-2 {
	fill: #3E99F5;
}

.link-box a:hover {
	background: #79b7f7;
	color: #fff;
	text-decoration: none;
}
.link-box a.c-btn-bg:hover svg .cls-2 {
	fill: #fff;
}

.case-body .answer {margin: 20px 0;line-height:1.8;}
.opacity {opacity: 0.2;display: block;overflow: hidden;}
.opacity, .dl-box {height: 40vw;max-height: 440px;}
.dl-box {position: absolute;left: 0;width: 100%;display: block;text-align: center;font-weight: bold;z-index: 1;margin-left: auto;margin-right: auto;font-size: 2.0rem;background-image: url(../img/case/grad.png);background-position: center bottom;background-repeat: repeat-x;}
/* .case-box dd {border-left: 7px solid #2FB4D0;padding: 0 20px;margin-bottom: 40px;} */
.dl-box p {margin-top: 7vw;margin-bottom: 2rem;}
c-btn-bg.mod-fill {color: #fff;background: #2fb4d0;}
.dl-box a {font-size: 2.0rem;max-width: 360px;margin-left: auto;margin-right: auto;}
.c-inner {margin-left: auto;margin-right: auto;}
.c-container {max-width: 1180px;max-width: 1080px;margin: auto;}
.c-hr {margin: 70px 0 70px 50%;}
.c-btn-bg {font-size: 1.5rem;padding: 15px;}
.c-btn-bg {color: #3E99F5;font-size: 1.6rem;background: #fff;display: block;text-align: center;text-decoration: none;padding: 22px;border: 1px solid #3E99F5;position: relative;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.c-inner.mod-990 {max-width: 990px;}

.case-header-box{position: relative;}
.case-header-box h2.copy{
	position: absolute;
	top: 10rem;
	left: 60px;
	text-align: left;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 900;
}
.case-header-box h2.copy span{color: #3E99F5;}
.case-main-box .lead-box h3{
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.6;}
	
.case-main-box .lead-box {
	padding: 40px;display: block;width: 70%;margin-right: 0;position: relative;
	
	}
.case-main-box .logo-box {
	padding: 40px 40px 0 0;
	display: block;width: 30%;margin-right: 1%;position: relative;}

.case-main-box .logo-box p{
	font-size: 1.2rem;
	font-size: 12px;
	padding: 1rem 0;
}
/* /事例記事 */

.company-box {background-color: #eee;display: block;}
.company-box .logo {padding: 20px;text-align: center;}
.company-box ul li.right {display: block;width: 69.5%;margin-right: 1%;position: relative;padding-left: 0;}
.company-box .text {height: 100%;display: table;width: 100%;}
.company-box .text p {display: table-cell;vertical-align: middle;}
.c-icon-blank:after {content: "";display: inline-block;
background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20x%3D%220px%22%20y%3D%220px%22%3E%20%3Cpath%20fill%3D%22%230060b0%22%20d%3D%22M14.667%200L9.333%200%209.333%201.301%2013.333%201.301%2013.333%202.699%2014.667%202.699%2014.667%206.699%2016%206.699%2016%201.301%2016%200zM14.667%2014.699L1.334%2014.699%201.334%201.301%206.667%201.301%206.667%200%201.334%200%200%200%200%201.301%200%2014.699%200%2016%201.334%2016%2014.667%2016%2016%2016%2016%2014.699%2016%209.301%2014.667%209.301z%22%2F%3E%20%3Cpath%20fill%3D%22%230060b0%22%20d%3D%22M8%206.701H9.333V8.001999999999999H8zM6.667%208.002H8V9.303H6.667zM12%202.699H13.333V4H12zM10.667%204H12V5.301H10.667zM9.333%205.301H10.667V6.7010000000000005H9.333z%22%2F%3E%3C%2Fsvg%3E);
background-size: 100%;width: 12px;height: 12px;margin-left: 5px;}

/*---------------------------------------------コンテンツ-*/
/*-edit0705:umezu-*/
/* #logoBox .inner{max-width: 1080px; margin: 0 auto; width:100%;} */

.contentsArea .inner,
#contentsArea .inner{width:780px;margin: 0 auto;min-width: 780px;}
#contentsAreaB .inner{width:1024px;margin: 0 auto;}
#contentsArea .Toptile{padding:100px 0;}

.wrapFlex {margin: 0 auto }
.wrapFlex ul {display: flex;}
.wrapFlex > ul li{display: block;width: 49.5%;position: relative;}
.wrapFlex > ul.col3 li{width: 32%; margin-right: 2%; position: relative;}
.wrapFlex > ul.col4 li{width: 24.6%; margin-right: 0.2%; position: relative;}
.wrapFlex > ul li.col70{width: 64%; margin-right: 2%; position: relative;}
.wrapFlex > ul li.col30{width: 32%; margin-right: 2%; position: relative;}
.wrapFlex > ul li:last-child{margin-right: 0;}

.w64 .colL{position: relative;display: block;font-size: 1.5rem;line-height: 2.0;width:460px !important;margin-right:34px;text-align:left;}
.w64 .colR{position: relative;display: block;width:286px !important;text-align:right;}

#contents,#wrapMainvisual {margin-top: 70px;min-width: 1024px;}

#contents, #wrapMainvisual {margin-top: 0;}
#contents.on, #wrapMainvisual.on{margin-top: 70px;}


#logoBox{padding-top:36px;padding-bottom: 20px;}

#Top-bsuite{padding:50px 0;}
#Top-bsuite .inner{width:780px;margin: 0 auto;}
#Top-bsuite .headSvgBox{display: inline-block;width: 90px;margin-right: 0.3rem;}
#Top-bsuite .headSvgBox .svgContent{top: -2.4rem;}
#Top-bsuite .lead{text-align: left;font-size: 1.5rem;line-height: 1.6;margin-bottom:35px;font-weight:normal;}
#Top-bsuite .colL,#Top-bsuite .colR{padding: 36px 36px;background: #fff;}
#Top-bsuite .colL{width: 48%;margin-right: 4%;}
#Top-bsuite .colR{width: 48%;}
#Top-bsuite h3{font-size: 1.2rem;border: 1px solid #333;border-radius: 20px;}
#Top-bsuite .colL img,
#Top-bsuite .colR img{margin-bottom: 5px;}
#Top-bsuite .colL .lead,
#Top-bsuite .colR .lead{text-align: left;font-size: 1.4rem;line-height: 2.8rem;margin-bottom: 30px;padding: 0;}
#Top-bsuite h4{text-align: left;font-size: 1.8rem;font-weight:bold;padding-top: 1.3rem;border-top: 1px solid #cbd6e2;margin-bottom: 10px;}
#Top-bsuite .wrapFlex ul.point{display: block;text-align: left;line-height: 3.6rem;margin-bottom: 30px;}
#Top-bsuite .wrapFlex > ul li li{width: 100%;}

#beegle #point{padding: 70px 0;margin-top: 60px;}
#beegle #point h2{text-align: center;margin-bottom: 50px;}
#beegle #point  .colL{width:450px ;margin-right:50px;}
#beegle #point  .colR{width:280px;}
#beegle #point .box{background-color: #fff;padding:30px 30px 1px 30px;border-radius:8px;}
#beegle #point .box .colL,
#beegle #point .box .colR{margin: 0;padding: 0;font-size: 1.8rem;line-height: 1.3;}
#beegle #point .box .colL{width: 12%;padding-bottom: 20px;margin-right: 3%;}
#beegle #point .box .colR{width: 85%;}
#beegle #point .box .pointBox{display: block;background-color: #f5f8fa;margin-top: -20px;padding: 20px;margin-bottom: 30px;font-size: 1.3rem;line-height: 1.8;letter-spacing:0.03em;}

#service img.logo  {max-height: 35px;}
#papatto #papattoBox .bgGray{padding: 70px 0;}
#papatto #papattoBox #about{padding: 50px 0;background-color: #fff;border-radius: 8px;text-align: center;}
#papatto #papattoBox #about .colL{width: 225px;margin:0 27px 0 30px;}
#papatto #papattoBox #about .colR{width: 468px;margin:0}
#papatto #papattoBox #step{padding: 70px 0;}
#papatto #papattoBox #option{margin-bottom: 70px}
#papatto #papattoBox #option h2 {line-height: 1.0;}	
#papatto #papattoBox #option h2 span.option{background-color: #1ec14d;color: #fff;font-size: 1.8rem;padding: 1px 9px;margin-right: 0.8rem;border-radius: 3px;}
#papatto #papattoBox #option,
#papatto #papattoBox #intent{font-size: 1.5rem;line-height: 3.4rem;}
#papatto #papattoBox #intent{margin-bottom: 70px}
#papatto #papattoBox #intent .sub{font-size: 2.4rem;}
#papatto #papattoBox #intentBox{font-size: 1.5rem;line-height: 3.4rem;}
#papatto #papattoBox #intentBox p{line-height: 2.4rem;}

#clicksearch .price .wrapTable table td{padding:0;}
#clicksearch table.click{font-size:1.2rem;}
#clicksearch table.click td{padding:10px !important;border:1px solid #eee;background:#f7f6f5;}
#clicksearch #clickBox .bgGray{padding: 70px 0;}
#clicksearch #clickBox #about{padding: 50px 0;background-color: #fff;border-radius: 8px;text-align: center;}
#clicksearch #clickBox #about .colL{width: 225px;margin:0 27px 0 30px;}
#clicksearch #clickBox #about .colR{width: 468px;margin:0}
#clicksearch #clickBox #step{padding: 70px 0;}
#clicksearch #clickBox #option{margin-bottom: 70px}
#clicksearch #clickBox #option h2 {line-height: 1.0;}	
#clicksearch #clickBox #option h2 span.option{background-color: #367d4e;color: #fff;font-size: 1.8rem;padding: 1px 9px;margin-right: 0.8rem;border-radius: 3px;}
#clicksearch #clickBox #option{font-size: 1.5rem;line-height: 3.4rem;}
#clicksearch #clickBox #option p{line-height: 1.6;}

#bplus #bplusBox #about{width:780px;padding: 50px 30px 50px;background: #fff;border-radius: 6px;margin-bottom: 50px;display: inline-block;overflow: hidden;}
#bplus #bplusBox .bgGray{padding: 70px 0;}

#bplusBox #about .colL{position: relative;display: block;font-size: 1.5rem;line-height: 2.0;width:360px !important;text-align:left;}
#bplusBox #about .colR{position: relative;display: block;width:340px !important;text-align:right;}

.papatto .colL{font-size: 1.5rem;}
.bplus .colL{font-size: 1.5rem;}
.bplus #about .inner li:nth-child(1) {margin-right: 20px;}
.bplus #about .inner{font-size: 1.5rem;padding:0 30px 0 0;line-height: 3.2rem;}
.bplus #step{margin-top: 60px;}
.bplus #data h2{background: #0099d6;color: #fff;font-size: 1.6rem;font-weight:bold;border-radius: 10px 10px 0px 0px;padding:5px 0;}
.bplus #data h3{font-size: 1.4rem;font-weight: bold;}
.bplus #data .inner{padding: 0;}
.bplus #data .lead{font-size: 1.5rem;line-height:1.8;}
.wrapFlex .hfImgL{width:380px;margin-right:10px;}
.wrapFlex .hfImgR{width:380px;margin-left:10px;}






/*---------------------------------------------コラム・事例-*/
/*-一覧-*/
#column .listtop,#case .listtop{display:flex;padding-bottom:50px;}
#column .listtop .contL,#case .listtop .contL{display:block;width:480px;}
#column .listtop .contR,#case .listtop .contR{display:block;width:520px;margin-left:34px;}
#column .listtop div,#case .listtop div{margin-bottom:20px;}
#column .tagP,#case .tagP{background:#2bcc23;border-radius:20px;padding:5px 10px 3px 10px;font-size:1.1rem;line-height:1.1;color:#fff;}
#column .tagB,#case .tagB{background:#0086cd;border-radius:20px;padding:5px 10px 3px 10px;font-size:1.1rem;line-height:1.1;color:#fff;}
#column h2.colTop,#case h2.colTop{margin-bottom:20px;font-size:2.0rem;font-weight:bold;line-height:1.4;text-align:left;}
.LinkRight{text-align:right;font-size:1.2rem;margin-top:20px;}
#column #columnList .inner{width:1024px;margin:0 auto;padding:50px 0;}
#column #columnList .wrapFlex li{width:245px;margin-right:11px;}
#column #columnList .wrapFlex li.subArea{width: 256px;background:#eee;padding:13px;margin-right:0;}
#column #columnList .wrapFlex .colDays{display:block;font-size: 1.3rem;color:#888;margin:5px 0;}
#column #columnList .wrapFlex h3{font-size: 1.2rem;color:#333;line-height:1.4;}
#column #columnList .wrapFlex h3:hover{color:#eb0a1e;}
#column #columnList .wrapFlex li a:hover{text-decoration:none;}
#column #columnList .subbnr{margin-bottom: 10px;}
#column .topics{background-color: #fff;border-radius: 5px;overflow: hidden;}
#column .topics h3{background: #3e99f5;color: #fff !important;font-size: 1.4rem !important;text-align: center;margin-bottom: 0;line-height:30px !important;font-weight:bold;padding:5px 0 3px 0;}
#column .topics h3:hover{color: #fff;}
#column .topics img{padding: 10px 10px 0;width: 100%;}
#column .topics p{margin: 10px 10px 20px 10px;font-size: 1.3rem;color:#333;line-height:1.4;}
#column .topics p:hover{color:#eb0a1e;}
#column .topics a:hover{text-decoration:none;}

/*-詳細-*/
#column .post #columnBox{max-width: 1024px;margin:0 auto;}
#column .post #columnBox .flexBox{display: flex;flex-direction: row;width: 100%;}
#column .post #columnBox .inner{width:740px;margin-right:28px;}
#column .post #columnBox .subArea{width: 256px;background: #eee;padding: 13px;display: block;}
#column .post #columnBox .subArea .sticky {position: sticky;top: 80px;}
#column .post #columnBox .subArea .links li{margin-bottom: 10px;}

#column .colIndex{border-top: 2px solid #6c6c6c;border-bottom: 2px solid #6c6c6c;padding:20px 0;margin-bottom:50px;}
#column .colIndex li {border-bottom:1px dotted #d2d2d2;padding-bottom:10px;margin-bottom:10px;}
#column .colIndex li:last-child{border-bottom:none;}
#column .colIndex li a{color:#333;}
#column .colIndex li a:hover{color:#eb0a1e;text-decoration:none;}

#column section p {letter-spacing:0.05em;line-height:2.0;color:#333;margin-bottom:40px;}
#column section h2 {position: relative;font-size: 2.0rem;padding-bottom:10px;border-bottom: 2px solid #3e99f5;text-align:left;padding-top:50px;}
#column section h2:after{position:absolute;border-bottom: 2px solid #eee;width:70%;bottom:-2px;right:0;content:'';}
#column section h3 {padding-left: 12px;margin-bottom: 20px;border-left: 4px solid #3e99f5;font-size:1.8rem;font-weight:bold;}
#column section h4 {font-size:1.6rem;font-weight:bold;border-bottom:4px double #333;margin-bottom: 20px;}

/*---------------------------------------------料金-*/
.price .brGray{background: #eee;padding: 20px;border-radius: 5px;}
.price .wrapTable table.price1{border-radius: 5px;overflow: hidden;}
.price .wrapTable table.price1 td{background: #fff;border-bottom: 1px solid #eee;text-align: left;font-weight: normal;font-size: 2.2rem;text-align: center;}
.price .wrapTable table td{padding:30px 0;text-align:center;}
.price .wrapTable table td.bgBlue{background-color: #4274b9; color: #fff;font-size: 1.8rem;text-align: left; padding-left: 5rem;}
.price .wrapTable table td.bgSkyBlue{background-color: #5e8ed0; color: #fff;font-size: 1.8rem;text-align: left; padding-left: 5rem;} 
.price .wrapTable table td.bgBlue span,
.price .wrapTable table td.bgSkyBlue span{font-size: 1.3rem;font-weight: normal;line-height: 1.4;display: inline-block;;}
.price .wrapTable table td .bigPrice{font-size: 5.5rem;line-height: 1.0;}
.price .wrapTable table td .midPrice{font-size: 3.0rem;line-height: 1.0;}
.price .wrapTable table td small{font-size: 1.2rem;}
.price #samplePrice{padding: 60px 0;}
.price #samplePrice .inner{max-width: 780px;margin: 0 auto;}
.price #samplePrice .lead{font-size: 1.8rem;}
.price #samplePrice .mini{display: block;}
.price #priceBox2 .lead{font-size: 1.8rem;}
.price #priceBox2 .mini{text-align: left;}
.price #priceBox2 .wrapTable table th{background-color: #d9d9d9;color: #333;padding: 3px 0;font-size: 1.6rem;border: none;}
.price #priceBox2 .wrapTable table td {font-size: 1.8rem;padding: 20px 0;text-align: center;}
.price #priceBox2 .wrapTable table td.bgBlue{font-size: 2.6rem;}
.price #priceBox2 .wrapTable table td.bgSkyBlue{font-size: 2.6rem;}
.price #priceBox2 .wrapTable table td .bigPrice{font-size: 4.0rem;}


.price #priceBox2 .wrapTable table tr{border-bottom: 2px solid #eee; background: #eee;}
.price #priceBox2 .wrapTable table td.bgBlueGray{background-color: #c0d6df;border-right: 2px solid #eee;vertical-align: middle; }
.price #priceBox2 .wrapTable table th{color: #fff; padding: 15px; background:#999999; text-align: center;border-right: 2px solid #eee;vertical-align: middle;}
.price #priceBox2 .wrapTable table td{font-size: 1.1rem;padding: 2px;font-weight: 700;letter-spacing: 0;}
.price #priceBox2 .wrapTable table td.mini{font-size: 1.0rem;}
.price #priceBox2 .wrapTable table th{font-size: 1.0rem;padding: 1px;}
.price #priceBox2 .wrapTable table td.bgSkyBlue{font-size: 1.0rem;border-right: 2px solid #eee;}

.price #clicksearch{padding: 60px 0;}

/*--------------------------------------------フォーム-*/
#inquiry {position: relative;overflow: visible;padding: 0 0 30px;}

#inquiry #wrapForm table{width: 100%;border-radius:8px;}

#inquiry #wrapForm table th{position: relative;text-align:left;width:28%;font-size:1.4rem;vertical-align: top;padding:20px 2%;background:#daecfe;border-bottom:1px solid #fff;}
#inquiry #wrapForm table th span{font-size:1.2rem;font-weight:normal;}
#inquiry #wrapForm table td{position: relative;width:64%;font-size:1.4rem;padding:20px 2%;background:#f8f8f8;border-bottom:1px solid #fff;}
#inquiry #wrapForm table td span{color:#888;font-size:1.2rem;}

#inquiry #wrapForm .required{display:block;position:absolute;top:22px;right:10px;background:#3e99f5;color: #fff;text-align: center;font-size: 1.1rem;padding: 3px 6px;line-height: 1;border-radius:20px;width:auto;}
#inquiry #wrapForm iframe {width:100%;background: #fff;border: 1px solid #c0c0c0;    border-radius: 5px; font-size: 1.4rem;}

#inquiry #wrapForm table select, textarea {width:100%;color:#333;font-size:1.4rem;padding: 4px;border:1px solid #999;border-radius: 3px;}
#inquiry #wrapForm table input[type="text"]{font-size:1.4rem;padding: 6px 1%;border:none;border-bottom:1px solid #999;background:#fff;width:98%;}
.contactBtnArea{margin:0 auto;padding-top:30px;width:100%;}
.contactBtnArea a{margin:0 auto;width:30%;display:block;text-align:center;}


.ftInner  {
	max-width: 1024px;
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 8px 0;
}

@media screen and (min-width: 768px) {
	#wrap,
	#service,
	.wrapper, .header,
	.footer .footer_in{
		min-width: 1024px;
	}
	#papatto #service {}
	#papatto #service .inner{
		max-width: 1024px;
		margin: 30px auto;
	}
	
	
}

/* SP */
@media screen and (max-width: 767px) and (min-width: 0px) {
.view-pc{display: none;}
.view-sp{display: block;}


.mini{font-size:3.2vw;line-height: 1.6;}
/* body{font-size:4.4vw;margin: 5px;} */
body{font-size:3.4vw;margin: 5px}
/* h1{font-size: 5.8vw;} */
h1{font-size: 1.8rem;}
h2 {/* font-size: 1.05rem; */font-size: 4.4vw; line-height: 1.6; /* font-weight: 500; */}

.contentsArea .inner, #contentsArea .inner,
#contents,#wrapMainvisual {min-width: auto ;}
#wrap,#header{min-width: inherit ;width: 100vw;max-width: 100vw;}



.slick-dots{top: 0;}
.wrapFlex > ul.col3 li{width: 100%; margin-right: 0%;}
.wrapFlex > ul.col4 li{width: 100%; margin-right: 0%;}

/* ハンバーガーメニュー */


.wrapTable {margin-bottom: 5%;overflow: auto;padding-bottom: 5%;}	
.wrapTable table {width: 200%;}
.wrapTable table.data2 {width: 200%;}

.ch-logo{width: 95vw; margin: 0 auto 10px;}
.ch-logo .svgContent{height: 30px;}
a.btn{display: inline-block;line-height: 2.6rem;margin: 0.2rem;}

.w64 .colL,
.w64 .colR{display: block;width: 100%;padding-bottom: 30px;font-size: 4.4vw;}
.w64 .colL img,
.w64 .colR img{margin-left: auto;margin-right: auto;display: block;width: auto;}
.block img{display: block;}

/* video */
.video{height: 94vw;left: 0;}
.video::after{height: 94vw;}

/*
#header .inner {width: 100%;margin: 0 auto 10px;text-align: center;}
#header .inner .boxL{margin-bottom: 3%;width: 100%;height: 3.6rem;}
#header .inner .boxC{display: none;}
#header .inner .boxR{width: 100%;text-align: center;}
#header .inner .boxR li{width: 100%;display: inline-block;}
#header .inner .boxR li a.btn{width: 80%;font-size: 1.4rem;}
*/

/* #logoBox{padding-top:36px;padding-bottom: 20px;} */


#logoBox .inner p,
.case-header-box h2,
#Top-bsuite h4,
a.btnArrowR,
#column h2.colTop, #case h2.colTop,
.case-main-box .lead-box h3,
.case-body h3{font-size: 3.8vw;}

#Top-bsuite .lead,
#Top-bsuite .colL .lead, #Top-bsuite .colR .lead,
#Top-bsuite .wrapFlex > ul li li,
#case p.floL,
#column .floL,
#column .contR p, #case .contR p,
.case-main-box .lead-box p,
.case-main-box .lead-box,
.case-box ul.dotList li,
.case-wrap .inner, .case-wrap2 .inner,
.price #samplePrice .lead,
.case-body .answer,
.case-wrap .inner strong,
#column #columnList .wrapFlex h3,
#columnBox .box p,
#columnBox .colIndex li,
#column .colIndex li a{font-size: 4.4vw;}

#Top-bsuite .lead{padding: 0 6vw;}

#beegle #point .box .pointBox,
#column #columnList .wrapFlex .colDays {font-size: 3.6vw;}


.wrapFlex li,.wrapFlex li img{margin: 0 auto;width: auto;display: block;}

#service{margin-bottom: 3rem;}
#service h2{ margin-top: 2.6rem; font-weight: 500; text-align: center; margin-bottom: 1.6rem;}
#service .inner{padding: 10px;}
#service .colL{width: 100%;margin-right: 0;}
#service .colR{width: 100%;}
#service .colR img{margin: 10px auto;display: block}
#service .colL .block img {padding-bottom: 10px;}

#bsuite{padding-bottom: 10px;}
#bsuite h2 {text-align: center;vertical-align: bottom;font-size: 1.8rem;display: block;padding-top: 2rem;margin-bottom: 1.6rem;}
#bsuite h2 .headSvgBox{display: inline-block;width: 90px;}
#bsuite h2 .headSvgBox .svgContent{top: -1.0rem;}
#bsuite .lead{font-size: 1.1rem;line-height: 1.8rem;margin-bottom: 2.8rem;text-align: left;padding: 16px;}
#bsuite .colL,#bsuite .colR{padding: 32px;background: #fff;}
#bsuite .colL .lead,#bsuite .colR .lead{margin: -16px;}
#bsuite .colL{width: 100%;margin-bottom: 4rem;}
#bsuite .colR{width: 100%;margin-bottom: 1rem;}
#bsuite h3{font-size: 0.95rem;border: 1px solid #333;border-radius: 20px;}
#bsuite .colL img,
#bsuite .colR img{margin-bottom: 5px;}
#bsuite .colL .lead,
#bsuite .colR .lead{text-align: left;font-size: 1.0rem;line-height: 2.0rem;margin-bottom: 1.6rem;}
#bsuite h4{text-align: left;font-size: 1.4rem;padding-top: 1.3rem;border-top: 1px solid #cbd6e2;}
#bsuite .wrapFlex ul.point{display: block;text-align: left;line-height: 2.6rem;margin-bottom: 1.6rem;}
#bsuite .wrapFlex > ul li li{width: 100%;}

#beegle #point,
#papatto #papattoAbout,
#papatto #step {padding: 20px 10px;}
#clicksearch #papattoAbout,
#clicksearch #step {padding: 20px 10px;}
#clicksearch .price .wrapTable table td {white-space: nowrap;}

#beegle #point{margin-top: 20px;}
#beegle #point .box {background-color: #fff;padding: 25px;margin: 10px;}
#beegle #point h2 {text-align: center;margin-bottom: 30px;}
#beegle #point .wrapFlex ul {display: block;}
#beegle #point .colL,
#beegle #point .colR{width: 100%;}
#beegle #point .box .colL, #beegle #point .box .colR {margin: 0;padding: 0;font-size: 1.8rem;line-height: 1.4;}
#beegle #point .box .colL {width: 12%;padding-bottom: 20px;margin-right: 3%;}
#beegle #point .box .wrapFlex ul {display: flex;margin-bottom: 10px;}
#beegle #point .box .colR {width: 85%;}

#papatto #papattoBox #intent .sub{font-size: 4.4vw;line-height: 1.8;}
#papatto #papattoBox #intent img.view-sp{
	width: 75vw;
	margin: 0 auto 20px;
}

.pTitle h2{font-size: 1.4rem;}
.pTitleBG .inner{padding-top: 10px;}
.beegle .pTitle, .case .pTitle, .price .pTitle, .column .pTitle, .beegle .pTitle, .papatto .pTitle, .bplus .pTitle, .contact .pTitle {
margin-bottom: 20px;
}
.papatto .colL{font-size: 4.4vw;}
#papatto #papattoBox .bgGray{padding: 30px 0 0 ;}
#papatto #papattoBox #about .colL,
#papatto #papattoBox #about .colR{width: 100%;margin: 30px 0;}
#papatto #papattoBox #step{padding: 30px 0;}
#papatto #papattoBox #about{padding: 0; margin: 0;}
#papatto #papattoBox #option h2 span.option{margin-bottom: 10px;display: inline-block;font-size: 1.4rem;}

.clicksearch .colL{font-size: 4.4vw;}
#clicksearch #clickBox .bgGray{padding: 30px 0 0 ;}
#clicksearch #clickBox #about .colL,
#clicksearch #clickBox #about .colR{width: 100%;margin: 30px 0;}
#clicksearch #clickBox #step{padding: 30px 0;}
#clicksearch #clickBox #about{padding: 0; margin: 0;}
#clicksearch #clickBox #option h2 span.option{margin-bottom: 10px;display: inline-block;font-size: 1.4rem;}

#bplus #bplusBox .bgGray{padding: 30px 0 0 ;}
#bplus #bplusBox #about{width: 100%;padding: 10px;margin-bottom: 0;}
.bplus #about .inner{padding: 0;}
#bplusBox #about .colL,
#bplusBox #about .colR{width: 100% !important;margin: 30px 0 0;}
.bplus #step{margin-top: 0;padding-top: 0;}
.wrapFlex .hfImgL,
.wrapFlex .hfImgR,
.wrapFlex .hfImgL img,
.wrapFlex .hfImgR img{width: 100%;margin: 0;}

#contentsAreaB .inner{width: 100vw;}
#column .listtop, #case .listtop{display: block;}
#column .listtop .contL, #case .listtop .contL{width: 100%;}
#column .listtop .contR, #case .listtop .contR{width: 100%;margin: 0;padding: 20px 10px;}
#column .topicpath, #case .topicpath{padding: 0 10px 10px;}

.c-hr{margin: 10px 0 10px 50%;}
.case-body,
.case-wrap .inner{width: 100vw;}
.case-wrap .inner{padding: 0 20px;}
.case-box ul{display: block;}
.case-box ul li.left,
.case-box ul li.right{width: 100%;}

.case_index_bg, .case-header-box {margin-left: -5.335%;margin-left: -1.335%;}
.case-main-box {height: auto;}
.case-main-box div {display: block;}
.case-main-box .logo-box {width: auto;margin-top: 0;padding: 10px;margin-right: 0;text-align: center;}
.case-main-box .lead-box {padding: 10px 10px 20px;width: 100%;}
.case-box {margin-top: 30px;margin-bottom: 30px;}
.case-wrap, .case-wrap2 {margin-left: 0;width: 100%;min-width: auto;}
.case-wrap img, .case-wrap2 img, .case-main-box .logo-box img, .company-box .logo img {display: block;padding: 10px 0;margin:0 auto;width: 80%;}
.case-wrap ul, .case-wrap2 ul {display: block;width: auto;margin-right: 0%;}
.case-wrap ul li.left {display: block;width: 100%;margin-right: 0;}
.case-wrap ul li.right {display: block;width: 100%;margin-right: 0;padding: 0 20px}
.case-wrap ul li.left .inner, .case-wrap2 ul li.right .inner {max-width: 100%;margin: 0;padding: 20px;}
.case-body .answer strong {font-weight: bold;}

.case-header-box h2.copy{position: relative;top: auto;left: 20px;
	font-size: 24px;
	font-size: 2.4rem;
}
.case-main-box .logo-box p{
	text-align: left;
	padding: 0 20px;
	font-size: 16px;
	font-size: 1.6rem;
}

.price .wrapTable table td.bgBlue {font-size: 1.2rem;padding: 1rem;}
.price .wrapTable table td.bgSkyBlue {font-size: 1.2rem;padding: 1rem;}
.price .wrapTable table td.bgBlue span, .price .wrapTable table td.bgSkyBlue span {font-size: 1.0rem;}
.price .wrapTable table td .bigPrice{font-size: 3.5rem;}
.price .wrapTable table td .midPrice{font-size: 2.2rem;}
.price #priceBox2 .wrapTable table td.bgBlue,
.price #priceBox2 .wrapTable table td.bgSkyBlue {    font-size: 1.6rem;}
.price #priceBox2 .wrapTable table td .bigPrice {font-size: 2.0rem;}


.price .wrapTable table td {font-size: 1.0rem;}
.price #priceBox2 .wrapTable table td.bgBlue, .price #priceBox2 .wrapTable table td.bgSkyBlue {font-size: 0.9rem}


#column .post #columnBox .flexBox{display: block;}
#column .post #columnBox .inner{width: 100%;}
.column .inner{padding: 10px;}
.column .topicpath .inner{padding: 0;}
#column .post #columnBox .subArea{width: 100%;}


#columnBox li {width: 100%;}
#columnBox li img{display: block;padding: 10px 0;margin:0 auto;width: 80%;}
/* #columnBox li:nth-child(2n) {float: left;width: 48%;margin-right: 0;} */
#columnBox .w64 li.colL,
#columnBox .w64 li.colR {width: 100%;}
#columnBox .box{line-height: 1.6;font-size: 1.6rem;}
#columnBox .box p{margin-bottom: 20px;}
#columnBox .colL h2{font-size: 2.0rem;}

#column #columnList .inner{width: 100%;padding: 0;}
#column #columnList .wrapFlex li {width: 100%;padding: 20px;}
#column #columnList .wrapFlex li.subArea{width: 100%;}

#column .title {text-align: center;background-color: #cef9f4;padding: 30px 0;margin-bottom: 30px;}
#columnBox .colIndex li {width: 100%;border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px;}
#columnBox .box h2 {position: relative;font-size: 2.0rem;padding: 10px 0;font-weight: bold;margin-bottom: 30px;}

.opacity, .dl-box {height: 120vw;}



#inquiry #wrapForm table th,
#inquiry #wrapForm table td {
	width: 100%;
	display: block;
}
#inquiry #wrapForm table th{
/* font-size: 1.6rem; */
}
#inquiry #wrapForm table input[type="text"],
#inquiry #wrapForm table select, textarea{
font-size: 2.6rem;
}
#inquiry #wrapForm label {
	font-size: 1.6rem;	
}
input[type="checkbox" ] {
/*
	width: 2.0rem;
	height: 2.0rem;
*/
}
.contactBtnArea a{
width: 60%;
}


/*
#inquiry #wrapForm table th{font-size: 1.2rem;text-align: center;}
#inquiry #wrapForm .required{
	position: relative;
	top: auto;right: auto;
	margin: 0 auto;
	display: block;
}
*/


}



.videoBox{}
@media screen and (max-width: 560px) and (min-width: 0px) {
	.videoBox{
		width:100vw;
		max-width: 100%;
	}
	.videoBox iframe{
		width:100%;
		width: 90vw;
		height: 50vw;
	}
}