@charset "shift_jis";
#header .head_bottom ul li li.st-Header_SubPageNavItem.in_flex .box{margin-top:0;padding-bottom:0;}
div.container_ {width: 100%;}
div.container_ div.mainframe_ {width: 100%;}
#mainContents {width:100%;padding-top:0px;float: none;}
div.container_ div.contents_ {float: none;width: 1200px;margin:0 auto;}
#mainContents > div {width:80%;min-width:1200px;margin-right:auto;margin-left:auto;}
#mainContents h1 {margin-top:40px;padding-bottom:30px;background-image:url(/cms/images/common/line_dot_green.png);background-position:left bottom;background-repeat:no-repeat;font-size:40px;letter-spacing:0;}
#mainContents #boxExample h2 ,#boxService h2{margin-top:40px;padding-bottom:30px;background-image:url(/cms/images/common/line_dot_green.png);background-position:left bottom;background-repeat:repeat-x;font-size:40px;letter-spacing:0;text-align: center;}
#boxMainVisual img {width:100%;height:auto;}
#boxMainVisual p {margin-top:30px;}
#boxMainCatch {height:140px;background-image:url(/cms/images/lp/global/catch_illust.png);background-position:right bottom;background-repeat:no-repeat;}
#boxMainCatch h1 {line-height:140px;margin-top:0;padding-bottom:0;padding-left:248px;background-image:url(/cms/images/lp/global/catch_logo.png);background-position:0 20px;background-repeat:no-repeat;letter-spacing:-0.02em;}
#boxStrongpoint ul {margin-top:50px;}
#boxStrongpoint ul li {float:left;width:18%;margin-right:2.5%;}
#boxStrongpoint ul li img {width:100%;height:auto;}
#boxStrongpoint ul li:last-child {margin-right:0;}
#boxStrongpoint ul li p {text-align:center;font-size:18px;font-weight:500;}
#boxStrongpoint ul li p span {display:block;font-size:14px;font-weight:400;}
#boxStrongpoint ul li .image {margin-top:25px;}
#boxStrongpoint ul {zoom: 1;}
#boxStrongpoint ul:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#boxExample {width:100% !important;padding-bottom:10px;background-color:#f5f5f5;}
#boxExample h2 {padding-bottom:0;background:none;text-align:center;}
#boxExample h2 span {display:inline-block;padding-top:40px;border-top:2px solid #5fb700;font-weight:700;}
#boxExample  ul.snav {width:960px;margin:40px auto 50px auto;}
#boxExample ul.snav li {float:left;}
#boxExample ul.snav li a {display:block;width:240px;height:157px;border-right:1px solid #dcdcdc;background-image:url(/cms/images/lp/global/arrow_down_green.png);background-position:center 127px;background-repeat:no-repeat;text-align:center;box-sizing:border-box;	}
#boxExample ul.snav li:first-child a {border-left:1px solid #dcdcdc;}
#boxExample ul.snav li a:hover {background-color:#e9e9e9;}
#boxExample ul.snav li a .logo {display:table-cell;width:240px;height:94px;text-align:center;vertical-align:middle;}
#boxExample ul.snav li a .logo img {display:inline-block;}
#boxExample ul.snav li a p {font-size:12px;}
.box {width:1000px;margin-top:50px;margin-right:auto;margin-left:auto;padding-bottom:50px;}
.box h3 {position:relative;height:135px;background-color:#f5f5f5;background-position:0 0;background-repeat:no-repeat;}
.box#diana h3 {background-image:url(/cms/images/lp/global/h_diana.png);}
.box#asknowas h3 {background-image:url(/cms/images/lp/global/h_asknowas.png);}
.box#makersshirt h3 {background-image:url(/cms/images/lp/global/h_makers_shirt.png);}
.box#graphis h3 {background-image:url(/cms/images/lp/global/h_graphis.png);}
.box h3 span {position:absolute;top:40px;left:377px;line-height:140%;font-size:26px;font-weight:700;letter-spacing:0;}
.box h3 ul {position:absolute;top:30px;right:35px;width:110px;}
.box h3 ul li {float:left;margin-right:5px;}
.box .main {padding-top:25px;background-color:#fff;text-align:center;}
.box p {padding:30px 40px 35px 40px;background-color:#fff;}
#diana,#asknowas,#makersshirt,#graphis {margin-top:-76px;padding-top:76px;}
#boxExample ul.snav {zoom: 1;}
#boxExample ul.snav:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#boxService p {margin-top:40px;}
#boxService ul {width:80%;margin-top:40px;margin-right:auto;margin-left:auto;}
#boxService ul li {float:left;width:17.5%;margin-right:2.5%;}
#boxService ul li img {width:100%;height:auto;}
#boxService ul li:last-child {margin-right:0;}
#boxService ul {zoom: 1;}
#boxService ul:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#boxTmall .image {margin-top:60px;text-align:center;}
#boxTmall .image img {width:100%;height:auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}